@charset "utf-8";
/* 

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

*/

#index #mainv.index{ height: calc(100vh - 135px); margin-top: 135px; min-height: 480px; }
#index #mainv.index .mainbox{ overflow: hidden; position: relative; height: 100%; }
/* #index #mainv.index .mainbox,
#index #mainv.index .mainbox .slidebox,
#index #mainv.index .mainbox .slidebox .slick-slider,
#index #mainv.index .mainbox .slidebox .slick-list,
#index #mainv.index .mainbox .slidebox .slick-track{ height: 100%; } */
#index #mainv.index .mainbox .slidebox,
#index #mainv.index .mainbox .slidebox li.slick-slide { height: 100%; width: 100%; position: relative;  }
#index #mainv.index .mainbox .slidebox .slick-slider,
#index #mainv.index .mainbox .slidebox .slick-list,
#index #mainv.index .mainbox .slidebox .slick-track{ height: 100%; }
#index #mainv.index .mainbox .slidebox .txtbox {width: 100%;height: 100%;display: flex;align-items: flex-end;justify-content: flex-end;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;position: relative;z-index: 2;flex-direction: column;padding: 4% 8% 6%;box-sizing: border-box;}
#index #mainv.index .mainbox .slidebox .txtbox>.inwrap{display: flex;align-items: flex-start;flex-direction: column;}
#index #mainv.index .mainbox .slidebox .txtbox .maintxt {margin-left: 35px;}
#index #mainv.index .mainbox .slidebox .txtbox .maintxt div>p {font-size: 2.6rem;background: #fff;line-height: 1;padding: 18px 16px 14px;font-feature-settings: "palt";margin-left: 15px;display: inline-block;letter-spacing: 0.2em;}
#index #mainv.index .mainbox .slidebox .txtbox .maintxt div>p._1{ padding-bottom: 0; }
#index #mainv.index .mainbox .slidebox .txtbox .maintxt div>p._1>span._1{margin-top: -15px;display: inline-block;}
#index #mainv.index .mainbox .slidebox .txtbox .maintxt div>p._2{ padding-top: 0; }
#index #mainv.index .mainbox .slidebox .txtbox .subtxt {margin-left: 40px;}
#index #mainv.index .mainbox .slidebox .txtbox .subtxt div>p {font-size: 2rem;background: #fff;line-height: 1;padding: 14px 16px;font-feature-settings: "palt";margin-left: 10px;display: inline-block;letter-spacing: 0.2em;}
#index #mainv.index .mainbox .slidebox .txtbox .subtxt div>p._1{ padding-bottom: 0; }
#index #mainv.index .mainbox .slidebox .txtbox ~ .bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; transform: scale(1.1); transition: 3s cubic-bezier(.645, .045, .355, 1); z-index: -1; }
#index #mainv.index .mainbox .slidebox li.slick-current .txtbox ~ .bg { transform: scale(1); }
#index #mainv.index .mainbox .slidebox li._1 .txtbox ~ .bg{object-position: 37% 50%;}
#index #mainv.index .mainbox .slidebox li._2 .txtbox ~ .bg{ object-position: 40% 50%; }
#index #mainv.index .mainbox .slidebox li._3 .txtbox ~ .bg{ object-position: 30% 50%; }
#index #mainv.index .mainbox .slidebox li._4 .txtbox ~ .bg{ object-position: 50% 50%; }
/* 
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="-1"] .txtbox .maintxt div>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="-1"] .txtbox .subtxt div>p{ opacity: 0;transition: .4s; }
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox .maintxt div>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox .subtxt div>p{ opacity: 1; }

#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli1 .maintxt div:nth-child(1)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli2 .maintxt div:nth-child(1)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli3 .maintxt div:nth-child(1)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli4 .maintxt div:nth-child(1)>p{ -webkit-transition-delay: .6s; transition-delay: .6s; }

#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli1 .maintxt div:nth-child(2)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli2 .maintxt div:nth-child(2)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli3 .maintxt div:nth-child(2)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli4 .maintxt div:nth-child(2)>p{ -webkit-transition-delay: .7s; transition-delay: .7s; }

#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli1 .maintxt div:nth-child(3)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli2 .maintxt div:nth-child(3)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli3 .subtxt div:nth-child(1)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli4 .maintxt div:nth-child(3)>p{ -webkit-transition-delay: .8s; transition-delay: .8s; }

#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli1 .subtxt div:nth-child(1)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli2 .subtxt div:nth-child(1)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli3 .subtxt div:nth-child(2)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli4 .subtxt div:nth-child(1)>p{ -webkit-transition-delay: .9s; transition-delay: .9s; }

#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli1 .subtxt div:nth-child(2)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli2 .subtxt div:nth-child(2)>p,
#index #mainv.index .mainbox .slidebox li.slick-slide[tabindex="0"] .txtbox._sli4 .subtxt div:nth-child(2)>p{ -webkit-transition-delay: 1s; transition-delay: 1s; } */




#index #mainv.index #scrolldown{ position: absolute; bottom: -25px; left: 0; right: 0; text-align: center; }
#index #mainv.index #scrolldown .txt{ font-size: 1.3rem; font-family: 'DM Sans', sans-serif; display: block; }
#index #mainv.index #scrolldown .arr{ width: 1px; height: 56px; position: relative; display: block; margin-left: auto; margin-right: auto; }
#index #mainv.index #scrolldown .arr:after{ content:""; width: 1px; height: 56px; position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; background: #191919; 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%; }
}

