@charset "utf-8";
/* 

CSS page.css
下層各自cssで微調整するときに使用してください。

*/
/*//////////////////


#index


//////////////////*/
#index #mainv.index{ position: relative; margin-bottom: 70px; padding-bottom: 30px; margin-top: 150px; }
#index #mainv.index .mainbox{ position: relative; height: calc(100vh - 180px); margin-top: 150px;  min-height: 570px; }
#index #mainv.index .mainbox .txtbox{display: flex;justify-content: center;flex-direction: column;position: relative;z-index: 10;height: 100%;padding-left: 9%;padding-top: 30px;}
#index #mainv.index .mainbox .txtbox .maincopy{ margin-bottom: 40px; }
#index #mainv.index .mainbox .txtbox .maincopy>p:not(:last-child){ margin-bottom: 12px; }
#index #mainv.index .mainbox .txtbox .maincopy>p>span{display: inline-block;background: #fff;font-size: 4.6rem;line-height: 1;padding: 7px 19px 12px;}
#index #mainv.index .mainbox .txtbox .subcopy>p:not(:last-child){ margin-bottom: 8px; }
#index #mainv.index .mainbox .txtbox .subcopy>p>span{display: inline-block;background: #fff;font-size: 2.4rem;line-height: 1;padding: 6px 21px 7px;}
#index #mainv.index .mainbox .slidebox{height: 100%;position: absolute;top: 0;bottom: 0;right: 0;width: 79%;overflow: hidden;}
#index #mainv.index .mainbox .slidebox>ul,
#index #mainv.index .mainbox .slidebox>ul .slick-list,
#index #mainv.index .mainbox .slidebox>ul .slick-track,
#index #mainv.index .mainbox .slidebox>ul .slick-slide{overflow: hidden;border-top-left-radius:60px;height: 100%;}
#index #mainv.index .mainbox .slidebox>ul .bg._5{ object-position: 23%; }
#index #mainv.index #scrolldown{position: absolute;bottom: 0;right: 50px;z-index: 10;width: 15px;}
#index #mainv.index #scrolldown .txt{ color: #175d85; display: block; writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl; margin-bottom: 5px; line-height: 1; }
#index #mainv.index #scrolldown .arr{ width: 2px; height: 60px; position: relative; display: block; margin-left: auto; margin-right: auto; }
#index #mainv.index #scrolldown .arr:after{ content:""; width: 2px; height: 60px; position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; background: #175d85; animation: sdl 2.5s cubic-bezier(1, 0, 0, 1) infinite; }
@keyframes sdl {
	0% { transform: scale(1, 0); transform-origin: 0 0; }
	50% { transform: scale(1, 1); transform-origin: 0 0; }
	50.1% { transform: scale(1, 1); transform-origin: 0 100%; }
	100% { transform: scale(1, 0); transform-origin: 0 100%; }
}

#index #mainv.index:after{content: "";background: url(../img/common/mapicon.svg) no-repeat;background-size: contain;width: 446px;height: 778px;position: absolute;bottom: -510px;left: 20px;z-index: -1;}
@media screen and (max-width: 1200px){
	#index #mainv.index{padding-bottom: 20px; margin-top: 0; }
	#index #mainv.index .mainbox{ min-height: 500px; height: calc(100vh - 120px); margin-top: 100px; }
	#index #mainv.index .mainbox .txtbox{ padding-top: 20px; }
	#index #mainv.index .mainbox .txtbox .maincopy>p>span{font-size: 3.6rem;}
	#index #mainv.index .mainbox .txtbox .subcopy>p>span{font-size: 2rem;}
}
@media screen and (max-width: 1040px){
	#index #mainv.index{ padding-bottom: 0; }
	#index #mainv.index #scrolldown{ right: 40px; }
	#index #mainv.index #scrolldown .txt{font-size: 1.5rem;}
	#index #mainv.index #scrolldown .arr{ width: 2px; height: 40px; }
	#index #mainv.index #scrolldown .arr:after{ width: 2px; height: 40px; }
	#index #mainv.index .mainbox{ height: calc(100vh - 100px); min-height: inherit; }
	#index #mainv.index .mainbox .slidebox{ width: 100%; }
	#index #mainv.index .mainbox .slidebox>ul,
	#index #mainv.index .mainbox .slidebox>ul .slick-list,
	#index #mainv.index .mainbox .slidebox>ul .slick-track,
	#index #mainv.index .mainbox .slidebox>ul .slick-slide{border-top-left-radius:0;}
	#index #mainv.index .mainbox .txtbox{ padding-left: 0; }
}
@media screen and (max-width: 767px){
	#index #mainv.index .mainbox{ min-height: 400px; }
	#index #mainv.index .mainbox .txtbox .maincopy{ margin-bottom: 30px; }
	#index #mainv.index .mainbox .txtbox .maincopy>p>span{font-size: 2.6rem;}
	#index #mainv.index .mainbox .txtbox .subcopy>p>span{font-size: 1.8rem;}
}
@media screen and (max-width: 500px){
	#index #mainv.index #scrolldown{ right: 20px; }
}

#index #sec_1{padding-left: 15%;padding-right: 4%;padding-bottom: 105px;}
#index #sec_1 .mainbox{ display: flex; flex-direction: row; }
#index #sec_1 .mainbox .txtbox{ width: 100%; }
#index #sec_1 .mainbox .txtbox .titlebox{ margin-bottom: 30px; }
#index #sec_1 .mainbox .txtbox .titlebox .sub{ margin-bottom: 15px; }
#index #sec_1 .mainbox .txtbox .titlebox .sub>.inwrap{ color: #003c8c; display: inline-block; position: relative; }
#index #sec_1 .mainbox .txtbox .titlebox .sub>.inwrap::after{ content: ""; background: #003c8c; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; display: inline-block; }
#index #sec_1 .mainbox .txtbox .titlebox .main{ font-size: 3rem; line-height: 1.8; font-weight: bold; }
#index #sec_1 .mainbox .txtbox .linklist{ display: none; }
#index #sec_1 .mainbox .imgbox{flex-shrink: 0;width: 56%;margin-left: 4%;}
#index #sec_1 .mainbox .imgbox>.inwrap{ position: relative; overflow: hidden; border-bottom-right-radius: 60px; display: block; }
@media screen and (max-width: 1200px){
	#index #sec_1{padding-left: 0%;padding-right: 0%;padding-bottom: 0;}
	#index #sec_1 .mainbox{ display: block; }
	#index #sec_1 .mainbox .imgbox{width: 100%;margin-left: 0%;}
	#index #sec_1 .mainbox .txtbox {padding-left: 10%;padding-right: 10%;padding-bottom: 80px;}
	#index #sec_1 .mainbox .txtbox .titlebox{ text-align: center; }
	#index #sec_1 .mainbox .txtbox .titlebox .main{ font-size: 2.4rem; }
	#index #sec_1 .mainbox .txtbox .linklist{ display: block; }
	#index #sec_1 .mainbox+.linklist{ display: none; }
	#index #sec_1 .mainbox .imgbox>.inwrap{ border-bottom-right-radius: 0; height: 400px; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#index #sec_1 .mainbox .txtbox {padding-left: 8%;padding-right: 8%;}
	#index #sec_1 .mainbox .txtbox .titlebox .sub>.inwrap{ font-size: 1.6rem; }
	#index #sec_1 .mainbox .txtbox .titlebox .main{ font-size: 1.9rem; }
}
@media screen and (max-width: 500px){
	#index #sec_1 .mainbox .txtbox {padding-bottom: 70px;}
}

