
.col_sub.company{
	padding: 0 0 125px;
}

#breadcramb_logo{
	width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 20px 24px 20px 80px;
    font-size: 13px;
}

#breadcramb_logo a{
	margin: 0 10px 0;
	text-decoration: underline;
}

#breadcramb_logo a:hover{
	text-decoration: none;
}

@media screen and (max-width: 800px) {
	#breadcramb_logo{
		display: none;
	}
}

.box_company1{
	width: 75%;
	margin: 0 auto 87px;
}

.bg_pagettl.company{
	background-image: url(../img/company/img_main.jpg);
    background-repeat: no-repeat;
}




.box_col_subcompany{
	width: 90%;
	max-width: 1013px;
	margin: 0 auto;
	background-color: #F2F2F2;
}

.col_topcompany.sub{
	width: 100%;
	padding: 32px;
}

.col_topcompany.sub a{
	width: calc((100% - 68px) / 5);
	height: 13.26vw;
	margin: 0 17px 0 0;
	background-color: #FFFFFF;
}

@media screen and (max-width: 850px) {
	.col_topcompany.sub a{
		width: calc((100% - 40px) / 3);
        max-width: 202px;
        height: 29.393vw;
        margin: 0 20px 20px 0;
	}
	
}

@media screen and (max-width: 800px) {
	.col_sub.company{
		padding: 8% 0 13%;
	}
	
	.bg_pagettl.company{
		background-image: url(../img/company/sp/img_main.jpg);
	}
	
	h1.img_ttl.company{
		margin: 0 auto 4vw 0;
	}
	
	.box_company1{
		width: 90%;
		margin: 0 auto 40px;
	}
	
}

@media screen and (max-width: 720px) {
	.col_sub.company{
		padding: 8% 0 20%;
	}
	
	.col_topcompany.sub{
		padding: 5% 17% 5% 5%;
		display: block;
	}
	
	.col_topcompany.sub a{
		width: 98%;
		max-width: 460px;
		height: 100%;
		margin: 0 auto 20px 0;
		padding: 17px 0 17px 5.3%;
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
	}
	
	.col_topcompany.sub a:nth-child(3){
		margin: 0 auto 20px 0;
	}
	
	.col_topcompany.sub a:nth-child(5){
		margin: 0 auto 20px 0;
	}
	
	.col_topcompany.sub a .txt{
		margin: 0;
		flex-direction: row;
	}
	
	.col_topcompany.sub a .icon{
		width: 33.5%;
		margin: 0 4.9vw 0 0;
		max-width: 43px;
	}
	
}


/* --------------- profile --------------- */