@media screen and (max-width: 1400px){
	#index #mainv.index{ height: calc(100vh - 80px); margin-top: 80px; }
}
@media screen and (max-width: 1040px){
	#index #mainv.index{ height: calc(100vh - 150px); }
	#index #mainv.index{ height: calc(100svh - 150px); }
	#index #mainv.index .mainbox{ height: 100%; }
	#index #mainv.index .mainbox .slidebox,
	#index #mainv.index .mainbox .slidebox .slick-slider,
	#index #mainv.index .mainbox .slick-slider .slick-list,
	#index #mainv.index .mainbox .slick-slider .slick-list .slick-track,
	#index #mainv.index .mainbox .slidebox li.slick-slide { height:100%; }
	#index #mainv.index #scrolldown{ display: none; }
	#index #mainv.index #tabletfst{ display: flex; flex-direction: row; }
	#index #mainv.index #tabletfst>li{ display: flex; }
	#index #mainv.index #tabletfst>li:nth-child(1){ width: 100%; }
	#index #mainv.index #tabletfst>li:nth-child(2){ width: 46%; }
	#index #mainv.index #tabletfst>li .hcontactlink{ display: flex; width: 100%; height: 70px; }
	#index #mainv.index #tabletfst>li .hcontactlink>a{ font-size: 1.6rem; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
	#index #mainv.index #tabletfst>li .link{ display: flex; width: 100%; height: 70px; }
	#index #mainv.index #tabletfst>li .link>a{ font-size: 1.5rem; display: flex; align-items: center; justify-content: center; background: #ebb4b4; width: 100%; line-height: 1.6; text-align: center; height: 100%; padding-left: 5px; }
	#index #mainv.index #tabletfst>li .link>a:after{ content:""; display: inline-block; width: 4px; height: 6px; background: linear-gradient(to bottom left, transparent 50%,#191919 51%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #191919 51%) no-repeat bottom left/100% 50%; margin-left: 8px; transition: .4s; vertical-align: 2px; }
	#index #mainv.index .mainbox .slidebox .txtbox {padding: 6% 6% 10%;}
}
@media screen and (max-width: 767px){
	#index #mainv.index .mainbox .slidebox .txtbox .maintxt {margin-left: 25px;}
	#index #mainv.index .mainbox .slidebox .txtbox .maintxt div>p {font-size: 1.8rem;padding: 13px 11px;margin-left: 10px;}
	#index #mainv.index .mainbox .slidebox .txtbox .subtxt {margin-left: 0;}
	#index #mainv.index .mainbox .slidebox .txtbox .subtxt div>p {font-size: 1.3rem;padding: 9px 11px;margin-left: 5px;}
	#index #mainv.index #tabletfst>li .hcontactlink>a,
	#index #mainv.index #tabletfst>li .link>a{ font-size: 1.4rem; }
	#index #mainv.index .mainbox .slidebox li._1 .txtbox>.inwrap,
	#index #mainv.index .mainbox .slidebox li._3 .txtbox>.inwrap{ width: 100%; }
}
@media screen and (max-width: 500px){
}


