@charset "UTF-8";

@media screen and (min-width: 768px),print {

.main-titlebox h1.main-title .jp{top: 62.1%;height: 380px;}

#contentsmain {background: #E9E7DE; margin: 0 auto; position: relative; }
#contentsmain::before{content: "";display: block;width: 100%;height: 400px;background: url(../images/company/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -130px;}
#contentsmain::after{content: "";display: block;height: 400px;background: url(../images/company/contentsmain-icon01.svg)no-repeat top center;background-size: 100%;position: absolute;bottom: 384px;left: 0;max-width: 723px;width: 37.66vw;}
#contentsmain .inner-Box {margin: 0 auto 119px;position: relative;padding: 11px 4rem 0 4rem;text-align: center;}
#contentsmain .inner-Box p.subttl {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: 38px;position: relative;}
#contentsmain .inBox{margin: 0 auto;position: relative;background: url('../images/company/logo.svg')no-repeat center center #fff;width: 50rem;height: 22rem;border: 2px solid #000000;border-radius: 15px;padding-top: 2.3rem;}
#contentsmain .inBox ul.inlist {}
#contentsmain .inBox ul li { position: relative; }
#contentsmain .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inBox p.ltext {font-size: 2rem;line-height: 2;font-weight: 500;letter-spacing: 0.2rem;margin-bottom: -7px;position: relative;}
#contentsmain .inBox p.ltext span.f-en {color: #1788A0;font-size: 3rem;letter-spacing: 0.3rem;font-weight: bold;display: inline-block;padding-right: 7px;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;padding: 0 4rem 19.7rem;max-width: 1180px;}
#contentsmain .inner-Box2 h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 0px;position: relative;text-align: center;}
#contentsmain .inner-Box2 .tticon{display: block;line-height: 1;margin: 0 auto 35px;text-align: center;}
#contentsmain .inner-Box2 .inBox2 {margin: 0 auto;position: relative;padding-right: 49%;min-height: 625px;}
#contentsmain .inner-Box2 figure.photo {position: absolute;top: 0;right: 0;width: 44.6%;max-width: 490px;}
#contentsmain .inner-Box2 figure.photo img{width: 100%;height: auto;}
#contentsmain .inner-Box2 p.text { font-size: 1.6rem; line-height: 2; font-weight: 400; letter-spacing: 0.16rem; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box2 p.text2 {font-size: 1.4rem;line-height: 2;font-weight: 400;letter-spacing: 0.14rem;margin-bottom: 30px;position: relative;text-align: right;}
#contentsmain .inner-Box2 p.text2 span {font-size: 1.8rem;letter-spacing: 0.18rem;font-weight: 700;display: inline-block;padding: 28px 11px 0 21px;}

#contents01 {margin: 0 auto 75px;position: relative;background: #fff;}
#contents01::before{content: "";display: block;width: 100%;height: 114px;background: url(../images/common/contentsend-icon01.svg)no-repeat top center;position: absolute;top: -113px;left: 0;background-size: 100% auto;}

#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 5px 4rem;max-width: 847px;}
#contents01 .inner-Box h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 0px;position: relative;text-align: center;}
#contents01 .inner-Box .tticon{display: block;line-height: 1;margin: 0 auto 8px;text-align: center;}
#contents01 .inner-Box table{width: 100%;font-size: 1.6rem;letter-spacing: 0;line-height: 1.8;}
#contents01 .inner-Box table th {color: #1788A0;font-weight: 700;text-align: left;width: 155px;padding: 2.7rem 0;border-bottom: #B4B4B4 1px solid;}
#contents01 .inner-Box table td {padding: 2.8rem 0;border-bottom: #B4B4B4 1px solid;}

#contents02 {margin: 0 auto;position: relative;background: url('../images/company/contents02-back01.jpg')no-repeat top center;padding: 117px 0 236px; background-size: 100% auto;}
#contents02 h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 0px;position: relative;text-align: center;color: #fff;}
#contents02 .tticon{display: block;line-height: 1;margin: 0 auto 40px;text-align: center;}
#contents02 .tticon img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#contents02 .inner-Box{margin: 0 auto;position: relative;background: url('../images/company/contents02-back02.svg')no-repeat top center;width: 700px;height: 300px;text-align: center;padding: 58px 0 0;}
#contents02 .inner-Box span.cmmicon {display: block;line-height: 1;position: absolute;top: -60px;left: -37px;}
#contents02 .inner-Box span.cmmicon img {  }
#contents02 .inner-Box h3.f-min {font-size: 2.4rem;line-height: 1.75;font-weight: 600;letter-spacing: 0.48rem;margin-bottom: 0px;position: relative;}
#contents02 .inner-Box p.f-min {font-size: 2.2rem;line-height: 2;font-weight: 600;letter-spacing: 0.44rem;margin-bottom: 20px;position: relative;}

}
@media screen and (min-width:768px) and ( max-width:1919px) {
#contents01::before{background-size: 1920px auto;}
#contents02 {background-size: 1920px auto;}

}

@media screen and (min-width:768px) and ( max-width:1160px) {
#contentsmain::before{top: -6vw;}
	



	
}


