@charset "UTF-8";
/* CSS Document */

/*----info----*/

.info{
	max-width: 1100px;
	width:100%;
	margin:20px auto 40px;
}

.info_container{
	width:100%;
	padding:70px 0;
	display: flex;
	flex-wrap: wrap;
}

.info h1{
	text-align: right;
    font-size: 26px;
    color: #333;
	font-weight: normal;
	letter-spacing: 2px;
}
.info h2{
	width:150px;
	text-align: left;
    font-size: 16px;
    color: #333;
	font-weight: normal;
	letter-spacing: 2px;
	padding-top: 5px;
}

.info_container .title_box{
	width:25%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.info_container .text_box{
	width:75%;
}

.info_container .text_box a{
	color:#222;
	transition: .2s;
}
@media only screen and (min-width: 521px){
	.info_container a:hover{
		opacity: .65;
	}
}

.info_container .text_box.info_jp dl{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
    line-height: 1.8;
	letter-spacing: 2px;
}
.info_container .text_box.info_jp dt{
	width:25%;
	padding-left:10%;
}
.info_container .text_box.info_jp dd{
	width:65%;
}

.text_box.img_line{
	display: flex;
	flex-wrap: wrap;
	width: 62%;
    padding:0 5% 0 8%;
}

.text_box.img_line img{
	height:200px;
	width:auto;
}
.text_box.img_line a{
	display: inline-block;
	margin: auto;
}

.text_box.img_line.two{
	margin-top: 20px;
}

.text_box.img_line.two img{
	border: 1px solid #eee;
}

.text_box.eng{
	font-size: 14px;
    line-height: 1.8;
	letter-spacing: 2px;
}
.text_box.eng .single{
	width:90%;
	padding-left:10%;
}
.text_box.eng .double{
	width:90%;
	padding-left:10%;
}
.text_box.eng .double dl{
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.text_box.eng .double dt{
	width:20%;
}
.text_box.eng .double dd{
	width:80%;
}

.title_box.map{
	width:28%;
	padding-top:20px;
}
.text_box.list{
	width:72%;
}

.text_box.list h2{
	text-align: left;
    font-size: 18px;
    color: #333;
	letter-spacing: 2px;
	padding:0 0 0 5%;
}

.work_list{
    color: #333;
	font-size: 14px;
	letter-spacing: 2px;
	padding-left:5%;
	line-height: 1.8;
	display: flex;
	flex-wrap: wrap;
}
.work_list a{
	color:#000;
	text-decoration: none;
}

.work_list .year{
	width: 100%;
	padding-top: 12px;
}
.work_list .month{
	width: 9%;
	padding-right:1%;
	text-align: right;
}
.work_list .list_text{
	width: 90%;
}


.text_box.bs{
	width:65%;
	padding: 5px 0 0 10%;
	color: #333;
	font-size: 16px;
	letter-spacing: 2px;
}
.text_box.bs a{
	padding-right:1em;
}


@media only screen and (max-width: 1100px){
	.info_container{
		max-width: 600px;
		margin: auto;
	}
	.info_container .title_box{
		width:100%;
		justify-content: flex-start;
	}
	.info h1,
	.info h2{
		width:100%;
		margin-bottom: 15px;
	}
	.info_container .text_box{
		width:100%;
	}
	.text_box.img_line{
		max-width: 680px;
		padding:0;
		margin:0 auto;
	}
	.text_box.eng .single,
	.text_box.eng .double
	{
		width:calc(100% - 40px);
		padding:0 20px;
	}
	.title_box.map {
    	width: calc(32% - 40px);
	    padding-left:40px;
	}
	.text_box.list {
    	width:calc(68% - 20px);
		 padding-right:20px;
	}
	.info_container .text_box.info_jp dt {
		padding-left: 0;
	}
	.text_box.bs {
		padding-left: 0;
	}
	.text_box.img_line a {
		width:48%;
		text-align: center;
	}
	.text_box.img_line img[alt*="JAPAN"]{
		width:100%;
		height:auto;
	}
}


.tb95{display:none;}

@media only screen and (max-width: 950px){
	.tb95{display:inline;}
	.no_tb95{display: none;}

	.info_container .title_box,
	.info_container .text_box{
		width:calc(100% - 50px);
		max-width: 700px;
		margin: auto;
		padding:0 25px;
	}
	.info h1 {
		text-align: left;
		padding-bottom: 10px;
	}
	.info h2 {
		text-align: left;
		padding-bottom: 15px;
		font-size: 18px;
	}
	.info_container .text_box.info_jp dt {
    	width: 25%;
    	padding-left: 5%;
	}
	.info_container .text_box.info_jp dd {
    	width: 70%;
	}
	.title_box.map{
		width:100%;
		order: 2;
		padding-top: 25px;
	}
	.text_box.list{
		width:100%;
		order: 1;
	}
	.text_box.list h2 {
		padding: 0;
	}
	.work_list .year {
		font-size: 18px;
		font-weight: 600;
	}
	.work_list .month{
    	width: 100%;
    	padding-right:0;
		text-align: left;
		line-height: 1em;
	}
	.work_list .list_text{
		width: 100%;
		padding-bottom: 10px;
	}
	.text_box.bs {
		text-align: center;
	}
}

@media only screen and (max-width: 640px){
	.text_box.img_line a{
		width:100%;
		text-align: center;
		padding-top: 10px;
	}
	.text_box.img_line img[alt*="JAPAN"]{
		width:100%;
		height:auto;
	}
	.text_box.img_line a[href*="190401.html"],
	.text_box.img_line a[href*="180401.html"]{
		width: 50%;
	}
	.text_box.img_line a[href*="190401.html"] img,
	.text_box.img_line a[href*="180401.html"] img{
		width:80%;
		height:auto;
	}
}


.tb52{display:none;}

@media only screen and (max-width: 520px){
	.tb52{display:inline;}
	.no_tb52{display: none;}
	
	.info_container {
		padding: 30px 0 50px;
	}
	.info h1 {
		text-align: center;
	}
	.info h2 {
		text-align: center;
	}
	.text_box.list h2 {
		text-align: center;
	}
	.info_container .text_box.info_jp dl {
		padding-bottom: 20px;
	}
	.info_container .text_box.info_jp dt {
    	width:calc(100% - 21px);
		margin-bottom: 3px;
		font-size:12px;
    	padding:2px 8px;
		line-height: 1.3em;
		border-bottom: 1px solid #aaa;
		border-left: 5px solid #333;
		color:#333;
	}
	.info_container .text_box.info_jp dd {
   		width:calc(100% - 20px);
		line-height: 1.4em;
		padding:0 10px 20px;
	}
	.info_container .text_box.info_jp .sp_dt{
		border: none;
		color:#222;
		width: 30%;
		padding:0 0 0 10%;
		line-height: 1.8em;
	}
	.info_container .text_box.info_jp .sp_dd{
		width: 60%;
		padding: 0 0 15px;
	}

	.text_box.eng .double dt {
    	width: 40%;
	}
	.text_box.eng .double dd {
    	width: 60%;
	}
	
	.work_list .month {
		width:50px;
		line-height: 1.5em;
	}
	.work_list .list_text {
    	width:calc(100% - 50px);
		line-height: 1.5em;
		font-size:13px;
		padding-bottom: 15px;
	}
	
	.text_box.bs {
		width: 100%;
    	padding:0 20px 0 2em;
	}
}

@media only screen and (max-width: 420px){
	.title_box.map{
		display: none;
	}
}

@media only screen and (max-width: 374px){
	.text_box.eng {
		font-size: 12px;
	}
}