#index #sec_1{ padding-top: 190px; }
#index #sec_1 #s1_insec1 .copy{ margin-bottom: 0; }
#index #sec_1 #s1_insec1 .contactlink{padding: 13px 20px 15px;max-width: 480px;width: 100%; border: 1px solid #262626;color: #262626; }
#index #sec_1 #s1_insec1 .contactlink .mail_st0.st0{fill:#262626;}
#index #sec_1 #s1_insec1 .contactlink:hover{ background: #fff; color: #ebb4b4; }
#index #sec_1 #s1_insec1 .contactlink:hover .mail_st0.st0{fill:#ebb4b4;}
#index #sec_1 #s1_insec1 .contactlink svg{ margin-right: 10px; }
@media screen and (max-width: 1040px){
	#index #sec_1{ padding-top: 80px; }
	#index #sec_1 #s1_insec1 .bottomlink{ margin-top: 25px; }
	#index #sec_1 #s1_insec1 .contactlink{padding: 18px 20px 20px;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}

#index #sec_1 #s1_insec2{ padding-top: 170px; padding-bottom: 180px; }
#index #sec_1 #s1_insec2 .titlebox{ margin-bottom: 45px; }
#index #sec_1 #s1_insec2 .titlebox>.incnt>.inwrap{ display: flex; flex-direction: row; align-items: center; }
#index #sec_1 #s1_insec2 .titlebox>.incnt>.inwrap .topsectitle{ margin-bottom: 0; }
#index #sec_1 #s1_insec2 .titlebox>.incnt>.inwrap .copy{padding-left: 35px;margin-left: 35px;position: relative;margin-bottom: 0;}
#index #sec_1 #s1_insec2 .titlebox>.incnt>.inwrap .copy:before{ content: ""; background: #191919; width: 1px; height: 64px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
@media screen and (max-width: 1040px){
	#index #sec_1 #s1_insec2{ padding-top: 100px; padding-bottom: 110px; }
	#index #sec_1 #s1_insec2 .titlebox>.incnt>.inwrap{ display: block; text-align: center; }
	#index #sec_1 #s1_insec2 .titlebox>.incnt>.inwrap .topsectitle{ margin-bottom: 40px; }
	#index #sec_1 #s1_insec2 .titlebox>.incnt>.inwrap .copy{ padding-left: 0; margin-left: 0; }
	#index #sec_1 #s1_insec2 .titlebox>.incnt>.inwrap .copy:before{ content: none; }
}
@media screen and (max-width: 767px){
	#index #sec_1 #s1_insec2{ padding-top: 80px; padding-bottom: 80px; }
	#index #sec_1 #s1_insec2 .titlebox{ margin-bottom: 40px; }
}
@media screen and (max-width: 500px){
}

#index #sec_4 { margin-top:120px; }
#index #sec_4>.incnt>.inwrap { display:flex; flex-direction:row; position: relative;}
#index #sec_4>.incnt>.inwrap>.inwrap{clip-path: polygon(32px 0, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 32px);-webkit-clip-path:  polygon(32px 0, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 32px);position: relative;z-index: 2;border: 1px solid #262626;}
#index #sec_4>.incnt>.inwrap>.inwrap>.inwrap{ padding-top: 100px;padding-left: 10%;padding-right: 10%;padding-bottom: 70px;background: #fff;background:#ebb4b4;display: flex;flex-direction: row; }
#index #sec_4>.incnt>.inwrap:before,
#index #sec_4>.incnt>.inwrap:after{content: "";width: 110px;height: 1px;background: #191919;position: absolute;left: -37px;z-index: 4;}
#index #sec_4>.incnt>.inwrap:before{top: 14px;transform: rotate(-45deg);}
#index #sec_4>.incnt>.inwrap:after{bottom: 14px;transform: rotate(-45deg);right: -37px;left: auto;}
#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle { margin-left:-20px; margin-bottom:30px; }
#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle h2.jn,
#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle p.en.enfont{ display: inline-block; margin-left:20px }
#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle h2.jn { font-size: 3.6rem; letter-spacing:0.15em }
#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle p.en.enfont { font-size: 2.4rem; letter-spacing:0em }
#index #sec_4>.incnt>.inwrap p.link {display:flex;flex-shrink: 0;align-items: center;margin-left:6%;width: 280px;}
#index #sec_4>.incnt>.inwrap p.link a.btnlink { width:100% }
@media screen and (max-width: 1040px){
	#index #sec_4 { margin-top:90px; }
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle{ text-align:center	 }
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle h2.jn { font-size: 3rem;  }
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle p.en.enfont { font-size: 2rem; }
	#index #sec_4>.incnt>.inwrap>.inwrap>.inwrap{ padding-top: 60px;padding-left: 8%;padding-right: 8%;padding-bottom: 50px;display:block; }
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle { margin-left:-0;  }
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle h2.jn,
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle p.en.enfont{ display: block; margin-left:0 }
	#index #sec_4>.incnt>.inwrap p.link {display:block;margin-left:0%;width: 100%; max-width:280px; margin-left:auto;margin-right:auto;margin-top:30px}
}
@media screen and (max-width: 767px){
	#index #sec_4 { margin-top:60px; }
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle {margin-bottom:20px; }
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle h2.jn { font-size: 2.4rem;  }
	#index #sec_4>.incnt>.inwrap div.txtbox div.topsectitle p.en.enfont { font-size: 1.8rem; }
}
@media screen and (max-width: 500px){
}



#index #sec_2{ background: #f7f7f7; padding-top: 80px; padding-bottom: 70px; }
#index #sec_2 .incnt>.inwrap{ display: flex; flex-direction: row; }
#index #sec_2 .titlebox{flex-shrink: 0;margin-right: 5%;display: flex;flex-direction: column;justify-content: center;}
#index #sec_2 .txtbox{ width: 100%; }
#index #sec_2 .bottomlink .btnlink{ width: 100%; }
#index #sec_2 .bottomlink._sp{ display: none; }
@media screen and (max-width: 1040px){
	#index #sec_2 .incnt>.inwrap{ display: block; }
	#index #sec_2 .titlebox{margin-right: 0%;display: block; margin-bottom: 40px;text-align: center;}
	#index #sec_2 .bottomlink._pc{ display: none; }
	#index #sec_2 .bottomlink._sp{ display: block; }
	#index #sec_2 .bottomlink .btnlink{ max-width: 400px; }
}
@media screen and (max-width: 767px){
	#index #sec_2{ padding-top: 60px; padding-bottom: 55px; }
}
@media screen and (max-width: 500px){
}


#index #sec_3{ padding-top: 140px; position: relative;  }
#index #sec_3:before{ content: ""; background: #f7f7f7; z-index: -1; position: absolute; top: 490px; left: 0; right: 0; width: 100%; height: calc(100% - 530px); }
#index #sec_3>.inwrap .mainbox{padding-left: 11%;padding-top: 50px;padding-bottom: 80px;position: relative;}
#index #sec_3>.inwrap .mainbox .txtbox{width: 52%;position: relative;z-index: 3;}
#index #sec_3>.inwrap .mainbox .txtbox .topsectitle{ margin-bottom: 0; padding-left: 12%; padding-right: 12%; position: relative; z-index: 3; }
#index #sec_3>.inwrap .mainbox .txtbox .box1{margin-top: -50px; position: relative;}
#index #sec_3>.inwrap .mainbox .txtbox .box1>.inwrap{ padding-top: 130px;padding-left: 12%;padding-right: 12%;padding-bottom: 70px;background: #fff;clip-path: polygon(0 0, calc(100% - 32px) 0%, 100% 32px, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%);-webkit-clip-path:  polygon(0 0, calc(100% - 32px) 0%, 100% 32px, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%);position: relative;z-index: 2; }
#index #sec_3>.inwrap .mainbox .txtbox .box1:before,
#index #sec_3>.inwrap .mainbox .txtbox .box1:after{content: "";width: 110px;height: 1px;background: #191919;position: absolute;right: -37px;z-index: 4;}
#index #sec_3>.inwrap .mainbox .txtbox .box1:before{top: 14px;transform: rotate(45deg);}
#index #sec_3>.inwrap .mainbox .txtbox .box1:after{bottom: 14px;transform: rotate(-45deg);}
#index #sec_3>.inwrap .mainbox .bg{width: 46%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index: 1;position: absolute;top: 0;bottom: 0;right: 0;z-index: 1;}
#index #sec_3>.inwrap .linklist{ margin-top: 65px; }
#index #sec_3>.inwrap .linklist>.incnt>.inwrap{display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -20px;margin-bottom: -10px;justify-content: center;}
#index #sec_3>.inwrap .linklist>.incnt>.inwrap>li{ margin-left: 20px; /*width: calc(33.33% - 20px);*/ margin-bottom: 10px; }
#index #sec_3>.inwrap .linklist>.incnt>.inwrap>li .btnlink{ width: 100%; }
#index #sec_3>.inwrap .linklist>.incnt>.inwrap>li/*._w1*/{ width: calc(50% - 20px); }
@media screen and (max-width: 1040px){
	#index #sec_3{ padding-top: 120px; padding-bottom: 510px; position: relative; }
	#index #sec_3:before{ content: none }
	#index #sec_3>.inwrap { position: static; }
	#index #sec_3>.inwrap .mainbox{padding-left: 0%;padding-top: 0;padding-bottom: 0;position: static;}
	#index #sec_3>.inwrap .mainbox .txtbox{width: 100%;}
	#index #sec_3>.inwrap .mainbox .txtbox .topsectitle{ padding-left: 6%; padding-right: 6%; margin-bottom: 40px; text-align: center; }
	#index #sec_3>.inwrap .mainbox .txtbox .copy{ text-align: center; }
	#index #sec_3>.inwrap .mainbox .txtbox .box1{margin-top: 0; }
	#index #sec_3>.inwrap .mainbox .txtbox .box1>.inwrap{ padding-top: 0;padding-left: 6%;padding-right: 6%;padding-bottom: 0;background: transparent; }
	#index #sec_3>.inwrap .mainbox .txtbox .box1:before,
	#index #sec_3>.inwrap .mainbox .txtbox .box1:after{content: none}
	#index #sec_3>.inwrap .mainbox .bg{width: 100%;height: 450px;top: auto;}
	#index #sec_3>.inwrap .linklist{ margin-top: 35px; }
}
@media screen and (max-width: 767px){
	#index #sec_3{ padding-top: 100px; }
	#index #sec_3>.inwrap .linklist>.incnt>.inwrap>li{ width: calc(100% - 20px); }
	#index #sec_3>.inwrap .linklist>.incnt>.inwrap>li._w1{ width: calc(100% - 20px); }
}
@media screen and (max-width: 500px){
}

#index #sec_5{ position: relative; padding-top: 240px; padding-bottom: 200px; color: #fff; }
#index #sec_5 .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; }
#index #sec_5>.inwrap .copy:not(.list){ text-align: center; margin-bottom: 95px; }
#index #sec_5>.inwrap .copy:not(.list) .txt{ margin-right: 5px; display: inline-block; vertical-align: -1px; }
#index #sec_5>.inwrap .list{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -25px; }
#index #sec_5>.inwrap .list>li{ margin-left: 25px; width: calc(32% - 25px); }
#index #sec_5>.inwrap .list>li:last-child{ width: calc(36% - 25px); }
#index #sec_5>.inwrap .list>li>.inwrap{ border: 1px solid #fff; display: flex; align-items: center; justify-content: center; width: 100%; padding: 30px 20px; min-height: 165px; }
@media screen and (max-width: 1040px){
	#index #sec_5{ padding-top: 190px; padding-bottom: 150px; }
	#index #sec_5{ padding-top: 120px; padding-bottom: 100px; }
	#index #sec_5>.inwrap .copy:not(.list){ margin-bottom: 55px; }
	#index #sec_5>.inwrap .copy:not(.list) .txt{ width: 128px; height: 23px; margin-right: 7px; }
	#index #sec_5>.inwrap .list>li>.inwrap{ min-height: inherit; }
	#index #sec_5>.inwrap .list{ display: block; margin-left: 0; margin-bottom: -15px; overflow: hidden; }
	#index #sec_5>.inwrap .list>li{ margin-left: 0; width: 100%; margin-bottom: 15px; }
	#index #sec_5>.inwrap .list>li:last-child{ width: 100%; }
}
@media screen and (max-width: 767px){
	#index #sec_5{ padding-top: 100px; padding-bottom: 90px; }
	#index #sec_5>.inwrap .copy:not(.list){ margin-bottom: 45px; }
}
@media screen and (max-width: 500px){
}

#index #swrap_1{ padding-top: 130px; padding-bottom: 160px; }
#index #swrap_1 #sec_6{ padding-bottom: 110px; margin-bottom: 110px; border-bottom: 1px solid #191919; display: flex; flex-direction: row; }
#index #swrap_1 #sec_6 .mainbox{ width: 100%; }
#index #swrap_1 #sec_6 .mainbox .topsectitle{ margin-bottom: 50px; }
#index #swrap_1 #sec_6 .mainbox .toptxt{ margin-bottom: 60px; }
#index #swrap_1 #sec_6 .mainbox .bottomlink{ text-align: left; }
@media screen and (max-width: 1040px){
	#index #swrap_1 #sec_6{ display: block; }
	#index #swrap_1 #sec_6 .mainbox .topsectitle,
	#index #swrap_1 #sec_6 .mainbox .toptxt,
	#index #swrap_1 #sec_6 .mainbox .bottomlink{ text-align: center; }
	#index #swrap_1 #sec_6 .mainbox .topsectitle{ margin-bottom: 40px; }
	#index #swrap_1 #sec_6 .mainbox .toptxt{ margin-bottom: 50px; }
	#index #swrap_1{ padding-top: 100px; padding-bottom: 110px; }
}
@media screen and (max-width: 767px){
	#index #swrap_1{ padding-top: 80px; padding-bottom: 90px; }
	#index #swrap_1 #sec_6{ padding-bottom: 70px; margin-bottom: 60px; }
}
@media screen and (max-width: 500px){
}

#index #swrap_1 #sec_7{ display: flex; flex-direction: row; }
#index #swrap_1 #sec_7 .mainbox{display: flex;flex-direction: column;flex-shrink: 0;margin-right: 4%;width: 37%;}
#index #swrap_1 #sec_7 .mainbox .titlebox{  flex-direction: row; display: flex; align-items: center; }
#index #swrap_1 #sec_7 .mainbox .topsectitle{ flex-shrink: 0; margin-right: 40px; }
#index #swrap_1 #sec_7 .mainbox .bottomlink{ text-align: left; margin-top: 60px; }
#index #swrap_1 #sec_7 .mainbox .bottomlink .btnlink{ max-width: 280px; width: 100%; }
#index #swrap_1 #sec_7 .bottomlink._sp{ display: none; }
#index #swrap_1 #sec_7 .listbox{ width: 100%; }
#index #swrap_1 #sec_7 .listbox .storylist>li>.inwrap .imgbox{ height: 150px; }
@media screen and (max-width: 1040px){
	#index #swrap_1 #sec_7{ display: block; }
	#index #swrap_1 #sec_7 .mainbox{display: block;margin-right: 0%;width: 100%;}
	#index #swrap_1 #sec_7 .mainbox .titlebox{ display: block; text-align: center; }
	#index #swrap_1 #sec_7 .mainbox .topsectitle{ margin-right: 0; margin-bottom: 30px; }
	#index #swrap_1 #sec_7 .mainbox .bottomlink{ text-align: center; margin-top: 60px; display: none; }
	#index #swrap_1 #sec_7 .btnlink{ max-width: 400px; width: 100%; }
	#index #swrap_1 #sec_7 .listbox{ margin-top: 40px; }
	#index #swrap_1 #sec_7 .bottomlink._pc{ display: none; }
	#index #swrap_1 #sec_7 .bottomlink._sp{ display: block; }
}
@media screen and (max-width: 767px){
	#index #swrap_1 #sec_7 .listbox .storylist>li>.inwrap .imgbox{ height: auto; }
}
@media screen and (max-width: 500px){
}

#index #sec_8{ padding-top: 150px; padding-bottom: 160px; }
#index #sec_8>.incnt{ max-width: 980px; }
#index #sec_8>.incnt>.inwrap{ display: flex; flex-direction: row; align-items: center; }
#index #sec_8>.incnt>.inwrap .topsectitle{ flex-shrink: 0; margin-right: 5%; margin-bottom: 0; text-align: center; }
#index #sec_8>.incnt>.inwrap .txt{ width: 100%; }
#index #sec_8>.incnt>.inwrap .link{width: 57%;margin-left: 5%;}
#index #sec_8>.incnt>.inwrap .link .btnlink{ width: 100%; }
@media screen and (max-width: 1040px){
	#index #sec_8{ padding-top: 90px; padding-bottom: 120px; }
	#index #sec_8>.incnt>.inwrap{ display: block; text-align: center; }
	#index #sec_8>.incnt>.inwrap .topsectitle{ margin-right: 0%; margin-bottom: 40px; }
	#index #sec_8>.incnt>.inwrap .link{width: 100%;margin-left: 0%; margin-top: 40px;}
	#index #sec_8>.incnt>.inwrap .link .btnlink{ max-width: 400px; }
	#index #sec_8>.incnt>.inwrap .txt{ text-align: justify; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}


#concept.price #sec_1 .list1{ overflow: hidden; padding-left: 20px; }
#concept.price #sec_1 .list1 .list2{ display: inline-block; vertical-align: top; margin-left: 20px; font-size: 1.8rem; margin-bottom: -5px; }
#concept.price #sec_1 .list1 .list2 li { padding-left : 1.2em !important; text-indent : -1.2em; line-height: 1.8; margin-bottom: 5px; letter-spacing: 0.1em; }
#concept.price #sec_1 .box2{ background: #ebb4b4; padding: 22px 4% 24px; border-left: 1px solid #191919; border-right: 1px solid #191919; border-bottom: 1px solid #191919; }
@media screen and (max-width: 1040px){
	#concept.price #sec_1 .list1{ padding-right: 20px; }
}
@media screen and (max-width: 767px){
	#concept.price #sec_1 .list1{ margin-left: -20px; padding-left: 0; padding-right: 0; }
	#concept.price #sec_1 .list1 .list2{ font-size: 1.5rem; }
}
@media screen and (max-width: 500px){
}


#concept.price #sec_2 .box1 .copy{ text-align: center; }
#concept.price #sec_2 .list1>li{ padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #191919; }
#concept.price #sec_2 .list1>li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
#concept.price #sec_2 .list1>li>dl>dt{ text-align: center; margin-bottom: 20px; }
#concept.price #sec_2 .list1>li>dl>dt>.inwrap{ font-size: 2rem; border-bottom: 1px solid #191919; display: inline-block; line-height: 1.8; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#concept.price #sec_2 .list1>li{ padding-bottom: 30px; margin-bottom: 30px; }
	#concept.price #sec_2 .list1>li>dl>dt>.inwrap{ font-size: 1.6rem; }
	#concept.price #sec_2 .list1>li>dl>dd{ text-align: center; }
}
@media screen and (max-width: 500px){
}


#concept.price #sec_3 .bnrlist>li{ margin-left: 20px; width: calc(33.33% - 20px); }
#concept.price #sec_3 .bnrlist>li._1{ width: calc(50% - 20px); }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}



#concept.flow #sec_2 .link{ margin-top: 20px; }
#concept.flow #sec_2 .box{ margin-top: 20px; }
#concept.flow #sec_2 .list{ margin-left: -10px; }
#concept.flow #sec_2 .list>li{ display: inline-block; margin-left: 10px; }
#concept.flow #sec_2 .caution{ margin-top: 15px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#concept.flow #sec_2 .tc{ margin-bottom: 5px; margin-bottom: 10px; }
	#concept.flow #sec_2 .link{ text-align: center; }
	#concept.flow #sec_2 .box,
	#concept.flow #sec_2 .box p{ text-align: center; }
}
@media screen and (max-width: 500px){
}