@media screen and (max-width: 767px) {
.seo_bread_list{ margin-bottom: 51.8vw; }
.main-titlebox{}
.main-titlebox h1.main-title .jp{top: 42.1vw;height: 90vw;left: 10.5vw;}

#contentsmain {background: #E9E7DE;position: relative;margin-top: 18vw;padding-bottom: 12vw;}
#contentsmain::before{content: "";display: block;width: 100%;height: 60vw;background: url(../images/company/sp-contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -20vw;}
#contentsmain::after{content: "";display: block;width: 89vw;height: 47vw;background: url(../images/company/contentsmain-icon01.svg)no-repeat top center;background-size: 100%;position: absolute;bottom: 160vw;left: 0;}
#contentsmain .inner-Box {margin: 0 5.3vw 12.83vw;position: relative;text-align: center;padding-top: 4.9vw;}
#contentsmain .inner-Box p.subttl {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin-bottom: 8.43vw;position: relative;text-align: left;}
#contentsmain .inBox{position: relative;background: url('../images/company/logo.svg')no-repeat center center #fff;border: 0.53vw solid #000000;border-radius: 4.0vw;padding-top: 8.1vw;padding-bottom: 7vw;background-size: 54vw auto;}
#contentsmain .inBox ul.inlist {}
#contentsmain .inBox ul li { position: relative; }
#contentsmain .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .inBox p.ltext {font-size: 4.80vw;line-height: 2;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 0.9vw;position: relative;}
#contentsmain .inBox p.ltext span.f-en {color: #1788A0;font-size: 6.67vw;letter-spacing: 0.67vw;font-weight: bold;display: inline-block;padding-right: 1.67vw;position: relative;left: -1vw;}
#contentsmain .inner-Box2 {margin: 0 5.3vw;position: relative;}
#contentsmain .inner-Box2 h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.28vw;margin-bottom: 0.7vw;position: relative;text-align: center;}
#contentsmain .inner-Box2 .tticon{display: block;line-height: 1;margin: 0 40.8vw 7.83vw;text-align: center;}
#contentsmain .inner-Box2 .inBox2 {position: relative;}
#contentsmain .inner-Box2 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4vw;}
#contentsmain .inner-Box2 figure.photo img{width: 100%;height: auto;}
#contentsmain .inner-Box2 p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 8.0vw;position: relative;}
#contentsmain .inner-Box2 p.text2 {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 8.0vw;position: relative;text-align: right;margin-top: -5.7vw;}
#contentsmain .inner-Box2 p.text2 span {font-size: 4.8vw;letter-spacing: 0.48vw;font-weight: 700;display: inline-block;padding: 0 0vw 0 5.7vw;}

#contents01 {margin: 0 auto 8.8vw;position: relative;background: #fff;}
#contents01::before{content: "";display: block;width: 100%;height: 24.4vw;background: url(../images/common/contentsend-icon01.svg)no-repeat top center;position: absolute;top: -5.5vw;left: 0;background-size: 100% auto;}

#contents01 .inner-Box {margin: 0 5vw;position: relative;padding: 7.03vw 0;}
#contents01 .inner-Box h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.28vw;margin-bottom: 0.7vw;position: relative;text-align: center;}
#contents01 .inner-Box .tticon{display: block;line-height: 1;margin: 0 40.8vw 4.23vw;text-align: center;}
#contents01 .inner-Box table{width: 100%;font-size: 3.73vw;letter-spacing: 0.37vw;line-height: 1.8;}
#contents01 .inner-Box table th {color: #1788A0;font-weight: 700;text-align: left;border-bottom: #B4B4B4 0.27vw solid;width: 24.4vw;padding: 2.8vw 0;}
#contents01 .inner-Box table td {border-bottom: #B4B4B4 0.27vw solid;letter-spacing: 0;padding: 2.5vw 0;line-height: 1.5;}

#contents02 {position: relative;background: url('../images/company/sp-contents02-back01.jpg')no-repeat top center;padding: 12.6vw 0 22.43vw;background-size: 100% auto;}
#contents02 h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.28vw;margin-bottom: 0.7vw;position: relative;text-align: center;color: #fff;}
#contents02 .tticon{display: block;line-height: 1;margin: 0 46.4vw 7.63vw;text-align: center;}
#contents02 .tticon img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#contents02 .inner-Box{margin: 0 5vw;position: relative;background: url('../images/company/sp-contents02-back02.svg')no-repeat top center;height: 82vw;text-align: center;padding: 10.37vw 0 0;background-size: 100% auto;}
#contents02 .inner-Box span.cmmicon {display: block;line-height: 1;position: absolute;top: -9.7vw;left: -4.8vw;width: 24.2vw;}
#contents02 .inner-Box span.cmmicon img {  }
#contents02 .inner-Box h3.f-min {font-size: 5.33vw;line-height: 1.75;font-weight: 600;letter-spacing: 1.07vw;margin-bottom: 1.8vw;position: relative;}
#contents02 .inner-Box p.f-min {font-size: 4.80vw;line-height: 1.8;font-weight: 600;letter-spacing: 0.96vw;margin-bottom: 6.33vw;position: relative;}



}