@charset "utf-8";
/*
Theme Name: sinen-solution
Theme URI: http://www.solution-sy.com/
Author: Xiez
Author URI: https://xiezsama.com/
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

/* Start Reset Css */
*{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html{font-size:100%;overflow-x:hidden;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body{width:100%;font-size:16px;color:#000f2e;background:#fff;line-height:1.8;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width:1400px){
	body{font-size:14px;}
}
address,caption,code,figcaption,pre,th{font-size:1em;font-weight:normal;font-style:normal;}

blockquote,q{quotes:none;}

blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}

fieldset,iframe,img{border:0;}

ins{background-color:#ff9;color:#000;text-decoration:none;}

caption,th{text-align:left;}

table{border-collapse:collapse;border-spacing:0;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;}

input,select{vertical-align:middle;}

button{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

button:disabled{cursor:default;}

audio:not([controls]){display:none;}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),:focus[data-focus-method=touch]:not(input):not(textarea):not(select){outline:0;}

::-moz-focus-inner{border:0;padding:0;}

a,a:link,a:visited{text-decoration:none;}

a:hover,a:active{text-decoration:none;}

ul{list-style:none;}

img{display:block;height:auto;max-width:100%;}

:-moz-placeholder{
  /* Mozilla Firefox 4 to 18 */
  color:#999;opacity:1;}

::-moz-placeholder{
  /* Mozilla Firefox 19+ */
  color:#999;opacity:1;}

input:-ms-input-placeholder{color:#999;opacity:1;}

input::-webkit-input-placeholder{color:#999;opacity:1;}

::-webkit-scrollbar{width:6px;background-color:#f3f3f3;border-left:1px solid #dddddd;}

::-webkit-scrollbar:hover{background-color:transparent;}

::-webkit-scrollbar-thumb{cursor:pointer;background-color:#666;}

::-webkit-scrollbar-thumb:hover{background-color:#333;}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}

.f-fl{float:left;}
.f-fr{float:right;}
.f-cb:after{content:".";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;}
.f-cb{zoom:1;}

.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}

em{font-style:normal;}
i{font-style:normal;}
.font-min{text-transform:lowercase;}
/* Start Reset Css */

@media screen and (max-width:750px){
.none-sp{
	display: none;
}}
@media screen and (min-width:750px){
.none-pc{
	display: none;
}
}

/*wrapper*/
.wrapper{position:relative;left:0;z-index:20;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
    transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.wrapper .wrapperBg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:rgba(0,0,0,0.5);}
.wrapper-move{left:-200px;overflow:hidden;}

/*mobile-btn*/
.mobile-btn{display:none;margin-left:20px;position: absolute;right: 20px;}
.mobile-btn div{position:relative;right:0px;top:0;display:block;width:30px;height:20px;background:none;cursor:pointer;
  	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
    transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.mobile-btn div span{position:absolute;left:50%;top:9px;z-index:5;display:block;margin:0 0 0 -15px;width:30px;height:3px;background:#021f49;
    -webkit-transform-origin:center;
    -moz-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;    
    transform-origin:center;
    
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.mobile-btn div span:nth-child(1){width:30px;  
    -webkit-transform:translateY(-9px);
    -moz-transform:translateY(-9px);
    -ms-transform:translateY(-9px);
    -o-transform:translateY(-9px);    
    transform:translateY(-9px);
}
.mobile-btn div span:nth-child(3){width:30px;    
    -webkit-transform:translateY(9px);
    -moz-transform:translateY(9px);
    -ms-transform:translateY(9px);
    -o-transform:translateY(9px);    
    transform:translateY(9px);
}
.mobile-btn div:hover span{width:30px;}
.mobile-btn .active{
    transform:translateX(0) rotate(180deg);
}
.mobile-btn .active span:nth-child(1){width:20px !important;
  	transform-origin:0.71429px center !important;
    transform:rotate3d(0,0,1,-40deg) !important;
}	
.mobile-btn .active span:nth-child(3){width:20px !important;
    transform:rotate3d(0,0,1,40deg) !important;
    transform-origin:0.71429px center !important;    
}
@media screen and (max-width:1000px){
	.mobile-btn{display:block;}
}
/*sp-wrapper*/
.sp-wrapper{display:none;position:fixed;top:0;right:0;z-index:60;display:block;padding:0 10px 0 10px;width:230px;height:100vh;background:#333;
	-webkit-transform:translateX(240px);
    transform:translateX(240px);
    -webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
    transition:all 500ms cubic-bezier(0.86,0,0.07,1);    
}
.sp-wrapper.sp-wrapper-move{
	transform:translateX(0px) !important;
}
.sp-wrapper h2{width:100%;text-align:center;font-size:24px;text-transform:uppercase;color:#fff;letter-spacing:1px;font-weight:normal;}
.sp-wrapperul{margin-top:1.5em;width:100%;}
.sp-nav li{border-top: 1px solid #5d5d5d;}
.sp-nav li:last-of-type{border-bottom: 1px solid #5d5d5d;}
.sp-nav li a{color: #fff;display: block;text-align: center;text-decoration: none;padding: 12px 0;text-transform: uppercase;transition: .3s;font-size: 14px;}
.sp-nav li a span{display:none;}
.sp-nav li a:hover{background-color: white;color: black;}
.sp-heading{width: 100%;text-align: center;margin-top: 50px;margin-bottom: 30px;font-size: 24px;text-transform: uppercase;color: #fff;
}

/*.main-navigation .sub-menu */
.sub-menu{display:none;}
.main-navigation>ul>li>.sub-menu{flex-direction:column;position:absolute;z-index:6;left:0;top:0px;display:none;min-width:230px;width:100%;padding-top:35px;}
.main-navigation>ul>li>.sub-menu>li{padding:8px 0;width:100%;color:#fff;background:#021f49;border:1px solid #000;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.main-navigation>ul>li>.sub-menu>li:hover{color:#fff;background:#000;}
.main-navigation>ul>li>.sub-menu>li:hover a{color:#fff;}
.main-navigation>ul>li>.sub-menu>li a{display:block;padding:0 10px;width:100%;font-size:14px;color:#fff;text-align:left;}
.main-navigation>ul>li>.sub-menu>li a:after{display:none;}
.header.header_fixed .main-navigation>ul>li>.sub-menu>li a{color:#fff;}
.menu-item-has-children>a:hover:after{border-color:#333 transparent transparent transparent;}
.menu-item-has-children>.choose:after{content:'';display:inline-block;width:0;height:0;border-width:7px;border-style:solid;border-color:transparent transparent #fff transparent;margin:0 0 2px 5px;}


.sp-wrapper>ul>li>a.navcurrentA{background:#fff;color:#333;}
.sp-wrapper>ul>li>a.navcurrentA:after{
	border-width:7px 7px 0;
    border-style:solid;
    border-color:#333 transparent transparent transparent;
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);margin-bottom: 1px;
}
.sp-wrapper ul li a{display:block;padding:8px 0;text-align:center;color:#fff;text-transform:uppercase;text-decoration:none;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.sp-wrapper ul li a:hover{background:#f2f2f2;color:#000;}
.sp-wrapper ul li ul li{padding:0 15px;}
.sp-wrapper ul li ul li a{text-align:left;}
@media screen and (max-width:1000px){
	.menu-item-has-children{padding-bottom:0px;}
	.menu-item-has-children>a:after{content:'';display:inline-block;width:0;height:0;border-width:7px;border-style:solid;border-color:#fff transparent transparent transparent;margin:0 0 -5px 5px;}
	.menu-item-has-children>a:hover:after{border-color:#333 transparent transparent transparent;}
}

/*bkt*/
.bkt{position:fixed;right:40px;bottom:70px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;z-index:999;background:#000817;border-radius:50%;cursor:pointer;transition:.3s;}
.bkt:hover{opacity:0.8;}
.bkt svg{width:15px;height:15px;fill:#ffffff;}
@media screen and (max-width:1080px){
	.bkt{right:20px;}
}

@font-face {
  font-family: 'iconfont';
  src: url('icon/iconfont.eot');
  src: url('icon/iconfont.eot?#iefix') format('embedded-opentype'),
      url('icon/iconfont.woff2') format('woff2'),
      url('icon/iconfont.woff') format('woff'),
      url('icon/iconfont.ttf') format('truetype'),
      url('icon/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 32px;
  line-height:1;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* common_tit */
.common_tit{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}
.common_tit h2{font-size:34px;color:#fff;line-height:1;letter-spacing:10px;}
.common_tit p{margin-top:10px;font-size:18px;color:#fff;line-height:1;letter-spacing:2px;text-transform:uppercase;}
.common_tit hr{margin:18px 0 0 2px;width:2px;height:50px;background:#fff;border:none;}
@media screen and (max-width:1400px){
	.common_tit h2{font-size:30px;letter-spacing:6px;}
	.common_tit p{font-size:16px;}
	.common_tit hr{margin:15px 0 0 2px;height:40px;}
}
@media screen and (max-width:1000px){
	.common_tit h2{font-size:26px;letter-spacing:4px;}
	.common_tit p{font-size:14px;}
	.common_tit hr{margin:12px 0 0 2px;width:40px;height:2px;}
}
@media screen and (max-width:750px){
	.common_tit h2{font-size:22px;}
}

.common_tit2{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}
.common_tit2{position:relative;margin:0 auto;width:210px;}
.common_tit2 span{position:absolute;left:-30px;font-size:18px;color:#001e5c;font-weight:bold;writing-mode:tb-rl;line-height:1;}
.common_tit2 span:after{position:absolute;top:28px;left:8px;content:"";width:2px;height:42px;background:#001e5c;border:none;}
.common_tit2 h2{font-size:34px;color:#000;line-height:1;letter-spacing:1px;}
.common_tit2 h2 i{color:#001e5c;}
.common_tit2 p{margin-top:10px;font-size:18px;font-weight:bold;}
@media screen and (max-width:1400px){
	.common_tit2{width:185px;}
	.common_tit2 span{left:-26px;font-size:16px;}
	.common_tit2 span:after{top:25px;left:7px;width:2px;height:33px;}
	.common_tit2 h2{font-size:30px;}
	.common_tit2 p{margin-top:8px;font-size:16px;}
}
@media screen and (max-width:1000px){
	.common_tit2{width:160px;}
	.common_tit2 span{left:-22px;font-size:14px;}
	.common_tit2 span:after{top:25px;left:6px;width:2px;height:26px;}
	.common_tit2 h2{font-size:26px;}
	.common_tit2 p{margin-top:3px;font-size:14px;}
}
@media screen and (max-width:750px){
	.common_tit2{width:140px;}
	.common_tit2 h2{font-size:22px;}
	.common_tit2 span:after{height:20px;}
}

.common_tit3{color:#000f2e;text-align:center;line-height:1;}
.common_tit3 h2{font-size:40px;letter-spacing:10px;}
.common_tit3 p{margin-top:10px;font-size:16px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;}
.common_tit3 hr{margin:20px auto 0px;width:100px;height:2px;background:#001e5c;border:none;}
@media screen and (max-width:1400px){
	.common_tit3 h2{font-size:30px;letter-spacing:6px;}
	.common_tit3 p{font-size:14px;}
	.common_tit3 hr{margin:15px auto 0;width:80px;}
}
@media screen and (max-width:1000px){
	.common_tit3 h2{font-size:24px;letter-spacing:4px;}
	.common_tit3 p{font-size:14px;letter-spacing:0px;}
	.common_tit3 hr{margin:12px auto 0;width:60px;}
}
@media screen and (max-width:750px){
	.common_tit3 h2{font-size:20px;letter-spacing:2px;}
}

.common_tit4{color:#000f2e;text-align:center;line-height:1;font-family:"Noto Sans JP",sans-serif;}
.common_tit4 h2{font-size:34px;letter-spacing:8px;font-weight:400;}
.common_tit4 p{margin-top:10px;font-size:16px;letter-spacing:12px;font-weight:400;text-transform:uppercase;}
.common_tit4 hr{margin:25px auto 0px;width:100px;height:2px;background:#001e5c;border:none;}
@media screen and (max-width:1400px){
	.common_tit4 h2{font-size:30px;letter-spacing:6px;}
	.common_tit4 p{font-size:14px;letter-spacing:9px;}
	.common_tit4 hr{margin:20px auto 0;width:80px;}
}
@media screen and (max-width:1000px){
	.common_tit4 h2{font-size:26px;letter-spacing:4px;}
	.common_tit4 p{letter-spacing:6px;}
	.common_tit4 hr{margin:15px auto 0;width:60px;}
}
@media screen and (max-width:750px){
	.common_tit4 h2{font-size:20px;letter-spacing:2px;}
	.common_tit4 p{letter-spacing:3px;}
	.common_tit4 hr{width:40px;}
}


/*more*/
.more a{display:flex;align-items:center;justify-content:center;margin-top:3em;padding:15px 20px;max-width:200px;width:100%;font-size:16px;color:#fff;text-align:center;line-height:0.7;background:#0f9981;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.more2 a{margin-top:80px;padding:15px 30px;background:#0f9981;}
.more a:after{display:inline-block;content:"";position:relative;z-index:5;margin-left:20px;width:8px;height:8px;
	border:solid #fff;
	border-width:2px 2px 0 0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:0.4s;
    transition:0.4s;}
.more a:hover{background:#000;}
.more a:hover:after{border:solid #fff;border-width:2px 2px 0 0;}
@media screen and (max-width:1400px){
	.more a{margin-top:2em;max-width:180px;font-size:14px;}
	.more2 a{margin-top:60px;padding:15px 20px;}
}
@media screen and (max-width:1000px){
	.more a{margin-top:1.5em;max-width:160px;}
	.more2 a{margin-top:40px;}
}   
@media screen and (max-width:750px){
	.more2 a{margin-top:20px;}
}


/* logged-in admin-bar */
body.logged-in .header{top:32px;}
@media screen and (max-width:840px){
	body.logged-in .header{top:32px;}
	/* body.logged-in .mobile-btn{top:50px;} */
}
@media screen and (max-width:782px){
	body.logged-in .header{top:46px;}
	/* body.logged-in .mobile-btn{top:64px;} */
}
@media screen and (max-width:600px){
	body.logged-in .header_fixedT{top:0;}
	body.logged-in .mobile-btn-min{top:18px;}
}
     
/* header */
@-webkit-keyframes headermove{
	0%{
	    top:-60px;
	}
	100%{
	    top:0px;
	}
}
.header.header_fixed{position:fixed;top:0;left:0;z-index:99;background:#fff;
	box-shadow:0 0 6px #ccc;
	-webkit-animation:headermove .5s linear 1 0s;
  	-moz-animation:headermove .5s linear 1 0s;
  	-ms-animation:headermove .5s linear 1 0s;
  	-o-animation:headermove .5s linear 1 0s;
  	animation:headermove .5s linear 1 0s;
}
.header.header_fixed .main-navigation ul li a{color:#02204a;}
.header.header_fixed .main-navigation ul li :hover:after{background:#000;}
.header{position:fixed;z-index:100;width:100%;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.header .headercon{margin:0 auto;max-width:1920px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4rem}
.header .headercon>a{display:block;width:300px;}
.header .headercon>a.logo{margin-top:5px;margin-left:48px;padding:10px;width:182px;line-height:1;}
.header .main-navigation{padding-right:5%;width:calc(100% - 480px);}
.header .main-navigation ul{margin-top:15px;display:flex;align-items:center;justify-content:space-between;width:100%;}
.header .main-navigation ul li{position:relative;text-align:center;line-height:1;margin: 0 0.2rem;}
.header .main-navigation ul li a{display:block;padding-bottom:15px;font-size:20px;width:100%;color:#fff;text-align:center;font-weight:bold;text-transform:uppercase;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.headercon ul li a:after{position:absolute;bottom:0px;display:block;content:"";width:100%;height:2px;background:#02204a;
-webkit-transition:0.3s;
transition:0.3s;
}
.headercon ul li a:hover:after{background:#fff;}
.headercont a{display:block;padding:17px 30px;width:180px;font-size:18px;color:#fff;font-weight:bold;text-align:center;line-height:1;background:#001e5c;
	-webkit-transition:0.3s;
	transition:0.3s;
}

.headercont a span{margin-bottom:10px;display:block;font-weight:normal;}
.headercont a:hover{background:#000;}
@media screen and (max-width:1400px){
	.header .headercon>a.logo{margin-left:50px;width:160px;}
	.header .main-navigation{width:calc(100% - 380px);}
	.header .main-navigation ul li a{font-size:16px;}
	.headercont a{padding:15px 20px;width:160px;font-size:16px;}
}
@media screen and (max-width:1150px){
	.header .main-navigation ul li a{font-size:14px;}
}
@media screen and (max-width:1000px){
	.header{background:#fff;}
	.header .headercon{padding:15px 20px;}
	.header .headercon>a.logo{margin-left:0;padding:0;width:140px;}
	.header .main-navigation{display:none;}
	.headercont{position:absolute;top:50%;right:70px;transform:translateY(-50%);}
	.headercont a{display:block;padding:5px 10px 10px;width:auto;}
	.headercont a span{margin-bottom:0px;font-size:24px;}
	.headercont a em{display:none;}
}
@media screen and (max-width:850px){
	.header .headercon{padding:15px 18px 15px 20px;}
	.header .headercon>a.logo{width:100px;}
	.header .main-navigation{display:none;}
}
@media screen and (max-width:750px){
	.header .headercon{padding:10px 18px 10px 20px;}
}
@media screen and (min-width:1000px){
.headercont{display: none;}
}

/*banner*/
.banner{position:relative;display:flex;justify-content:flex-end;width:100%;height:100vh;}
.banner:before{position:absolute;top:99px;left:0;z-index:0;content:"";width:50%;height:calc(100vh - 95px);background:#0f9981;}
.banner *{
	-webkit-transition:0.3s;
	transition:0.3s;
}
.bannerbg{position:relative;}
.banner>figure{position:relative;z-index:2;max-width:calc(100% - 300px);width:100%;height:calc(100vh - 100px);background-position:top left;}
.banner>figure:after{padding-top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.banner .bannercon{position:absolute;z-index:4;top:50%;left:0px;transform:translateY(-50%);font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}
.banner .bannercon hgroup{display:block;padding:70px 120px 70px 80px;color:#fff;font-weight:bold;line-height:1;background:rgba(0,0,0,.7);}
.banner .bannercon h2{font-size:56px;}
.banner .bannercon h3{margin:1.2em 0;font-size:30px;letter-spacing:3px;text-transform:uppercase;}
.banner .bannercon h4{font-size:34px;letter-spacing:5px;}
@media screen and (max-width:1400px){
	.banner:before{top:90px;height:calc(100vh - 90px);}
	.banner>figure{max-width:calc(100% - 280px);height:calc(100vh - 90px);}
	.banner .bannercon hgroup{padding:50px 60px 50px 40px;}
	.banner .bannercon h2{font-size:44px;}
	.banner .bannercon h3{font-size:24px;letter-spacing:3px;}
	.banner .bannercon h4{font-size:28px;letter-spacing:3px;}
}
@media screen and (max-width:1000px){
	.banner{height:80vh;overflow:hidden;}
	.banner:before{display:none;}
	.banner>figure{max-width:100%;height:80vh;}
	.banner .bannercon hgroup{padding:40px 60px 40px 20px;}
	.banner .bannercon h2{font-size:32px;}
	.banner .bannercon h3{font-size:20px;letter-spacing:2px;}
	.banner .bannercon h4{font-size:24px;letter-spacing:2px;}
}
@media screen and (max-width:750px){
	.banner{height:60vh;}
	.banner>figure{height:60vh;}
	.banner .bannercon hgroup{padding:30px 40px 30px 20px;}
	.banner .bannercon h2{font-size:24px;}
	.banner .bannercon h3{font-size:16px;letter-spacing:0px;}
	.banner .bannercon h4{font-size:20px;letter-spacing:0px;}
}
@media screen and (max-width:500px){
	.banner{height:50vh;}
	.banner>figure{height:50vh;}
	.banner .bannercon{top: 80%;}
	.banner .bannercon h2{font-size:22px;}
	.banner .bannercon h3{font-size:14px;}
	.banner .bannercon h4{font-size:16px;}
}


.boxwidth{margin:0 auto;max-width:1320px;width:100%;}

.indexone{padding:50px 0px 0;}
.indexonecon dl{position:relative;display:flex;justify-content:space-between;}
.indexonecon dl dt{width:calc(50% + 90px);}
.indexonecon dl dt figure:after{padding-top:540px;}
.indexonecon dl dd{position:absolute;top:-100px;right:0;z-index:5;padding:80px 90px;width:calc(50% + 90px);background:#dbf3f3;}
.indexonecon dl dd .common_tit>h2{color:#595959;}
.indexonecon dl dd .common_tit>p{color:#595959;}
.indexonecon dl dd .common_tit>hr{background:#595959;}
.indexonecon dl dd>p{margin-top:2em;font-size:20px;color:#595959;}
@media screen and (max-width:1400px){
	.indexonecon dl dt{width:calc(50% + 50px);}
	.indexonecon dl dt figure:after{padding-top:460px;}
	.indexonecon dl dd{padding:60px 50px;width:calc(50% + 50px);}
	.indexonecon dl dd>p{margin-top:1.5em;font-size:18px;}
}
@media screen and (max-width:1000px){
	.indexonecon dl dt{width:50%;}
	.indexonecon dl dt figure{height:100%;}
	.indexonecon dl dt figure:after{padding-top:auto;}
	.indexonecon dl dd{position:initial;padding:40px 20px;width:50%;}
	.indexonecon dl dd>p{margin-top:1.5em;font-size:16px;}
}
@media screen and (max-width:600px){
	.indexonecon dl{display:block;}
	.indexonecon dl dt{width:100%;}
	.indexonecon dl dt figure:after{padding-top:300px;}
	.indexonecon dl dd{padding:30px 20px;width:100%;}
}

.indextwo{padding:80px 0px 0;}
.indextwocon dl{margin-top:60px;display:flex;justify-content:space-between;}
.indextwocon dl dt{position:relative;width:calc(50% - 30px);}
.indextwocon dl dt>figure:after{padding-top:440px;}
.indextwocon dl dt hgroup{position:absolute;top:50%;left:0;z-index:2;padding:40px;width:86%;background:rgba(255,255,255,.6);transform:translatey(-50%);}
.indextwocon dl dt hgroup>div{position:relative;display:inline-block;}
.indextwocon dl dt hgroup>div>h3{font-size:42px;line-height:1;text-transform:uppercase;color:#ebece9;text-shadow:1px  1px 4px #000f2e;font-family: "Noto Sans JP", sans-serif;}
.indextwocon dl dt hgroup>div>h4{margin-top:10px;font-size:24px;color:#000f2e;line-height:1;}
.indextwocon dl dt hgroup>p{margin-top:20px;color:#333;}
.indextwocon dl dt hgroup .more>a{margin-top:20px;}
@media screen and (max-width:1520px){
	.indextwo{padding:60px 0px 0;}
	.indextwocon dl{margin-top:50px;}
	.indextwocon dl dt{width:calc(50% - 20px);}
	.indextwocon dl dt>figure:after{padding-top:380px;}
	.indextwocon dl dt hgroup{padding:30px 20px;}
	.indextwocon dl dt hgroup>div>h3{font-size:30px;}
	.indextwocon dl dt hgroup>div>h4{font-size:20px;}
}
@media screen and (max-width:1200px){
	.indextwocon dl{margin-top:40px;}
	.indextwocon dl dt{width:calc(50% - 10px);}
	.indextwocon dl dt>figure:after{padding-top:330px;}
	.indextwocon dl dt hgroup{padding:20px;}
	.indextwocon dl dt hgroup>div>h3{font-size:20px;}
	.indextwocon dl dt hgroup>div>h4{font-size:15px;}
}
@media screen and (max-width:780px){
	.indextwocon dl{margin-top:30px;display:block;}
	.indextwocon dl dt{margin-top:20px;width:100%;}
	.indextwocon dl dt>figure:after{padding-top:300px;}
	.indextwocon dl dt hgroup{max-width:350px;}
}

.indexthree{margin-top:100px;padding:100px 40px;background:#f1f1f1;}
.indexthreecon .common_tit2{width:275px;text-align:right;}
.indexthreecon .common_tit2 span{right:-30px;}
.indexthreecon .common_tit2 span:after{right:8px;}
.indexthreecon dl{margin-top:2.5em;display:flex;justify-content:space-between;}
.indexthreecon dl dt{width:calc(33.33% - 25px);}
.indexthreecon dl dt figure:after{padding-top:80%;}
.indexthreecon dl dt time{display:block;margin:15px 0 10px;font-weight:bold;color:#464378;}
.indexthreecon dl dt p{color:#000f2e;}
.indexthreecon .more a{margin:3em auto 0;}
@media screen and (max-width:1400px){
	.indexthree{margin-top:80px;padding:80px 20px;}
	.indexthreecon .common_tit2{width:265px;}
	.indexthreecon .common_tit2 span{right:-26px;}
	.indexthreecon .common_tit2 span:after{top:25px;right:7px;}
	.indexthreecon dl{margin-top:2em;}
	.indexthreecon dl dt{width:calc(33.33% - 15px);}
}
@media screen and (max-width:1000px){
	.indexthreecon .common_tit2{width:215px;}
	.indexthreecon .common_tit2 span{left:-22px;}
	.indexthreecon .common_tit2 span:after{left:6px;}
	.indexthreecon dl dt{width:calc(33.33% - 10px);}
	.indexthreecon .more a{margin:2.5em auto 0;}
}
@media screen and (max-width:750px){
	.indexthreecon .common_tit2{width:180px;}
	.indexthreecon dl{margin-top:0;display:block;}
	.indexthreecon dl dt{margin-top:2em;width:100%;}
	.indexthreecon dl dt figure:after{padding-top:60%;}
}


.contentone{margin-top:60px;padding:85px 0;background:url(http://crossdesigncompany.ltd/forest/wp-content/uploads/2025/03/content01.jpg)no-repeat center;}
.contentone>hgroup{padding:70px 100px;max-width:650px;width:100%;background:rgba(255,255,255,.75);}
.contentone>hgroup>div{position:relative;display:inline-block;}
.contentone>hgroup>div>h3{font-size:90px;letter-spacing:10px;line-height:1;text-transform:uppercase;color:#ebece9;opacity:.5;text-shadow:-1px -1px 0 #000f2e,1px -1px 0 #000f2e,-1px  1px 0 #000f2e,1px  1px 0 #000f2e;font-family: "Noto Sans JP", sans-serif;}
.contentone>hgroup>div>h4{position:absolute;top:calc(50% - 8px);left:calc(50% - 18px);font-size:34px;color:#000f2e;line-height:1;}
.contentone>hgroup>p{margin-top:60px;color:#333;}
@media screen and (max-width:1400px){
	.contentone{margin-top:50px;padding:60px 0;}
	.contentone>hgroup{padding:50px 60px;max-width:520px;}
	.contentone>hgroup>div>h3{font-size:74px;letter-spacing:8px;}
	.contentone>hgroup>div>h4{font-size:30px;}
	.contentone>hgroup>p{margin-top:50px;}
}
@media screen and (max-width:1000px){
	.contentone{margin-top:40px;padding:40px 0;}
	.contentone>hgroup{padding:40px 20px;max-width:450px;}
	.contentone>hgroup>div>h3{font-size:56px;letter-spacing:6px;}
	.contentone>hgroup>div>h4{font-size:26px;}
	.contentone>hgroup>p{margin-top:40px;}
}
@media screen and (max-width:750px){
	.contentone>hgroup{padding:30px 20px;max-width:350px;width:80%;}
	.contentone>hgroup>div>h3{font-size:40px;letter-spacing:4px;}
	.contentone>hgroup>div>h4{font-size:22px;}
	.contentone>hgroup>p{margin-top:20px;}
}
.contenttwo{position:relative;display:flex;justify-content:space-between;margin-top:60px;}
.contenttwo:after{position:absolute;z-index:2;left:50%;top:70px;content:"";width:32%;height:35px;background:#fff;transform:translatex(-50%);}
.contenttwo>.div01{padding:85px 0;max-width:1072px;width:calc(58% - 25px);background:url(http://crossdesigncompany.ltd/forest/wp-content/uploads/2025/03/content02.png)no-repeat right;background-size:cover;}
.contenttwo hgroup{padding:70px 100px;max-width:650px;width:100%;background:rgba(255,255,255,.75);}
.contenttwo hgroup>div.divcontone{position:relative;display:inline-block;margin-left:-90px;}
.contenttwo hgroup>div>h3{font-size:76px;line-height:1;text-transform:uppercase;color:#ebece9;opacity:.5;text-shadow:-1px -1px 0 #000f2e,1px -1px 0 #000f2e,-1px  1px 0 #000f2e,1px  1px 0 #000f2e;font-family: "Noto Sans JP", sans-serif;}
.contenttwo hgroup>div>h4{position:absolute;top:calc(50% - 8px);left:50%;width:100%;font-size:34px;color:#000f2e;text-align:center;line-height:1;transform:translatex(-50%);}
.contenttwo hgroup>p{margin-top:60px;color:#333;}
.contenttwo>.div02{position:absolute;right:0;top:50px;padding:85px 0;display:flex;justify-content:flex-end;text-align:right;max-width:1072px;width:calc(58% - 25px);background:url(http://crossdesigncompany.ltd/forest/wp-content/uploads/2025/03/content03.png)no-repeat left;background-size:cover;}
.contenttwo>.div02 .more{display:flex;justify-content:flex-end;}
@media screen and (max-width:1700px){
	.contenttwo>.div01{width:calc(60% - 20px);}
	.contenttwo hgroup{padding:70px 50px;max-width:560px;}
	.contenttwo hgroup>div>h3{font-size:66px;}
	.contenttwo hgroup>div.divcontone{margin-left:-40px;}
	.contenttwo>.div02{width:calc(60% - 20px);}
}
@media screen and (max-width:1400px){
	.contenttwo{margin-top:50px;}
	.contenttwo:after{top:60px;width:26%;height:30px;}
	.contenttwo>.div01{padding:60px 0;width:58%;}
	.contenttwo hgroup{padding:50px 20px;max-width:450px;}
	.contenttwo hgroup>div>h3{font-size:50px;}
	.contenttwo hgroup>div>h4{font-size:26px;}
	.contenttwo hgroup>div.divcontone{margin-left:-10px;}
	.contenttwo hgroup>p{margin-top:50px;}
	.contenttwo>.div02{padding:60px 0;top:40px;width:58%;}
}
@media screen and (max-width:1000px){
	.contenttwo{margin-top:40px;}
	.contenttwo:after{display:none;}
	.contenttwo>.div01{padding:40px 0;width:50%;background-position:left;}
	.contenttwo hgroup{padding:40px 20px;max-width:90%;}
	.contenttwo hgroup>div>h3{font-size:36px;}
	.contenttwo hgroup>div>h4{top:calc(50% - 5px);font-size:18px;}
	.contenttwo hgroup>div.divcontone{margin-left:0px;}
	.contenttwo hgroup>p{margin-top:40px;}
	.contenttwo>.div02{position:inherit;padding:40px 0;top:0px;width:50%;background-position:right;}
}
@media screen and (max-width:750px){
	.contenttwo{display:block;}
	.contenttwo>.div01{padding:30px 0;width:100%;background-size:150%;}
	.contenttwo hgroup{padding:30px 20px;max-width:350px;width:80%;}
	.contenttwo hgroup>div>h3{font-size:36px;}
	.contenttwo hgroup>div>h4{top:calc(50% - 4px);font-size:18px;}
	.contenttwo hgroup>p{margin-top:20px;}
	.contenttwo>.div02{margin-top:40px;justify-content:flex-start;padding:30px 0;width:100%;text-align:left;background-size:150%;}
	.contenttwo>.div02 .more{justify-content:flex-start;}
}

.contentthree{margin-top:110px;padding:80px 0;background:url(img/content04.jpg)no-repeat center;}
.contentthree>hgroup{margin:0 auto;max-width:650px;padding:70px 50px 0;width:100%;background:rgba(255,255,255,.75);}
.contentthree>hgroup>.common_tit{text-align:center;}
.contentthree>hgroup>.common_tit>h2{font-size:50px;color:#0f993b;text-transform:uppercase;}
.contentthree>hgroup>.common_tit>p{margin-top:22px;font-size:20px;color:#606060;font-weight:bold;}
.contentthree>hgroup>.more{position:relative;bottom:-20px;display:flex;justify-content:center;}
@media screen and (max-width:1400px){
	.contentthree{margin-top:80px;padding:60px 0;}
	.contentthree>hgroup{max-width:520px;padding:50px 40px 0;}
	.contentthree>hgroup>.common_tit>h2{font-size:40px;}
	.contentthree>hgroup>.common_tit>p{margin-top:20px;font-size:18px;}
}
@media screen and (max-width:1000px){
	.contentthree{margin-top:40px;padding:40px 0;}
	.contentthree>hgroup{max-width:450px;padding:40px 20px 0;}
	.contentthree>hgroup>.common_tit>h2{font-size:30px;}
	.contentthree>hgroup>.common_tit>p{font-size:16px;}
}
@media screen and (max-width:750px){
	.contentthree{padding:30px 20px;background-size:100% 100%;}
	.contentthree>hgroup{max-width:350px;width:80%;padding:30px 20px 0;}
	.contentthree>hgroup>.common_tit>h2{font-size:24px;}
	.contentthree>hgroup>.common_tit>p{font-size:14px;}
}

/* footer */
.footer{padding-top:40px;background:#0f9981;}
.footercon{position:relative;margin:0 auto;padding:0 40px;max-width:1320px;width:100%;}
.footercon dl{display:flex;justify-content:space-between;}
.footercon dl dt{width:calc(50% - 20px);}
.footercon dl dt>a{display:block;max-width:186px;width:100%;}
.footercon dl dt>p{margin-top:1.5em;font-size:18px;color:#fff;font-weight:bold;}
.footercon dl dt>hgroup{margin-top:1em;display:flex;align-items:center;justify-content:space-between;max-width:520px;}
.footercon dl dt>hgroup div .tel a{display:flex;align-items:center;font-size:18px;color:#fff;font-weight:bold;letter-spacing:2px;color:#fff;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.footercon dl dt>hgroup div .tel img{margin-right:10px;}
.footercon dl dt>hgroup div .tel a:hover{transform:translateY(-5px);}
.footercon dl dt>hgroup div .tel span{color:#c3b721;}
.footercon dl dt>hgroup div .fax{display:flex;align-items:center;font-size:18px;color:#fff;font-weight:bold;letter-spacing:2px;color:#fff;}
.footercon dl dt>hgroup div .fax img{margin-right:10px;}
.footercon dl dt>hgroup div .fax span{color:#c3b721;}
.footercon dl dt>hgroup>a{display:flex;align-items:center;justify-content:center;padding:10px 20px;font-size:20px;color:#001e5c;font-weight:bold;text-transform:uppercase;background:#dfce00;border:2px solid #fff;line-height:1;border-radius:3px;text-shadow:1px 1px 1px #fff;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.footercon dl dt>hgroup>a img{margin-right:10px;}
.footercon dl dt>hgroup>a:hover{transform:translateY(-5px);}
.footercon dl dd{width:calc(50% - 20px);}
.footercon dl dd ul{display:flex;flex-flow:wrap;align-items:center;justify-content:space-between;}
.footercon dl dd ul li{width:calc(50% - 10px);height:60px;}
.footercon dl dd ul li a{display:flex;align-items:center;font-size:18px;color:#fff;}
.footercon dl dd ul li a:before{display:inline-block;content:"";position:relative;z-index:5;margin-right:15px;width:8px;height:8px;
	border:solid #fff;
	border-width:2px 2px 0 0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:0.4s;
    transition:0.4s;}
.footercon dl dd ul li a:hover:before{border:solid #fff;}
.p1{margin-top:1em;padding:0 20px;background:#000817;}
.p1 p{margin:0 auto;padding:10px 0;max-width:1320px;width:100%;color:#fff;text-align:right;line-height:1;}
@media screen and (max-width:1400px){
	.footercon{padding:0 20px;}
	.footercon dl dt{width:calc(50% - 10px);}
	.footercon dl dt>a{max-width:180px;}
	.footercon dl dt>p{margin-top:1em;font-size:16px;}
	.footercon dl dt>hgroup div .tel a{font-size:16px;}
	.footercon dl dt>hgroup div .tel a img{width:24px;}
	.footercon dl dt>hgroup div .fax{font-size:16px;}
	.footercon dl dt>hgroup div .fax img{width:24px;}
	.footercon dl dt>hgroup>a{padding:8px 15px;font-size:16px;}
	.footercon dl dt>hgroup>a img{width:24px;}
	.footercon dl dd ul li{width:calc(50% - 5px);height:50px;}
	.footercon dl dd ul li a{font-size:16px;}
}
@media screen and (max-width:1000px){
	.footercon dl{display:block;}
	.footercon dl dt{text-align:center;width:100%;}
	.footercon dl dt>p{margin-top:1em;font-size:14px;line-height:1.4;}
	.footercon dl dt>a{margin:0 auto;max-width:180px;}
	.footercon dl dt>hgroup{margin:0 auto;max-width:450px;}
	.footercon dl dd{display:none;}
	.p1 p{text-align:center;}
}
@media screen and (max-width:500px){
	.footercon dl dt>hgroup{margin-top:1em;display:block;}
	.footercon dl dt>hgroup>div{margin:0 auto;width:190px;}
	.footercon dl dt>hgroup>div .tel img{width:23px;}
	.footercon dl dt>hgroup>a{margin:0.5em auto 0;width:260px;}
	.footercon dl dt>hgroup>a img{width:20px;}
}



/*pageban*/
.pageban{position:relative;height:650px;display:flex;justify-content:flex-end;overflow:hidden;}
.pageban:before{position:absolute;top:100px;left:0;z-index:0;content:"";width:50%;height:calc(100vh - 100px);background:#0f9981;}
.pageban>figure{position:relative;z-index:2;max-width:calc(100% - 300px);width:100%;height:calc(650px - 90px);background-position:top right;}
.pageban>figure:after{padding-top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.pageban .pagebancon{position:absolute;top:50%;left:0;z-index:5;padding:100px 140px 100px 320px;color:#fff;background:rgba(0,0,0,.7);transform:translateY(-50%);}
.pageban .pagebancon h2{line-height:1;font-size:58px;text-transform:uppercase;}
.pageban .pagebancon p{margin-top:1em;line-height:1;font-size:34px;font-weight:bold;letter-spacing:5px;}
.pageban .factorycon{padding:100px 30px 100px 320px;}
.pageban .factorycon h2{font-size:36px;}
@media screen and (max-width:1400px){
	.pageban{height:550px;}
	.pageban:before{top:90px;height:calc(100vh - 90px);}
	.pageban>figure{height:calc(550px - 90px);}
	.pageban .pagebancon{padding:80px 100px 80px 300px;}
	.pageban .pagebancon h2{font-size:50px;}
	.pageban .pagebancon p{font-size:26px;}
	.pageban .factorycon{padding:80px 30px 80px 300px;}
	.pageban .factorycon h2{font-size:30px;}
}
@media screen and (max-width:1000px){
	.pageban{height:450px;}
	.pageban:before{display:none;}
	.pageban>figure{margin-top:60px;max-width:100%;width:100%;height:450px;}
	.pageban .pagebancon{padding:40px 80px 40px 20px;}
	.pageban .pagebancon h2{font-size:40px;}
	.pageban .pagebancon p{font-size:20px;}
	.pageban .factorycon{padding:40px 30px 40px 20px;}
	.pageban .factorycon h2{font-size:24px;}
}
@media screen and (max-width:750px){
	.pageban{height:350px;}
	.pageban>figure{margin-top:55px;height:350px;background-position:calc(60%);}
	.pageban .pagebancon{padding:20px 50px 20px 20px;top:70%;}
	.pageban .pagebancon h2{font-size:28px;}
	.pageban .pagebancon p{font-size:14px;}
	.pageban .factorycon{padding:20px 30px 20px 20px;}
	.pageban .factorycon h2{font-size:20px;}
}

.boxwidth2{margin:0 auto;max-width:1520px;width:100%;}

/* company */
.companyone{margin-top:100px;}
.companyonecon{position:relative;}
.companyonecon>figure{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.companyone>h3{margin-top:60px;font-size:24px;text-align:center;}
@media screen and (max-width:1400px){
	.companyone{margin-top:80px;}
	.companyonecon{position:relative;}
	.companyone>h3{margin-top:40px;font-size:20px;}
}
@media screen and (max-width:1000px){
	.companyone>h3{font-size:16px;}
}
@media screen and (max-width:750px){
	.companyone>h3{font-size:14px;}
}

.companytwo{padding:100px 40px;}
.companytwocon dl{margin-top:3em;}
.companytwocon dl dt{width:100%;}
.companytwocon dl dt p{font-size:22px;}
.companytwocon dl dt h3{margin:80px 0 30px;font-size:30px;line-height:1;}
.companytwocon dl dt h4{margin-top:20px;display:flex;align-items:center;justify-content:flex-end;font-size:24px;color:#000;letter-spacing:3px;}
.companytwocon dl dt h4 img{margin-left:30px;}
.companytwocon dl dd{width:calc(30% - 60px);}
.companytwocon dl dd figure:after{padding-top:130%;}
.companytwocon>p{display:flex;align-items:center;justify-content:flex-end;font-size:20px;font-weight:bold;}
@media screen and (max-width:1400px){
	.companytwo{padding:80px 20px;}
	.companytwocon dl{margin-top:2.5em;}
	.companytwocon dl dt p{font-size:18px;}
	.companytwocon dl dt h3{margin:60px 0 20px;font-size:26px;}
	.companytwocon dl dd{width:calc(30% - 40px);}
	.companytwocon dl dt h4{font-size:20px;letter-spacing:2px;}
	.companytwocon dl dt h4 img{margin-left:20px;width:160px;}
}
@media screen and (max-width:1000px){
	.companytwocon dl{margin-top:2em;}
	.companytwocon dl dt p{font-size:16px;}
	.companytwocon dl dt h3{margin:50px 0 15px;font-size:22px;}
	.companytwocon dl dd{width:calc(30% - 10px);}
	.companytwocon dl dt h4{font-size:16px;letter-spacing:1px;}
	.companytwocon dl dt h4 img{width:100px;}
}
@media screen and (max-width:750px){
	.companytwocon dl{display:block;}
	.companytwocon dl dt p{font-size:14px;}
	.companytwocon dl dt h3{margin:40px 0 10px;font-size:18px;}
	.companytwocon dl dd{margin-top:30px;width:100%;}
	.companytwocon dl dd figure{margin:0 auto;max-width:400px;width:100%;}
	.companytwocon dl dt h4{font-size:14px;letter-spacing:0px;}
	.companytwocon dl dt h4 img{margin-left:10px;width:80px;}
}

.companythree{padding:100px 40px;background:#f1f1f1;}
.companythree .tac{font-size: 24px;text-align: center;}
.companythreecon .common_tit3{margin-bottom:3em;}
.companythreecon dl{display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;font-size:18px;}
.companythreecon dl dt{display:flex;align-items:center;justify-content:center;padding:15px 10px;width:350px;color:#fff;font-weight:bold;text-align:center;background:#808fae;border:1px solid #000;border-bottom:none;}
.companythreecon dl dd{padding:15px 20px 15px 100px;width:calc(100% - 350px);background:#fff;border:1px solid #000;border-bottom:none;border-left:none;}
.companythreecon dl dd a{color:#000;}
.companythreecon dl dd a:hover{text-decoration:underline;}
.companythreecon dl:last-child{border-bottom:1px solid #000;}
.companythreecon dl dd ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px;}
.companythreecon dl dd ul li{width:calc(25% - 15px);}
.companythreecon dl dd ul li figure:after{padding-top:70%;}
@media screen and (max-width:1400px){
	.companythree{padding:80px 20px;}
	.companythree .tac{font-size: 20px;}
	.companythreecon .common_tit3{margin-bottom:2.5em;}
	.companythreecon dl{font-size:16px;}
	.companythreecon dl dt{padding:12px 10px;width:300px;}
	.companythreecon dl dd{padding:12px 20px 12px 60px;width:calc(100% - 300px);}
	.companythreecon dl dd ul li{width:calc(25% - 10px);}
}
@media screen and (max-width:1000px){
	.companythree{padding:60px 20px;}
	.companythree .tac{font-size: 16px;}
	.companythreecon .common_tit3{margin-bottom:2em;}
	.companythreecon dl{font-size:14px;}
	.companythreecon dl dt{padding:10px;width:240px;}
	.companythreecon dl dd{padding:10px;width:calc(100% - 240px);}
}
@media screen and (max-width:750px){
	.companythree{padding:30px 20px;}
	.companythree .tac{font-size: 14px;text-align:left;}
	.companythree .tac br{display:none;}
	.companythreecon dl{display:block;}
	.companythreecon dl dt{padding:10px;width:100%;text-align:left;}
	.companythreecon dl dd{padding:10px;width:100%;border-left:1px solid #000;}
	.companythreecon dl dd ul li{width:calc(50% - 10px);margin-top:10px;}
}


/* business */
.businessone{padding:100px 40px;}
.businessonecon>p{max-width:1080px;margin:3em auto 0;font-size:24px;text-align:left;}
.businessonecon>dl{margin-top:40px;display:flex;justify-content:space-between;}
.businessonecon>dl>dt{width:calc(50% - 20px);}
.businessonecon>dl>dt>figure:after{padding-top:48%;}
@media screen and (max-width:1400px){
	.businessone{padding:80px 20px;}
	.businessonecon>p{max-width:900px;margin:2.5em auto 0;font-size:20px;}
	.businessonecon>dl{margin-top:30px;}
	.businessonecon>dl>dt{width:calc(50% - 15px);}
}
@media screen and (max-width:1000px){
	.businessone{padding:50px 20px;}
	.businessonecon>p{max-width:720px;margin:2em auto 0;font-size:16px;}
	.businessonecon>dl{margin-top:20px;}
	.businessonecon>dl>dt{width:calc(50% - 10px);}
}
@media screen and (max-width:750px){
	.businessone{padding:30px 20px;}
	.businessonecon>p{font-size:14px;}
}
@media screen and (max-width:500px){
	.businessonecon>dl{display:block;}
	.businessonecon>dl>dt{width:100%;}
	.businessonecon>dl>dt:last-child{margin-top:15px;}
}

.businesstwo{padding:40px 0 0;}
.businesstwocon dl#business01{margin-top:0;}
.businesstwocon dl{margin-top:6em;display:flex;flex-flow: wrap;justify-content:space-between;background:#f3f3f3;font-family:小塚ゴシック Pr6N,sans-serif;}
.businesstwocon dl dt{padding-left:10%;padding-right:20px;padding-bottom:20px;width:calc(50% - 100px);background:url()no-repeat;background-position:calc(40%);}
.businesstwocon dl dt h3{margin-top:-36px;font-size:36px;color:#001e5c;letter-spacing:6px;line-height:1;text-transform:uppercase;}
.businesstwocon dl dt h3 span{padding-left:10px;font-size:60px;}
.businesstwocon dl dt hgroup{padding:40px 0px;color:#333;}
.businesstwocon dl dt h4{font-size:36px;text-transform:uppercase;letter-spacing:5px;font-style:italic;}
.businesstwocon dl dt h5{margin-top:10px;font-size:24px;line-height:1;}
.businesstwocon dl dd{width:calc(50% + 100px);}
.businesstwocon dl dd figure{height:450px;background-position:bottom center;}
.businesstwocon dl dd figure:after{padding-top:0;}
.businesstwocon dl.dl02{flex-direction:row-reverse;
	-webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -moz-box-orient:horizontal;
    -moz-box-direction:reverse;
    -ms-flex-direction:row-reverse;}
.businesstwocon dl.dl02 dt{padding-left:2%;background:url()no-repeat;background-position:calc(10%);}
.businesstwocon dl.dl02 dd figure{background-position:right;}
.businesstwocon dl.dl03 dt{padding-left:1%;background:url()no-repeat;background-position:calc(10%);}
.businesstwocon dl.dl04 dt{background:url()no-repeat;}
.businesstwocon>p{padding-left:10%;margin-top:40px;}
.btn00{margin-top:-50px;margin-right:30px;display:flex;justify-content:flex-end;}
.btn00>a{padding:10px 20px;color:#fff;background:#001e5c;transition:.3s;}
.btn00>a:hover{background:#000;}
.businesstwocon>figure{padding:0 20px;}
.businesstwocon>figure>img{margin:80px auto;max-width:1000px;width:100%;}
@media screen and (max-width:1540px){
	.businesstwo{padding:20px 0 0;}
	.businesstwocon dl{margin-top:5em;}
	.businesstwocon dl dt{padding-left:20px;background-size:180px;background-position:calc(20%);}
	.businesstwocon dl dt h3{margin-top:-30px;font-size:30px;letter-spacing:4px;}
	.businesstwocon dl dt h3 span{font-size:50px;}
	.businesstwocon dl dt hgroup{padding:30px 0px;}
	.businesstwocon dl dt h4{font-size:30px;letter-spacing:3px;}
	.businesstwocon dl dt h5{font-size:20px;}
	.businesstwocon dl.dl02 dt{padding-left:40px;background-size:180px;background-position:calc(20%);}
	.businesstwocon dl.dl04 dt{background-size:180px;background-position:calc(20%);}
	.businesstwocon dl dd figure{height:380px;}
	.businesstwocon>figure>img{margin:60px auto;}
	.businesstwocon>p{padding:0 20px;margin-top:30px;}
}
@media screen and (max-width:1200px){
	.btn00{margin-top:10px;margin-right:0px;justify-content:flex-start;}
	.businesstwocon dl dd figure{height:400px;}
}
@media screen and (max-width:1000px){
	.businesstwocon dl dt{width:calc(50% - 50px);background-size:140px;}
	.businesstwocon dl dt h3{margin-top:-24px;font-size:24px;letter-spacing:2px;}
	.businesstwocon dl dt h3 span{font-size:40px;}
	.businesstwocon dl dt hgroup{padding:20px 0px;}
	.businesstwocon dl dt h4{font-size:24px;letter-spacing:1px;}
	.businesstwocon dl dt h5{margin-top:0px;font-size:18px;}
	.businesstwocon dl dd figure{background-position:right;}
	.businesstwocon dl dd{width:calc(50% + 50px);}
	.businesstwocon dl dd figure{height:360px;}
	.businesstwocon dl.dl02 dd figure{background-position:left;}
	.businesstwocon dl.dl02 dt{background-size:140px;}
	.businesstwocon dl.dl04 dt{background-size:140px;background-position:calc(20%);}
	.btn00>a{padding:8px 20px;}
	.businesstwocon>p{margin-top:20px;}
}
@media screen and (max-width:750px){
	.businesstwocon dl{display:block;}
	.businesstwocon dl dt{padding:40px 20px;width:100%;background-size:100px;}
	.businesstwocon dl dt h3{margin-top:0px;font-size:20px;letter-spacing:0px;}
	.businesstwocon dl dt h3 span{font-size:30px;}
	.businesstwocon dl dt hgroup{padding:10px;}
	.businesstwocon dl dt h4{font-size:20px;letter-spacing:0px;}
	.businesstwocon dl dt h5{margin-top:10px;font-size:16px;}
	.businesstwocon dl.dl02 dt{padding-left:20px;}
	.businesstwocon dl dd{width:100%;}
	.businesstwocon dl dd figure{height:auto;}
	.businesstwocon dl dd figure:after{padding-top:50%;}
	.businesstwocon dl.dl02 dt{background-size:100px;}
	.businesstwocon dl.dl04 dt{background-size:100px;}
}
@media screen and (max-width:450px){
	.businesstwo{padding:0;}
	.businesstwocon dl dt{background-size:100px;background-position:center;}
	.businesstwocon dl.dl02 dt{background-size:100px;background-position:center;}
	.businesstwocon dl.dl04 dt{background-position:center;background-size:100px;}
}
.businesstwocon .plaback{
	margin: 80px auto;
  max-width: 1000px;
  width: 100%;
}
.businesstwocon .plaback figure{
	margin: 30px auto;
}
.business-img {
	padding: 1rem 0.5rem;
	display: flex;
	justify-content: center;
}


/* factory */
.factoryone{padding:40px 0px;}
.factoryonecon dl{display:flex;justify-content:space-between;}
.factoryonecon dl dt{display:flex;align-items:center;padding:0 100px;width:calc(40% - 30px);color:#fff;letter-spacing:3px;background:#00091b;}
.factoryonecon dl dt h3{font-size:34px;color:#fff;}
.factoryonecon dl dt h3 span{display:block;font-size:18px;text-transform:uppercase;}
.factoryonecon dl dd{margin-right:10%;width:50%;}
.factoryonecon dl dd ul{display:flex;justify-content:space-between;}
.factoryonecon dl dd ul li{width:calc(25% - 20px);}
.factoryonecon dl dd ul li div{padding:4px;border:1px solid #d1d1d1;}
.factoryonecon dl dd ul li div figure:after{padding-top:80%;}
.factoryonecon dl dd ul li h4{margin-top:20px;font-size:22px;color:#001745;text-align:center;line-height:1.2;}
@media screen and (max-width:1600px){
	.factoryone{padding:0px;}
	.factoryonecon dl dt{padding:0 60px;width:calc(40% - 20px);letter-spacing:2px;}
	.factoryonecon dl dt h3{font-size:28px;}
	.factoryonecon dl dt h3 span{font-size:16px;}
	.factoryonecon dl dd{margin-right:8%;width:52%;}
	.factoryonecon dl dd ul li{width:calc(25% - 10px);}
	.factoryonecon dl dd ul li h4{font-size:18px;}
}
@media screen and (max-width:1400px){
	.factoryonecon dl dt{padding:0 20px;letter-spacing:0px;}
	.factoryonecon dl dt h3{font-size:24px;}
	.factoryonecon dl dt h3 span{font-size:14px;}
	.factoryonecon dl dd{margin-right:20px;width:calc(60% - 20px);}
	.factoryonecon dl dd ul li h4{font-size:16px;}
}
@media screen and (max-width:1000px){
	.factoryonecon dl{display:block;}
	.factoryonecon dl dt{padding:20px;width:100%;justify-content:center;text-align:center;}
	.factoryonecon dl dt h3{font-size:20px;}
	.factoryonecon dl dd{margin-right:0px;padding:20px;width:100%;}
	.factoryonecon dl dd ul li h4{margin-top:10px;font-size:14px;}
}
@media screen and (max-width:550px){
	.factoryonecon dl dd ul{flex-flow:wrap;}
	.factoryonecon dl dd ul li{width:calc(50% - 10px);}
	.factoryonecon dl dd ul li:nth-child(3),
	.factoryonecon dl dd ul li:nth-child(4){margin-top:20px;}
}


.factorytwo{padding:100px 40px;}
.table01{width:100%;}
.table01 tr td{padding:15px 40px;font-size:20px;border-bottom:1px solid #808fae;}
.table01 tr td:first-child{width:30%;color:#fff;font-weight:bold;text-align:center;letter-spacing:3px;background:#001745;}
.table01 tr td span{font-style:italic;}
.table02{margin-top:60px;width:100%;}
.table02 tr td{padding:10px 0;font-size:20px;border:1px solid #808fae;vertical-align:top;}
.table02 tr td:first-child{width:30%;color:#fff;font-weight:bold;text-align:center;letter-spacing:3px;background:#001745;vertical-align:middle;}
.table02 tr td ul li{text-align:center;border-bottom:1px dotted #808fae;}
.table02 tr td ul li:last-child{border-bottom:none;}
.table02 tr td:nth-child(2){width:26%;background:#bfc7d6;}
.table02 tr td:nth-child(3),
.table02 tr td:nth-child(4){width:22%;}
.factorytwocon a{display:block;margin:60px auto 0;padding:12px 50px;width:500px;font-size:20px;color:#fff;font-weight:bold;text-align:center;background:#001745;}
.factorytwocon a:hover{background:#000;}
@media screen and (max-width:1400px){
	.factorytwo{padding:80px 20px;}
	.table01 tr td{padding:10px 20px;font-size:18px;}
	.table02 tr td{font-size:18px;}
	.table02{margin-top:40px;}
	.factorytwocon a{margin:40px auto 0;padding:12px 50px;width:450px;font-size:18px;}
}
@media screen and (max-width:1000px){
	.factorytwo{padding:60px 20px;}
	.table01 tr td{padding:10px;font-size:16px;}
	.table02 tr td{font-size:16px;}
	.factorytwocon a{padding:10px 20px;width:400px;font-size:16px;}
}
@media screen and (max-width:750px){
	.table01 tr td{display:block;font-size:14px;}
	.table01 tr td:first-child{width:100%;text-align:left;}
	.factorytwocon a{width:300px;font-size:14px;}
}
@media screen and (max-width:520px){
	.table02 tr td{display:block;width:100%;}
	.table02 tr:first-child td:nth-child(3) ul li:nth-child(3){border-bottom:none;}
	.table02 tr td:first-child,
	.table02 tr td:nth-child(2),
	.table02 tr td:nth-child(3),
	.table02 tr td:nth-child(4){width:100%;border-bottom:none;}
	.table02 tr:nth-child(3) td:nth-child(3){border-bottom:1px solid #808fae;}
}

.factorythree{padding:0px 40px 80px;}
.factorythreecon dl{margin-top:-40px;display:flex;flex-flow:wrap;justify-content:space-between;}
.factorythreecon dl dt{margin-top:40px;width:calc(33.33% - 20px);}
.factorythreecon dl dt figure:after{padding-top:55%;}
@media screen and (max-width:1400px){
	.factorythree{padding:0px 20px 60px;}
	.factorythreecon dl{margin-top:-30px;}
	.factorythreecon dl dt{margin-top:30px;width:calc(33.33% - 15px);}
}
@media screen and (max-width:1000px){
	.factorythreecon dl{margin-top:-20px;}
	.factorythreecon dl dt{margin-top:20px;width:calc(33.33% - 10px);}
}
@media screen and (max-width:750px){
	.factorythreecon dl{margin-top:-10px;}
	.factorythreecon dl dt{margin-top:10px;width:calc(50% - 5px);}
}

.factor-material{
	margin: 50px auto;
}
.factor-material-box{
	display: flex;
	justify-content: space-around;
	margin: 2rem auto 1rem;
	padding: 0 1rem;
	text-align: center;
}
@media screen and (max-width:750px){
	.factor-material-box{
		display: grid;
		gap: 1rem;
	}
}
.factor-material-box span{
	font-size: 16px;
	font-weight: bold;
}
.factor-material-txt{
	display: flex;
	justify-content: center;
	padding: 0 1rem;
}

.factor-flow{
	margin: 100px auto;
}
.factor-flow-h3{
	background: #001745;
	color: #fff;
	font-size: 24px;
	margin: 2rem auto;
	padding: 1rem;
	text-align: center;
}
.factor-flow-h4{
	font-size: 24px;
	text-align: center;
}
.factor-flow-txt{
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1.4fr 2fr;
	max-width: 1100px;
	margin: auto;
	padding: 0 1rem;
}
.factor-img{margin: 0 auto 2rem;padding: 1rem;}
@media screen and (max-width:750px){
.factor-flow-txt{
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
	justify-items:center;
}
}

/*---------------
 basel
---------------*/
.basel{padding: 60px 40px;}
.basel p{font-size:16px; text-align: left;}
.basel-h3{
	background: #001745;
  color: #fff;
  font-size: 24px;
  margin: 2rem auto;
  padding: 1rem;
  text-align: center;
}
.basel-minato{
	display: flex;
  justify-content: space-between;
	margin: 1rem 2rem;
}
@media screen and (max-width:750px){
	.basel-minato{flex-direction: column;}
}
.basel-minato img{max-height: 40vh;}
.basel-minato-box h3{font-size:18px; text-align: left;}

.basel-export-ul{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 1.5rem;
}
@media screen and (max-width:750px){
	.basel-export-ul{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 1rem;
	}
}

/* daily */
.dailyone{padding:100px 40px;}
.dailyonecon p{text-align:center;}
@media screen and (max-width:1400px){
	.dailyone{padding:80px 20px;}
}

.dailytwo{padding:40px;background:#f5f5f5;}
.dailytwocon dl{display:flex;justify-content:space-between;}
.dailytwocon dl dt{width:calc(65% - 40px);}
.dailytwocon dl dt figure:after{padding-top:50%;}
.dailytwocon dl dd{width:calc(35% - 40px);}
.dailytwocon dl dd h3{font-size:34px;line-height:1;}
.dailytwocon dl dd p{margin-top:10px;font-size:18px;text-transform:uppercase;}
.dailytwocon dl dd ul{margin-top:30px;}
.dailytwocon dl dd ul li{margin-top:6px;padding:3px 5px 3px 25px;font-size:18px;background:#e9e9e9;}
@media screen and (max-width:1400px){
	.dailytwo{padding:40px 20px;}
	.dailytwocon dl dt{width:calc(65% - 20px);}
	.dailytwocon dl dt figure:after{padding-top:370px;}
	.dailytwocon dl dd{width:calc(35% - 20px);}
	.dailytwocon dl dd h3{font-size:30px;}
	.dailytwocon dl dd p{font-size:16px;}
	.dailytwocon dl dd ul li{font-size:16px;}
}
@media screen and (max-width:1000px){
	.dailytwocon dl dt{width:calc(65% - 10px);}
	.dailytwocon dl dt figure:after{padding-top:340px;}
	.dailytwocon dl dd{width:calc(35% - 10px);}
	.dailytwocon dl dd h3{font-size:26px;}
	.dailytwocon dl dd p{font-size:14px;}
	.dailytwocon dl dd ul li{font-size:14px;}
}
@media screen and (max-width:750px){
	.dailytwocon dl{display:block;}
	.dailytwocon dl dt{width:100%;}
	.dailytwocon dl dt figure:after{padding-top:50%;}
	.dailytwocon dl dd{margin-top:40px;width:100%;}
	.dailytwocon dl dd h3{font-size:22px;}
	.dailytwocon dl dd ul{margin-top:20px;}
}

.dailythree{padding:80px 40px;background:none;}
.dailythreecon dl{flex-direction:row-reverse;
	-webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -moz-box-orient:horizontal;
    -moz-box-direction:reverse;
    -ms-flex-direction:row-reverse;}
@media screen and (max-width:1400px){
	.dailythree{padding:60px 20px;}
}

.daily-col {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
@media screen and (max-width:750px){
	.daily-col {
	grid-template-columns: repeat(2, 1fr);
	}
}
.daily-col h3{font-size:34px;line-height:1;}


/* contact */
.contactone{padding:100px 40px;}
.contactonecon{margin-top:-1em;max-width:1000px;}
.contactform p{text-align:right;}
.contactform p font{color:#ff0000;}
.contactonecon dl{margin-top:1em;display:flex;justify-content:space-between}
.contactonecon dl dt{width:200px;font-size:20px;}
.contactonecon dl dt font{font-size:14px;color:#ff0000;}
.contactonecon dl dd{padding:12px 15px;width:calc(100% - 220px);border:1px solid #808fae;}
.contactonecon dl dd input{width:100%;}
.contactonecon dl dd textarea{width:100%;height:200px;}
.contactonecon dl.dl00 dd{border:none;padding:10px 0;}
.contactonecon dl.dl00 dd input{width:auto;}
input[type="radio"], input[type="checkbox"]{margin:0;}
.contactform .send{margin:2em auto 0; text-align:center;}
.contactform .send .senbtn{padding:8px 20px;width:200px;font-size:20px;font-weight:bold;border:1px solid #808fae;text-align:center;cursor:pointer;color:#001e5c;-webkit-transition:0.3s;
    transition:0.3s;}
.contactform .send .senbtn:hover{background:#808fae;color:#fff;}
.contact_btn{margin:0 50px 0;background-color:#f2f2f2;color:#000;border:1px solid #dedede;padding:12px 50px;margin-top:30px;}
span.wpcf7-list-item{margin:0 20px 0 0;}
@media screen and (max-width:1400px){
	.contactone{padding:80px 20px;}
	.contactonecon dl dt{font-size:18px;}
	.contactform .send .senbtn{width:180px;font-size:18px;}
}
@media screen and (max-width:1000px){
	.contactonecon dl dt{font-size:16px;}
	.contactonecon dl dd{padding:10px 15px;}
	.contactform .send .senbtn{width:160px;font-size:16px;}
}
@media screen and (max-width:750px){
	.contactonecon dl{display:block;}
	.contactonecon dl dt{width:100%;font-size:14px;}
	.contactonecon dl dd{padding:8px 15px;width:100%;}
	.contact_btn{margin:0 20px 0;padding:10px 30px;}
	.contactform .send .senbtn{font-size:14px;}
}

/* news */
.newsone{padding:100px 40px;}
@media screen and (max-width:1400px){
	.newsone{padding:80px 20px;}
}
.newstwo{padding:100px 40px;}
.newstwocon{text-align:center;}
.newstwocon figure{margin:0 auto 2em;max-width:600px;}
.newstwocon figure:after{padding-top:75%;}
.newstwocon time{display:block;margin:15px 0 10px;font-weight:bold;color:#464378;}
.newstwocon h3{font-size:24px;}
.newstwocon p{margin-top:1em;}
@media screen and (max-width:1400px){
	.newstwo{padding:80px 20px;}
	.newstwocon h3{font-size:20px;}
}
@media screen and (max-width:1000px){
	.newstwocon h3{font-size:18px;}
}

.indexthreecon dl dt a{display:block;-webkit-transition:0.3s;
    transition:0.3s;}
.indexthreecon dl dt a:hover{transform:translatey(-10px);}

/* reCAPTCHA 表示位置変更 */
.grecaptcha-badge{
	bottom: 123px !important;
	}
	@media screen and (max-width: 767px) {
	.grecaptcha-badge{
	visibility: hidden;
	}
}

/* 翻訳 表示位置 */
#trp-floater-ls.trp-bottom-right{
	bottom: 0 !important;
  right: 0 !important;
	/*display: none;*/
}
.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-dark{
	min-width: 140px !important;
}


.grecaptcha-badge{display:none !important;}


.martop{margin-top:40px;}

.p02{text-align:center;}