@media screen and (max-width: 767px){
	#concept.planning .planninglist{ padding-top: 25px; }
}



#concept.support #sec_1 .boxwithimg{ padding-top: 20px; }
@media screen and (max-width: 1040px){
	#concept.support #sec_1 .boxwithimg{ padding-top: 0; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}

#concept.support #sec_2 .list1>li{ margin-bottom: 90px; }
#concept.support #sec_2 .list1>li>.copy{ text-align: center; margin-bottom: 45px; }
#concept.support #sec_2 .list2{ border: 1px solid #191919; border-bottom: none; }
#concept.support #sec_2 .list2>li>dl{ border-bottom: 1px solid #191919; display: flex; flex-direction: row; }
#concept.support #sec_2 .list2>li>dl>dt{ border-right: 1px solid #191919; background: #ebb4b4; display: flex; flex-direction: column;justify-content: center; align-items: center; flex-shrink: 0; width: 126px; padding-left: 20px; padding-right: 20px; text-align: center; line-height: 1.8; padding-top: 8px;padding-bottom: 6px; }
#concept.support #sec_2 .list2._yellow>li>dl>dt{ background: #e8c79d; }
#concept.support #sec_2 .list2._blue>li>dl>dt{ background: #bad3df; }
#concept.support #sec_2 .list2._green>li>dl>dt{ background: #cdddab; }
#concept.support #sec_2 .list2>li>dl>dd{ padding-top: 40px; padding-bottom: 40px; padding-left: 6%; padding-right: 40px; width: 100%; }
#concept.support #sec_2 .list2>li>dl>dd .copy{ margin-bottom: 15px; }
@media screen and (max-width: 1040px){
	#concept.support #sec_2 .list1>li{ margin-bottom: 80px; }
	#concept.support #sec_2 .list1>li>.copy{ margin-bottom: 30px; }
	#concept.support #sec_2 .list2>li>dl{ display: block; }
	#concept.support #sec_2 .list2>li>dl>dt{ display: block; width: 100%; padding-left: 0; padding-right: 0; padding-top: 10px; padding-bottom: 10px; border-right: none; border-bottom: 1px solid #191919; letter-spacing: 0.05em; }
	#concept.support #sec_2 .list2>li>dl>dd .copy{ text-align: center; }
}
@media screen and (max-width: 767px){
	#concept.support #sec_2 .list1>li{ margin-bottom: 60px; }
	#concept.support #sec_2 .list1>li>.copy{ margin-bottom: 25px; }
	#concept.support #sec_2 .list2>li>dl>dd{ display: block; padding-top: 30px; padding-bottom: 30px; padding-left: 8%; padding-right: 8%; }
	#concept.support #sec_2 .list2>li>dl>dt img{ height: auto; }
	#concept.support #sec_2 .list2>li>dl>dt .spsize1{ width: 40px; }
	#concept.support #sec_2 .list2>li>dl>dt .spsize2{ width: 32px; }
	#concept.support #sec_2 .list2>li>dl>dt .spsize3{ width: 44px; }
}
@media screen and (max-width: 500px){
}


@media screen and (max-width: 767px){
	#concept.support #sec_3 .img{ overflow-x: auto; }
	#concept.support #sec_3 .img img{ height: auto; min-width: 740px; width: 100%; }
}


@media screen and (max-width: 400px){
	#concept.support #sec_4 .boxwithimg .imgbox{ overflow: hidden; height: 180px; }
	#concept.support #sec_4 .boxwithimg .imgbox img{transform: scale(1.04);transform-origin: bottom;}
}

#concept.performance #s1_insec2 .txtbox{ margin-top: 35px; }
#concept.performance #s1_insec2 .txtbox .list1 li { padding-left : 1.2em !important; text-indent : -1.2em; line-height: 1.9; }
#concept.performance #s1_insec2 .txtbox .list1 li:not(:last-child){ margin-bottom: 10px; }
#concept.performance #s1_insec2 .txtbox .txt{ margin-top: 30px; }
#concept.performance #s1_insec2 .txtbox .txt ._1{ border-bottom: 1px solid #191919; padding-bottom: 3px; }
#concept.performance #s1_insec2 .imgbox{ margin-top: 50px; }
#concept.performance #s1_insec2 .imgbox>.incnt>ul{ display: flex; flex-direction: row; margin-left: -20px; }
#concept.performance #s1_insec2 .imgbox>.incnt>ul>li{ margin-left: 20px; width: calc(50% - 20px); border: 1px solid #191919; }
#concept.performance #s1_insec2 .imgbox .img{ padding: 5px; box-sizing: border-box; }
#concept.performance #s1_insec2 .imgbox .movie{ height: 100%; }
@media screen and (max-width: 1040px){
	#concept.performance #s1_insec2 .txtbox .txt{ margin-top: 25px; }
	#concept.performance #s1_insec2 .txtbox .txt ._1{ padding-bottom: 2px; }
	#concept.performance #s1_insec2 .imgbox{ margin-top: 40px;  }
	#concept.performance #s1_insec2 .imgbox>.incnt>ul{ display: block; margin-left: 0; }
	#concept.performance #s1_insec2 .imgbox>.incnt>ul>li{ margin-left: 0; width: 100%; }
	#concept.performance #s1_insec2 .imgbox>.incnt>ul>li:not(:last-child){ margin-bottom: 20px; }
	#concept.performance #s1_insec2 .imgbox .movie { clear : both; text-align : center; position : relative; width : 100%; padding-top : 56.25%; }
	#concept.performance #s1_insec2 .imgbox .movie iframe { position : absolute; top : 0; right : 0; width : 100% !important; height : 100% !important; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}

#concept.performance #sec_2 .list1{ border: 1px solid #191919; padding: 60px 8%; }
#concept.performance #sec_2 .list1>li:not(:last-child){ padding-bottom: 60px; margin-bottom: 60px; position: relative; }
#concept.performance #sec_2 .list1>li:not(:last-child)::after{ content:""; width: 100%; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 0; height: 1px; background: #191919; }
#concept.performance #sec_2 .list1>li .boxwithimg{ min-height: inherit; }
#concept.performance #sec_2 .list1>li .imgbox{width: 48%;}
#concept.performance #sec_2 .list1>li .txtbox{ padding-top: 0; padding-bottom: 0; }
@media screen and (max-width: 1040px){
	#concept.performance #sec_2 .list1{ padding: 50px 6%; }
	#concept.performance #sec_2 .list1>li:not(:last-child){ padding-bottom: 50px; margin-bottom: 50px; }
	#concept.performance #sec_2 .list1>li .imgbox{width: 100%;}
}
@media screen and (max-width: 767px){
	#concept.performance #sec_2 .list1{ padding: 45px 8%; }
	#concept.performance #sec_2 .list1>li:not(:last-child){ padding-bottom: 45px; margin-bottom: 45px; }
}


#concept.renovation #sec_1 .list1{ font-size: 1.8rem; text-align: center; margin-top: 30px; margin-bottom: 30px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#concept.renovation #sec_1 .list1{ font-size: 1.6rem; text-align: justify; }
}
@media screen and (max-width: 500px){
	#concept.renovation #sec_1 .list1{ margin-top: 20px; margin-bottom: 20px; }
}

#concept.renovation #sec_1 .list2{ margin-top: 50px; padding-left: 30px; }
#concept.renovation #sec_1 .list2>ol{ display: flex; flex-direction: row;  padding-top: 20px; padding-bottom: 20px; }
#concept.renovation #sec_1 .list2>ol>li{ margin-left: 30px; width: calc(50% - 30px); position: relative; }
#concept.renovation #sec_1 .list2>ol>li:nth-child(2)::before{content: "";background: url(../img/concept/renovation/arr.svg) no-repeat;background-size: contain;width: 44px;height: 60px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: -35px;}
#concept.renovation #sec_1 .list2>ol>li .beforeicon,
#concept.renovation #sec_1 .list2>ol>li .aftericon{ position: absolute; top: 0; left: 0; font-size: 2rem; line-height: 1; width: 84px; display: inline-block; text-align: center; padding-top: 7px;letter-spacing: 0.05em; }
#concept.renovation #sec_1 .list2>ol>li .beforeicon{ background: #999; color: #fff; }
#concept.renovation #sec_1 .list2>ol>li .aftericon{ background: #e9e300; }
#concept.renovation #sec_1 .list2>ol>li .dummy{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
@media screen and (max-width: 1040px){
	#concept.renovation #sec_1 .list2{ margin-top: 50px; padding-left: 6%; padding-right: 6%; }
	#concept.renovation #sec_1 .list2>ol{ display: block; padding-top: 0; padding-bottom: 0; }
	#concept.renovation #sec_1 .list2>ol>li{ margin-left: 0; width: 100%; }
	#concept.renovation #sec_1 .list2>ol>li:not(:last-child){ margin-bottom: 20px; }
	#concept.renovation #sec_1 .list2>ol>li:nth-child(2)::before{transform: rotate(90deg);left: 0;bottom: auto;right: 0;margin-left: auto;margin-right: auto;top: -40px;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
	#concept.renovation #sec_1 .list2{ padding-left: 10%; padding-right: 10%; }
}


#concept.renovation #sec_2 .list>li{ font-size: 2.8rem; background: #f7f7f7; padding: 30px 8%; line-height: 1.6; text-align: center; }
#concept.renovation #sec_2 .list>li:not(:last-child){ margin-bottom: 20px; }
@media screen and (max-width: 1040px){
	#concept.renovation #sec_2 .list>li{ font-size: 2.4rem; text-align: justify; }
}
@media screen and (max-width: 767px){
	#concept.renovation #sec_2 .list>li{ font-size: 2rem; }
}
@media screen and (max-width: 500px){
	#concept.renovation #sec_2 .list>li{ padding: 30px 10%; font-size: 1.8rem; }
}

#concept.renovation #sec_2 .list2>.incnt>ul{ margin-top: 80px; margin-left: -50px; display: flex; flex-direction: row; }
#concept.renovation #sec_2 .list2>.incnt>ul>li{ margin-left: 50px; width: calc(33.33% - 50px); }
#concept.renovation #sec_2 .list2>.incnt>ul>li .imgbox{ position: relative; }
#concept.renovation #sec_2 .list2>.incnt>ul>li .imgbox .dummy{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#concept.renovation #sec_2 .list2>.incnt>ul>li .txtbox{ margin-top: 20px; padding-left: 20px; padding-right: 20px; }
#concept.renovation #sec_2 .list2>.incnt>ul>li .txtbox .title{ text-align: center; margin-bottom: 20px; }
#concept.renovation #sec_2 .list2>.incnt>ul>li .txtbox .title>.inwrap{ display: inline-block; position: relative; line-height: 1.4; }
#concept.renovation #sec_2 .list2>.incnt>ul>li .txtbox .title>.inwrap::after{ content: ""; background: #191919; display: inline-block; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; }
@media screen and (max-width: 1040px){
	#concept.renovation #sec_2 .list2>.incnt>ul{ margin-left: -40px; flex-wrap: wrap; justify-content: center; margin-bottom: -50px; overflow: hidden; }
	#concept.renovation #sec_2 .list2>.incnt>ul>li{ margin-left: 40px; width: calc(50% - 40px); margin-bottom: 50px; }
}
@media screen and (max-width: 767px){
	#concept.renovation #sec_2 .list2>.incnt>ul{ margin-left: 0; margin-bottom: -40px; display: block; margin-top: 60px; }
	#concept.renovation #sec_2 .list2>.incnt>ul>li{ margin-left: 0; margin-bottom: 40px; width: 100%; }
}
@media screen and (max-width: 500px){
}

#concept.renovation #sec_4 .list1{ margin-bottom: 50px; }
#concept.renovation #sec_4 .linklist>li{ width: 400px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#concept.renovation #sec_4 .linklist{ margin-left: 0; width: 100%; }
	#concept.renovation #sec_4 .linklist>li{ width: 100%; display: block; margin-left: 0; }
	#concept.renovation #sec_4 .linklist>li .btnlink{ max-width: 100%; }
	#concept.renovation #sec_4 .linklist>li:not(:last-child){ margin-bottom: 20px; }
}
@media screen and (max-width: 500px){
}


