@charset "utf-8";

html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;background:#fff;}
body{font-family:"Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;line-height:1.5;min-width:320px;letter-spacing:0.1em;}
.noto-sans-jp {
  font-family:"Noto Sans JP", sans-serif;
  font-optical-sizing:auto;
  font-weight:normal;
  font-style:normal;
}
.roboto {
  font-family:"Roboto", sans-serif;
  font-optical-sizing:auto;
  font-weight:500;
  font-style:normal;
  font-variation-settings:"wdth" 100;
}
ul li{list-style:none;}
img{vertical-align:top;width:100%;height:auto;}
a{color:#333;text-decoration:none;display:block;}
a:hover{text-decoration:underline;}
.no-touchevents .btn a{opacity:1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;}
.no-touchevents .btn a:hover{/*opacity:0.8;*/}
sub{font-size:40%;letter-spacing:0;padding-right:0.25em;}

.wrapper{position:relative;min-width:761px;overflow-x:hidden;overflow-y:hidden;}
.innerWrapper{width:100%;margin:0 auto;}



section{position:relative;width:100%;max-width:1920px;/*overflow-x:hidden;*/font-size:20px;margin:0 auto;}
#top{width:100%;max-width:1920px;position:relative;z-index:1;padding-bottom:50px;}
#top h1{position:relative;max-width:1600px;margin:0 auto;}
#top h1:before{content:"";width:100vw;height:100%;background:#0088ce;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1;}
#top p{text-align:center;line-height:1.75em;padding:50px 0;font-size:30px;letter-spacing:0.025em;}
#top .btn{margin:20px auto;text-align:center;}
#top .btn a{color:#0088ce;width:580px;max-width:80%;height:112px;border-radius:56px;border:4px solid #0088ce;margin:0 auto;position:relative;font-weight:bold;font-size:21px;}
#top .btn a:hover{background:#0088ce;color:#fff;}
#top .btn a span{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);}

#lineup{background:#0088ce;max-width:1100px;width:92%;margin:0 auto;position:relative;padding:50px 0;text-align:center;}
#lineup:before{content:"";width:100vw;height:100%;background:#0088ce;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1;}
#lineup h2{color:#ffe300;text-align:center;font-size:50px;margin:1.5em auto 50px;display:inline-block;}
#lineup h2 sub{letter-spacing:-0.75em;}
#lineup h2 .annote{font-size:15px;text-align:right;display:block;font-weight:normal;padding-right:0.75em;letter-spacing:0;}
#lineup h3{color:#fff;font-size:42px;padding-left:120px;position:relative;margin:2em 0 20px;text-align:left;}
#lineup h3:before{content:"";width:98px;height:98px;display:block;background:url(../img/icon_caution.png) no-repeat;background-size:cover;position:absolute;top:50%;left:0;transform:translateY(-50%);}
#lineup hr{width:100%;height:100px;background:url(../img/hr.png) no-repeat;background-size:cover;border:0;}
#lineup p{color:#fff;text-align:center;line-height:1.75em;}
#lineup h4{background:#fff;font-size:41px;color:#0088ce;padding:5px 20px;display:inline-block;margin-top:50px;letter-spacing:0.1em;}
#lineup .case{text-align:left;}
#lineup .lineup{position:relative;margin-bottom:0.5em;}
#lineup .lineup.btnbgw{margin-top:1em;}
#lineup .lineup a{background:transparent;width:192px;max-width:18%;position:absolute;transition:all .5s;}
#lineup .lineup.btnbgw a{background:#fff;border-radius:36px;;}
#lineup a#head{top:6%;right:5%;}
#lineup a#neck{top:22%;right:5%;}
#lineup a#tops{top:55%;left:5%;}
#lineup a#arms{top:58%;right:5%;}
#lineup a#bottoms{top:84%;left:5%;}
#lineup a#mist{top:10%;left:0;width:264px;max-width:24%;}
#lineup a#hyoso1{top:36%;left:5%;}
#lineup a#hyoso2{top:38%;left:5%;}
#lineup a#hyoso3{top:33%;left:5%;}
#lineup a#hyogeki1{top:36%;right:4%;}
#lineup a#hyogeki2{top:71%;right:4%;}
#lineup a#hyogeki3{top:69%;right:4%;}
#lineup a#hyogeki_plus1{top:38%;right:4%;}
#lineup a#hyogeki_plus2{top:33%;right:4%;}
#lineup .lineup.btnbgw a:hover{background:#ffe300;}
#lineup > div.annote,
#lineup .case > div.annote{font-size:10px;display:block;text-align:center;margin:30px auto;}
#lineup > div.annote p,
#lineup .case > div.annote p{text-align:left;display:inline-block;letter-spacing:0;}
#lineup p.cat{font-size:40px;text-align:left;margin:1em auto;font-weight:bold;letter-spacing:0.075em;}
#lineup p.cat.mt15em{margin-top:1.5em;}
#lineup p.cat .cat_vest{position:relative;}
#lineup p.cat .cat_vest .pup{position:absolute;top:-2.5em;left:50%;font-size:50%;width:100%;text-align:center;transform:translateX(-50%);}
#lineup p.scene{text-align:left;margin-top:3em;}
#lineup .imageFlex{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:100px;}
#lineup .imageFlex figure{width:32%;margin-top:30px;}
#lineup h5{color:#fff;text-align:left;font-size:42px;margin-bottom:20px;}
#lineup .wear{background:#f7f8f8;margin:0 auto 30px;display:flex;padding:20px 30px 20px 20px;justify-content:space-between;align-items:center;text-align:left;}
#lineup .wear .wearL{width:39%;}
#lineup .wear .wearR{width:61%;}
#lineup .wear .line{max-width:324px;width:94%;margin-bottom:0.25em;}
#lineup .wear .line img{display:block;}
#lineup .wear h6{color:#0088ce;font-size:20px;font-weight:normal;padding-left:6%;letter-spacing:0.02em;}
#lineup .wear p{font-size:14px;text-align:left;color:#000000;line-height:1.5em;padding-left:6%;margin:1.25em auto 0.5em;letter-spacing:0.02em;}
#lineup .wear p.annote{font-size:8px;padding-left:6%;letter-spacing:0;margin:0;}
#lineup .wear .wears{max-width:618px;padding:10px;background:#fff;border-radius:20px;box-shadow:5px 5px 8px rgba(0,0,0,.2);}
#lineup .wear .wearL a{background:transparent;width:192px;max-width:50%;position:relative;transition:all .5s;}
#lineup .wear .wearR a{position:relative;cursor:pointer;}
#lineup .wear .wearR a:before{content:"";width:0px;height:0px;border-style:solid;border-width:0 0 80px 80px;border-color:transparent transparent #c9caca transparent;display:block;position:absolute;right:0;bottom:0;border-radius:0 0 20px 0px;transition:all .5s;}
#lineup .wear .wearR a:hover:before{border-color:transparent transparent #0088ce transparent;}
#lineup .wear .wearR a:after{content:"MORE";display:block;width:50px;height:64px;line-height:80px;position:absolute;right:0;bottom:0;text-align:center;font-size:10px;color:#fff;transition:.5s all;letter-spacing:0.015em;}
#lineup .wear .link{display:flex;}
#lineup .wear .link a + a{margin-left:-5%;}

#client{max-width:1100px;width:92%;margin:0 auto;position:relative;padding:50px 0 100px;}
#client h2{max-width:568px;width:56%;}
#client h2 img{display:block;}
#client h3{font-size:42px;color:#0088ce;font-weight:normal;}
#client p{font-size:25px;letter-spacing:0.05em;}
#client p .note{font-size:10px;letter-spacing:0;}
#client p.data_cat{font-size:20px;}
#client p.mt5em{margin-top:5em;margin-bottom:2em;}
#client .dataFlex{display:flex;}
#client .dataFlex .dataL{margin-right:1%;}
#client .dataFlex .dataR{margin-left:1%;}
#client figure.data_clients{max-width:366px;width:35%;}
#client figure.data_wear{max-width:566px;}
#client figure.data_mist{max-width:506px;}

#rescue{max-width:1100px;width:92%;margin:0 auto;position:relative;padding:50px 0 100px;background:#0088ce;}
#rescue:before{content:"";width:100vw;height:100%;background:#0088ce;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1;}
#rescue h2{width:390px;width:36%;}
#rescue h3{text-align:center;color:#ffe300;margin:3em auto;font-size:34px;font-weight:normal;}
#rescue h3 img{width:80%;max-width:840px;margin-top:0.5em;}
#rescue h4{text-align:center;font-size:20px;color:#fff;margin-top:4em;}
#rescue p{color:#fff;text-align:center;line-height:1.75em;font-size:25px;letter-spacing:0.05em;}
#rescue p sub{font-size:70%;vertical-align:bottom;line-height:1.75em;}
#rescue p.annote{font-size:10px;text-align:center;margin:1.5em auto;}
#rescue .movieFlex{display:flex;justify-content:space-between;margin:1em auto 2em;}
#rescue p.movie__list__title{font-size:12px;line-height:1.5em;text-align:left;margin:1em auto 0.25em;}
#rescue h3.movie__list__name{font-size:20px;color:#fff;text-align:left;margin:0 auto 10px;}
#rescue h3.movie__list__name span{font-size:80%;}
#rescue .movie__list__item{width:32%;}
#rescue .movie__list__item a{position:relative;}
#rescue .movie__list__item a figure{position:relative;}
#rescue .movie__list__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;}
#rescue .movie__list__icon{position:absolute;top:50%;left:50%;width:60px;max-width:60px;transform:translate(-50%, -50%);z-index:2;}
#rescue .btn{height:60px;width:240px;max-width:50%;margin:0 auto;color:#fff;text-align:center;}
#rescue .btn a{display:block;border:2px solid #fff;border-radius:30px;line-height:60px;text-align:left;padding:0 30px;color:#fff;position:relative;text-decoration:none;font-size:21px;}
#rescue .btn a:hover{background:#fff;color:#0088ce;}

#purchase{max-width:1100px;width:92%;margin:0 auto;position:relative;padding:50px 0 150px;}
#purchase h2{margin:5em auto;}
#purchase .linkFlex{display:flex;justify-content:space-between;}
#purchase .linkFlex a{width:512px;max-width:47%;height:252px;border:4px solid #0088ce;color:#0088ce;position:relative;border-radius:26px;}
#purchase .linkFlex a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;width:100%;text-align:center;}

.btn a .-arrow{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.btn a .-arrow:after {content:"";width:8px;height:8px;display:block;position:absolute;border-right:2px solid #0088ce;border-bottom:2px solid #0088ce;top:50%;right:25px;transform:translateY(-50%) rotate(-45deg);transition:0.3s;background-color:transparent;}
.btn a:hover .-arrow:after{border-right:2px solid #fff;border-bottom:2px solid #fff;}
#rescue .btn a .-arrow:after{border-right:2px solid #fff;border-bottom:2px solid #fff;}
#rescue .btn a:hover .-arrow:after{border-right:2px solid #0088ce;border-bottom:2px solid #0088ce;}

.bgy{background:#ffe300;}
.tyellow{color:#ffe300;}
.ty_ulw{border-bottom:3px solid #fff;color:#ffe300;padding-bottom:5px;}
.fs30{font-size:28.2px;}



.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;overflow:hidden;font-size:0.1em;line-height:0;}
.clearfix {zoom:1;}

.imgpc{display:block;}
.imgsp{display:none;}
.imgsp2{display:none;}
.ibpc{display:inline-block;}
.brpc{display:block;}
.brsp{display:none;}
.br640{display:none;}
.ctpc{display:block;}
.ctsp{display:none;}

.spcr{-webkit-touch-callout:none;-webkit-user-select:none;}
.spcr:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/spacer.png) no-repeat;background-size:cover;z-index:999;}


@media screen and (max-width:1280px) {/* ---------------------------------- */
	#top{padding-bottom:8vw;}
	#top p{font-size:2.3vw;padding:7.5vw 0;}
	#top .btn{margin:0 auto;}
	#top .btn a{font-size:2.5vw;height:12vw;border:3px solid #0088ce;width:initial;border-radius:6vw;}
	#lineup{padding:8vw 0;}
	#lineup h2{font-size:4vw;margin:2vw auto 7vw;}
	#lineup h2 .annote{font-size:1.3vw;}
	#lineup h3{font-size:3.3vw;padding-left:12vw;}
	#lineup h3:before{width:10vw;height:10vw;}
	#lineup h4{font-size:3.3vw;margin-top:4vw;}
	#lineup h5{font-size:3.3vw;margin-bottom:2vw;}
	.fs30{font-size:2.3vw;}
	#lineup hr{height:6vw;}
	#lineup > div.annote,
	#lineup .case > div.annote{font-size:1vw;margin:2vw auto;}
	#lineup .imageFlex{margin-bottom:8vw;}
	#lineup .imageFlex figure{margin-top:2.4vw;}
	#lineup p.cat{font-size:3.3vw;}
	#lineup .wear{margin:0 auto 2.4vw;padding:2vw 2.4vw 1.6vw 1.6vw;}
	#lineup .wear h6{font-size:1.6vw;}
	#lineup .wear p{font-size:1.1vw;}
	#lineup .wear p.annote{font-size:0.7vw;}
	#lineup .wear .wearR a:after{font-size:0.8vw;width:4vw;height:5vw;line-height:6.4vw;}
	#lineup .wear .wearR a:before{border-width:0 0 6.4vw 6.4vw;border-radius:0 0 1.6vw 0;}
	#client h3{font-size:3.3vw;}
	#client p{font-size:2vw;}
	#client p.data_cat{font-size:1.6vw;}
	#client p .note{font-size:1.2vw;}
	#rescue{padding:8vw 0 12vw;}
	#rescue h3{font-size:2.8vw;margin:2em auto;}
	#rescue h4{font-size:2vw;}
	#rescue p{font-size:2vw;}
	#rescue p.annote{font-size:0.7vw;}
	#rescue .movieFlex{margin:2vw auto 2em;}
	#rescue p.movie__list__title{font-size:1vw;}
	#rescue h3.movie__list__name{font-size:1.6vw;}
	#rescue .movie__list__icon{width:5vw;}
	#rescue .btn{height:10vw;width:initial;}
	#rescue .btn a{font-size:2.5vw;line-height:10vw;border-radius:5vw;padding:0 4vw;}
	#purchase{padding:8vw 0px 12vw;}
	#purchase h2{margin:5vw auto;}
	#purchase .linkFlex a{height:24vw;border-radius:4vw;border:3px solid #0088ce;}
	#purchase .linkFlex a span{font-size:4vw;}
}
@media screen and (max-width:820px) {/* ---------------------------------- */

}
@media screen and (max-width:768px) {/* ---------------------------------- */
	html{overflow-y:auto;}
	.wrapper{min-width:320px;}
	
	#top .btn a{border:2px solid #0088ce;}
	.fs30{font-size:2.25vw;}
	.ty_ulw{border-bottom:1px solid #fff;}
	#lineup p{letter-spacing:0.05em;}
	#lineup h4{padding:5px 3.3vw;}
	#lineup .imageFlex figure{margin-top:2vw;}
	#lineup .wear .wears{border-radius:1.6vw;}
	#rescue .btn a{border:1px solid #fff;}
	#purchase .linkFlex a{border:2px solid #0088ce;}
	
	.ctpc{display:none;}
	.ctsp{display:block;}
	.imgpc{display:none;}
	.imgsp{display:block;}
	.ibpc{display:none;}
	.brpc{display:none;}
	.brsp{display:block;}
}
@media screen and (max-width:640px) {/* ---------------------------------- */
	.br640{display:block;}
}
@media screen and (max-width:480px) {/* ---------------------------------- */
	
}
@media screen and (max-width:374px) {/* ---------------------------------- */
}
@media print{
	.noprnt{display:none;}
}