#index #sec_2 #s2_insec1{ background: #f6f6f6; padding-top: 80px; padding-bottom: 100px; }
#index #sec_2 #s2_insec1 .list>li:not(:last-child){ margin-bottom: 60px; }
#index #sec_2 #s2_insec1 .list>li{ padding-left: 6%; padding-bottom: 30px; }
#index #sec_2 #s2_insec1 .list>li>.inwrap{padding-left: 18%;position: relative;}
#index #sec_2 #s2_insec1 .list>li .txtbox{flex-shrink: 0;background: #fff;padding-left: 51%;padding-right: 8%;padding-top: 60px;padding-bottom: 60px;}
#index #sec_2 #s2_insec1 .list>li .txtbox .title{color: #003c8c;font-size: 3rem;margin-bottom: 15px;}
#index #sec_2 #s2_insec1 .list>li .txtbox .link{margin-top: 30px;}
#index #sec_2 #s2_insec1 .list>li .imgbox{position: absolute;top: 40px;height: calc(100% - 10px);left: 0;width: 54%;}
#index #sec_2 #s2_insec1 .list>li:nth-child(even){ padding-left: 0%; padding-right: 6%; }
#index #sec_2 #s2_insec1 .list>li:nth-child(even)>.inwrap{ padding-left: 0%; padding-right: 18%; }
#index #sec_2 #s2_insec1 .list>li:nth-child(even) .txtbox{ padding-left: 8%; padding-right: 51%; }
#index #sec_2 #s2_insec1 .list>li:nth-child(even) .imgbox{ left: auto; right: 0; }
@media screen and (max-width: 1200px){
	#index #sec_2 #s2_insec1 .list>li{ padding-left: 0%; }
	#index #sec_2 #s2_insec1 .list>li:nth-child(even){ padding-left: 0%; padding-right: 0%; }
}
@media screen and (max-width: 1040px){
	#index #sec_2 #s2_insec1 .list>li .txtbox .title{font-size: 2.4rem;}
	#index #sec_2 #s2_insec1 .list>li .txtbox .link .btnlink{ min-width: 100%; }
	#index #sec_2 #s2_insec1 .list>li .txtbox{ padding-right: 8%; padding-left: 47%; }
	#index #sec_2 #s2_insec1 .list>li:nth-child(even) .txtbox{ padding-left: 8%; padding-right: 47%; }
	#index #sec_2 #s2_insec1 .list>li .imgbox{ width: 50%; }
}
@media screen and (max-width: 767px){
	#index #sec_2 #s2_insec1{ padding-top: 60px; padding-bottom: 80px; }
	#index #sec_2 #s2_insec1 .list>li:not(:last-child){ margin-bottom: 40px; }
	#index #sec_2 #s2_insec1 .list>li{ padding-left: 0%; padding-bottom: 0; }
	#index #sec_2 #s2_insec1 .list>li>.inwrap{padding-left: 0%;}
	#index #sec_2 #s2_insec1 .list>li .txtbox{padding-left: 8%;padding-right: 8%;padding-top: 40px;padding-bottom: 50px;}
	#index #sec_2 #s2_insec1 .list>li .txtbox .title{ text-align: center; }
	#index #sec_2 #s2_insec1 .list>li .txtbox .link{ text-align: center; }
	#index #sec_2 #s2_insec1 .list>li .txtbox .link .btnlink{ max-width: 400px; min-width: auto; width: 100%; }
	#index #sec_2 #s2_insec1 .list>li .imgbox{position: static;height: 400px;width: 100%;}
	#index #sec_2 #s2_insec1 .list>li:nth-child(even){ padding-left: 0%; padding-right: 0%; }
	#index #sec_2 #s2_insec1 .list>li:nth-child(even)>.inwrap{ padding-left: 0%; padding-right: 0%; }
	#index #sec_2 #s2_insec1 .list>li:nth-child(even) .txtbox{ padding-left: 8%; padding-right: 8%; }
	#index #sec_2 #s2_insec1 .list>li:nth-child(even) .imgbox{ left: auto; right: 0; }
}
@media screen and (max-width: 500px){
	#index #sec_2 #s2_insec1 .list>li .txtbox{padding-top: 30px;padding-bottom: 45px;}
	#index #sec_2 #s2_insec1 .list>li .imgbox{height: 350px;}
}

#index #sec_3{ background: #f6f6f6; padding: 100px 13%; }
#index #sec_3>.inwrap{ display: flex; background: #fff; padding: 70px 6% 80px; }
#index #sec_3>.inwrap .titlebox{flex-shrink: 0;margin-right: 4%;width: 25%;display: flex;flex-direction: column;}
#index #sec_3>.inwrap .titlebox .en{ text-align: left; font-size: 4rem; }
#index #sec_3>.inwrap .titlebox .jn{ text-align: left; }
#index #sec_3>.inwrap .titlebox .link{margin-top: auto;}
#index #sec_3>.inwrap .txtbox{ width: 100%; }
#index #sec_3>.inwrap .txtbox .link{ display: none; }
@media screen and (max-width: 1200px){
	#index #sec_3{ padding: 80px 12%; }
	#index #sec_3>.inwrap{ padding: 50px 8% 60px; flex-direction: column; }
	#index #sec_3>.inwrap .titlebox{margin-right: 0%;width: 100%;display: block; margin-bottom: 30px;}
	#index #sec_3>.inwrap .titlebox .sectitlebox{ margin-bottom: 20px; }
	#index #sec_3>.inwrap .titlebox .en{ text-align: center; }
	#index #sec_3>.inwrap .titlebox .jn{ text-align: center; }
	#index #sec_3>.inwrap .titlebox .link{display: none;}
	#index #sec_3>.inwrap .txtbox .link{ display: block; text-align: center; margin-top: 40px; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#index #sec_3{ padding: 70px 8%; }
}
@media screen and (max-width: 500px){
	#index #sec_3{ padding: 60px 8%; }
	#index #sec_3>.inwrap{ padding: 40px 8% 50px; }
}