#event.ob #sec_1 .imglist>.incnt>ul{ display: flex; flex-direction: row; margin-left: -50px; overflow: hidden; }
#event.ob #sec_1 .imglist>.incnt>ul>li{ margin-left: 50px; width: calc(33.33% - 50px); }
#event.ob #sec_1 .imglist>.incnt>ul>li>img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;  }
#event.ob #sec_1 .imglist>.incnt>ul>li:nth-child(1){width: 44%;}
@media screen and (max-width: 1040px){
	#event.ob #sec_1 .imglist>.incnt>ul{ margin-left: -30px; }
	#event.ob #sec_1 .imglist>.incnt>ul>li{ margin-left: 30px; width: calc(33.33% - 30px); }
}
@media screen and (max-width: 639px){
	#event.ob #sec_1 .imglist>.incnt>ul{ display: block; margin-left: 0; margin-bottom: -20px; }
	#event.ob #sec_1 .imglist>.incnt>ul>li{ margin-left: 0; margin-bottom: 20px; width: 100%; }
	#event.ob #sec_1 .imglist>.incnt>ul>li:nth-child(1){width: 100%;}
}
@media screen and (max-width: 500px){
}


#event.ob #sec_6 .flowlist .contactbox{ margin-top: 40px; }
#event.ob #sec_6 .flowlist .contactbox .telbox{ line-height: 1.3; }
#event.ob #sec_6 .flowlist .contactbox>ul>li:nth-child(1){ text-align: center; }
#event.ob #sec_6 .flowlist .contactbox>ul>li:nth-child(2){ margin-top: 25px; }
#event.ob #sec_6 .flowlist .contactbox>ul>li:nth-child(2) .hcontactlink,
#event.ob #sec_6 .flowlist .contactbox>ul>li:nth-child(2) .hcontactlink .contactlink{ width: 100%; }
#event.ob #sec_6 .box1 .sectitle{ margin-bottom: 20px; }
#event.ob #sec_6 .box1 .txt{ text-align: center; }
#event.ob #sec_6 .box1 .btnlink{ display: flex; align-items: center; justify-content: center; height: 100px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1210px){
	#event.ob #sec_6 .flowlist { text-align: center; }
	#event.ob #sec_6 .flowlist .contactbox{ margin-top: 20px; }
	#event.ob #sec_6 .flowlist .contactbox>ul{ margin-left: -20px; }
	#event.ob #sec_6 .flowlist .contactbox>ul>li{ display: inline-block; margin-left: 20px; }
	#event.ob #sec_6 .flowlist .contactbox>ul>li:nth-child(2) .hcontactlink,
	#event.ob #sec_6 .flowlist .contactbox>ul>li:nth-child(2) .hcontactlink .contactlink{ width: 300px; }
	#event.ob #sec_6 .flowlist._ob>li>dl>dd .imgbox img{ height: 400px; }
}
@media screen and (max-width: 767px){
	#event.ob #sec_6 .flowlist._ob>li>dl>dd .imgbox img{ height: auto; }
	#event.ob #sec_6 .box1 .btnlink{ display: block; height: auto; }
	#event.ob #sec_6 .box1 .txt{ text-align: justify; }
}
@media screen and (max-width: 500px){
	#event.ob #sec_6 .flowlist { text-align: left; }
	#event.ob #sec_6 .flowlist .contactbox>ul{ margin-left: 0; }
	#event.ob #sec_6 .flowlist .contactbox>ul>li{ display: block; margin-left: 0; }
	#event.ob #sec_6 .flowlist .contactbox>ul>li:nth-child(2) .hcontactlink,
	#event.ob #sec_6 .flowlist .contactbox>ul>li:nth-child(2) .hcontactlink .contactlink{ width: 100%; }
}