.bg_pagettl.profile{
	background-image: url(../img/company/profile/img_main.jpg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 800px) {
	.bg_pagettl.profile{
		background-image: url(../img/company/profile/sp/img_main.jpg);
	}
}
.col_sub.profile{
	padding: 0 0 125px;
}

h1.img_ttl.profile{
	max-width: 575px;
}

.box_profile1{
	width: 75%;
    margin: 0 auto;
}


table.tbl_profile1{
	width: 100%;
}

table.tbl_profile1 tr{
	border-bottom: 1px dotted #000000;

}

table.tbl_profile1 tr:last-of-type{
	border-bottom: none;
}

table.tbl_profile1 th{
	width: 24%;
	text-align: left;
    padding: 2.28em 0.6em 2.28em 3.47em;
    background-color: #F2F2F2;
    color: #196B3D;
    font-size: 16px;
    font-weight: 400;
    vertical-align: baseline;
}

table.tbl_profile1 td{
    box-sizing: border-box;
    padding: 2.28em 0.7em 2.28em 3em;
    font-size: 16px;
    font-weight: 400;
}

table.tbl_profile1 td.list{
	display: flex;
}


ul.list_profile{
	margin: 0;
	padding: 0;
}

ul.list_profile:first-of-type{
	margin: 0 98px 0 0;
}

ul.list_profile li{
	margin: 0 0 8px 0;
}


@media screen and (max-width: 800px) {
	.col_sub.profile{
		padding: 10% 0 90px;
	}
	
	table.tbl_profile1 th{
		width: 28%;
		padding: 4.8% 3.1% 4.8% 3.1%;
		line-height: 1.35;
		font-size: min(4vw , 16px);
	}
	
	table.tbl_profile1 td{
		padding: 3.7% 0 3.7% 4.4%;
		font-size: min(4vw , 16px);
	}
	
	table.tbl_profile1 td.list{
		display: block;
		padding: 3.7% 0 3.7% 6.4%;
		
	}
	
	ul.list_profile:first-of-type{
		margin: 0;
	}
	
	.box_profile1{
		width: 90%;
	}


	
}


/* --------------- profile/en --------------- */

table.tbl_profile1.en th{
	font-size: 15px;
	padding: 2.28em 0.6em 2.28em 2.47em;
}

table.tbl_profile1.en td{
	font-size: 15px;
}
		
		
		
	@media screen and (max-width: 800px) {
		table.tbl_profile1.en th{
			width: 40%;
			padding: 4.8% 3.1% 4.8% 3.1%;
		}
		
		table.tbl_profile1.en td.list {
	        display: block;
	        padding: 3.7% 0 3.7% 6.4%;
	    }
	}


/* --------------- message --------------- */


.box_message1{
	width: 90%;
	max-width: 870px;
	margin: 0 auto;
}

.box_message1.big{
	width: 80%;
	max-width: none !important;
}

.box_message1.mid{
	width: 75%;
	max-width: none !important;
}

.bg_pagettl.message{
	background-image: url(../img/company/message/img_main1.jpg);
    background-repeat: no-repeat;
}

.bg_pagettl.message2{
	background-image: url(../img/company/message/img_main1.jpg);
    background-repeat: no-repeat;
	height: 350px;
}

.bg_pagettl.message.big{
	height: auto;
	background-image: none;
	padding: 0;
}

.bg_pagettl.message.big img{
	width: 100%;
}

@media screen and (max-width: 800px) {
	.box_message1.big{
		width: 90%;
    	max-width: 870px;
	}
	
	.box_message1.mid{
		width: 90%;
    	max-width: 870px;
	}
	
	.bg_pagettl.message{
		background-image: url(../img/company/message/sp/img_main1.jpg);
	}
	
	.bg_pagettl.message2{
		background-image: url(../img/company/message/sp/img_main1.jpg);
		height: calc(100vw * (434 / 800));
	}
}



/* --------------- philosophy --------------- */

.bg_pagettl.philosophy{
	background-image: url(../img/company/philosophy/img_main.jpg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 800px) {
	.bg_pagettl.philosophy{
		background-image: url(../img/company/philosophy/sp/img_main.jpg);
	}
}

.col_sub.philosophy{
	padding: 0 0 145px;
}



.box_philosophy1{
	width: 90%;
	max-width: 1065px;
	margin: 0 auto 90px;
	padding: 0 0 105px 0;
    border-bottom: dotted 1px #000;

}

.box_philosophy1:last-of-type{
	margin: 0 auto;
	padding: 0 0 0 0;
	border-bottom: none;
}
.box_img_philosophy1{
	max-width: 782px;
	margin: 0 auto 120px;
}

.box_img_philosophy1 img{
	width: 100%;
}

.inner_txt_philosophy1{
	max-width: 907px;
	margin: 0 auto;
	position: relative;
}

.cont_txt_philosophy1{
	width: 95%;
	max-width: 852px;
	margin: 0 auto;
}


.inner_txt_philosophy1:before{
	content: "";
	width: 12px;
	height: 12px;
	background: #196B3D;
	transform: rotate(-45deg);
	position: absolute;
	left: 0;
	top: 1em;
}

h2.cont_inner_ttl.philosophy1{
	margin: 0 0 120px;
}

h2.cont_inner_ttl.philosophy2{
	margin: 0 0 30px;
}

.container_philosophy1 {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.card {
	flex: 1;
	border: 1px solid #007A33;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}

.card-header {
	background-color: #196B3D;
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 21px;
	padding: 41px 0;
	width: 120px;
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translateX(-50%);
}

.card-title {
	color: #196B3D;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin: 55px 0 25px;
	line-height: 1.4;
}

.card-text {
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}




@media screen and (max-width: 800px) {
	
	.col_sub.philosophy{
		padding: 10% 0 90px;
	}
	

	
	.cont_txt_philosophy1{
		width: 93%;
	}
	
	.inner_txt_philosophy1:before{
		top: 0.8em;
	}
	
	.box_philosophy1{
		margin: 0 auto 10vw;
		padding: 0 0 8%;
	}
	
	.box_philosophy1:last-of-type{
		margin: 0 auto;
		padding: 0;
	}
	
	.box_img_philosophy1{
		margin: 0 auto 11vw;
	}
	
	
	.container_philosophy1{
		display: block;
	}
	
	.card {
		margin: 0 0 100px;
	}
	
	.card:last-of-type {
		margin: 0;
	}
	
	.card-text{
		font-size: min(4.8vw, 16px);
	}
	
	
}

@media screen and (max-width: 500px) {
	.card{
		padding: 15px 15px 13vw 15px;
	}
	
}


@media screen and (max-width: 450px) {
	
	.cont_txt_philosophy1{
		width: 90%
	}
	
	.card-title{
		font-size: min(5.8vw, 24px);
	}
	
	.card-header{
		padding: 33px 0;
	    width: 100px;
	    top: -55px;
	    font-size: 18px;
	}
	
}


/* --------------- about --------------- */

.bg_pagettl.about{
	padding: 170px 0 0;
	background-image: url(../img/company/about/img_main.jpg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 800px) {
	.bg_pagettl.about{
		padding: 29% 0 0;
		background-image: url(../img/company/about/sp/img_main.jpg);
	}
}


h1.pagettl.about{
	font-size: min(11vw, 70px);
}

.col_sub.about{
	padding: 0 0 145px;
}

h1.img_ttl.about{
	margin: 0 auto 0 0;
}


.bg_cont_about {
    width: 95%;
    max-width: 860px;
    margin: 0 auto 60px;
    padding: 130px 0 0;
    background-image: url(../img/company/about/bg_about1.svg);
    background-size: 376px auto;
    background-position: center top 18%;
    background-repeat: no-repeat;
}

.bg_img_about{
	max-width: 188px;
	margin: 0 auto 8px;
	
}

.bg_img_about img{
	width: 100%;
}

.bg_txt_about{
	font-size: 16px;
	line-height: 2;
	text-align: center;
	letter-spacing: -0.03em;
}

.bg_txt_aboutttl{
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 500;

}

ul.list_history{
	width: 95%;
    max-width: 1248px;
    margin: 0 auto;
    padding: 35px 0 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

.timelineWrap {
  position: relative;
}

.timelineWrap::before {
  content: "";
  position: absolute;
  top: -19px;
  left: calc(50% + 5px);
  transform: translateX(-50%);
  width: 19px;
  height: 19px;
  border: 1px solid #196B3D; /* 緑の円枠 */
  border-radius: 50%;
  background: transparent;
  box-sizing: border-box;
  z-index: 2;
}

.timelineArrow {
  position: absolute;
  top: 0;
  left: calc(50% + 5px);
  width: 1px;
  height: 50px;
  background: transparent;
  z-index: 0;
  overflow: hidden;
}

.timelineArrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #196B3D;
}




ul.list_history li{
	width: 50%;
    min-height: 120px;
    margin: -70px 0 0;
    padding: 0 25px 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
}

ul.list_history > li.no-count {
	display: none;
}


.inner_cont_about1{
    margin: 0 auto;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(9) .inner_cont_about1{
	max-width: 100%;
}

ul.list_history li.camel{
	position: relative;
	padding: 0 5px 0 0;
}

ul.list_history li.camel:before{
	content: "";
	width: 2px;
	height: 123%;
	background-image: url(../img/company/about/line2.svg);
	background-size: 2px auto;
	position: absolute;
	top: -23%;
}

ul.list_history li.camel.first{
	position: relative;
	padding: 0 5px 0 0;
}

ul.list_history li.camel.first:before{
	content: "";
	width: 45px;
	height: 122%;
	background-image: url(../img/company/about/line.svg);
	background-size: 45px 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: -285px;
	right: -3%;
	z-index: 1;
}

ul.list_history li:first-of-type{
	    margin: 0;
}

ul.list_history li:nth-of-type(2n){
	padding: 0 0 10px 25px;
	margin-left: 52%;
	margin-top: -67px;
}

ul.list_history li:nth-of-type(3){
	margin-top: -26px;
}


ul.list_history li:nth-of-type(4){
	margin-top: -40px;
}

ul.list_history li:nth-of-type(5){
	margin-top: -265px;
}

ul.list_history li:nth-of-type(6){
	margin-top: -1418px;
}


ul.list_history li:nth-of-type(7){
	padding: 0 0 10px 25px;
	margin-left: 52%;;
	margin-top: -234px;
}



ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(even){
	margin: 0;
	margin-top: -291px;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(odd){
		margin-left: 52%;;

}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(8){
	margin-top: 53px;
	margin-left: 52%;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(9){
	margin-top: -1875px;
	margin-left: 0;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(10){
	margin-top: -21vw;
	margin-left: 52%;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(11){
	margin-top: -505px;
	margin-left: 0;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(12){
	margin-top: -97px;
	margin-left: 52%;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(13){
	margin-top: -445px;
	margin-left: 0;

}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(14){
	margin-top: -138px;
	margin-left: 52%;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(15){
	margin-top: -130px;
	margin-left: 0;
}

ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(16){
	margin-top: 44px;
	
}


.year{
	max-width: 197px;
}

ul.list_history li:nth-child(4n+1) .year{
	padding: 0 0 0 0;
}

ul.list_history li:nth-child(4n+1) .year,
ul.list_history li:nth-child(4n+2) .year{
	margin: 0 0 20px auto;
}

ul.list_history li .year2{
	margin: 0 0 20px auto;
	padding: 0 40px 0 0;
	max-width: 237px;
}


ul.list_history li:nth-child(2) .year{
	margin: 0 0 20px auto;
    padding: 0 0 0 0;
    max-width: 197px;
}

ul.list_history li:nth-child(6) .year{
	margin: 0 auto 20px 0;
	padding: 0 0 0 0;
	max-width: 193px;
}



ul.list_history li:nth-child(9) .year{
	max-width: 219px;
	margin: 0 0 20px;
	padding: 0 0 0 34px;
}

ul.list_history li:nth-child(10) .year{
	max-width: 237px;
	padding: 0 0 0 40px;
}





ul.list_history li:nth-child(4n+3) .year,
ul.list_history li:nth-child(4n+4) .year{
	margin: 0 auto 20px 0;
	max-width: 185px;
}

ul.list_history li:nth-child(4n+4) .year{
	padding: 0 0 0 0;
	max-width: 192px;
}

ul.list_history li:nth-child(7) .year{
	margin: 0 0 20px auto;
	padding: 0 0 0 0;
	max-width: 185px;
}



ul.list_history li:nth-child(11) .year{
	padding: 0 0 0 0;
	max-width: 197px;
}

ul.list_history li:nth-child(12) .year{
	max-width: 197px;
}

ul.list_history li:nth-child(13) .year{
	margin: 0 0 20px auto;
	padding: 0 0 0 0;
	max-width: 207px;
}

ul.list_history li:nth-child(14) .year{
	padding: 0 0 0 0;
	max-width: 188px;
}

ul.list_history li:nth-child(15) .year{
	margin: 0 0 20px auto;
    padding: 0 9px 0 0;
    max-width: 210px;
}

ul.list_history li:nth-child(16) .year{
	margin: 0 0 20px auto;
	padding: 0 40px 0 0;
	max-width: 241px;
}


ul.list_history li:nth-child(3) .year{
	padding: 0 0 0 0;
	max-width: 182px;
}

.year img{
	width: 100%;
}

.txt_history{
	font-size: 20px;
	font-weight: 700;
	text-align: right;
	position: relative;
}

.txt_history2{
	padding: 0 40px 10px;
	font-size: 20px;
	font-weight: 700;
	text-align: right;
	position: relative;
	color: #196B3D;
}


ul.list_history li:nth-child(4n+2) .txt_history:before{

    right: -7px;
    left: auto;
}

ul.list_history li:nth-child(4n+3) .txt_history:before{

    left: -13.2%;
}

.txt_history:before{
	content: "";
    width: 27px;
    height: 27px;
    background-image: url(../img/company/about/diamond.svg);
    background-size: 100%;
    position: absolute;
    top: calc(100% - 13px);
    right: -7.7%;
	left: auto;
}

.txt_history2:before{
	content: "";
    width: 27px;
    height: 27px;
    background-image: url(../img/company/about/diamond.svg);
    background-size: 100%;
    position: absolute;
    top: calc(100% - 13px);
    right: 1%;
    left: auto;
}

ul.list_history li:nth-child(2n) .txt_history:before{
    left: -10%;
    right: auto;
}

ul.list_history li:nth-child(3) .txt_history:before{
    right: -7.7%;
    left: auto;
}

ul.list_history li:nth-child(7) .txt_history:before{
    left: -10.1%;
    right: auto;
}

ul.list_history li:nth-child(8) .txt_history:before{
    left: -10%;
    right: auto;
}



ul.list_history li:nth-child(9) .txt_history:before{
   right: 1%;
	left: auto;
}

ul.list_history li:nth-child(10) .txt_history:before{
    right: auto;
    left: -10%;
}

ul.list_history li:nth-child(11) .txt_history:before{
	right: -7.7%;
    left: auto;

}

ul.list_history li:nth-child(12) .txt_history:before{
    right: auto;
    left: -10%;
}

ul.list_history li:nth-child(13) .txt_history:before{
    right: -7.7%;
    left: auto;
}

ul.list_history li:nth-child(14) .txt_history:before{
       right: auto;
    left: -10%;
}

ul.list_history li:nth-child(15) .txt_history:before{
    right: -7.7%;
    left: auto;
}

.txt_history:after{
	content: "";
	width: 110%;
	height: 1px;
	background-color: #196B3D;
	position: absolute;
	top: 100%;
	left: -7%;
	right: auto;
}

.txt_history2:after{
	content: "";
	width: 95%;
	height: 1px;
	background-color: #196B3D;
	position: absolute;
	top: 100%;
	left: auto;
    right: 5%;
}

ul.list_history li:nth-child(2n) .txt_history:after{
	width: 110%;
		left: auto;
	right: -2%;

}
ul.list_history li:nth-child(9) .txt_history:after{
	width: 95%;
		left: auto;
	right: 5%;


}

ul.list_history li:nth-child(14) .txt_history:after{
		left: auto;
	right: -2%;

}

ul.list_history li:nth-child(12) .txt_history:after{
	left: auto;
    right: -2%;
}

ul.list_history li:nth-child(11) .txt_history:after,
ul.list_history li:nth-child(13) .txt_history:after,
ul.list_history li:nth-child(15) .txt_history:after{
	left: -7%;
	right: auto;

}

ul.list_history li:nth-child(4n+1) .txt_history,
ul.list_history li:nth-child(4n+2) .txt_history{
	text-align: right;
	padding: 0 0 10px 0;

}

ul.list_history li:nth-child(2) .txt_history{
	text-align: right;
	padding: 0 0 10px 40px;
}

ul.list_history li:nth-child(6) .txt_history{
	text-align: left;
	padding: 0 0 10px 0;
}

ul.list_history li:nth-child(7) .txt_history:after{
	left: auto;
    right: -2%;
}
ul.list_history li:nth-child(4n+1) .txt_history{
	padding: 0 0 10px 0;
}

ul.list_history li:nth-child(4n+3) .txt_history,
ul.list_history li:nth-child(4n+4) .txt_history{
	text-align: left;
	padding: 0 0 10px 0;
}

ul.list_history li:nth-child(4n+4) .txt_history{
	padding: 0 0 10px 0;
}

ul.list_history li:nth-child(7) .txt_history{
	text-align: right;
	padding: 0 0 10px 40px;
}



ul.list_history li:nth-child(9) .txt_history{
	text-align: left;
	padding: 0 24px 10px;
	color: #196B3D;
}

ul.list_history li:nth-child(10) .txt_history{
	padding: 0 0 10px;
}

ul.list_history li:nth-child(11) .txt_history{
	text-align: left;
	padding: 0 0 10px 0;
}

ul.list_history li:nth-child(13) .txt_history{
	text-align: right;
	padding: 0 0 10px;
}

ul.list_history li:nth-child(14) .txt_history{
	padding: 0 0 10px 0;
}

ul.list_history li:nth-child(15) .txt_history{
	text-align: right;
	padding: 0 0 10px;
}

ul.list_history li:nth-child(16) .txt_history{
	text-align: right;
	padding: 0 40px 10px;
}

.inner_txt_history{
	margin: 0 0 0 auto;
	font-size: 16px;
}

.box_inner_history1{
    margin: 0 auto 0;
    padding: 0 0 0 0;
}

ul.list_history li:nth-child(2) .box_inner_history1 {
	    max-width: 480px;
	    margin: 0 0 0 auto;
	}
	
ul.list_history li:nth-child(3) .box_inner_history1 {
	    max-width: 500px;
	    margin: 0 auto 0 0;
	}
	
ul.list_history li:nth-child(2n) .box_inner_history1{
	padding: 0 0 0 0;
}

ul.list_history li:nth-child(7) .box_inner_history1{
	padding: 0 0 0 0;
}

ul.list_history li:nth-child(9) .box_inner_history1{
	padding: 0 50px 0 20px;
}

ul.list_history li:nth-child(4n+1) .inner_txt_history,
ul.list_history li:nth-child(4n+2) .inner_txt_history{
	margin: 0 0 0 auto;
	padding: 10px 0 0;
}

ul.list_history li:nth-child(4n+1) .inner_txt_history{
	padding: 10px 0 0 0;
}

ul.list_history li:nth-child(4n+3) .inner_txt_history,
ul.list_history li:nth-child(4n+4) .inner_txt_history{
	margin: 0 auto 0 0;
	padding: 10px 0 0;
}

ul.list_history li:nth-child(4n+4) .inner_txt_history{
	padding: 0 0 0 40px;
}



ul.list_history li:nth-child(n+4) .inner_txt_history{
	max-width: 100%;
	margin: 0 auto 20px;
	padding: 10px 0 0;
}

ul.list_history li:nth-child(5) .inner_txt_history{
	max-width: 82%;
}

ul.list_history li:nth-child(6) .inner_txt_history{
	margin: 0 auto 30px;
	padding: 10px 0 0;
}

ul.list_history li:nth-child(14) .inner_txt_history{
	margin: 0 0 30px auto;
}

ul.list_history li:nth-child(15) .inner_txt_history{
	margin: 0 0 30px auto;
}

.img_history1{
	width: 71%;
	max-width: 398px;
	margin: 0 0 0 auto;
	padding: 0 0 0 0;
	text-align: right;
	font-size: 13px;
	line-height: 1.4;
	position: relative;
}

.img_history2{
	width: 70%;
	max-width: 300px;
	margin: 0 0 0 auto;
	padding: 0 0 0 0;
	text-align: right;
}

.img_history1 span{
	display: block;
    margin: 10px 0 0;
}

.img_history1 span.position{
	position: absolute;
    bottom: 2%;
    right: 0%;
}

.img_history2 span{
	display: block;
    margin: 10px 0 0;
    font-size: 13px;
}

.img_history2 img{
	width: 100%;
}



ul.list_history li:nth-child(5) .img_history1{
	width: 90%;
	max-width: 475px;
	margin: 0 auto 32px;
	padding: 0;
	text-align: left;
}

ul.list_history li:nth-child(5) .img_history1 img{
	width: 100%;
	max-width: 333px;
}

ul.list_history li:nth-child(6) .img_history1{
	width: 100%;
	max-width: 576px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
}

ul.list_history li:nth-of-type(7) .img_history1{
	width: 100%;
	max-width: 576px;
	margin: 0 auto 30px;
	padding: 0;
}

ul.list_history li:nth-of-type(8) .img_history1{
	width: 100%;
	max-width: 576px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
}

ul.list_history li:nth-of-type(9) .img_history1{
	width: 100%;
	max-width: 576px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
}

ul.list_history li:nth-of-type(10) .img_history1{
	width: 100%;
	max-width: 576px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: right;
}

ul.list_history li:nth-of-type(11) .img_history1{
	width: 100%;
	max-width: 576px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
}

ul.list_history li:nth-of-type(12) .img_history1{
	width: 100%;
	max-width: 576px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
}

ul.list_history li:nth-of-type(13) .img_history1{
	width: 100%;
	max-width: 576px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
}

ul.list_history li:nth-of-type(14) .img_history1{
	width: 100%;
	max-width: 435px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
}

.img_history1 img{
	width: 100%;
}

.box_1930s {
	width: 95%;
  background: #F2F2F2;
  padding: 30px 0;
  margin: 0 auto;
  color: #333;
}

.cont_1930s {
	width: 90%;
  display: flex;
  flex-direction: column;
  max-width: 475px;
  margin: 0 auto;
}

.txt_orange_1930s {
	margin: 0 0 10px;
  color: #DB4713;
  font-weight: bold;
  font-size: 20px;
}

.txt_ttl_1930s {
	margin: 0 0 35px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.45;
}

.txt_small_1930s {
	margin: 0 0 10px;
  font-size: 13px;
  color: #000000;
  line-height: 1.4;
}

.img_1930s {
  text-align: center;
}

.img_1930s img {
  width: 100%;
  height: auto;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.txt_explanation_1930s {
  font-size: 0.95rem;
  line-height: 1.8;
}

.img_map_wrap_1930s {
  position: relative;
  width: 100%;
  max-width: 475px;
  margin: 0 auto 30px;
}

.main_map_img {
  width: 100%;
  height: auto;
  display: block;
}

.zoom_circle {
  position: absolute;
    top: -62%;
    right: -6%;
    width: 49%;
    max-width: 230px;
    z-index: 2;
}

.zoom_circle img {
  width: 100%;
  height: auto;
  display: block;
}

.zoom_circle img.pc_none {
	display: none;
}


span.year_ttl{
	font-size: 20px;
	font-weight: 700;
	color: #196B3D;
	margin: 0 0 5px;
	padding: 0 0 0 40px;
    display: block;
}

.inner_cont_about2 span.year_ttl{
		padding: 0 0 0 34px;

}

.inner_cont_about2{
 margin: 0 0 118px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.85);
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.modal-inner {
  width: 100%;
  text-align: center;
  color: #fff;
}

.modal-content {
  max-width: 90vw;
  max-height: 70vh;
  margin-bottom: 20px;
  box-shadow: 0 0 20px #000;
}

.modal-caption {
  margin: 0 0 5px;
  font-size: 13px;
  line-height: 1.4;
}

.modal-close {
  padding: 0 20px;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  background: none;
}

.modal-close:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1505px) {
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -10.1%;
	}
}

@media screen and (max-width: 1479px) {
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -10%;
	}
}

@media screen and (max-width: 1295px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -7.8%;
	}
	
	.txt_history:after,
	ul.list_history li:nth-child(11) .txt_history:after,
	ul.list_history li:nth-child(13) .txt_history:after,
	ul.list_history li:nth-child(15) .txt_history:after{
		left: -6%;
	}
}

@media screen and (max-width: 1279px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -7.9%;
	}
	

}

@media screen and (max-width: 1271px) {
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -10.3%;
	}
}

@media screen and (max-width: 1265px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8%;
	}
	
}

@media screen and (max-width: 1250px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -10.5%;
	}
	
	.txt_history:after,
	ul.list_history li:nth-child(11) .txt_history:after,
	ul.list_history li:nth-child(13) .txt_history:after, 
	ul.list_history li:nth-child(15) .txt_history:after{
		left: -6%;
	}
	
	ul.list_history li.camel.first:before{
		    right: -2.9%;
		    width: 37px;
			background-size: 37px 100%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		right: 0.5%;
	}
	
	.txt_history2:before{
		    right: 0.5%;
	}
	
}

@media screen and (max-width: 1249px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8.2%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -10.3%;
	}

}

@media screen and (max-width: 1227px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8.3%;
	}
	

}

@media screen and (max-width: 1212px) {
	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(7) .txt_history:before{
		left: -10.6%;
	}
}

@media screen and (max-width: 1200px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8.5%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -10.6%;
	}
}

@media screen and (max-width: 1195px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8.6%;
	}
	

}

@media screen and (max-width: 1175px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8.8%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -10.7%;
	}

}

@media screen and (max-width: 1160px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8.7%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -10.9%;
	}
}