#index #sec_4{ padding-top: 80px; padding-bottom: 90px; }
#index #sec_4 .incnt>.inwrap{ display: flex; flex-direction: row; }
#index #sec_4 .incnt>.inwrap .txtbox{ flex-shrink: 0; margin-right: 4%; }
#index #sec_4 .incnt>.inwrap .txtbox .sectitlebox{ margin-bottom: 55px; }
#index #sec_4 .incnt>.inwrap .txtbox .sectitlebox .en{ text-align: left; }
#index #sec_4 .incnt>.inwrap .txtbox .sectitlebox .jn{ text-align: left; }
#index #sec_4 .incnt>.inwrap .txtbox .link{ margin-top: 30px; }
#index #sec_4 .incnt>.inwrap .imgbox{ width: 100%; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#index #sec_4{ padding-top: 60px; padding-bottom: 20px; }
	#index #sec_4 .incnt{ width: 100%; }
	#index #sec_4 .incnt>.inwrap{ display: block; }
	#index #sec_4 .incnt>.inwrap .txtbox{ margin-right: 0%; padding-bottom: 60px; text-align: center; padding-left: 8%; padding-right: 8%; }
	#index #sec_4 .incnt>.inwrap .txtbox .sectitlebox{ margin-bottom: 30px; }
	#index #sec_4 .incnt>.inwrap .txtbox .sectitlebox .en{ text-align: center; }
	#index #sec_4 .incnt>.inwrap .txtbox .sectitlebox .jn{ text-align: center; }
	#index #sec_4 .incnt>.inwrap .imgbox{ height: 350px; }
}
@media screen and (max-width: 500px){
}










/*//////////////////


#about.index


//////////////////*/
#about.index #sec_1{ padding-bottom: 95px; }
#about.index #sec_1 #s1_insec1{ margin-bottom: 110px; position: relative; }
#about.index #sec_1 #s1_insec1 .sectitlebox{ margin-bottom: 70px; }
#about.index #sec_1 #s1_insec1 .incnt>.inwrap{ display: flex; flex-direction: row; }
#about.index #sec_1 #s1_insec1 .incnt>.inwrap .txtbox{flex-shrink: 0;margin-right: 6%;width: 45%;}
#about.index #sec_1 #s1_insec1 .incnt>.inwrap .txtbox .copy{ margin-bottom: 30px; }
#about.index #sec_1 #s1_insec1 .incnt>.inwrap .txtbox .name{ text-align: right; margin-top: 30px; font-size: 1.8rem; }
#about.index #sec_1 #s1_insec1 .incnt>.inwrap .imgbox{ width: 100%; }
#about.index #sec_1 #s1_insec1 .incnt>.inwrap .imgbox>.inwrap{position: relative;overflow: hidden;border-bottom-right-radius: 60px;display: block;}
#about.index #sec_1 #s1_insec1:after{content: "";background: url(../img/common/mapicon.svg) no-repeat;background-size: contain;width: 446px;height: 778px;position: absolute;bottom: -565px;left: 100px;z-index: -1;}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	#about.index #sec_1{ padding-bottom: 80px; }
	#about.index #sec_1 #s1_insec1 .incnt{ width: 100%; }
	#about.index #sec_1 #s1_insec1 .sectitlebox{ margin-bottom: 40px; }
	#about.index #sec_1 #s1_insec1 .incnt>.inwrap{ display: block; }
	#about.index #sec_1 #s1_insec1 .incnt>.inwrap .txtbox{ margin-right: 0%; padding-bottom: 50px; padding-left: 8%; padding-right: 8%; width: 100%; }
	#about.index #sec_1 #s1_insec1 .incnt>.inwrap .txtbox .copy{ text-align: center; }
	#about.index #sec_1 #s1_insec1 .incnt>.inwrap .imgbox>.inwrap{ border-bottom-right-radius: 0; max-width: 294px; width: 100%; margin-left: auto; margin-right: auto; }
	#about.index #sec_1 #s1_insec1 .incnt>.inwrap .txtbox .name{ font-size: 1.6rem; }
	#about.index #sec_1 #s1_insec1:after{ left: 0; bottom: -389px; }
}
@media screen and (max-width: 767px){
	#about.index #sec_1 #s1_insec1{ margin-bottom: 80px; }
}
@media screen and (max-width: 500px){
}

#about.index #sec_1 #s1_insec2 .sectitlebox{ margin-bottom: 10px; }
#about.index #sec_1 #s1_insec2 .list{ border-top: 1px solid #003c8c; border-bottom: 1px solid #003c8c; position: relative; background: #fff; }
#about.index #sec_1 #s1_insec2 .list::before,
#about.index #sec_1 #s1_insec2 .list::after{content: "";width: 1px;height: calc(100% - 20px);background: #003c8c;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;z-index: 10;}
#about.index #sec_1 #s1_insec2 .list::before{ left: 0; }
#about.index #sec_1 #s1_insec2 .list::after{ right: 0; }
#about.index #sec_1 #s1_insec2 .list>ul>li:not(:last-child){ position: relative; }
#about.index #sec_1 #s1_insec2 .list>ul>li:not(:last-child):after{ content: ""; display: inline-block; background: #003c8c; position: absolute; bottom: 0; left: 0; height: 1px;width: calc(100% - 20px); right: 0; margin-left: auto; margin-right: auto; }
#about.index #sec_1 #s1_insec2 .list>ul>li>dl{ display: flex; flex-direction: row; }
#about.index #sec_1 #s1_insec2 .list>ul>li>dl>dt{font-weight: bold;background: #f6f6f6;color: #003c8c;padding: 24px 30px 24px 40px;box-sizing: border-box;width: 200px; flex-shrink: 0;}
#about.index #sec_1 #s1_insec2 .list>ul>li>dl>dd{padding: 24px 30px 24px 45px;width: 100%;word-break: break-all;}
@media screen and (max-width: 1040px){
	#about.index #sec_1 #s1_insec2 .list>ul>li>dl>dt{padding: 20px 25px 20px 30px;width: 160px;}
	#about.index #sec_1 #s1_insec2 .list>ul>li>dl>dd{padding: 20px 25px 20px 30px;}
}
@media screen and (max-width: 767px){
	#about.index #sec_1 #s1_insec2 .list>ul>li>dl{ display: block; }
	#about.index #sec_1 #s1_insec2 .list>ul>li>dl>dt{width: 100%;}
	#about.index #sec_1 #s1_insec2 .list>ul>li>dl>dt,
	#about.index #sec_1 #s1_insec2 .list>ul>li>dl>dd{padding: 15px 6% 12px;}
}
@media screen and (max-width: 500px){
}

#about.index #sec_2{ padding-top: 95px; background: #f5f5f5; padding-bottom: 95px; }
#about.index #sec_2 .list>li:not(:last-child){ margin-bottom: 10px; }
#about.index #sec_2 .list>li>dl{ display: flex; flex-direction: row; }
#about.index #sec_2 .list>li>dl>dt{ font-weight: bold; background: #194f97;padding: 24px 30px 24px 40px;box-sizing: border-box;width: 200px; color: #fff; flex-shrink: 0; }
#about.index #sec_2 .list>li>dl>dd{ background: #fff;padding: 24px 30px 24px 45px; width: 100%; text-align: left; }
#about.index #sec_2 .map{ margin-top: 100px; }
@media screen and (max-width: 1040px){
	#about.index #sec_2{ padding-top: 80px; padding-bottom: 80px; }
	#about.index #sec_2 .list>li>dl>dt{ padding: 20px 25px 20px 30px;width: 160px;  }
	#about.index #sec_2 .list>li>dl>dd{ padding: 20px 25px 20px 30px; }
}
@media screen and (max-width: 767px){
	#about.index #sec_2{ padding-top: 70px; padding-bottom: 70px; }
	#about.index #sec_2 .list>li>dl>dt{ padding: 20px 20px 20px 20px;width: 130px;  }
	#about.index #sec_2 .list>li>dl>dd{ padding: 20px 20px 20px 25px; }
	#about.index #sec_2 .map{ margin-top: 60px; }
	#about.index #sec_2 .map iframe{ height: 400px; }
}
@media screen and (max-width: 500px){
}