#company.index #sec_1 .boxwithimglist{ padding-top: 20px; }
#company.index #sec_2 .imglist{ margin-top: 70px; }
#company.index #sec_2 .imglist>.incnt>ul{ display: flex; flex-direction: row; margin-left: -35px; overflow: hidden; flex-wrap: wrap; margin-bottom: -35px; }
#company.index #sec_2 .imglist>.incnt>ul>li{ margin-left: 35px; width: calc(25% - 35px); margin-bottom: 35px; }
#company.index #sec_2 .imglist>.incnt>ul>li>img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }
@media screen and (max-width: 1040px){
	#company.index #sec_2 .imglist{ margin-top: 50px; }
	#company.index #sec_2 .imglist>.incnt>ul{ margin-left: -25px; margin-bottom: -25px; }
	#company.index #sec_2 .imglist>.incnt>ul>li{ margin-left: 25px; width: calc(50% - 25px); margin-bottom: 25px; }
}
@media screen and (max-width: 767px){
	#company.index #sec_1 .boxwithimglist{ padding-top: 0; }
	#company.index #sec_2 .imglist{ margin-top: 30px; }
	#company.index #sec_2 .imglist>.incnt>ul{ margin-left: -15px; margin-bottom: -15px; }
	#company.index #sec_2 .imglist>.incnt>ul>li{ margin-left: 15px; width: calc(50% - 15px); margin-bottom: 15px; }
}
@media screen and (max-width: 500px){
}