@media screen and (max-width: 1150px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -8.9%;
	}
	

}

@media screen and (max-width: 1135px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -9%;
	}
	

}

@media screen and (max-width: 1130px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -9.1%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -11.2%;
	}

}
@media screen and (max-width: 1125px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -9%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -11.2%;
	}
}

@media screen and (max-width: 1115px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -9.2%;
	}
	

}

@media screen and (max-width: 1100px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -9.4%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -11.4%;
	}
}

@media screen and (max-width: 1099px) {
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -11.3%;
	}
}

@media screen and (max-width: 1060px) {
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,{
		right: -10%;
	}
	
	
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -11.5%;
	}
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -11.5%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before,
	ul.list_history li:nth-child(12) .txt_history:before,
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -11.5%;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -11.5%;
	}
	
	ul.list_history li:nth-child(11) .txt_history:before{
		right: -9.7%;
		left: auto;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -9.7%;
		left: auto;
	}
	
	.txt_history:before{
		right: -9.7%;
		left: auto;
	}
	
	.txt_history:after{
		width: 115%;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		right: -9.7%;
		left: auto;
	}
	
	ul.list_history li:nth-child(13) .txt_history:before{
		right: -9.7%;
		left: auto;

	}
	
	.txt_history:after{
		width: 113%;
	}
	
}