#about.index #sec_3{ padding-top: 85px; }
#about.index #sec_3 .sectitlebox{ margin-bottom: 70px; }
#about.index #sec_3 .incnt>.inwrap{ display: flex; flex-direction: row; }
#about.index #sec_3 .incnt>.inwrap .txtbox{flex-shrink: 0;margin-right: 6%;width: 40%;}
#about.index #sec_3 .incnt>.inwrap .txtbox .copy{ margin-bottom: 30px; }
#about.index #sec_3 .incnt>.inwrap .txtbox .link{ margin-top: 30px; }
#about.index #sec_3 .incnt>.inwrap .txtbox .link .btnlink{ min-width: auto; max-width: 310px; width: 100%; }
#about.index #sec_3 .incnt>.inwrap .imgbox{ width: 100%; }
#about.index #sec_3 .incnt>.inwrap .imgbox>.inwrap{position: relative;overflow: hidden;border-bottom-right-radius: 60px;display: block;}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about.index #sec_3{ padding-top: 70px; }
	#about.index #sec_3 .incnt{ width: 100%; }
	#about.index #sec_3 .sectitlebox{ margin-bottom: 40px; }
	#about.index #sec_3 .incnt>.inwrap{ display: block; }
	#about.index #sec_3 .incnt>.inwrap .txtbox .copy,
	#about.index #sec_3 .incnt>.inwrap .txtbox .link{ text-align: center; }
	#about.index #sec_3 .incnt>.inwrap .txtbox{ margin-right: 0%; padding-bottom: 60px; padding-left: 8%; padding-right: 8%; width: 100%; }
	#about.index #sec_3 .incnt>.inwrap .imgbox{ height: 350px; }

	#about.index #article.under{ margin-bottom: 20px; }
}
@media screen and (max-width: 500px){
}







/*//////////////////


common
※一旦共通パーツをまとめておきます。後で所定の場所に移動させてください


//////////////////*/
/* introtitle */
.introtitle { text-align: center; margin-bottom: 50px; }
.introtitle .title { font-size: 3rem; line-height: 1.8; font-weight: bold; color: #003c8c; border-bottom: 2px solid #003c8c; display: inline-block; }
@media screen and (max-width: 1200px){
	.introtitle .title { font-size: 2.4rem; }
}
@media screen and (max-width: 767px){
	.introtitle .title { font-size: 1.8rem; }
}
@media screen and (max-width: 500px){
	.introtitle { margin-bottom: 40px; }
}
/* insectitlebox */
.insectitlebox { margin-bottom: 50px; line-height: 1.6; }
.insectitlebox .jn { font-size: 3.0rem; text-align: center; margin-bottom: 5px; }
.insectitlebox._1 .jn { font-size: 2.6rem; }
.insectitlebox .en { font-size: 1.6rem; text-align: center; color: #003c8c; letter-spacing: 0.1em; line-height: 1.4; padding-bottom: 5px; }
@media screen and (max-width: 1200px){
	.insectitlebox .jn,
	.insectitlebox._1 .jn { font-size: 2.4rem; }
	.insectitlebox .en{ font-size: 1.4rem; }
}
@media screen and (max-width: 767px){
	.insectitlebox { margin-bottom: 30px; }
	.insectitlebox .jn,
	.insectitlebox._1 .jn { font-size: 1.8rem; }
	.insectitlebox .en{ font-size: 1.2rem; }
}






/*//////////////////


#about.obsession


//////////////////*/
/* #sec_1 */
#about.obsession #sec_1 { padding-bottom: 95px; }
@media screen and (max-width: 1040px){
	#about.obsession #sec_1 { padding-bottom: 80px; }
}
@media screen and (max-width: 767px){
	#about.obsession #sec_1 { padding-bottom: 70px; }
}

/* #sec_2 */
#about.obsession #sec_2 { padding-top: 95px; background: #f5f5f5; padding-bottom: 95px; }
#about.obsession #sec_2 li { background: #fff; padding: 40px 0; margin-top: 40px; }
#about.obsession #sec_2 li .box { display: flex; justify-content: flex-start; align-items: center;}
#about.obsession #sec_2 li .insectitlebox { width: 300px; margin-bottom: 0; }
#about.obsession #sec_2 li .txt1 { font-size: 1.8rem; flex: 1; border-left: 1px solid #2a2a2a; padding: 10px 60px; font-weight: bold; line-height: 1.8; }
@media screen and (max-width: 1280px){
	#about.obsession #sec_2 li .txt1 br { display: none; }
}
@media screen and (max-width: 1040px){
	#about.obsession #sec_2{ padding-top: 80px; padding-bottom: 80px; }
	#about.obsession #sec_2 li { padding: 40px 60px; }
	#about.obsession #sec_2 li .box { flex-direction: column; justify-content: flex-start; align-items: center;}
	#about.obsession #sec_2 li .txt1 { flex: none; border-left: none; border-top: 1px solid #2a2a2a; padding: 30px 0 0; margin-top: 20px; }
}
@media screen and (max-width: 767px){
	#about.obsession #sec_2{ padding-top: 70px; padding-bottom: 70px; }
	#about.obsession #sec_2 li { padding: 8%; margin-top: 20px; }
	#about.obsession #sec_2 li .txt1 { font-size: 1.4rem; line-height: 2; padding-top: 20px; }
}

/* #sec_3 */
#about.obsession #sec_3 .imgbox {  }
#about.obsession #sec_3 .imgbox>* { display: flex; width: 100%; height: calc(100vw / 4); }
#about.obsession #sec_3 .imgbox._1 { }
#about.obsession #sec_3 .imgbox .wrap { width: calc(100vw / 3); }
#about.obsession #sec_3 .imgbox ._1 .wrap:nth-child(2) { width: calc(100vw / 1.5); }
#about.obsession #sec_3 .imgbox .wrap img {  -o-object-fit : cover; object-fit : cover; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 767px){
	#about.obsession #sec_3 .imgbox>* { display: block; height: auto; }
	#about.obsession #sec_3 .imgbox .wrap { width: 100%!important; }
}






/*//////////////////


#about.customer


//////////////////*/
/* common */
#about.customer #article .copy { color: #003c8c; margin-bottom: 10px; }
#about.customer #article .list{ position: relative; background: #fff; margin-bottom: 100px; line-height: 1.6; }
#about.customer #article .list>ul>li>dl { display: flex; flex-direction: row; }
#about.customer #article .list>ul>li>dl>dt { font-weight: bold; background: #f6f6f6; color: #003c8c; padding: 24px 30px 24px 40px; box-sizing: border-box; width: 440px; flex-shrink: 0; position: relative; }
#about.customer #article .list>ul>li>dl>dt:after { content: ""; display: inline-block; background: #003c8c; position: absolute; bottom: 0; left: 0; height: 1px;width: 100%; right: 0; margin-left: auto; margin-right: auto; }
#about.customer #article .list>ul>li:first-child>dl>dt:before { content: ""; display: inline-block; background: #003c8c; position: absolute; top: 0; left: 0; height: 1px;width: 100%; right: 0; margin-left: auto; margin-right: auto; }
#about.customer #article .list>ul>li>dl>dd { padding: 24px 30px 24px 45px; width: 100%; word-break: break-all; position: relative; font-size: 1.5rem; letter-spacing: 0.1em; }
#about.customer #article .list>ul>li>dl>dd:after { content: ""; display: inline-block; background: #777; position: absolute; bottom: 0; left: 0; height: 1px;width: 100%; right: 0; margin-left: auto; margin-right: auto; z-index: 1; }
#about.customer #article .list>ul>li:first-child>dl>dd:before { content: ""; display: inline-block; background: #777; position: absolute; top: 0; left: 0; height: 1px;width: 100%; right: 0; margin-left: auto; margin-right: auto; z-index: 1; }
@media screen and (max-width: 1040px){
	#about.customer #article .list>ul>li>dl>dt { padding: 20px 30px; width: 35%;}
	#about.customer #article .list>ul>li>dl>dd { padding: 20px 30px; }
}
@media screen and (max-width: 767px){
	#about.customer #article .list{ margin-bottom: 80px; }
	#about.customer #article .list>ul>li>dl { display: block; padding: 25px 0; border-bottom: 1px solid #003c8c; }
	#about.customer #article .list>ul>li:first-child>dl { border-top: 1px solid #003c8c; }
	#about.customer #article .list>ul>li>dl>dt { width: 100%; padding: 0; margin-bottom: 8px; background: #fff; }
	#about.customer #article .list>ul>li>dl>dt:before,
	#about.customer #article .list>ul>li>dl>dt:after { display: none!important; }
	#about.customer #article .list>ul>li>dl>dd { width: 100%; padding: 0; font-size: 1.3rem; }
	#about.customer #article .list>ul>li>dl>dd:before,
	#about.customer #article .list>ul>li>dl>dd:after { display: none!important; }
}

/* #sec_1 */
#about.customer #sec_1 .btnlinst { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 100px; }
#about.customer #sec_1 .btnlinst li { margin: 0 10px 20px; }
#about.customer #sec_1 .btnlinst .btnlink { min-width: 240px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about.customer #sec_1 .btnlinst { margin-bottom: 60px; }
}
@media screen and (max-width: 500px){
	#about.customer #sec_1 .btnlinst li { margin: 0 0 10px; }
}