#company.index #sec_4 .table{ margin-top: 50px; }
#company.index #sec_4 .table th,
#company.index #sec_4 .table td{ text-align: center; }
#company.index #sec_4 .table tbody th{ width: 16%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#company.index #sec_4 .table { width: 100%; margin-top: 30px; }
	#company.index #sec_4 .table tr { display: block; float: left; }
	#company.index #sec_4 .table tr td, #company.index #sec_4 .table tr th {border-left: none;border-bottom: none;display: block;height: 50px;padding: 14px 2%;}
	#company.index #sec_4 .table thead { display: block; float: left; width: 30%; border-left: 1px solid #191919; border-bottom: 1px solid #191919;  }
	#company.index #sec_4 .table thead tr { width: 100%; }
	#company.index #sec_4 .table tbody { display: block; float: left; width: 70%; border-bottom: 1px solid #191919; }
	#company.index #sec_4 .table tbody tr { width: 50%; }
	#company.index #sec_4 .table tbody th{ width: 100%; }
}
@media screen and (max-width: 500px){
}

#company.index #sec_5 .list{ margin-top: 30px; }
#company.index #sec_5 .list>li{ margin-bottom: 40px; }
#company.index #sec_5 .list>li:last-child{ margin-bottom: 0; }
#company.index #sec_5 .list>li>dl>dt.copy{ margin-bottom: 20px; }
#company.index #sec_5 .boxwithimg .imgbox{display: flex;justify-content: center;width: 46%;}
#company.index #sec_5 .boxwithimg .imgbox img{ object-fit: contain; -o-object-fit: contain;  }
@media screen and (max-width: 1040px){
	#company.index #sec_5 .boxwithimg .imgbox{display: block;width: 100%; margin-top: 20px;text-align: center;}
	#company.index #sec_5 .boxwithimg .imgbox img{ object-fit: fill; -o-object-fit: fill; max-width: 474px; width: 100%; height: auto; }
}
@media screen and (max-width: 767px){
	#company.index #sec_5 .list{ margin-top: 28px; }
	#company.index #sec_5 .list>li{ margin-bottom: 28px; }
	#company.index #sec_5 .list>li>dl>dt.copy{ margin-bottom: 10px; }
	#company.index #sec_5 .boxwithimg .imgbox{ margin-top: 0; padding-top: 5px; }
}
@media screen and (max-width: 500px){
}