@media screen and (max-width: 1050px) {

	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -11.7%;
	}
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -11.7%;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(11) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(14) .txt_history{
		padding: 0 0 10px 25px;
		text-align: left;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		left: auto;
	}
	
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -9.9%;
	}
	
}

@media screen and (max-width: 1045px) {
		ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,{
		right: -9%;
	}
	
	
	
	ul.list_history li:nth-child(2n) .txt_history:after{
		width: 113%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -11.7%;
	}
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -11.7%;
	}
	
	
	ul.list_history li:nth-child(12) .txt_history:before{
		left: -11.7%;
	}
	
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -11.7%;
	}
	
	ul.list_history li:nth-child(8) .txt_history:after{
		width: 110%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before{
		left: -11.7%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:after{
		width: 110%;
	}
	
	ul.list_history li:nth-child(11) .txt_history:before{
		right: -9.9%;
		left: auto;
	}
	
	ul.list_history li:nth-child(12) .txt_history:after{
		width: 110%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -11.7%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:after{
		width: 110%;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -9.9%;
		left: auto;
	}
	
	.txt_history:before{
		right: -9.9%;
		left: auto;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		right: -9.9%;
		left: auto;
	}
	
	ul.list_history li:nth-child(13) .txt_history:before{
		right: -9.9%;
		left: auto;

	}
}

@media screen and (max-width: 1030px) {
	.txt_history:before{
		right: -10%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -11.8%;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -11.8%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before{
		left: -11.8%;
	}
	
	ul.list_history li:nth-child(12) .txt_history:before{
		left: -11.8%;
	}
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -11.8%;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		left: auto;
		right: -10%;
	}
	
	ul.list_history li:nth-child(11) .txt_history:before{
		left: auto;
		right: -10%;
	}
	
	ul.list_history li:nth-child(13) .txt_history:before{
		right: -10%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -11.8%;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -10%;
	}
	
	
}

@media screen and (max-width: 1020px) {
	.txt_history:before{
		right: -10.2%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(11) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(12) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		left: auto;
	}
	
}

@media screen and (max-width: 1000px) {
	ul.list_history li.camel.first:before{
		    right: -3.2%;
	}
	
		ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,{
		right: -9.2%;
	}
	
	
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		
		left: -12%;
	}
	
	
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before{
		left: -12%;
	}
	
	
	ul.list_history li:nth-child(11) .txt_history:before{
		right: -10.4%;
		left: auto;
	}
	
	ul.list_history li:nth-child(12) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -12%;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -10.4%;
		left: auto;
	}
	
	.txt_history:before{
		right: -10.4%;
		left: auto;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		right: -10.4%;
		left: auto;
	}
	
	ul.list_history li:nth-child(13) .txt_history:before{
		right: -10.4%;
		left: auto;

	}
	
	.txt_history2:before{
		right: 0.5%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		right: 0.5%;
	
	}
	
	
}