/* #sec_4 */
#about.customer #sec_4 .list { margin-bottom: 0; }








/*//////////////////


business.common


//////////////////*/
#business #article .servicelist>li { display: flex; justify-content: space-between; flex-direction: row-reverse; }
#business #article .servicelist>li:not(:first-child) { margin-top: 80px; padding-top: 80px; border-top: 1px solid #777; }
#business #article .servicelist>li .imgbox { width: 58%; margin-left: 60px; height: 420px; }
#business #article .servicelist>li .imgbox img {  -o-object-fit : cover; object-fit : cover; display: block; width: 100%; height: 100%; }
#business #article .servicelist>li .txtbox { flex: 1; }
#business #article .servicelist>li .txtbox .list1 { background: #fff; padding: 25px 30px; }
#business #article .servicelist>li .txtbox .list1 li { font-weight: bold; font-feature-settings : "palt"; }
@media screen and (max-width: 1280px) {
	#business #article .servicelist>li { align-items: normal; } 
	#business #article .servicelist>li .imgbox { display: flex; height: auto; margin-left: 50px; width: 50%; }
}
@media screen and (max-width: 767px){
	#business #article .servicelist>li { display: block; } 
	#business #article .servicelist>li:not(:first-child) { margin-top: 60px; padding-top: 60px; } 
	#business #article .servicelist>li .imgbox { display: flex; height: auto; width: 100%; height: calc(100px + 40vw); margin-left: 0;}
	#business #article .servicelist>li .txtbox { flex: auto; margin-left: 0; margin-top:40px; }
	#business #article .servicelist>li .txtbox .list1 { background: #fff; padding: 6%; }
}

#business #article .introbox { }
#business #article .introbox { border-top: 1px solid #003c8c; border-bottom: 1px solid #003c8c; position: relative; background: #fff; padding: 40px; display: flex; justify-content: space-between; align-items: center; margin-top: 40px; }
#business #article .introbox::before,
#business #article .introbox::after { content: "";width: 1px;height: calc(100% - 20px);background: #003c8c;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;z-index: 10;}
#business #article .introbox::before{ left: 0; }
#business #article .introbox::after{ right: 0; }
#business #article .introbox .title { background: #003c8c; color: #fff; font-weight: bold; line-height: 1; padding: 15px 20px; }
#business #article .introbox .txt { flex: 1; line-height: 1.8; margin-left: 40px; text-align: left; }
#business #article .introbox .txt li { display: inline-block; }
#business #article .introbox .txt li:not(:last-child):after { content:'・'; margin: 0;display: inline-block; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#business #article .introbox { display: block; padding: 6%; }
	#business #article .introbox .title { display: inline-block; padding: 10px 20px; margin-bottom: 15px; }
	#business #article .introbox .txt { flex: none; line-height: 2; margin-left: 0; }
}
@media screen and (max-width: 500px){
}



/*//////////////////


business.index


//////////////////*/
/* #sec_1 */
#business.index #sec_1 { padding-bottom: 95px; }
@media screen and (max-width: 1040px){
	#business.index #sec_1 { padding-bottom: 80px; }
}
@media screen and (max-width: 767px){
	#business.index #sec_1 { padding-bottom: 70px; }
}

/* #sec_2 */
#business.index #sec_2 { padding-top: 95px; background: #f5f5f5; padding-bottom: 95px; }
#business.index #sec_2 .servicelist>li .txtbox .insectitlebox { margin-bottom: 40px; }
#business.index #sec_2 .servicelist>li .txtbox .insectitlebox>* { text-align: left; }
#business.index #sec_2 .servicelist>li .txtbox .link { margin-top: 30px; }
@media screen and (max-width: 1040px){
	#business.index #sec_2 { padding-top: 80px; padding-bottom: 80px; }
}
@media screen and (max-width: 767px){
	#business.index #sec_2 { padding-top: 70px; padding-bottom: 70px; }
	#business.index #sec_2 .servicelist>li .txtbox .insectitlebox { margin-bottom: 30px; }
}