#company.funbase #sec_1 .sectitle{ text-align: left; }
#company.funbase #sec_2 .txtbox p:not(:last-child){ margin-bottom: 30px; }
#company.funbase #sec_2 .map{ margin-top: 80px; }
@media screen and (max-width: 1040px){
	#company.funbase #sec_1 .sectitle{ text-align: center; }
	#company.funbase #sec_2 .txtbox p:not(:last-child){ margin-bottom: 20px; }
	#company.funbase #sec_2 .map{ margin-top: 60px; }
	#company.funbase #sec_2 .map iframe{ height: 450px; }
}
@media screen and (max-width: 767px){
	#company.funbase #sec_2 .map iframe{ height: 350px; }
}
@media screen and (max-width: 500px){
}



#recruit #sec_2 .copy{ margin-bottom: 60px; }
#recruit #sec_3 .btnlink{ display: flex; align-items: center; justify-content: center; height: 100px; margin-left: auto; margin-right: auto; border: 1px solid #191919; color: #191919; }
#recruit #sec_3 .btnlink:after{ background: linear-gradient(to bottom left, transparent 50%,#191919 51%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #191919 51%) no-repeat bottom left/100% 50%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#recruit #sec_2 .copy{ margin-bottom: 40px; }
	#recruit #sec_3 .btnlink{ display: block; height: auto; }
	
}

@media screen and (max-width: 500px){
	#recruit #sec_2 .dllist>li>dl>dt{width: 24%;}
}



#contact #sec_1 .contactbox{ margin-top: 30px; }
#contact #sec_1 .contactbox .telbox .teltxt._txtbig{ font-size: 3.2rem; }
#contact #sec_1 .contactbox .telbox .teltxt._txtbig:before{ width: 34px; height: 34px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#contact #sec_1 { margin-bottom: 110px; }
	#contact #sec_1 .contactbox .telbox .teltxt._txtbig{ font-size: 2.4rem; }
	#contact #sec_1 .contactbox .telbox .teltxt._txtbig:before{ width: 24px; height: 24px; }
}
@media screen and (max-width: 500px){
}


#contact #sec_3 .list1{ text-align: center; margin-left: -10px; margin-bottom: 40px; }
#contact #sec_3 .list1>li{ display: inline-block; vertical-align: middle; margin-left: 10px; }
#contact #sec_3 .bottomlink .btnlink{ padding-left: 20px; padding-right: 20px; width: 400px; }
#contact #sec_3 .bottomlink .btnlink:hover{ padding-left: 23px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#contact #sec_3 .bottomlink .btnlink{ width: 100%; }
}
@media screen and (max-width: 500px){
}


#contact #sec_4 .selectbox{ max-width: 386px; width: 100%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}

#policy #article .numlist1{ padding-left: 2.2em !important; text-indent: -2.2em; }