@media screen and (max-width: 980px) {
	ul.list_history li:nth-child(2n) .txt_history:before{
		
		left: -12.2%;
	}
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -12.2%;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -12.2%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before{
		left: -12.2%;
	}
	
	ul.list_history li:nth-child(11) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(12) .txt_history:before{
		left: -12.2%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -12.2%;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		left: auto;
	}
	
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -10.6%;
	}
	
}



@media screen and (max-width: 960px) {
	
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -12.4%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		
		left: -12.4%;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -12.4%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before{
		left: -12.4%;
	}
	
	ul.list_history li:nth-child(11) .txt_history:before{
		left: auto;
	}
	
	ul.list_history li:nth-child(12) .txt_history:before{
		left: -12.4%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -12.4%;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		left: auto;
	}
}

@media screen and (max-width: 955px) {
		ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,{
		right: -11%;
	}
	
	
	

	
	ul.list_history li:nth-child(11) .txt_history:before{
		right: -11%;
		left: auto;
	}
	

	
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -11%;
		left: auto;
	}
	
	.txt_history:before{
		right: -11%;
		left: auto;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		right: -11%;
		left: auto;
	}
	
	ul.list_history li:nth-child(13) .txt_history:before{
		right: -11%;
		left: auto;

	}
}

@media screen and (max-width: 940px) {
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -12.7%;
	}
}
@media screen and (max-width: 935px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -11.2%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -12.8%;
	}

}

@media screen and (max-width: 915px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -11.5%;
	}
	

}

@media screen and (max-width: 900px) {
		ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,{
		right: -11.7%;
	}
	
	ul.list_history li.camel.first:before{
		    right: -3.5%;
	}
	
	
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -13%;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -13%;
	}
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -13%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before{
		left: -13%;
	}
	
	ul.list_history li:nth-child(11) .txt_history:before{
		right: -11.7%;
		left: auto;
	}
	
	ul.list_history li:nth-child(12) .txt_history:before{
		left: -13%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -13%;
	}
	
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -11.7%;
		left: auto;
	}
	
	.txt_history:before{
		right: -11.7%;
		left: auto;
	}
	
	ul.list_history li:nth-child(3) .txt_history:before{
		right: -11.7%;
		left: auto;
	}
	
	ul.list_history li:nth-child(13) .txt_history:before{
		right: -11.7%;
		left: auto;

	}
}

@media screen and (max-width: 885px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -12%;
	}
	

}
@media screen and (max-width: 876px) {
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -13.3%;
	}
}
@media screen and (max-width: 870px) {
	.txt_ttl_1930s{
		font-size: 21px;
	}
}

@media screen and (max-width: 860px) {
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -12.4%;
	}
	

}

@media screen and (max-width: 850px) {

	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before{
		right: -13.2%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before{
		left: -14%;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		left: -14%;
	}
	
	ul.list_history li:nth-child(4n+3) .txt_history:before{
		left: -14%;
	}
	
	ul.list_history li:nth-child(10) .txt_history:before{
		left: -14%;
	}
	
	ul.list_history li:nth-child(13) .txt_history:before{
		right: -13.2%;
	}
	
	ul.list_history li:nth-child(14) .txt_history:before{
		left: -14%;
	}
	
	.txt_history:before, ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -13.2%;
		left: auto;
	}
	
	ul.list_history li:nth-child(12) .txt_history:before{
		left: -14%;
	}
	
	.txt_history:before,
	ul.list_history li:nth-child(3) .txt_history:before,
	ul.list_history li:nth-child(11) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before,
	ul.list_history li:nth-child(15) .txt_history:before{
		right: -12.8%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -13.6%;
	}
	
}

@media screen and (max-width: 830px) {
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -13.8%;
	}
}

@media screen and (max-width: 820px) {
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(7) .txt_history:before{
		left: -14.2%;
	}
}


