@charset "utf-8";
/* CSS Document */

/*------------ ヘッダー --------------*/
.header {
	top:0;
}
a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}


/*------------ トップメイン --------------*/
.top_main{
	position: relative;
	overflow: hidden;
}
.top_main__mask{
	position: absolute;
	left: 0;
	top:0;
	width: 60%;
	height: 100vh;
	background: linear-gradient(90deg, rgba(1,19,39,0.8), rgba(1,19,39,0));

	
}
.top_main__bg{
	width: 100%;
	height: 100vh;
	background-image:url("../images/mv01.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	animation:animationZoom2 4s ease-out 0s forwards;
}
@keyframes animationZoom2 {
	0%{
		transform: scale(1.2);
	}
	100%{
		transform: scale(1);
	}
}
.top_main__read{
	position:absolute;
	max-width: 1280px;
	width: 90%;
	top: 18%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.top_main__ttl{
	color:#fff;
	font-size: 5.7rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 5rem auto 3rem;
}
.top_main__txt{
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.5;
	color: #fff;
}
.top_main__link{
	display:inline-block;
	font-size: 1.8rem;
	padding:1.3rem 3.0rem;
	color: #fff;
	background-color: #355aff;
	border-radius: 1.0rem;
	line-height: 1.2;
	margin-top: 5rem;
	letter-spacing: 0.2rem;
}
.top_main__link:hover{
	background-color: #ff6721;
}


/*------------ ColdVestの必要性 --------------*/
.top_necessity{
	margin: 10rem auto;
}
.top_necessity__blk{
	display: flex;
    justify-content:space-between;
    align-items: center;
	margin-bottom: 10rem;
}
.top_necessity__blk_left{
	width:50%;
}
.top_necessity__blk_right{
	width:40%;
}
.top_necessity__blk_ttl{
	font-size:4.5rem;
	line-height: 1.2;
}
.top_necessity__blk_txt{
	font-size:1.7rem;
	line-height: 1.6;
	font-weight: 500;
}
.top_necessity__img{
	border-radius: 1.0rem;
	width:100%;
}
.top_necessity__btm{
	margin: 10rem auto;
	padding: 10rem 0 10rem;
	background-color:var(--main-color);
}
.top_necessity__btm_blk{
	display: flex;
    justify-content:space-between;
    align-items: center;
}
.top_necessity__btm_left{
	width:73%;
}
.top_necessity__btm_right{
	width:25%;
	text-align: right;
}
.top_necessity__btm_ttl{
	color:#fff;
	font-size: 4.0rem;
    line-height: 1.2;
	margin-bottom: 3.0rem;
}
.top_necessity__btm_txt{
	color:#fff;
	font-size:1.7rem;
	line-height: 1.6;
	font-weight: 500;
}
.top_necessity__btm_link{
	display:inline-block;
	font-size: 2.1rem;
	font-weight: 500;
	padding:1.3rem 3.0rem;
	color: #fff;
	background-color: #355aff;
	border-radius: 1.0rem;
	line-height: 1.2;
	letter-spacing: 0.2rem;
}
.top_necessity__btm_link:hover{
	background-color: #ff6721;
}


/*------------ なぜColdVest --------------*/
.top_why__main{
	text-align: center;
	/*margin-bottom: 4rem;*/
}
.top_why__main_ttl{
	font-size: 4.0rem;
    line-height: 1.2;
	margin-bottom: 2rem;
}
.top_why__main_txt{
	font-size:1.7rem;
	line-height: 1.6;
	font-weight: 500;
}
.top_why__mdl{
	display: flex;
    justify-content:space-between;
    align-items: center;
}
.top_why__mdl_l{
	width:40%;
}
.top_why__mdl_r{
	width:55%;
}
.top_why__mdl_num{
	font-size: 1.4rem;
	color:#ff6721;
	font-weight: 900;
}
.top_why__mdl_subttl{
	font-size: 3.5rem;
	font-weight: 700;
    line-height: 1.2;
	margin: 0.5rem 0 3.0rem;
}
.top_why__mdl_txt{
	font-size:1.7rem;
	line-height: 1.6;
	font-weight: 500;
}
.top_why__btm{
	margin: 5rem auto 10rem;
	padding: 10rem 0 10rem;
	background-color:var(--main-color);
}
.top_why__btm_blk{
	display: flex;
    justify-content:space-between;
    align-items:stretch;
}
.top_why__btm_l{
	width:40%;
}
.top_why__btm_r{
	width:55%;
}
.top_why__btm_num{
	font-size: 1.4rem;
	color:#ff6721;
	font-weight: 900;
}
.top_why__btm_subttl{
	font-size: 3.5rem;
	font-weight: 500;
	color:#fff;
    line-height: 1.2;
	margin: 0.5rem 0 1.5rem;
}
.top_why__btm_txt{
	font-size:1.7rem;
	color:#fff;
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: 7.0rem;
}
.top_why__img{
	margin-top: 5.0rem;
}


/*------------ ColdVestのしくみ --------------*/
.top_structure__ttl{
	font-size: 4.0rem;
    line-height: 1.2;
	margin-bottom: 3rem;
}
.top_structure__txt{
	font-size:1.7rem;
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: 3rem;
}
.top_structure video{
	border-radius: 1.0rem;
	margin-bottom: 8rem;
}
.top_structure__en{
	font-size: 1.4rem;
	color:#ff6721;
	font-weight: 900;
}
.top_structure__subttl{
	font-size: 3.6rem;
	font-weight: 700;
    line-height: 1.2;
	margin: 0.5rem 0 1.5rem;
}
.top_structure__ftr{
	display: flex;
    justify-content:space-between;
    align-items:stretch;
	background-color: #f3f3f3;
	width:100%;
	border-radius: 1.0rem;
	margin-bottom: 8rem;
}
.top_structure__ftr_l{
	width:18%;
	padding: 4.0rem 0 0 0;
	font-size: 2.1rem;
	text-align: center;
	letter-spacing: 0.1rem;
	font-weight: 700;
}
.top_structure__ftr_r{
	width:80%;
	padding: 4.0rem 6.0rem 2.5rem 0;
}
.top_structure__ftr_list{
	display: flex;
    justify-content:space-between;
	flex-wrap: wrap;
    align-items:stretch;
	list-style:disc;
}
.top_structure__ftr_li{
	color:#355aff;
	font-size:1.7rem;
	line-height: 1.6;
	font-weight: 600;
	width: 30%;
    margin-bottom: 2.0rem;
}
/*.top_structure__ftr_li:last-of-type{
	width: 100%;
}*/
.top_structure__ftr_li span{
	font-size:1.5rem;
	color:#222;
}
.top_structure__dtl{
	padding-top: 4rem;
}
.top_structure__dtl_ttl{
	font-size: 3.5rem;
	font-weight: 700;
    line-height: 1.2;
	margin: 0.5rem 0 6.0rem;
}
.top_structure__dtl_list{
	display: flex;
    justify-content:space-between;
    align-items:stretch;
	margin-bottom: 8.0rem;
}
.top_structure__dtl_photo{
	width:30%;
}
.top_structure__dtl_li{
	width:65%;
}
.top_structure__img{
	margin-top: 1.0rem;
	border-radius: 1.0rem;
}
.top_structure__dtl_subttl{
	font-size: 2.8rem;
	font-weight: 600;
    line-height: 1.2;
	margin-bottom: 3.0rem;
}
.top_structure__dtl_txt{
	font-size:1.6rem;
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: 4.0rem;
}
.top_structure__dtl_midashi{
	font-size: 2.0rem;
	font-weight: 600;
    line-height: 1.2;
	margin-bottom: 2.0rem;
}
.top_structure__dtl_link{
	display:block;
	width: fit-content;
	font-size: 1.6rem;
	padding:0.8rem 2.5rem;
	color: #fff;
	background-color: #355aff;
	border-radius: 1.0rem;
	line-height: 1.2;
	letter-spacing: 0.2rem;
	margin: 2.0rem 0 4.0rem;
}
.top_structure__dtl_link:hover{
	background-color: #ff6721;
}


/*------------ 専門家の声 --------------*/
.top_voice{
	background-color: #f3f3f3;
	padding: 10rem 0;
}
.top_voice__main{
	text-align: center;	
}
.top_voice__en{
	font-size: 1.4rem;
	color:#ff6721;
	font-weight: 900;
	margin-bottom: 2rem;
}
.top_voice__ttl{
	font-size: 4.0rem;
    line-height: 1.2;
	margin-bottom: 3rem;
}
.top_voice__txt{
	font-size:1.7rem;
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: 6rem;
}
.top_voice__slider{
	margin: 0 auto;
	max-width:1000px;
}
.top_voice__li{
	text-align: center;
	width: 80%;
	padding-bottom: 4.0rem;
}
.top_voice__img{
	width: 8%;
	margin:0 auto 3rem; 
}
.top_voice__read{
	text-align: left;
    font-size: 1.7rem;
    line-height: 1.6;
    font-weight: 500;
    margin: 0 auto 3rem;
    width: fit-content;
	padding: 0 10%;
}
.top_voice__name{
	font-size:1.4rem;
	line-height: 1.6;
	font-weight: 700;
	margin-bottom: 2rem;
}
.top_voice__org{
	font-size:1.4rem;
	line-height: 1.6;
	font-weight: 600;
}
.swiper-button-next, .swiper-button-prev{
	color:#ccc !important;
}
.swiper-pagination-bullet-active {
	background:#666 !important;
}


/*------------ お問い合わせ --------------*/
.top_contact{
	background-color:var(--main-color);
	padding: 10rem 0;
}
.top_contact__blk{
	display: flex;
    justify-content:space-around;
    align-items:center;
}
.top_contact__blk_l{
	width: 60%;
    border-right: 1px dotted #fff;
    padding: 0 7% 0 10%;
}
.top_contact__blk_r{
	width: 40%;
    padding: 0 7%;
}
.top_contact__blk_ttl {
    font-size: 4.0rem;
	color: #fff;
	font-weight: 700;
    line-height: 1.2;
    margin-bottom: 3rem;
}
.top_contact__blk_txt {
    font-size: 1.7rem;
    line-height: 1.6;
    font-weight: 400;
	color: #fff;
}
.top_contact__blk_link {
    display: block;
    width: 70%;
	font-weight: 500;
    font-size: 2.1rem;
    padding: 2.0rem 0;
    color: #fff;
    background-color: #ff6721;
    border-radius: 1.0rem;
    line-height: 1.2;
    letter-spacing: 0.2rem;
    margin: 4.0rem 0;
	text-align: center;
}
.top_contact__blk_link:hover{
	background-color: #355aff;
}
.top_contact__doc{
	margin-bottom: 1.5rem;
}
.top_contact__doc_ttl{
	color:#ff6721;
	font-size: 1.3rem;
}
.top_contact__doc_link{
	color:#fff;
	font-size: 1.6rem;
	line-height: 1.6;
	text-decoration: underline;
	margin-top: 1.0rem;
	display: block;
}




/*------------ FAQ --------------*/
.top_faq{
	padding: 10rem 0 16rem;
}
.top_faq__ttl {
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 3rem;
}
.top_faq__ac_blk{
	background-image:url("../images/faq_arrow01.png");
	background-repeat: no-repeat;
	background-size: 2rem;
	background-position: center right 3rem;
}
.artist_prof__ac_cap{
    font-size: 1.7rem;
    font-weight: 600;
	color: #355aff;
	cursor: pointer;
	padding: 2.5rem 0;
	border-bottom:1px solid #355aff;
}
.open.top_faq__ac_blk{
	transform:rotateX(180deg);
}
.open .artist_prof__ac_cap{
	transform:rotateX(180deg);
}
.top_faq__ac_txt{
    font-size: 1.7rem;
	line-height: 1.5;
    font-weight: 400;
	padding: 1.5rem 0 2.0rem;
	display: none;
}


/*------------ フッター --------------*/
.top_foot{
	position: relative;
	background-image: url("../images/foot_image01.jpg");
	background-repeat: no-repeat;
	background-size:cover;
}
.top_foot__blk{
	width:50%;
	padding: 6.0rem 0 3.0rem;
}
.top_foot__img{
	width:40%;
}
.top_foot__menu{
	display: flex;
    justify-content: flex-end;
    align-items: stretch;
    border-top: 1px solid #fff;
    width: 90%;
    margin: 3rem 0 6rem;
}
.top_foot__menu_link{
    font-size: 1.5rem;
    padding: 1.5rem;
    display: block;
    color: #fff;
}
.top_foot__copy{
	font-size: 1.5rem;
    color: #fff;
    text-align: center;
    padding-right: 15%;
}


/*------------------------------------------
ローディングアニメーション
------------------------------------------*/
.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    width: 100%;
    height: 100%;
    background: var(--main-color);
	z-index: 1000;
}
.loader_img{
	width: 20vh;
	margin: 0 auto 3rem;
}
.loader {
  text-indent: -9999em;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #FFF #FFF transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #706eb1 #706eb1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader::before {
  width: 32px;
  height: 32px;
  border-color: #FFF #FFF transparent transparent;
  animation: rotation 1.5s linear infinite;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
    

/*------------------------------------------
SP画面
------------------------------------------*/
@media screen and (max-width: 768px) {
	
	a.anchor{
		padding-top: 60px;
		margin-top: -60px;
	}
	/*------------ トップメイン --------------*/
	.top_main__bg {
		background-image: url(../images/mv01_sp.jpg);/**/
	}
	.top_main__read {
    	top: auto;/**/
		bottom: 17%;/**/
		text-align: center;/**/
	}
	.top_main__mrk{
		width:70%;/**/
	}
	.top_main__ttl{
		font-size: 2.8rem;/**/
		line-height: 1.3;/**/
		margin: 3rem auto 2rem;/**/
		font-weight: bold;/**/
	}
	.top_main__txt{
		font-size: 1.4rem;/**/
		line-height: 1.6;/**/
	}
	.top_main__link{
		font-size: 1.6rem;/**/
		font-weight: 700;/**/
		margin-top: 3rem;/**/
	}


	/*------------ ColdVestの必要性 --------------*/
	.top_necessity{
		margin: 5rem auto;/**/
	}
	.top_necessity__blk{
		flex-wrap: wrap;/**/
		width: 90%;/**/
		margin-bottom: 3rem;/**/
	}
	.top_necessity__blk_left{
		width:100%;/**/
	}
	.top_necessity__blk_right{
		width:100%;/**/
	}
	.top_necessity__blk_ttl{
		font-size:6vw;/**/
		line-height: 1.3;/**/
		margin-bottom: 1.5rem;/**/
	}
	.top_necessity__blk_txt{
		font-size:1.6rem;/**/
	}
	.top_necessity__btm{
		margin: 5rem auto;/**/
		padding: 5rem 0 7rem;/**/
	}
	.top_necessity__btm_blk{
		flex-wrap: wrap;/**/
	}
	.top_necessity__btm_left{
		width:100%;/**/
	}
	.top_necessity__btm_right{
		width:100%;/**/
		text-align: center;/**/
	}
	.top_necessity__btm_ttl{
		font-size:6vw;/**/
		line-height: 1.4;/**/
		margin-bottom: 1.5rem;/**/
	}
	.top_necessity__btm_txt{
		font-size:1.6rem;/**/
		font-weight: 400;/**/
	}
	.top_necessity__btm_link{
		font-size: 1.6rem;/**/
		font-weight: 700;/**/
		margin-top: 3rem;/**/
	}


	/*------------ なぜColdVest --------------*/
	.top_why__main{
		text-align: left;/**/
	}
	.top_why__main_ttl{
		font-size: 6vw;/**/
		line-height: 1.3;/**/
		margin-bottom: 1.5rem;/**/
	}
	.top_why__main_txt{
		font-size:1.6rem;/**/
		margin-bottom: 3.0rem;/**/
	}
	.top_why__mdl{
		flex-direction: column-reverse;/**/
	}
	.top_why__mdl_l{
		width:100%;/**/
	}
	.top_why__mdl_r{
		width:100%;/**/
	}
	.top_why__mdl_subttl{
		font-size: 6vw;/**/
		line-height: 1.3;/**/
		margin: 0.5rem 0 1.5rem;/**/
	}
	.top_why__mdl_txt{
		font-size:1.6rem;/**/
	}
	.top_why__btm{
		margin: 5rem auto;/**/
		padding: 5rem 0 2rem;/**/
	}
	.top_why__btm_blk{
		flex-direction: column-reverse;/**/
	}
	.top_why__btm_l{
		width:100%;/**/
	}
	.top_why__btm_r{
		width:100%;/**/
	}
	.top_why__btm_subttl{
		font-size: 6vw;/**/
		line-height: 1.3;/**/
	}
	.top_why__btm_txt{
		font-size:1.6rem;/**/
		font-weight: 400;/**/
		margin-bottom: 3.0rem;/**/
	}
	.top_why__img{
		margin-top: 0;/**/
		margin-bottom: 1.5rem;/**/
	}


	/*------------ ColdVestのしくみ --------------*/
	.top_structure__ttl{
		font-size: 6vw;/**/
		line-height: 1.3;/**/
		margin-bottom: 1.5rem;/**/
	}
	.top_structure__txt{
		font-size:1.6rem;/**/
	}
	.top_structure video{
		margin-bottom: 3rem;/**/
	}
	.top_structure__subttl{
		font-size: 6vw;/**/
		line-height: 1.3;/**/
	}
	.top_structure__ftr{
		flex-wrap: wrap;/**/
		width:100%;/**/
		padding:2.0rem 2.5rem;/**/
		margin-bottom: 6.0rem;/**/
		
	}
	.top_structure__ftr_l{
		width:100%;/**/
		padding: 0;/**/
		font-size: 1.8rem;/**/
		text-align: left;/**/
	}
	.top_structure__ftr_r{
		width:100%;/**/
		padding: 1.0rem 2.0rem 0;/**/
	}
	.top_structure__ftr_li{
		width: 100%;/**/
		font-size:1.5rem;/**/
		margin-bottom: 0.5rem;/**/
	}
	.top_structure__ftr_li span{
		font-size:1.4rem;/**/
	}
	.top_structure__dtl{
		padding-top: 1.0rem;/**/
	}
	.top_structure__dtl_ttl{
		font-size: 6vw;/**/
		line-height: 1.3;/**/
		margin: 0.5rem 0 3.0rem;/**/
	}
	.top_structure__dtl_list{
		flex-wrap: wrap;/**/
        margin-bottom: 5.0rem;/**/
        border-bottom: 1px solid #ddd;/**/
	}
	.top_structure__dtl_photo{
		width:65%;/**/
		margin: 0 auto 3.0rem;/**/
	}
	.top_structure__dtl_li{
		width:100%;/**/
	}
	.top_structure__img{
		margin-top: 0;/**/
	}
	.top_structure__dtl_subttl{
		font-size: 6vw;/**/
		line-height: 1.3;/**/
		margin-bottom: 2.0rem;/**/
	}
	.top_structure__dtl_txt{
		margin-bottom: 3.0rem;/**/
	}
	.top_structure__dtl_midashi{
		font-size: 5.5vw;/**/
		line-height: 1.4;/**/
		margin:4.0rem 0 2.0rem;/**/
	}
	.top_structure__dtl_link{
		margin: 3.0rem auto 4.0rem;/**/
        font-weight: 500;/**/
	}


	/*------------ 専門家の声 --------------*/
	.top_voice{
		padding: 5rem 0;/**/
	}
	.top_voice__en{
		margin-bottom: 1rem;/**/
	}
	.top_voice__ttl{
		font-size: 7vw;/**/
		line-height: 1.3;/**/
		margin-bottom: 2rem;/**/
	}
	.top_voice__txt{
		font-size:1.6rem;/**/
		margin-bottom: 3rem;/**/
	}
	.top_voice__slider{
		max-width:none;/**/
	}
	.top_voice__li{
		padding-bottom: 2.0rem;/**/
	}
	.top_voice__img{
		width: 20%;/**/
		margin:0 auto 1.5rem;/**/ 
	}
	.top_voice__read{
		font-size: 1.6rem;/**/
		margin: 0 auto 2rem;/**/
	}
	.top_voice__name{
		margin-bottom: 1rem;/**/
		padding: 0 10%;/**/
	}
	.top_voice__org{
		padding: 0 10%;/**/
	}
	.swiper-pagination{
		bottom:0 !important;/**/
	}


	/*------------ お問い合わせ --------------*/
	.top_contact{
		padding: 5rem 0 3rem;/**/
	}
	.top_contact__blk{
		flex-wrap: wrap;/**/
	}
	.top_contact__blk_l{
		width: 100%;/**/
		border-right:none;/**/
		padding: 0;/**/
	}
	.top_contact__blk_r{
		width: 100%;/**/
		padding: 0;/**/
	}
	.top_contact__blk_ttl {
		font-size: 6vw;/**/
		font-weight: 500;/**/
		line-height: 1.3;/**/
		margin-bottom: 2.0rem;/**/
	}
	.top_contact__blk_txt {
		font-size: 1.6rem;/**/
	}
	.top_contact__blk_link {
		width: 100%;/**/
		font-size: 1.8rem;/**/
		margin: 2.0rem 0 4.5rem;/**/
	}
	.top_contact__doc {
		margin-bottom: 3.0rem;/**/
	}
	.top_contact__doc_link {
		line-height: 1.2;/**/
		margin-top: 0.8rem;/**/
	}


	/*------------ FAQ --------------*/
	.top_faq{
		padding: 5rem 0 7rem;/**/
	}
	.top_faq__ttl {
		font-size: 8vw;/**/
		line-height: 1.3;/**/
		margin-bottom: 1rem;/**/
	}
	.top_faq__ac_blk{
		background-size: 1.5rem;/**/
		background-position: center right 1rem;/**/
	}
	.artist_prof__ac_cap{
		font-size: 1.6rem;/**/
		line-height: 1.5;/**/
		padding: 1.2rem 3rem 1.2rem 0;/**/
	}
	.top_faq__ac_txt{
		font-size: 1.6rem;/**/
		padding: 1.0rem 0 1.5rem;/**/
	}


	/*------------ フッター --------------*/
	.top_foot{
		background-image: url("../images/foot_image01_sp.jpg");/**/
		padding: 300px 0 0;/**/
	}
	.top_foot__wrapper{
		width:100%;/**/
		background-color: rgba(0,0,0,0.5)/**/
	}
	.top_foot__blk{
		width:100%;/**/
		padding: 2.0rem 0;/**/
	}
	.top_foot__img{
		width:60%;/**/
	}
	.top_foot__menu{
		justify-content:space-between;/**/
		width: 100%;/**/
		margin: 2.0rem 0 5.0rem;/**/
	}
	.top_foot__menu_link{
		font-size: 1.3rem;/**/
		padding: 1.5rem 0;/**/
	}
	.top_foot__copy{
		font-size: 1.4rem;/**/
		line-height: 1.5;/**/
		padding-right: 0;/**/
	}

}