/*//////////////////


business.industrialequipment


//////////////////*/
/* #sec_1 */
#business.industrialequipment #sec_1 { padding-bottom: 95px; }
#business.industrialequipment #sec_1 .txt1 { text-align: center; }
@media screen and (max-width: 1040px){
	#business.industrialequipment #sec_1 { padding-bottom: 80px; }
	#business.industrialequipment #sec_1 .txt1 { text-align: left; }
}
@media screen and (max-width: 767px){
	#business.industrialequipment #sec_1 { padding-bottom: 70px; }
}

/* #sec_2 */
#business.industrialequipment #sec_2 { padding-top: 95px; background: #f5f5f5; padding-bottom: 95px; }
#business.industrialequipment #sec_2 .servicelist>li .txtbox .insectitlebox { margin-bottom: 40px; position: relative; padding: 3px 0 5px 30px; color: #003c8c; }
#business.industrialequipment #sec_2 .servicelist>li .txtbox .insectitlebox::before { content: ""; background: #003c8c; width: 5px; font-size: 0; height: 100%; position: absolute; top: 0; left: 0; }
#business.industrialequipment #sec_2 .servicelist>li .txtbox .insectitlebox .jn { text-align: left; margin-bottom: 0; }#business.industrialequipment #sec_2 .servicelist>li .txtbox .listwrap { display: flex; background: #fff; }
#business.industrialequipment #sec_2 .servicelist>li .txtbox .listwrap .list1:first-child { padding-right: 0; }
@media screen and (max-width: 1040px){
	#business.industrialequipment #sec_2 { padding-top: 80px; padding-bottom: 80px; }
	#business.industrialequipment #sec_2 .servicelist>li .txtbox .listwrap { display: block; background: #fff; padding: 20px 0; }
	#business.industrialequipment #sec_2 .servicelist>li .txtbox .listwrap .list1:first-child { padding-right: 30px; padding-bottom: 0; }
	#business.industrialequipment #sec_2 .servicelist>li .txtbox .listwrap .list1:last-child { padding-top: 0; }
}
@media screen and (max-width: 767px){
	#business.industrialequipment #sec_2 { padding-top: 70px; padding-bottom: 70px; }
	#business.industrialequipment #sec_2 .servicelist>li .txtbox .insectitlebox { margin-bottom: 30px; }
	#business.industrialequipment #sec_2 .servicelist>li .txtbox .listwrap .list1:first-child  { padding-right: 6%; padding-bottom: 0; }
}





/*//////////////////


business.medicalcare


//////////////////*/
/* #sec_1 */
#business.medicalcare #sec_1 { padding-bottom: 95px; }
#business.medicalcare #sec_1 .txt1 { text-align: center; }
@media screen and (max-width: 1040px){
	#business.medicalcare #sec_1 { padding-bottom: 80px; }
	#business.medicalcare #sec_1 .txt1 { text-align: left; }
	#business.medicalcare #sec_1 .txt1 br { display: none; }
}
@media screen and (max-width: 767px){
	#business.medicalcare #sec_1 { padding-bottom: 70px; }
}

/* #sec_2 */
#business.medicalcare #sec_2 { padding-top: 95px; background: #f5f5f5; padding-bottom: 95px; }
#business.medicalcare #sec_2 .servicelist>li .txtbox .insectitlebox { margin-bottom: 40px; position: relative; padding: 3px 0 5px 30px; color: #003c8c; }
#business.medicalcare #sec_2 .servicelist>li .txtbox .insectitlebox::before { content: ""; background: #003c8c; width: 5px; font-size: 0; height: 100%; position: absolute; top: 0; left: 0; }
#business.medicalcare #sec_2 .servicelist>li .txtbox .insectitlebox .jn { text-align: left; margin-bottom: 0; }
#business.medicalcare #sec_2 .servicelist>li .txtbox .txt2 { margin-top: 30px; }
#business.medicalcare #sec_2 .servicelist>li .txtbox .title1 { font-weight: bold; margin-top: 20px; }
#business.medicalcare #sec_2 .servicelist>li .txtbox .title1:first-child { margin-top: 0; }
@media screen and (max-width: 1040px){
	#business.medicalcare #sec_2 { padding-top: 80px; padding-bottom: 80px; }
}
@media screen and (max-width: 767px){
	#business.medicalcare #sec_2 { padding-top: 70px; padding-bottom: 70px; }
	#business.medicalcare #sec_2 .servicelist>li .txtbox .insectitlebox { margin-bottom: 30px; }
	#business.medicalcare #sec_2 .servicelist>li .txtbox .txt2 { margin-top: 20px; }
	#business.medicalcare #sec_2 .servicelist>li .txtbox .title1 { margin-top: 10px; }
}




/*//////////////////


news.index


//////////////////*/
/* #sec_1 */
#news.index #sec_1 .txt1 { text-align: center; margin-bottom: 70px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#news.index #sec_1 .txt1 { margin-bottom: 40px; text-align: justify; }
}
@media screen and (max-width: 500px){
}

#news.single #article.under{ margin-bottom: 0; }
#news.single #sec_1{padding-bottom: 155px;}
#news.single #sec_2{ background: #f5f5f5; padding-top: 80px; padding-bottom: 60px; }
#news.single #sec_2 .introtitle{ margin-bottom: 10px; }
@media screen and (max-width: 767px){
	#news.single #sec_1{padding-bottom: 100px;}
	#news.single #sec_2{ padding-top: 70px; }
}


/*//////////////////


product.index


//////////////////*/
/* #sec_1 */
#product.index #sec_1 { padding-bottom: 60px; }
#product.index #sec_1 .txt1 { text-align: center; margin-bottom: 30px; }
@media screen and (max-width: 1040px){
	#product.index #sec_1 { padding-bottom: 50px; }
}
@media screen and (max-width: 767px){
	#product.index #sec_1 { padding-bottom: 40px; }
}
@media screen and (max-width: 500px){
}

#product.index #sec_2 .link { text-align: center; }
#product.index #sec_3 { padding-top: 90px; }
#product.index #sec_3 .copy { color: #003c8c; margin-bottom: 10px; }#sds #sec_1 { padding-bottom: 95px; }
#product.index #sec_3 .introbox { border-top: 1px solid #003c8c; border-bottom: 1px solid #003c8c; position: relative; background: #fff; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 40px; }
#product.index #sec_3 .introbox::before,
#product.index #sec_3 .introbox::after { content: "";width: 1px;height: calc(100% - 20px);background: #003c8c;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;z-index: 10;}
#product.index #sec_3 .introbox::before{ left: 0; }
#product.index #sec_3 .introbox::after{ right: 0; }
#product.index #sec_3 .introbox .title { font-size: 2.4rem; display: inline-block; font-weight: bold; margin-bottom: 10px; }
#product.index #sec_3 .introbox .link { margin-top: 20px;}
@media screen and (max-width: 767px){
	#product.index #sec_3 .introbox { padding: 6%; }
	#product.index #sec_3 .introbox .title { font-size: 1.8rem; }
}

