@charset "utf-8";
@import url(css/basic.css);
@import url(css/ki/ki.css);

/*i-Styleで使用*/	
.topttl2-is{position:relative;font-size:1.55em;font-weight:bold;font-family:'Arial', serif;display:inline-block;margin-top:30px;}	
.topttl2-is::before{content:attr(data-number);display:block;color:#333;font-size:1.88em;font-weight:bold;}	
.topttl2-is::after{content:'';position:absolute;top:0;left:0;width:100px;height:1px;background-color:#333;}	
.topttl2-is .fs-1{font-size:0.7em;font-weight:normal;font-family:sans-serif;}/*フォントはサイトに合わせる*/	
.topttl2-is>.fs-1.jp{font-size:.88em;font-weight:bold;}	
.tag-is>li{font-size:.88em;display:inline-block;margin:0 .2em .6em 0;padding:.6em;line-height:1;color:#fff;text-decoration:none;background-color:#333;}	
.img-no img{margin:0;}	
/*.w100-{width:100%;}.w90-{width:90%;}.w85-{width:85%;}.w80-{width:80%;}.w75-{width:75%;}.w70-{width:70%;}.w60-{width:60%;}	
.w50-{width:50%;}.w45-{width:45%;}.w40-{width:40%;}.w35-{width:35%;}.w30-{width:30%;}.w25-{width:25%;}.w20-{width:20%;}*/	
.w38-{width:38%;}.w16-9{width:16.9%;}	
/*.spanin span{display:inline-block;}*/	
.boxwrap-is{padding-top:30px;}	
.boxwrap-is:not(:first-of-type){margin-top:24px;}	
.boxwrap-is::after{content:"";position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:100%;height:100%;max-height:800px;z-index:-1;}	
.boxwrap-is::after{background-color:#f5f7f9;}/*カラー変更(2)　薄い色・背景に使用*/	
.box-img-is{margin:0 auto;text-align:center;width:80%;}	
.box-img-is img{width:100%;margin:0;height:100%;object-fit:cover;}	
.box-txt-is{padding:30px 5%;background-color:#f5f7f9;}/*カラー変更(2)　薄い色・背景に使用*/	
.box-txt-is [lang="en"]{text-transform:uppercase;padding:0 0 10px;margin:0 0 15px;font-weight:bold;font-size:1.1em;border-bottom:1px solid;display:block;}	
.box-txt-is [lang="en"]{color:#3a5fb8;}/*カラー変更(1)　濃い色・文字に使用*/	
.grad_big-is{text-align:center;/*position:absolute;*/width:100%;/*top:-50px;*/left:0;}	
.grad_text-is{font-size:1rem;letter-spacing:.2rem;line-height:100%;color:#fff;}	
.num-is{font-size:3rem;font-weight:bold;}	
.linebox-is{border:none;background:none;background-color:#bbc0d0;box-shadow:none;}/*カラー変更(3)　少し薄い色・背景に使用*/	
.linebox-is-w{border:none;background:none;background-color:#fff;box-shadow:none;}	
.topttl-is::after{width:4px;height:40px;display:block;background:#000;margin:0 auto;}	
[class*="topttl-is"]{background:#fff;border-radius:5em;padding:.8em;display:block;text-align:center;border:1px solid #333;position:relative;}	
.topttl-is{margin-bottom:40px;font-weight:bold;font-family:'Arial', serif;font-size:1.2em;width:200px;margin-left:auto;margin-right:auto;}	
.topttl-is::after{content:"";position:absolute;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:-40px;height:40px;}	
	
@media (min-width:48em){	
/*i-Styleで使用*/	
.boxwrap-is{position:relative;display:flex;padding:40px 0;align-items:center;}	
.boxwrap-is::after{width:80%;}	
.boxwrap-is:nth-child(odd)::after{left:0}	
.boxwrap-is:nth-child(even)::after{right:0;}	
.boxwrap-is:nth-child(odd) .box-img-is{order:2;}	
.boxwrap-is:nth-child(odd) .box-txt-is{order:1;}	
.box-img-is{margin:0;width:50%;background:none;}	
.box-txt-is{padding:0 3%;width:60%;}	
}	

/*Arieに使用*/
.topttl-arie{position:relative;padding-top:50px;padding-bottom:20px;font-size:26px;text-align:center;font-style:italic;}
.topttl-arie::before {content:attr(data-en);position:absolute;top:20px;left:50%;transform:translateX(-50%);color:#ffeadb;font-size:35px;z-index:-1;}
.list-arie{padding:10px 10px 0;}
.list-arie li{position:relative;background-color:#fff;border:none;background:none;box-shadow:rgb(0 0 0 / 13%) 0px 2px 10px;transition:all 0.3s ease-in-out 0s;padding:25px 15px;}
.linebox-arie{border:none;background:none;background-color:#f5f5f5;box-shadow:none;}
.boxwrap-arie{padding-top:30px;}
.box-img-arie{margin:0 auto;text-align:center;width:80%;}
.box-img-arie img{width:100%;margin:0;height:100%;object-fit:contain;font-family:'object-fit:cover;'; }
.box-txt-arie{padding:30px 5%;}
.box-txt-arie [lang="en"]{text-transform:uppercase;color:#083a71;}
.int-ttl-arie{display:block;position:relative;font-weight:bold;font-family:sans-serif;border-bottom:1px solid;padding:0 0 1em;}
.int-ttl-arie::before{content:attr(title);display:block;position:absolute;right:0;top:-0.1em;font-size:10em;color:hwb(25deg 74% 0% / 20%);line-height:1;font-family:'Arial',serif;z-index:-1;}
.bg-arie{background:#fff8f4;}
.limb10>li{margin-bottom:10px;}
.flex-reverse,.flex-in-reverse>li{flex-direction:row-reverse;}
.fs-075em{font-size:.75em;}.fs-08125em{font-size:.8125em;}.fs-0875em{font-size:.875em;}.fs-09375em{font-size:.9375em;}.fs-1em{font-size:1em;}.fs-1125em{font-size:1.125em;}.fs-12em{font-size:1.2em;}.fs-125em{font-size:1.25em;}.fs-15em{font-size:1.5em;}.fs-175em{font-size:1.75em;}
.fs-075rem{font-size:.75rem;}.fs-08125em{font-size:.8125rem;}.fs-0875rem{font-size:.875rem;}.fs-09375rem{font-size:.9375rem;}.fs-1rem{font-size:1rem;}.fs-1125rem{font-size:1.125rem;}.fs-125rem{font-size:1.25rem;}.fs-15rem{font-size:1.5rem;}.fs-175rem{font-size:1.75rem;}
/*HUCKに使用*/
.topttl1{position:relative;padding:1rem;margin-bottom:3.2rem;font-weight:bold;font-size:1.5em;text-align:center;display:block;}
.topttl1:before{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);height:40px;width:2px;background-color:#f6bf00;content:'';}/*縦線の色はサイトによって合わせる*/
.linebox-note{background:#fff;border:solid 1px #282828;border-radius:0;box-shadow:none;}
.noteline{line-height:2;background:linear-gradient(#fff,#fff 1.9em,#282828 1.9em);background-size:100% 2em;display:block;}
.noteline{background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97.5%, #282828 97.5%, #282828 100%);background-size:100% 2em;}
.spanin span{display:inline-block;}
.as-c{align-self:center;}

@media(min-width:40em){
.topttl1{font-size:1.88em;}
}
@media(min-width:48em){
.boxwrap-arie{display:flex;justify-content:space-between;padding-top:0;margin-bottom:80px;}
.boxwrap-arie:nth-child(odd) .box-img{order:2;}
.boxwrap-arie:nth-child(odd) .box-txt{order:1;}
.box-img-arie{margin:0;width:40%;}
.box-txt-arie{/*padding:50px 8%;*/width:60%;}
.topttl-arie::before{top:-10px;font-size:72px;}
}