@media screen and (max-width: 800px) {
	.col_sub.about{
		padding: 8% 0 13%;
	}
	
	.bg_txt_aboutttl{
		font-size: 18px;
	}
	
	.timelineWrap{
		width: 85%;
	    margin: 0 0 0 auto;
	    display: block;
	    position: relative;
	}
	
	.timelineArrow{
		left: 0;
		z-index: 1;
	}
	
	.timelineWrap::before{
		top: -50px;
		left: 41%;
	}
	
	.timelineWrap::after {
	  content: "";
        position: absolute;
        width: 41%;
        height: 31px;
        background-color: transparent;
        border-right: solid 1px #196B3D;
        border-bottom: solid 1px #196B3D;
        top: -31px;
        left: 0;
  	}
  	
  	.bg_cont_about{
  		width: 85%;
  		padding: 17vw 0 0;
  		background-size: 80% auto;
  		background-position: center top 1%;
  	}
  	
  	.bg_img_about{
  		width: 45%;
  	}
	
	.inner_cont_about1{
		width: 80%;
		max-width: 545px;
	    margin: 0 auto;
	    padding: 0 0 9.5vw;
	}
	
	
	.inner_cont_about2{
		width: 81%;
		max-width: 545px;
	    margin: 0 auto;
	    padding: 9.5vw 0;
	}
	
	ul.list_history{
		width: 100%;
		margin: 0 0 0 auto;
		display: block;
		position: relative;
	}
	
	ul.list_history li{
		width: 100%;
		margin: 0 auto 10vw;
	}
	
	ul.list_history li:first-of-type{
		margin: 0 auto 10vw;
		padding: 0;
	}
	
	
	ul.list_history li:nth-of-type(2n){
		margin: 0 auto 10vw;
		padding: 0;
	}
	
	ul.list_history li:nth-child(4n+1) .year, ul.list_history li:nth-child(4n+2) .year{
		width: 40%;
		max-width: 190px;
		margin: 0 auto 5px 0;
		padding: 0;
	}
	ul.list_history li:nth-child(3) .year,
	ul.list_history li:nth-child(4) .year{
		width: 40%;
		margin: 0 auto 5px 0;
		padding: 0;
	}
	
	ul.list_history li:nth-child(7) .year{
		width: 40%;
		margin: 0 auto 5px 0;
		padding: 0;
	}
	
	ul.list_history li .year2{
		width: 40%;
		margin: 0 auto 5px 0;
		padding: 0;
	}

	ul.list_history li:nth-child(11) .year{
		width: 40%;
		margin: 0 auto 5px 0;
		padding: 0;
	}
	
	ul.list_history li:nth-child(4n+4) .year{
		width: 40%;
		padding: 0;
		margin: 0 auto 5px 0;
	}
	
	ul.list_history li:nth-child(15) .year{
		width: 40%;
		padding: 0;
		margin: 0 auto 5px 0;
		
	}
	
	.txt_history{
		font-size: 18px;
	}
	
	
	ul.list_history li:nth-child(4n+1) .txt_history, ul.list_history li:nth-child(4n+2) .txt_history{
		text-align: left;
		margin: 0 auto;
		padding: 0 0 8px 0;
		font-size: 18px;
		line-height: 1.4;
	}
	
	ul.list_history li:nth-child(7) .txt_history{
		text-align: left;
		margin: 0 auto;
		padding: 0 0 8px 0;
	}
	
	ul.list_history li:nth-child(11) .txt_history{
		text-align: left;
		margin: 0 auto;
		padding: 0 0 8px 0;
	}
	
	ul.list_history li:nth-child(4n+4) .txt_history{
		text-align: left;
    	padding: 0 0 8px 0;
    	line-height: 1.4;
	}
	
	ul.list_history li:nth-child(4n+3) .txt_history, ul.list_history li:nth-child(4n+4) .txt_history{
		padding: 0 0 10px;
	}
	
	ul.list_history li:nth-child(15) .txt_history{
		text-align: left;
		padding: 0 0 10px;
	}
	
	.txt_history2{
		text-align: left;
    	padding: 0 0 8px 0;
    	line-height: 1.4;
    	font-size: 18px;
	}
	
	ul.list_history li:nth-child(4n+1) .inner_txt_history, ul.list_history li:nth-child(4n+2) .inner_txt_history{
		max-width: 100%;
		margin: 0 0;
		padding: 10px 0 0;;
	}
	
	ul.list_history li:nth-child(4n+3) .inner_txt_history, ul.list_history li:nth-child(4n+4) .inner_txt_history{
		max-width: 100%;
	}
	
	ul.list_history li:nth-of-type(3),
	ul.list_history li:nth-of-type(5),
	ul.list_history li:nth-of-type(7),
	ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(even),
	ul.list_history li:nth-child(n+8):nth-child(-n+16):nth-child(odd){
		margin: 0 0 10vw;
		padding: 0;
	}
	
	.txt_history:before{
		right: auto;
		left: -14.9%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before,
	ul.list_history li:nth-child(4n+3) .txt_history:before,
	ul.list_history li:nth-child(5) .txt_history:before,
	ul.list_history li:nth-child(13) .txt_history:before{
		right: auto;
		left: -14.9%;
	}
	
	.box_inner_history1{
		margin: 0;
		padding: 0;
	}
	
	ul.list_history li:nth-child(2) .box_inner_history1 {
	    max-width: 100%;
	    margin: 0 auto 20px 0;
	}
	
	ul.list_history li:nth-child(3) .box_inner_history1 {
	    max-width: 100%;
	    margin: 0 auto 20px 0;
	}
	
	
	ul.list_history li:nth-child(2n) .box_inner_history1{
		padding: 0;
	}

	ul.list_history li:nth-child(7) .box_inner_history1{
		padding: 0;
	}

	ul.list_history li:nth-child(9) .box_inner_history1{
		padding: 0;
	}
	
	.txt_history:after{
		width: 112%;
		left: auto;
		right: 0%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:after{
		width: 112%;
		left: auto;
		right: 0;

	}
	
	.txt_history2:after{
		width: 112%;
		left: auto;
		right: 0;

	}
	

	ul.list_history li:nth-child(7) .txt_history:after,
	ul.list_history li:nth-child(11) .txt_history:after,
	ul.list_history li:nth-child(13) .txt_history:after{
		width: 112%;
		left: auto;
		right: 0;


	}
	ul.list_history li:nth-child(9) .txt_history:after{
		width: 110%;
		left: auto;
        right: 0%;
	}
	
	ul.list_history li:nth-child(3) .txt_history:after,
	ul.list_history li:nth-child(12) .txt_history:after,
	ul.list_history li:nth-child(14) .txt_history:after,
	ul.list_history li:nth-child(15) .txt_history:after{
		width: 112%;
		left: auto;
		right:0;


	}
	
	ul.list_history li:nth-child(10) .txt_history:before,
	ul.list_history li:nth-child(12) .txt_history:before,
	ul.list_history li:nth-child(14) .txt_history:before,
	ul.list_history li:nth-child(16) .txt_history:before{
		right: auto;
		left: -14.9%;;
	}
	
	ul.list_history li:nth-child(8) .txt_history:before{
		right: auto;
		left: -14.9%;;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		right: auto;
        left: -14.9%;
	}
	
	
	.txt_history2:before{
		right: auto;
		left: -14.9%;
	}
	
	ul.list_history li:nth-child(n+4) .inner_txt_history{
		max-width: 100%;
		margin: 0 auto 20px 0;
     padding: 10px 0 0;
	}
	
	.img_history1{
		text-align: left;
	}
	
	ul.list_history li:nth-child(5) .img_history1{
		padding: 0;
		max-width: 333px;
		margin: 0 auto 4.5vw 0;
	}
	
	ul.list_history li:nth-child(6) .img_history1{
		margin: 0 auto 3.5vw 0;
	}
	
	ul.list_history li:nth-of-type(8) .img_history1{
		margin: 0 auto 20px;
	}
	
	ul.list_history li:nth-of-type(9) .img_history1{
		width: 100%;
		margin: 0 auto 15px;
	}
	
	ul.list_history li:nth-of-type(10) .img_history1{
		text-align: left;
	}
	
	.img_history1 span.position{
		right: 2%;
	}
	
	.box_1930s{
		width: 100%;
		max-width: 547px;
	}
	
	.cont_1930s{
		width: 90%;
		max-width: 481px;
	}
	
	.txt_orange_1930s{
		font-size: min(20px , 4.5vw);
	}
	
	
	.txt_ttl_1930s{
		font-size: min(21px , 5vw);
	}
	
	
	.img_map_wrap_1930s{
		max-width: 456px;
		margin: 0 auto 10px;
	}
	
	img.clickable-image.sp_none{
		display: none;
	}
	
	img.clickable-image.pc_none{
		display: block;
	}
	
	ul.list_history li.sp_none{
		display: none;
	}
	
	ul.list_history li.pc_none{
		display: block;
	}
	
	ul.list_history li.camel{
		background-color: #FCF8F2;
	}
	
	ul.list_history li.camel.first:before{
		display: none;
	}
	
	ul.list_history li.camel:before{
		display: none;
	}
	
	.zoom_circle{
		top: -48%;
		right: -3%;
		max-width: 211px;
	}
	
	.zoom_circle img.sp_none {
		display: none;
	}
	
	.zoom_circle img.pc_none {
		display: block;
	}
	
	.txt_small_1930s.sp_none{
		display: none;
	}
	
	.txt_small_1930s.pc_none{
		display: block;
	}
	
	.txt_ttl_1930s{
		margin: 0 0 15vw;
	}
	
	span.year_ttl{
		padding: 0;
		margin: 0 0 20px;
		font-size: 18px;
	}
	
	.img_history2{
		width: 100%;
		max-width: 100%;
		margin: 0 auto 0 0;
		padding: 0;
		text-align: left;
	}
	
	.img_history2 img{
		max-width: 245px;
	}
	
	

}

@media screen and (max-width: 790px) {
	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(4n+3) .txt_history:before, ul.list_history li:nth-child(5) .txt_history:before, ul.list_history li:nth-child(13) .txt_history:before{
		left: -14.8%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		left: -14%;
	}
	.txt_history2:before{
		left: -14.8%;
	}
}

@media screen and (max-width: 750px) {
	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(4n+3) .txt_history:before, ul.list_history li:nth-child(5) .txt_history:before, ul.list_history li:nth-child(13) .txt_history:before{
		left: -15.2%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		left: -14.4%;
	}
	.txt_history2:before{
		left: -15.2%;
	}
}

@media screen and (max-width: 720px) {
	.timelineWrap{
		width: 95%;
	}
	
	.timelineArrow{
		left: 0;
	}
	
	.timelineWrap::before{
		left: 47.5%;
	}
	
	.timelineWrap::after {
        width: 47.5%;
  	}
  	
  	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(4n+3) .txt_history:before, ul.list_history li:nth-child(5) .txt_history:before, ul.list_history li:nth-child(13) .txt_history:before{
		left: -15.1%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		left: -14.3%;
	}
	.txt_history2:before{
		left: -15.1%;
	}
	
}

@media screen and (max-width: 600px) {
	.txt_history:before{
		left: -15.4%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(4n+3) .txt_history:before, ul.list_history li:nth-child(5) .txt_history:before, ul.list_history li:nth-child(13) .txt_history:before{
		left: -15.4%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		left: -14.5%;
	}
	
	.txt_history2:before{
		left: -15.4%;
	}
}

@media screen and (max-width: 500px) {
	.txt_history:before{
		left: -16%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(4n+3) .txt_history:before, ul.list_history li:nth-child(13) .txt_history:before{
		left: -16%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		left: -15.1%;
	}
	
	.txt_history2:before{
		left: -16%;
	}
	
	
	.inner_txt_history{
		font-size: 14px;
	}
	
}

@media screen and (max-width: 450px) {
	.txt_history:before{
		left: -16.3%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(4n+3) .txt_history:before, ul.list_history li:nth-child(13) .txt_history:before{
		left: -16.3%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		left: -15.5%;
	}
	
	.txt_history2:before{
		left: -16.3%;
	}
}


@media screen and (max-width: 400px) {	
	.timelineArrow{
		left: -1px;
	}
	
	.txt_history:before,
	ul.list_history li:nth-child(5) .txt_history:before{
		left: -17%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(4n+3) .txt_history:before, ul.list_history li:nth-child(13) .txt_history:before{
		left: -17%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		left: -16.4%;
	}
	
	.txt_history2:before{
		left: -17%;
	}
}

@media screen and (max-width: 350px) {	
	.timelineArrow{
		left: -1px;
	}
	
	.txt_history:before,
	ul.list_history li:nth-child(5) .txt_history:before{
		left: -18.2%;
	}
	
	ul.list_history li:nth-child(2n) .txt_history:before, ul.list_history li:nth-child(4n+3) .txt_history:before, ul.list_history li:nth-child(13) .txt_history:before{
		left: -18.2%;
	}
	
	ul.list_history li:nth-child(9) .txt_history:before{
		left: -17.4%;
	}
	
	.txt_history2:before{
		left: -18.2%;
	}
}

/* --------------- en/about --------------- */

ul.list_history.en{
	font-size: 15px;
}

.bg_cont_about.en{
	max-width: 800px;
}

.bg_txt_about.en{
	font-size: 15px;
}

.inner_txt_history{
	    text-align: left;
    word-break: break-word;
}

.txt_history{
	text-align: left;
    word-break: break-word;
}

.txt_history2.en{
	text-align: left;
    word-break: break-word;
}

ul.list_history.en li:nth-of-type(6){
	margin-top: -1790px;
}

ul.list_history.en li:nth-of-type(7){
	    margin-top: -600px;
}

ul.list_history.en li:nth-child(n+8):nth-child(-n+16):nth-child(9){
	margin-top: -1865px;
}

ul.list_history.en li.camel.first:before{
	height: 159%;
	top: -35%;
}

.txt_ttl_1930s.en{
	margin: 0 0 55px;
	font-size: 20px;
	text-align: left;
    word-break: break-word;
}

ul.list_history.en li .txt_history{
	font-size: 18px;
}

ul.list_history.en li:nth-child(5) .txt_history{
	text-align: left;
	padding: 0 0 10px 25px;
}

ul.list_history.en li:nth-child(7) .txt_history{
	text-align: left;
}

ul.list_history.en li:nth-child(10) .txt_history{
	text-align: left;
}

ul.list_history.en li:nth-child(14) .txt_history{
	text-align: left;
}

ul.list_history.en li:nth-child(15) .txt_history{
	text-align: left;
	padding: 0 0 10px 25px;
}

ul.list_history.en li:nth-child(14) .inner_txt_history{
	max-width: 100%;
}

.img_map_wrap_1930s.en{
	margin: 66px auto 0;
}

.txt_small_1930s.sp_none{
	margin: 0 0 30px;
}

.txt_explanation_1930s.en{
	text-align: left;
    word-break: break-word;
}

span.year_ttl.en{
	line-height: 1.5;
}

@media screen and (max-width: 800px) {
	.txt_small_1930s.sp_none{
		display: none;
	}
	
	ul.list_history.en li:nth-of-type(6){
		margin: 0 auto 10vw;
        padding: 0;
	}
	
	ul.list_history.en li:nth-of-type(7){
		margin: 0 0 10vw;
        padding: 0;
	}
	
	ul.list_history.en li:nth-child(5) .txt_history{
		padding: 0 0 8px 0;
	}
	
	ul.list_history.en li:nth-child(15) .txt_history{
		padding: 0 0 8px 0;
	}
	
	ul.list_history.en li:nth-child(n+8):nth-child(-n+16):nth-child(9){
		margin: 0 0 10vw;
        padding: 0;
	}
	
	.txt_ttl_1930s.en{
		margin: 0 0 15vw;
		font-size: min(20px, 5vw);
	}
	
	.img_map_wrap_1930s.en{
		margin: 0 auto 10px;
	}
	
	
}

/* --------------- logo --------------- */


.box_main_logo{
	width: 95%;
	max-width: 1103px;
    margin: 0 auto 45px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.ttl_logo1{
	width: calc(100% - 451px);
	max-width: 637px;
}

.ttl_logo1 img{
	width: 100%;
}

.img_logo1{
	width: 46%;
	max-width: 451px;
}

.img_logo1 img{
	width: 100%;
}

.box_logo1{
	width: 90%;
    max-width: 1015px;
    margin: 0 auto;
    padding: 75px 0 0;
    border-bottom: dotted 1px #000000;
}

.box_logo2{
	width: 90%;
    max-width: 1015px;
    margin: 0 auto;
    padding: 55px 0;
    border-bottom: dotted 1px #000000;
}

.box_logo3{
	width: 90%;
    max-width: 1015px;
    margin: 0 auto;
    padding: 50px 0 20px;
}

.wrap_logo1{
	width: 100%;
    max-width: 960px;
    margin: 0 auto 70px;
    display: flex;
    justify-content: center;
}

.wrap_logo2{
	width: 100%;
    max-width: 953px;
    margin: 0 auto 80px;
    display: flex;
    justify-content: center;
}

.left_img_logo1{
	width: calc(100% / 2);
	max-width: 376px;
    margin: 0 40px 0 0;
    padding: 0 0 0;
}

.left_img_logo1 img{
	width: 100%
}

.right_txt_logo{
	width: calc(100% - 416px);
    margin: 0 0 0 0;
}

.inner_logo1{
	max-width: 961px;
	margin: 0 auto 30px;
}

.inner_logo2{
	max-width: 573px;
	margin: 0 auto;
	text-align: center;
}

.inner_logo3{
	max-width: 990px;
    margin: 0 auto 0;
    padding: 0;
}

.wrap_bg_logo1{
	width: calc((100% - 34px) / 2);
	margin: 0 34px 0 0;
	padding: 15px;
	background-color: #F2F2F2;
	
}

.wrap_bg_logo1:last-of-type{
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.wrap_bg_logo1 img{
	width: 100%;
	margin: 0 auto;
}

.wrap_bg_logo1:last-of-type img{
	width: calc((100% - 20px) / 2);
	margin: 0 20px 0 0;
}

.wrap_bg_logo1:last-of-type img.second{
	width: calc((100% - 20px) / 2);
	margin: 0;
}

.wrap_bg_logo1 a{
	color: #000;
	font-size: 13px;
}


span.wrap_txt_logo{
	font-size: 13px;
}



.txt_above_logo1{
	margin: 0 0 25px;
	line-height: 2.1;

}

.txt_center_logo1{
	margin: 0 0 25px;
	font-size: 33px;
	font-weight: 700;
	font-feature-settings: "palt";
}

.txt_under_logo1{
	line-height: 2.1;
}

.wrap_logo3{
	display: flex;
}

.left_txt_logo1{
	margin: 0 30px 0 0;
	padding: 15px 40px;
    font-size: 24px;
    font-weight: 700;
    background-color: #F2F2F2;
}

.right_cont_logo1{
	padding: 12px 0;
	line-height: 2.2;
}

.right_cont_logo1 .bold{
	font-weight: 700;

}

.right_cont_logo1 .name{
	font-size: 24px;
}

.right_cont_logo1 p{
	margin: 0 0 20px 0;
    padding: 0;
}


.ttl_logo1 img.pc_none{
		display: none;
	}
.expand-link {
      display: inline-block;
      color: blue;
      text-decoration: underline;
      font-size: 16px;
      margin-top: 8px;
    }

    /* モーダル本体 */
    .modal {
      display: none;
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.8);
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.4s ease;
    }

    .modal.active {
      display: flex;
      opacity: 1;
    }
	
	.modal-content {
	    position: relative;
	  }
  
    .modal img {
      max-width: 90vw;
      max-height: 90vh;
    }

    /* バツボタン右上 */
    .close-btn {
	    position: absolute;
    top: -15%;
    right: 10px;
    font-size: 28px;
    color: white;
    background: none;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 10;
    border: none;
	  }

    .close-btn:hover {
      color: #ccc;
    }
.txt_modal{
	text-align: left;
}

button.expand-btn{
	border: none;
	cursor: pointer;
}

button.expand-btn:hover{
	color: #196b3d;
}


@media screen and (max-width: 800px) {
	.box_main_logo{
		margin: 0 auto 8vw;
		flex-direction: column;
        justify-content: center;
        align-items: center;
	}
	
	h2.cont_inner_ttl.logo{
		font-size: min(6vw, 24px);
	}
	
	.ttl_logo1{
		width: 80%;
		max-width: 515px;
		order: 2;
	}
	
	.ttl_logo1 img.sp_none{
		display: none;
	}
	
	.ttl_logo1 img.pc_none{
		display: block;
	}
	.img_logo1{
		width: 75%;
		max-width: 416px;
		margin: 0 auto 6.5vw;
	}
	
	.box_logo1{
		width: 95%;
		padding: 10vw 0 0;
	}
	
	.box_logo1.first{
		padding: 0;
	}
	
	.wrap_logo1{
		margin: 0 auto 10.5vw;
		flex-direction: column;
        justify-content: center;
        align-items: center;
	}
	
	.wrap_logo2{
		display: block;
	}
	
	.left_img_logo1{
		width: 90%;
		max-width: 520px;
		margin: 0 auto;
		order: 2;
	}
	
	.right_txt_logo{
		width: 95%;
		margin: 0 0 4vw;
	}
	
	.wrap_bg_logo1{
		width: 90%;
		max-width: 520px;
		margin: 0 auto 20px;
		padding: 15px 15px 5px 15px;
		text-align: right;
	}
	
	.wrap_bg_logo1:last-of-type{
		width: 90%;
		margin: 0 auto;
		justify-content: center;
	}
	
	span.wrap_txt_logo{
		margin: 10px 0 0;
		text-align: center;
	}
	
	.txt_center_logo1{
		font-size: min(5.5vw, 33px);
	}
	
	.right_cont_logo1{
		width: calc(100% - 30px);
		font-feature-settings: "palt";
	}
	
	.left_txt_logo1{
		width: 30%;
		max-width: 144px;
		margin: 0 15px 0 0;
		padding: 3vw 2vw;
        text-align: center;
        font-size: min(5vw , 24px);
	}
	
	.right_cont_logo1 .name{
		font-size: min(5vw , 24px);
	}
	
	.right_cont_logo1 p{
		margin: 0 0 2.5vw 0;
	}
	
	

	.box_logo2{
		padding: 7vw 0;
	}
	
	.box_logo3{
		padding: 6vw 0 2.5vw;
	}
	
}

@media screen and (max-width: 400px) {
	.txt_above_logo1{
		font-size: 13px;
	}
	
	.txt_under_logo1{
		font-size: 13px;
	}
	
}

/* --------------- en/logo --------------- */

.ttl_logo1.en{
	width: 94%;
	max-width: 635px;
}

.inner_logo2.en{
	max-width: 590px;
}

.txt_above_logo1.en{
	font-size: 15px;
}

.txt_under_logo1.en{
	font-size: 15px;
}

.cont_inner_txt.en{
	font-size: 15px;
}

.cont_inner_txt.en.logo{
	font-size: 15px;
	line-height: 1.7;
}

.card-text.en{
	font-size: 15px;
}

.txt_center_logo1.en{
	line-height: 1.4;
}

.left_txt_logo1.en{
    line-height: 1.5;
}

.right_cont_logo1.en{
	font-size: 15px;
}