#product.single #sec_1 .editbody{ margin-top: 75px; }
@media screen and (max-width: 767px){
	#product.single #sec_1 .introtitle .title{ font-size: 2.4rem; }
	#product.single #sec_1 .editbody{ margin-top: 40px; }
}
#product.single #sec_2 { padding-top: 90px; }
#product.single #sec_2 .copy { color: #003c8c; margin-bottom: 10px; }#sds #sec_1 { padding-bottom: 95px; }
#product.single #sec_2 .introbox { border-top: 1px solid #003c8c; border-bottom: 1px solid #003c8c; position: relative; background: #fff; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 40px; }
#product.single #sec_2 .introbox::before,
#product.single #sec_2 .introbox::after { content: "";width: 1px;height: calc(100% - 20px);background: #003c8c;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;z-index: 10;}
#product.single #sec_2 .introbox::before{ left: 0; }
#product.single #sec_2 .introbox::after{ right: 0; }
#product.single #sec_2 .introbox .title { font-size: 2.4rem; display: inline-block; font-weight: bold; margin-bottom: 10px; }
#product.single #sec_2 .introbox .link { margin-top: 20px;}
@media screen and (max-width: 767px){
	#product.single #sec_2 .introbox { padding: 6%; }
	#product.single #sec_2 .introbox .title { font-size: 1.8rem; }
}





/*//////////////////


privacy


//////////////////*/
/* #sec_1 */
#privacy #sec_1 { }
#privacy #sec_1 .para8 { margin-bottom: 60px; }
#privacy #sec_1 .title { font-size: 2.4rem; font-weight: bold; color: #003c8c; margin-bottom: 10px; }
@media screen and (max-width: 767px){
	#privacy #sec_1 .title { font-size: 1.8rem;}
	#privacy #sec_1 .para8 { margin-bottom: 40px; }
}
@media screen and (max-width: 500px){
}







/*//////////////////


recruit


//////////////////*/
/* common */
#recruit #article section { padding-bottom: 95px; }
@media screen and (max-width: 1040px){
	#recruit #article section { padding-bottom: 80px; }
}
@media screen and (max-width: 767px){
	#recruit #article section { padding-bottom: 70px; }
}

/* #sec_2 */
#recruit #sec_2 .imgbox  { display: flex; }
#recruit #sec_2 .imgbox>img { width: calc(100vw / 3); height: auto; }
#recruit #sec_2 .imgbox .right { width: calc(100vw / 1.5); display: flex; flex-wrap: wrap;  }
#recruit #sec_2 .imgbox .right>img { width: 50%; }
#recruit #sec_2 .imgbox .right>img:nth-child(3) { width: 100%; }
@media screen and (max-width: 767px){
	#recruit #sec_2 .imgbox,
	#recruit #sec_2 .imgbox>img,
	#recruit #sec_2 .imgbox .right,
	#recruit #sec_2 .imgbox .right>img { display: block; width: 100%; }
}

/* #sec_3 */
#recruit #sec_3 .list { text-align: center; border-top: 1px solid #777; border-bottom: 1px solid #777; position: relative; background: #fff; padding: 40px; margin-bottom: 40px; }
#recruit #sec_3 .list::before,
#recruit #sec_3 .list::after { content: "";width: 1px;height: calc(100% - 20px);background: #777;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;z-index: 10;}
#recruit #sec_3 .list::before{ left: 0; }
#recruit #sec_3 .list::after{ right: 0; }
#recruit #sec_3 .list li { font-size: 2.4rem; display: inline-block; font-weight: bold; margin: 5px 10px; }
#recruit #sec_3 .list li::before{ content: "□"; padding-right: 5px; }
@media screen and (max-width: 767px){
	#recruit #sec_3 .list{ padding: 30px 8% 25px; }
	#recruit #sec_3 .list li{ font-size: 1.8rem; }
}


/* #sec_4 */
#recruit #sec_4 .imgbox  { display: flex; }
#recruit #sec_4 .imgbox>img { width: 50%; height: auto; }
@media screen and (max-width: 767px){
	#recruit #sec_4 .imgbox  { display: block; }
	#recruit #sec_4 .imgbox>img { display: block; width: 100%; }
}

/* #sec_5 */
#recruit #sec_5 .txt1 { text-align: center; margin-bottom: 30px; }
#recruit #sec_5 { padding-top: 95px; background: #f5f5f5; padding-bottom: 95px; }
#recruit #sec_5 .list { background: #fff; padding: 10px 40px; }
#recruit #sec_5 .list>li>dl { display: flex; flex-direction: row; }
#recruit #sec_5 .list>li>dl>dt { font-weight: bold; border-bottom: 2px solid #194f97; padding: 24px 0px 24px 0px; box-sizing: border-box; width: 198px; flex-shrink: 0; margin-right: 2px; }
#recruit #sec_5 .list>li>dl>dd { padding: 24px 15px 24px 15px; width: 100%; text-align: left; border-bottom: 1px solid #999999; }
#recruit #sec_5 .list>li:last-child>dl>dt { border-bottom: none; }
#recruit #sec_5 .list>li:last-child>dl>dd { border-bottom: none; }
@media screen and (max-width: 1040px){
	#recruit #sec_5 { padding-top: 80px; padding-bottom: 80px; }
	#recruit #sec_5 .list>li>dl>dt { width: 160px; }
	#recruit #sec_5 .list>li>dl>dd { }
}
@media screen and (max-width: 767px){
	#recruit #sec_5 { padding-top: 70px; padding-bottom: 70px; }
	#recruit #sec_5 .list { background: #fff; padding: 10px 6%; }
	#recruit #sec_5 .list>li>dl>dt { padding: 24px 0px 24px 0px;width: 100px;  }
	#recruit #sec_5 .list>li>dl>dd { padding: 24px 15px 24px 15px; }
}












/*//////////////////


contact


//////////////////*/

#contact .introtitle{ margin-bottom: 30px; }
#contact #s1_insec1 .btnlinst { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
#contact #s1_insec1 .btnlinst li { margin: 0 10px 20px; }
#contact #s1_insec1 .btnlinst .btnlink { min-width: 240px; }
#contact #s1_insec1 .btnlinst li .btnlink._border:after,
#contact #s1_insec1 .btnlinst li .btnlink._border::before { transform: rotate(90deg); }
#contact #s1_insec1 .btnlinst li .btnlink._border:hover:after,
#contact #s1_insec1 .btnlinst li .btnlink._border:hover::before { right: 15px; top: 5px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
	#contact #s1_insec1 .btnlinst li { margin: 0 0 10px; }
}

#contact #s1_insec2{ margin-top: 70px; padding-bottom: 100px; }

#contact #s1_insec2 .teltxt{text-align: center;display: flex;justify-content: center;background: #194f97;padding: 30px 8%; min-height: 170px; align-items: center; width: 100%; box-sizing: border-box;color: #fff;margin-top: 40px; }
#contact #s1_insec2 .teltxt>a{display: flex;flex-direction: row;align-items: center;line-height: 1.4;}
#contact #s1_insec2 .teltxt>a:hover{ color: #fff; }
#contact #s1_insec2 .teltxt>a .num{font-size: 4.5rem;display: flex;flex-direction: row;align-items: center;}
#contact #s1_insec2 .teltxt>a .num svg{ margin-right: 10px; }
#contact #s1_insec2 .teltxt>a .num svg .tel_st0.st0{fill:#fff; }
#contact #s1_insec2 .teltxt>a .closetxt{ margin-left: 15px; }
@media screen and (max-width: 1200px){
	#contact #s1_insec2 .teltxt>a{ flex-direction: column; }
	#contact #s1_insec2 .teltxt>a .num{font-size: 4rem;}
	#contact #s1_insec2 .teltxt>a .closetxt{ font-size: 1.6rem; margin-left: 0; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#contact #s1_insec2{ margin-top: 60px; padding-bottom: 80px; }
	#contact #s1_insec2 .teltxt{ min-height: 120px; }
	#contact #s1_insec2 .teltxt>a .num{font-size: 3rem;}
	#contact #s1_insec2 .teltxt>a .num svg{ width: 20px; height: 20px; }
}
@media screen and (max-width: 500px){
	#contact #s1_insec2 .teltxt>a .num{font-size: 2.4rem;}
	#contact #s1_insec2 .teltxt>a .closetxt{ font-size: 1.4rem; }
}

#contact #sec_2{ background: #f7f7f7; padding: 60px 0 100px; }
#contact #sec_2 .box1{ padding-top: 30px; margin-top: 30px; border-top: 1px solid #666; }
#contact #sec_2 .box1 .title1{ font-weight: bold; font-size: 1.8rem; margin-bottom: 5px; }
#contact #sec_2 .box1 .list>li{ padding-left : 1em !important; text-indent : -1em; counter-increment : number; }
#contact #sec_2 .box1 .list>li::before{ content : counter(number) "."; }
#contact #sec_2 .box2{ margin-top: 55px; background: #fff; padding: 50px 8% 80px; }
#contact #sec_2 .box2 .list{ display: flex; flex-direction: row;margin-top: 55px;  }
#contact #sec_2 .box2 .list>li{ position: relative; width: 50%;  padding-left: 4%; padding-right: 4%; }
#contact #sec_2 .box2 .list>li:nth-child(1){ padding-right: 8%; }
#contact #sec_2 .box2 .list>li:nth-child(2){ padding-left: 8%; }
#contact #sec_2 .box2 .list>li:not(:first-child)::after{ content: ""; background: #262626; display: inline-block; width: 1px; height: 160px; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
#contact #sec_2 .box2 .list>li .title1{padding: 8px 15px;margin-bottom: 27px;border: 1px solid #262626;width: 100%;text-align: center;}
#contact #sec_2 .box2 .list>li .img{ text-align: center; }
#contact #sec_2 .box2 .list>li:nth-child(1) .img img{ max-width: 220px; width: 100%; }
#contact #sec_2 .box2 .list>li:nth-child(2) .img img{ max-width: 272px; width: 100%; }
@media screen and (max-width: 1040px){
	#contact #sec_2 .box2 .list{ display: block; }
	#contact #sec_2 .box2 .list>li{ width: 100%;  padding-left: 0%; padding-right: 0%; }
	#contact #sec_2 .box2 .list>li:nth-child(1){ padding-right: 0%;}
	#contact #sec_2 .box2 .list>li:nth-child(2){ padding-left: 0%; padding-top: 50px; margin-top: 50px;  }
	#contact #sec_2 .box2 .list>li:not(:first-child)::after{ width: 88%; height: 1px;left: 0; right: 0; bottom: auto; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; }
	#contact #sec_2 .box2 .list>li .title1{max-width: 340px;margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 767px){
	#contact #sec_2{ padding: 60px 0 80px; }
	#contact #sec_2 .box1 .title1{ text-align: center; }
	#contact #sec_2 .box2{ margin-top: 45px; padding: 40px 8% 50px; }
	#contact #sec_2 .box2 .list{ margin-top: 45px; }
	#contact #sec_2 .box2 .list>li:nth-child(2){ padding-top: 40px; margin-top: 40px;  }
	#contact #sec_2 .box2 .list>li:nth-child(1) .img img{ width: 70%; }
	#contact #sec_2 .box2 .list>li:nth-child(2) .img img{ width: 70%; }
}
@media screen and (max-width: 500px){
}

#contact #sec_3{ padding-top: 80px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#contact #sec_3{ padding-top: 70px; }
}
@media screen and (max-width: 500px){
}












/*//////////////////


#sds


//////////////////*/
/* common */
#sds #article .copy { color: #003c8c; margin-bottom: 10px; }#sds #sec_1 { padding-bottom: 95px; }
#sds #article .introbox { border-top: 1px solid #003c8c; border-bottom: 1px solid #003c8c; position: relative; background: #fff; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 40px; }
#sds #article .introbox::before,
#sds #article .introbox::after { content: "";width: 1px;height: calc(100% - 20px);background: #003c8c;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;z-index: 10;}
#sds #article .introbox::before{ left: 0; }
#sds #article .introbox::after{ right: 0; }
#sds #article .introbox .title { font-size: 2.4rem; display: inline-block; font-weight: bold; margin-bottom: 10px; }
@media screen and (max-width: 767px){
	#sds #article .introbox { padding: 6%; }
	#sds #article .introbox .title { font-size: 1.8rem; }
}
/* #sec_1 */
#sds #sec_1 { padding-bottom: 95px; }
@media screen and (max-width: 1040px){
	#sds #sec_1 { padding-bottom: 80px; }
}
@media screen and (max-width: 767px){
	#sds #sec_1 { padding-bottom: 70px; }
}

/* #sec_2 */
#sds #sec_2 { padding-top: 95px; background: #f5f5f5; padding-bottom: 5px; }
#sds #sec_2 .list{ position: relative; background: #fff; margin: 30px 0 90px; line-height: 1.6; border-bottom: 1px solid #003c8c; }
#sds #sec_2 .list>ul>li { border-top: 1px #003c8c solid;}
#sds #sec_2 .list>ul>li>dl { display: flex; flex-direction: row; }
#sds #sec_2 .list>ul>li>dl>dt { font-weight: bold; color: #003c8c; padding: 24px 4%; width: 100%; box-sizing: border-box; position: relative; }
#sds #sec_2 .list>ul>li>dl>dd { padding: 24px 2%; position: relative; font-size: 1.5rem; letter-spacing: 0.1em; width: 110px; flex-shrink: 0; box-sizing: border-box; }
#sds #sec_2 .list>ul>li>dl>dd .txtlink { font-size: 1.6rem;}

@media screen and (max-width: 767px){
	#sds #sec_2 .list{ margin-bottom: 80px; }
	#sds #sec_2 .list>ul>li>dl { flex-wrap: wrap; padding: 25px 0; }
	#sds #sec_2 .list>ul>li:first-child>dl { border-top: 1px solid #003c8c; }
	#sds #sec_2 .list>ul>li>dl>dt { width: auto; padding: 0 3%; }
	#sds #sec_2 .list>ul>li>dl>dd { width: auto; padding: 0; font-size: 1.3rem; }
	#sds #sec_2 .list>ul>li>dl>dd:last-child { width: 100%; padding: 0 3%; }
}
/* #sec_3 */
#sds #sec_3 { padding-top: 30px; }