@charset "utf-8";

:root {
	--color-grad1:linear-gradient(to right bottom,#1BB4E8,#7D86EF);
	--color-font:#06122E;
}

/*
GLOBAL
***************************************************************************/
html { 
	font-size: 62.5%; 
	-webkit-overflow-scrolling: touch;
}

body{
	width: 100%;
	height:100%;
	font-family:'Noto Sans JP', sans-serif;
	overflow-wrap: break-word;
	word-wrap: break-word;
	text-align: left;
	font-size: max( 1.4rem, min(2.1vw, 1.6rem));
	font-size: clamp( 1.4rem, 2.1vw, 1.6rem);
	line-height: 1.7;
	color:var(--color-font);
	background-color:#FFF;
	font-weight:500;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow-x: hidden;
	position:relative;
}
@media screen and (min-width: 768px) {
	body{line-height:2;}
}

/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,figure {
	margin: 0;
	padding: 0;
	font-feature-settings: "normal";
	-webkit-font-feature-settings: "normal";
}

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

*:focus { outline: none; }

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

li { list-style-type: none; }

table {
	width: 100%;
	border-collapse: collapse;
}

/* ▼LINK▼ */
a {
	color: var(--color-black);
	text-decoration: none;
	outline: none;
}

/* ▼IMG▼ */
img, input[type="image"]{
	max-width: 100%;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	border: none;
}

.pc a{transition-duration:.3s;}
.pc a:hover{opacity:0.6;}
.pc a[href*="tel:"]{
	pointer-events: none;
	cursor: default;
}
.pc a[href*="tel:"]:hover{opacity:1;}

@media screen and (max-width: 767px) {
	.pc_view{display:none;}
	.sp_view{display:block;}
}
@media screen and (min-width: 768px) {
	.sp_view{display:none;}
	.pc_view{display:block;}
}

.container{width:100%; }

/*
PARTS
***************************************************************************/
/*******************SITE LOGO*******************/
.site_logo1{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.site_logo1 .icon{ flex:0 1 21%; }
.site_logo1 .icon img{width:100%;}
.site_logo1 span{
	color:#FFF;
	font-weight:900;
	font-size:6.6vw;
	line-height:1.7;
}
.site_logo2{
	background:var(--color-grad1);
	color:#FFF;
	width:54%;
	margin:0 auto;
	display:block;
	height:6.6vw;
	line-height:6.6vw;
	font-size:3.46vw;
	text-align:center;
	border-radius:4px;
}
@media screen and (min-width: 481px){
	.site_logo{
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		max-width:363px;
	}
	.site_logo1{ flex:0 1 63%; }
	.site_logo1 span{
		font-size:2.5rem;
		line-height:2;
	}
	.site_logo2{
		flex:0 1 35%;
		margin:14px 0 0 ;
		height:25px;
		line-height:25px;
		font-size:1.3rem;
	}
}


/*
HEADER
***************************************************************************/
header{
	width:100%;
	background-color:#222222;
	height:54px;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
.contact header{
	height:40px;
	position:relative;
}
.header_top{
	position:relative;
	padding:21px 2% 0;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.contact .header_top{padding:14px 2% 0;}
.h_voyager{ width:42%; }
.contact .h_voyager{ 
	width:125px; 
	margin:0 auto 0 0 ;
}
.h_voyager a,
.h_voyager img{display:block;}
.h_menu{
	width:47px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
}
.h_menu div{
	width:64%;
	height:23px;
	position:relative;
	margin:15px auto 0;
}
.h_menu div span{
	width:100%;
	height:2px;
	background-color:#FFF;
	border-radius:1px;
	position:absolute;
	left:0;
	transition-duration:.3s;
}
.h_menu div span:first-child{top:0;}
.h_menu div span:nth-child(2){
	top:50%;
	margin-top:-1px;
}
.h_menu div span:last-child{bottom:0;}
.h_menu.active span:first-child{
	transform:rotate(45deg);
	top:10px;
}
.h_menu.active span:nth-child(2){ opacity:0; }
.h_menu.active span:last-child{
	transform:rotate(-45deg);
	bottom:11px;
}

.hnav{
	background:rgba(34,34,34,0.95);
	width:100%;
	padding:24px 4% 36px;
	box-sizing:border-box;
	display:none;
}
.h_logo{
	width:70%;
	margin:0 auto 25px;
}
.gnavi ul{
	display:flex;
	flex-wrap:wrap;
	gap:3.2vw 3.6%;
}
.gnavi li{
	flex:0 1 48.2%;
	line-height:50px;
	text-align:center;
	display:block;
}
.gnavi li a{
	width:100%;
	height:100%;
	display:block;
	background:linear-gradient(to right bottom,#FFF,#DDE9F8);
	border-radius:4px;
	font-size:1.2rem;	
}
.h_contact{
	position:absolute;
	right:47px;
	top:9px;
	height:35px;
	line-height:35px;
	width:36.5vw;
	max-width:280px;
}
.h_contact a{
	display:block;
	width:100%;
	height:100%;
	background:var(--color-grad1);
	color:#FFF;
	text-align:center;
	border-radius:4px;
	font-weight:700;
	font-size:1.4rem;
}
.gnavi .h_contact{display:none;}

@media screen and (min-width: 481px){
	.h_logo{ width:100%; }
	.gnavi ul{ gap:3.2vw 3.5%; }
	.gnavi li{ flex:0 1 31%; }
}
@media screen and (min-width: 1025px){
	header{ height:30px; }
	.header_top{ padding:9px 0 0; }
	.h_voyager{
		width:125px;
		margin:0 auto;
	}
	.h_menu{display:none;}
	.header_top .h_contact{display:none;}
	.hnav{
		background:rgba(255,255,255,0);
		padding:20px 25px;
		display:flex;
		justify-content:space-between;
		transition-duration: .3s;
	}
	.hnav.scrolled{background:rgba(255,255,255,0.95);}
	.h_logo{
		flex:0 1 363px;
		margin:2px 0 0 ;
	}
	.h_logo .site_logo1 span{ color:var(--color-font); }
	.gnavi{
		flex:0 1 60%;
		max-width:910px;
		display:flex;
		justify-content:space-between;
	}
	.gnavi ul{
		flex:0 1 82%;
		flex-wrap:nowrap;
		gap:normal;
		justify-content:space-between;
	}
	.gnavi li{ flex:0 1 auto; }
	.gnavi li a{
		background:none;
		border-radius:0;
		font-size:1.3rem;
		font-weight:700;
	}
	.gnavi .h_contact{display:block;}
	.h_contact{
		flex:0 1 15%;
		position:static;
		height:50px;
		line-height:50px;
		display:block;
	}
	.h_contact a{ font-size:1.2rem; }
}
@media screen and (min-width: 1280px){
	.hnav{ padding:20px 2.4%; }
	.gnavi{flex:0 1 65%;}
	.gnavi ul{flex:0 1 78%;}
	.gnavi li a{ font-size:1.6rem; }
	.h_contact{flex:0 1 18.6%;}
	.h_contact a{font-size:1.4rem;}
}
@media screen and (min-width: 1601px){
	.hnav{ padding:20px 2.4% 20px 5.5%; }
}

/*
MAIN
***************************************************************************/
main{
	width:100%;
	display:block;
	padding-top:54px;
}
@media screen and (min-width: 768px){
	main{padding-top:30px;}
}

/*******************MV*******************/
.mv{
	width:100%;
	height:180vw;
	position:relative;
}
.mv_img{
	width:100%;
	height:100%;
}
.mv_img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.mv_txt{
	position:absolute;
	top:9.6vw;
	left:8.8%;
	width:82.4%;
}
.mv_txt h2{
	width:100%;
	display:block;
	margin:0 0 3.2vw;
}
.mv_txt p{
	line-height:1.5;
	text-align:center;
	font-size:3.7vw;
}
.mv .btn{
	width:82%;
	height:20.2vw;
	border-radius:10.1vw;
	background:var(--color-grad1);
	color:#FFF;
	font-weight:700;
	font-size:6.4vw;
	position:absolute;
	left:9%;
	bottom:13.3vw;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
	display:flex;
	align-items:center;
	justify-content:center;
}

@media screen and (min-width: 768px){
	.mv{ height:49vw; }
	.mv_txt{
		top:11.7vw;
		left:5.5%;
		width:39%;
	}
	.mv_txt h2{ margin:0 0 1.7vw; }
	.mv_txt p{
		line-height:1.7;
		text-align:left;
		font-size:1.4vw;
	}
	.mv .btn{
		width:33%;
		height:5.9vw;
		border-radius:2.95vw;
		font-size:1.875vw;
		left:5.5%;
		bottom:5.2vw;
	}
}


/*******************SOLUTION*******************/
.solution{
	background-color:#F6F9FB;
	padding:max( 50px, min(18.6vw, 100px)) 0 ;
	padding:clamp( 50px, 18.6vw, 100px) 0 ;
}
.solution_contents{
	width:92%;
	max-width:1140px;
	margin:0 auto;
}
.solution_contents .title_01{
	margin-bottom:max( 50px, min(23vw, 90px));
	margin-bottom:clamp( 50px, 23vw, 90px);
}
.solution_contents ul{
	max-width:500px;
	margin:0 auto;
}
.solution_contents li{
	margin:0 0 11.2vw;
	width:100%;
	position:relative;
}
.solution_contents li:last-child{margin:0;}
.solution_contents li .img{
	width:52%;
	border-radius:50%;
	background-color:#FFF;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.solution_contents li p{
	width:56%;
	position:absolute;
	right:0;
	top:30px;
	font-weight:700;
	font-size:max( 1.8rem, min(5.86vw, 2.2rem));
	font-size:clamp( 1.8rem, 5.86vw, 2.2rem);
	line-height:1.6;
}
.solution_contents .check{
	display:block;
	width:19%;
	top:-7.5vw;
	left:43%;
	position:absolute;
}

@media screen and (min-width: 481px){
	.solution_contents li p{
		top:50%;
		transform:translateY(-50%);
	}
	.solution_contents .check{ top:-9%; }
}
@media screen and (min-width: 768px){
	.solution_contents ul{
		width:100%;
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		max-width:initial;
	}
	.solution_contents li{
		margin:0;
		flex:0 1 30%;
	}
	.solution_contents li p{
		top:30px;
		transform:translateY(0);
		font-size:max( 1.4rem, min(1.39vw, 2.2rem));
		font-size:clamp( 1.4rem, 1.39vw, 2.2rem);
	}
}
@media screen and (min-width: 1280px){
	.solution_contents .title_01{ margin-bottom:120px; }
	.solution_contents .check{ top:-28px; }
}


/*******************PACKAGE*******************/
.package{
	background:url(../img/package_bg_sp.png) no-repeat center center;
	background-size:cover;
	padding:max( 50px, min(18.6vw, 110px)) 0 ;
	padding:clamp( 50px, 18.6vw, 110px) 0 ;
	overflow:hidden;
}
.package_contents{
	width:88%;
	max-width:1140px;
	margin:0 auto;
	position:relative;
}
.package_contents .txt{
	color:#FFF;
	margin-bottom:5.3vw;
	font-size:max( 1.4rem, min(4.26vw, 1.8rem));
	font-size:clamp( 1.4rem, 4.26vw, 1.8rem);
	line-height:1.75;
}
.package_contents h2{
	font-weight:700;
	font-size:max( 2.6rem, min(8.6vw, 3.5rem));
	font-size:clamp( 2.6rem, 8.6vw, 3.5rem);
	text-shadow:0 3px 6px rgba(0,0,0,0.33);
	line-height:1.43;
	margin-bottom:max( 10px, min(8vw, 55px));
	margin-bottom:clamp( 10px, 8vw, 55px);
}
.package_contents p{text-shadow:0 3px 6px rgba(0,0,0,0.33);}
.package_contents p strong{font-weight:900;}
.package_contents .img {
	display:block;
	width:104vw;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	max-width:435px;
}

@media screen and (min-width: 768px){
	.package{
		background:url(../img/package_bg_pc.png) no-repeat center center;
		background-size:cover;
	}
	.package_contents .txt{
		margin-bottom:0;
		width:70%;
		line-height:1.8;
	}
	.package_contents h2 .sp_view{display:block;}
	.package_contents p{width:86%;}
	.package_contents .img{
		width:45%;
		position:absolute;
		left:auto;
		right:-5%;
		top:50%;
		transform:translateX(0);
		transform:translateY(-50%);
	}
}
@media screen and (min-width: 1025px){
	.package_contents h2{
		font-size:4.5rem;
		line-height:1.5;
	}
	.package_contents .img{ width:38%;}
}
@media screen and (min-width: 1280px){
	.package_contents h2 .sp_view{display:none;}
	.package_contents .img{
		right:-46px;
		top:auto;
		transform:translateY(0);
		bottom:-160px;
	}
}


/*******************FEATURE*******************/
.feature{
	background-color:#EAF2FC;
	padding:max( 50px, min(18.6vw, 110px)) 0 max( 40px, min(16vw, 90px));
	padding:clamp( 50px, 18.6vw, 110px) 0 clamp( 40px, 16vw, 90px);
}
.feature .title_01{
	margin-bottom:max( 20px, min(10.6vw, 45px));
	margin-bottom:clamp( 20px, 10.6vw, 45px);
}
.feature .lead{
	text-align:center;
	font-size:max( 1.2rem, min(4.26vw, 1.8rem));
	font-size:clamp( 1.2rem, 4.26vw, 1.8rem);
	margin-bottom:max( 40px, min(14.6vw, 80px));
	margin-bottom:clamp( 40px, 14.6vw, 80px);
}
.feature > section{
	max-width:1140px;
	width:100%;
}
.feature > section .txt{
	margin-bottom:max( 20px, min(10.6vw, 50px));
	margin-bottom:clamp( 20px, 10.6vw, 50px);
	width:95%;
	display:flex;
	letter-spacing:-.05em;
	justify-content:space-between;
}
.feature > section:nth-child(odd) .txt{ margin-right:5%; }
.feature > section:nth-child(even) .txt{ margin-left:5%; }
.feature .num{
	flex:0 1 32%;
	max-width:180px;
}
.feature .num img{
	display:block;
	width:100%;
}
.feature .txt_inner{ flex:0 1 67%; }
.feature .txt_inner h3{
	color:#2F6ABA;
	font-weight:700;
	font-size:max( 2rem, min(6.6vw, 3.2rem));
	font-size:clamp( 2rem, 6.6vw, 3.2rem);
	line-height:1.56;
	margin-bottom:max( 15px, min(5.3vw, 20px));
	margin-bottom:clamp( 15px, 5.3vw, 20px);
	padding-top:1.5em;
}

.feature_01{
	margin:0 auto max( 40px, min(21.3vw, 95px));
	margin:0 auto clamp( 40px, 21.3vw, 95px);
}
.feature_01 .img{
	width:100%;
	height:75vw;
	background:url(../img/feature_01_bg.svg) no-repeat -18vw top;
	background-size:auto 100%;
	padding:10.6vw 5% 0 12%;
	box-sizing:border-box;
}
.feature_01_ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.feature_01_ul li{
	flex:0 1 32%;
	margin:0 0 1.86vw;
	background-color:#FFF;
	border-radius:24px;
	box-shadow:0 3px 6px rgba(0,0,0,0.3);
	text-align:center;
	padding:4.2vw 0 3.4vw;
	font-weight:700;
	font-size:max( 1.2rem, min(3.2vw, 1.8rem));
	font-size:clamp( 1.2rem, 3.2vw, 1.8rem);
}
.feature_01_ul img{
	width:57%;
	margin:0 auto;
	display:block;
}
.feature_02{
	margin:0 auto max( 40px, min(12.8vw, 70px));
	margin:0 auto clamp( 40px, 12.8vw, 70px);
}
.feature_02 .img{
	width:88%;
	margin:0 auto;
}
.feature_03{margin:0 auto;}
.feature_03 .img{
	width:102.4%;
	margin-left:-4vw;
}


@media screen and (min-width: 768px){
	.feature > section{
		display:flex;
		justify-content:space-between;
	}
	.feature > section .txt{
		margin:0;
		flex:0 1 44%;
		letter-spacing:0;
		min-width:350px;
	}
	.feature > section:nth-child(odd) .txt,
	.feature > section:nth-child(even) .txt{margin:0;}
	.feature > section:nth-child(even) .img{order:1;}
	.feature > section:nth-child(even) .txt{order:2;}
	.feature .num{ flex:0 1 28%; }
	.feature .txt_inner p{width:98%;}

	.feature_01 .img{
		flex:0 1 53%;
		height:auto;
		min-height:400px;
		background:url(../img/feature_01_bg.svg) no-repeat left top;
		background-size:auto 100%;
		padding:58px 0 0 ;
	}
	.feature_01_ul{
		width:73%;
		margin:0 20px 0 auto;
		gap:10px 10px;
		min-width:370px;
	}
	.feature_01_ul li{
		flex:0 1 calc((100% - 20px) / 3);
		margin:0;
		padding:22px 0 15px;
	}
	.feature_02{margin:0 auto 50px;}
	.feature .feature_02 .txt_inner{ flex:0 1 72%; }
	.feature_02 .img{
		flex:0 1 53%;
		margin:0;
		padding:0 20px;
	}
	.feature_03 .img{
		flex:0 1 56%;
		margin:0 -15px 0 0 ;
	}
}
@media screen and (min-width: 1280px){
	.feature_01_ul{ margin:0 20 0 auto; }
	.feature_02 .img{padding:0;}
	.feature_03 .txt{ padding:20px 0 0 ; }
}


/*******************CV*******************/
.cv_area{
	background:var(--color-grad1);
	padding:max( 40px, min(13.3vw, 55px)) max( 20px, min(8vw, 50px)) max( 40px, min(13.3vw, 65px));
	padding:clamp( 40px, 13.3vw, 55px) clamp( 20px, 8vw, 50px) clamp( 40px, 13.3vw, 65px);
	text-align:center;
}
.cv_area h2{
	color:#FFF;
	font-weight:700;
	font-size:max( 1.8rem, min(5.86vw, 3.5rem));
	font-size:clamp( 1.8rem, 5.86vw, 3.5rem);
	line-height:1.45;
	margin-bottom:max( 15px, min(5.3vw, 30px));
	margin-bottom:clamp( 15px, 5.3vw, 30px);
}
.cv_area .btn{
	display:block;
	width:100%;
	max-width:420px;
	height:76px;
	line-height:76px;
	margin:0 auto;
	border-radius:38px;
	background:#FFF;
	font-weight:700;
	font-size:2.4rem;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
	text-align:center;
}


/*******************RESULTS*******************/
.results{
	padding:max( 50px, min(18.6vw, 100px)) 0 max( 10px, min(4vw, 110px));
	padding:clamp( 50px, 18.6vw, 100px) 0 clamp( 10px, 4vw, 110px);
}
.results .title_01{
	margin-bottom:max( 20px, min(10.6vw, 45px));
	margin-bottom:clamp( 20px, 10.6vw, 45px);
}
.results .lead{
	text-align:center;
	font-size:max( 1.2rem, min(4.26vw, 1.8rem));
	font-size:clamp( 1.2rem, 4.26vw, 1.8rem);
	margin-bottom:max( 20px, min(10.6vw, 70px));
	margin-bottom:clamp( 20px, 10.6vw, 70px);
}
.results_contents{
	width:88%;
	margin:0 auto;
	max-width:1210px;
}
.results_contents section{
	border-top:1px #CCCCCC solid;
	padding:max( 30px, min(13.3vw, 50px)) 0 ;
	padding:clamp( 30px, 13.3vw, 50px) 0 ;
	max-width:535px;
	margin:0 auto;
}
.results_contents h3{
	color:#1B224C;
	font-weight:700;
	text-align:center;
	font-size:max( 1.8rem, min(5.86vw, 2.8rem));
	font-size:clamp( 1.8rem, 5.86vw, 2.8rem);
	margin-bottom:max( 20px, min(6.6vw, 40px));
	margin-bottom:clamp( 20px, 6.6vw, 40px);
}
.results_limg{
	margin: 0 auto max( 20px, min(8vw, 35px));
	margin: 0 auto clamp( 20px, 8vw, 35px);
	max-width:386px;
}
.results_thumb{
	width:100%;
	display:flex;justify-content:space-between;
	margin-bottom:max( 10px, min(5.3vw, 40px));
	margin-bottom:clamp( 10px, 5.3vw, 40px);
}
.results_thumb li{ flex:0 1 32%; }
.results_contents .results_thumb + p{
	margin-bottom:.7em;
	color:#566477;
}
.results_contents .link{ text-align:right; }
.results_contents .link a{color:#378FDB;}

@media screen and (min-width: 1025px){
	.results_contents{ 
		display:flex;
		justify-content: center;
	}
	.results_contents section{
		max-width:initial;
		margin:0;
		border-top:none;
		border-right:1px #CCCCCC solid;
		padding:0 35px;
		flex:0 1 50%;
		box-sizing:border-box;
	}
	.results_contents section:last-child{border:none;}
	.results_limg{ margin: 0 auto 20px; }
	.results_contents .results_thumb + p{margin-bottom:0;}
}


/*******************PRICE*******************/
.price{
	background-color:#EDF5FA;
	padding:max( 50px, min(18.6vw, 100px)) 0 max( 60px, min(21.3vw, 110px));
	padding:clamp( 50px, 18.6vw, 100px) 0 clamp( 60px, 21.3vw, 110px);
}
.price .title_01{
	margin-bottom:max( 30px, min(10.6vw, 45px));
	margin-bottom:clamp( 30px, 10.6vw, 45px);
}
.price .title_01 h2{
	letter-spacing:.2em;
	text-indent:.2em;
	text-align:center;
}
.price .lead{
	text-align:center;
	font-size:max( 1.2rem, min(4.26vw, 1.8rem));
	font-size:clamp( 1.2rem, 4.26vw, 1.8rem);
	margin-bottom:max( 30px, min(9.3vw, 50px));
	margin-bottom:clamp( 30px, 9.3vw, 50px);
}

.price > section{
	background-color:#FFF;
	margin: 0 auto max( 20px, min(8vw, 50px));
	margin: 0 auto clamp( 20px, 8vw, 50px);
	padding:max( 30px, min(12vw, 70px)) 2.8%;
	padding:clamp( 30px, 12vw, 70px) 2.8%;
	width:94%;
	max-width:1140px;
	box-sizing:border-box;
}
.price > section:last-child{margin-bottom:0;}
.price > section .stxt{
	color:#566477;
	font-weight:400;
	font-size:.865em;
}

@media screen and (min-width: 1025px){
	.price > section{ padding:max( 30px, min(12vw, 70px)) max( 20px, min(4.4%, 50px)); }
	.price > section{ padding:clamp( 30px, 12vw, 70px) clamp( 20px, 4.4%, 50px); }
}

/*****REFERENCE*****/
.reference{
	width:88%;
	max-width:1140px;
	margin:0 auto 20px;
}
.reference_ttl{
	position:relative;
	background-color:#06122E;
	width:94%;
	max-width:550px;
	padding:10px;
	box-sizing:border-box;
	z-index:5;
}
.reference_ttl span{
	background-color:#FFF;
	color:#566477;
	font-size:max( 1rem, min(3.2vw, 1.4rem));
	font-size:clamp( 1rem, 3.2vw, 1.4rem);
	line-height:2;
	display:inline-block;
	width:3.3em;
	text-align:center;
	margin:0 1em 0 0;
	vertical-align:top;
}
.reference_ttl h3{
	color:#FFF;
	font-weight:700;
	font-size:max( 1.1rem, min(3.7vw, 1.6rem));
	font-size:clamp( 1.1rem, 3.7vw, 1.6rem);
	display:inline-block;
}
.reference_box{
	background-color:#FFF;
	position:relative;
	padding:35px 12px 12px;
	width:94%;
	max-width:1070px;
	box-sizing:border-box;
	margin:-22px 0 10px auto;
}
.reference_price{font-weight:700;}
.reference_price .txt2{
	text-align:right;
	font-size:max( 1.8rem, min(5.86vw, 2.4rem));
	font-size:clamp( 1.8rem, 5.86vw, 2.4rem);
}
.reference_price .txt2 > span{ color:#ff0000; }
.reference_price .txt2 .stxt{font-size:.66em;}
.reference_price .txt2 .line_through{text-decoration:line-through;}
.reference .arrow{
	width:15%;
	max-width:55px;
	margin:0 auto;
}
@media screen and (min-width: 351px){
	.reference_box{ padding:35px 12px 12px 40px; }
}
@media screen and (min-width: 481px){
	.reference_box{ padding:35px 40px 12px ; }
}
@media screen and (min-width: 768px){
	.reference_ttl{ padding:12px 24px; }
	.reference_ttl span,
	.reference_ttl h3{
		line-height:1.86;
		vertical-align:middle;
	}
	.reference_price{
		width:100%;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.reference_price .sp_view{display:block;}
	.reference_price .pc_view{display:none;}
}
@media screen and (min-width: 1025px){
	.reference_box{
		padding:42px 4% 30px;
		margin:-21px 0 15px auto;
		width:96%;
	}
	.reference_price .txt1{
		font-size:1.4rem;
		font-size:max( 1.2rem, min(1.36vw, 1.6rem));
		font-size:clamp( 1.2rem, 1.36vw, 1.6rem);
	}
	.reference_price .txt2{padding-bottom:.25em;}
	.reference_price .sp_view{display:none;}
	.reference_price .pc_view{display:inline-block;}
}
@media screen and (min-width: 1280px){
	.reference_box{
		width:94%;
		padding:42px 7% 30px;
	}
}

/*****PLAN*****/
.plan .title_02{
	margin-bottom:max( 20px, min(9.3vw, 40px));
	margin-bottom:clamp( 20px, 9.3vw, 40px);
}
.plan_tbl{
	width:100%;
	margin-bottom:max( 10px, min(2.66vw, 20px));
	margin-bottom:clamp( 10px, 2.66vw, 20px);
	display:grid;
	grid-template-columns:1fr 21% 21% 21%;
	gap:4px 1px;
}
.plan_tbl dt,
.plan_tbl dd{
	box-sizing:border-box;
	min-height:57px;
	line-height:1.43;
}
.plan_tbl dt{
	border:1px #D2D9E8 solid;
	padding:.5em .7em .5em .7em;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	font-size:max( 1.1rem, min(3.73vw, 1.8rem));
	font-size:clamp( 1.1rem, 3.73vw, 1.8rem);
}
.plan_tbl dt.plan_tbl_header{
	border:none;
	background-color:#7E8C9F;
	color:#FFF;
	text-align:center;
	font-size:max( 1.4rem, min(4.8vw, 2.4rem));
	font-size:clamp( 1.4rem, 4.8vw, 2.4rem);
	padding:.5em ;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:10px 0 0 0;
	line-height:1.3;
	text-indent:0;
}
.plan_tbl dt p{
	width:100%;
	text-indent: -0.6em;
	padding-left:.6em;
}
.plan_tbl dt p::before{ content:"-  "; }
.plan_tbl dt ul{
	font-size:.79em;
	font-weight:400;
	letter-spacing:-.05em;
	margin-top:.5em;
}
.plan_tbl dt li{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:.4em;
}
.plan_tbl dd{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:max( 1.6rem, min(5.33vw, 2.4rem));
	font-size:clamp( 1.6rem, 5.33vw, 2.4rem);
	font-weight:700;
	text-align:center;
}
.plan_tbl dt + dd{ background:rgba(29,180,232,0.2); }
.plan_tbl dt + dd + dd{ background:rgba(55,150,219,0.2); }
.plan_tbl dt + dd + dd + dd{ background:rgba(125,134,239,0.2); }
.plan_tbl dd.plan_tbl_header{
	background-color:#1DB4E8;
	color:#FFF;
	font-size:max( 1.2rem, min(4.8vw, 2.4rem));
	font-size:clamp( 1.2rem, 4.8vw, 2.4rem);
}
.plan_tbl dd.plan_tbl_header + dd{background-color:#378FDB;}
.plan_tbl dd.plan_tbl_header + dd + dd{
	background-color:#7D86EF;
	border-radius:0 10px 0 0 ;
}
.plan_tbl .plan_fukidashi{ padding:0 14% .6em; }
.plan_tbl .plan_fukidashi > div{
	background-color:var(--color-font);
	color:#FFF;
	text-align:center;
	border-radius:6px;
	line-height:1.2;
	font-size:max( 1rem, min(3.2vw, 2rem));
	font-size:clamp( 1rem, 3.2vw, 2rem);
	position:relative;
	padding: 0.3em 0 0.5em;
}
.plan_tbl .plan_fukidashi > div::after{
	border-top:var(--color-font) 8px solid;
	border-left:5px rgba(255,255,255,0) solid;
	border-right:5px rgba(255,255,255,0) solid;
	content:"";
	display:block;
	position:absolute;
	bottom:-7px;
	left:50%;
	margin-left:-5px;
}
.plan_tbl .plan_fukidashi > div span{
	display:block;
	font-size:1.66em;
}

@media screen and (min-width: 1025px){
	.plan_tbl{
		gap:4px 3px;
		grid-template-columns:1fr 15% 15% 15%;
	}
	.plan_tbl .plan_fukidashi{ padding:0 6% .6em; }
	.plan_tbl .plan_fukidashi > div span{ display:inline-block; }
	.plan_tbl dt{ padding:1.2em 1.83em 1.2em 1.43em; }
	.plan_tbl dt p{
		padding-left:1em;
		text-indent: -1em;
	}
	.plan_tbl dt p::before{
		content:"—   ";
		margin-right:.3em;
	}
	.plan_tbl dt.plan_tbl_header{ padding:.8em .5em ; }
	.plan_tbl dt ul{
		font-size:.88em;
		letter-spacing:0;
		margin: 0.8em 1.5em 0;
	}
}
@media screen and (min-width: 1280px){
	.plan_tbl dt ul{ margin: 0.8em 1.5em 0 .5em; }
	.plan_tbl dt li{
		display:inline-block;
		margin: 0 0 0.4em 1em;
	}
}


/*****SCHEDULE*****/
.schedule .title_02{
	margin-bottom:max( 50px, min(18.6vw, 70px));
	margin-bottom:clamp( 50px, 18.6vw, 70px);
}
.schedule_contents{
	margin-bottom:max( 15px, min(4vw, 20px));
	margin-bottom:clamp( 15px, 4vw, 20px);
}
.schedule_box{
	margin:0 auto max( 30px, min(10.6vw, 50px));
	margin:0 auto clamp( 30px, 10.6vw, 50px);
	position:relative;
	padding:max( 30px, min(9.3vw, 55px)) 0 max( 15px, min(6.6vw, 20px));
	padding:clamp( 30px, 9.3vw, 55px) 0 clamp( 15px, 6.6vw, 20px);
	box-sizing:border-box;
	max-width:500px;
}
.schedule_box h4{
	display:block;
	position:absolute;
	width:54%;
	left:23%;
	top:-27px;
	height:max( 36px, min(12vw, 58px));
	height:clamp( 36px, 12vw, 58px);
	border-radius:max( 18px, min(6vw, 29px));
	border-radius:clamp( 18px, 6vw, 29px);
	color:#FFF;
	font-weight:700;
	font-size:max( 1.2rem, min(4.26vw, 2rem));
	font-size:clamp( 1.2rem, 4.26vw, 2rem);
	text-align:center;
	line-height:1.5;
}
.schedule_box h4 span{ font-size:1.8em; }

.schedule_a{ background:rgba(29,180,232,0.15);}
.schedule_b{ background:rgba(55,150,219,0.15);}
.schedule_c{ background:rgba(125,134,239,.16);}
.schedule_a h4{background-color:#1DB4E8;}
.schedule_b h4{background-color:#3089E1;}
.schedule_c h4{background-color:#7D86EF;}

.schedule_box dl{
	margin: 0 auto max( 5px, min(2.6vw, 20px));
	margin: 0 auto clamp( 5px, 2.6vw, 20px);
	font-size:max( 1.2rem, min(4.26vw, 1.6rem));
	font-size:clamp( 1.2rem, 4.26vw, 1.6rem);
	line-height:2.75;
	width:85%;
}
.schedule_box dt{　width:58%;　}
.schedule_box dd{
	padding-left:58%;
	margin-top:-2.75em;
	border-bottom:1px #FFF solid;
	text-align:right;
	font-weight:400;
}
.schedule_box .total{
	text-align:right;
	font-weight:400;
	margin:0 auto;
	width:85%;
}
.schedule_box .total strong{
	font-weight:700;
	font-size:1.27em;
}

@media screen and (min-width: 1025px){
	.schedule_contents{
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	.schedule_box{
		margin:0;
		flex:0 1 33%;
		max-width:330px;
	}
	.schedule_box h4{
		width:70%;
		left:15%;
	}
	.schedule_box dl{
		font-size:max( 1.2rem, min(1.36vw, 1.6rem));
		font-size:clamp( 1.2rem, 1.36vw, 1.6rem);
	}
}


/*******************FLOW*******************/
.flow{
	padding:max( 50px, min(18.6vw, 100px)) 0 max( 10px, min(2.6vw, 120px));
	padding:clamp( 50px, 18.6vw, 100px) 0 clamp( 10px, 2.6vw, 120px);
	text-align:center;
}
.flow .title_01{
	margin-bottom:max( 60px, min(22.6vw, 85px));
	margin-bottom:clamp( 60px, 22.6vw, 85px);
}
.flow_contents{
	width:154px;
	margin:0 auto;
}
.flow_contents li{
	position:relative;
	display:block;
	margin:0 0 75px;
}
.flow_contents li .num{
	position:absolute;
	width:34%;
	left:-3%;
	top:-28px;
}
.flow_contents li .img{ margin-bottom:3px; }
.flow_contents li p{
	height:55px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.8rem;
	line-height:1.44;
}
.flow_contents li::after{
	content:"";
	display:block;
	border-top:15px #C7E0F0 solid;
	border-left:15px rgba(255,255,255,0) solid;
	border-right:15px rgba(255,255,255,0) solid;
	bottom:-30px;
	left:50%;
	margin-left:-15px;
	position:absolute;
}
.flow_contents li:last-child::after{display:none;}

@media screen and (min-width: 768px){
	.flow{
		padding:max( 50px, min(18.6vw, 100px)) 0 ;
		padding:clamp( 50px, 18.6vw, 100px) 0 ;
	}
	.flow_contents{
		width:90%;
		display:flex;
		justify-content:space-between;
		max-width:1010px;
	}
	.flow_contents li{
		margin:0;
		flex:0 1 14.8%;
	}
	.flow_contents li::after{
		transform:rotate(-90deg);
		bottom:auto;
		top:34%;
		left:auto;
		right:-36%;
		margin-left:0;
	}
}
@media screen and (min-width: 1025px){
	.flow_contents li::after{ right:-33%; }
}


/*******************FAQ*******************/
.faq{
	background-color:#DAF4FD;
	padding:max( 50px, min(18.6vw, 100px)) 0 ;
	padding:clamp( 50px, 18.6vw, 100px) 0 ;
}
.faq .title_01{
	margin-bottom:max( 30px, min(13vw, 70px));
	margin-bottom:clamp( 30px, 13vw, 70px);
}
.faq_contents{
	width:88%;
	max-width:1140px;
	margin:0 auto;
}
.faq_contents dl{
	background-color:#FFF;
	border-radius:8px;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
	margin:0 0 12px;
}
.faq_contents dt{
	font-size:max( 1.2rem, min(4.26vw, 2rem));
	font-size:clamp( 1.2rem, 4.26vw, 2rem);
	line-height:1.5;
	font-weight:700;
	padding:1em 50px;
	position:relative;
	cursor:pointer;
}
.faq_contents dt::before{
	content:"Q";
	color:#03A2D8;
	font-weight:700;
	font-size:max( 2.6rem, min(8vw, 4rem));
	font-size:clamp( 2.6rem, 8vw, 4rem);
	width:50px;
	position:absolute;
	left:0;
	top:0.3em;
	line-height:1;
	text-align:center;
	display:block;
}
.faq_contents dt .icon{
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	right:0;
	top:.2em;
	box-sizing:border-box;
}
.faq_contents dt .icon::before,
.faq_contents dt .icon::after{
	content:"";
	display:block;
	background-color:#1BB4E8;
	position:absolute;
	transition-duration:.3s;
}
.faq_contents dt .icon::before{
	width:20px;
	height:2px;
	top:50%;
	margin-top:-1px;
	left:15px;
}
.faq_contents dt .icon::after{
	width:2px;
	height:20px;
	top:15px;
	margin-left:-1px;
	left:50%;
}
.faq_contents dt.opened .icon::before{ opacity:0; }
.faq_contents dt.opened .icon::after{ transform:rotate(90deg); }
.faq_contents dd{
	background-color:#F8FBFD;
	position:relative;
	padding:1.7em 20px 1.7em 50px;
	border-radius:0 0 8px 8px;
	display:none;
}
.faq_contents dd::before{
	content:"A";
	color:#575FC4;
	font-weight:700;
	font-size:max( 2.6rem, min(8vw, 4rem));
	font-size:clamp( 2.6rem, 8vw, 4rem);
	width:50px;
	position:absolute;
	left:0;
	top:0.5em;
	line-height:1;
	text-align:center;
	display:block;
}
@media screen and (min-width: 768px){
	.faq_contents dt{ padding:1.4em 80px 1.4em 90px; }
	.faq_contents dt::before{
		width:80px;
		top:.5em;
	}
	.faq_contents dt .icon{
		width:80px;
		height:80px;
	}
	.faq_contents dt .icon::before{
		width:30px;
		left:25px;
	}
	.faq_contents dt .icon::after{
		height:30px;
		top:25px;
	}
	.faq_contents dd{ padding:1.7em 50px 1.7em 90px; }
	.faq_contents dd::before{ width:80px; }
}


/*******************BNR*******************/
.bnr_area{
	background-color:#DAF4FD;
	padding:max( 20px, min(9vw, 50px)) 0;
	padding:clamp( 20px, 9vw, 50px) 0;
}
.bnr_area ul{
	width:85%;
	margin:0 auto;
}
.bnr_area li{
	background-color:#FFF;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.25);
	margin-bottom:max( 10px, min(4vw, 20px));
	margin-bottom:clamp( 10px, 4vw, 20px);
}
.bnr_area li:last-child{margin:0;}
.bnr_area li a{
	width:100%;
	height:100%;
	display:flex;
	padding:max( 10px, min(4vw, 20px));
	padding:clamp( 10px, 4vw, 20px);
	box-sizing:border-box;
	justify-content:space-between;
	align-items:center;
}
.bnr_area li .img{
	flex:0 1 30%;
}
.bnr_area li .txt{
	flex:0 1 64%;
	font-size:max( 1rem, min(3.2vw, 1.2rem));
	font-size:clamp( 1rem, 3.2vw, 1.2rem);
	color:#4d4d4d;
}
@media screen and (min-width: 768px){
	.bnr_area ul{
		width:90%;
		display:flex;
		justify-content:space-between;
	}
	.bnr_area li{
		margin:0;
		flex:0 1 19%;
	}
	.bnr_area li a{
		display:block;
		padding:15px 10%;
	}
	.bnr_area li .img{
		margin:0 0 8px;
		line-height:1.7;
	}
}


/*
CONTACT
***************************************************************************/
body.contact .container{ background-color:#EDF5FA; }
.contactWrap{
	padding: 35px 0;
	width:90%;
	max-width:1000px;
	margin:0 auto;
}
.contact_top h2{
	font-size:2.2rem;
	font-weight:700;
	line-height:1;
	margin:0 0 30px;
}
.contact_notes{
	background-color:#D3E7F4;
	color:#1D689A;
	text-align:center;
	padding:1em;
}
.inputWrap{
	padding:1em 0;
	border-bottom:1px #D8E3F2 solid;
}
.inputWrap.column1{
	border:none;
	padding:1em 0 0;
}
.inputWrap .label{
	display:flex;
	justify-content:space-between;
	font-weight:700;
	font-size:1.4rem;
	margin-bottom:.8em;
	line-height:22px;
}
.inputWrap .label span{
	color:#D84164;
	border:1px #D84164 solid;
	border-radius:3px;
	flex:0 1 44px;
	line-height:20px;
	text-align:center;
	font-weight:500;
}
.inputWrap input,
.inputWrap textarea{
	padding: .8em 1.2em;
    width: 100%;
    box-sizing:border-box;
    font-size:1.6rem;
    border: none;
	font-family:'Noto Sans JP', sans-serif;
	box-shadow:none;
	-webkit-appearance: none;
	appearance: none;
	color:#06122E;
}
.inputWrap textarea{
	min-height: 21px;
    line-height: 1.6;
}
.inputWrap input::placeholder,
.inputWrap textarea::placeholder{ color:#99A4B2; }
.submitWrap,
.finish_backbtn{ padding:1em 0 0 ; }
.submitWrap.column_2{
	display:flex;
	justify-content:center;
}
.submitWrap button,
.finish_backbtn input[type="button"]{
	font-family:'Noto Sans JP', sans-serif;
	margin: 0 auto;
    padding: 0;
    text-decoration: none;
    border-radius: 8px;
    text-align:center;
    display: block;
    width: 100%;
    height:54px;
    line-height:54px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    cursor: pointer;
    border: none;
    font-weight:700;
    transition-duration:.3s;
}
.submitWrap.column_2 button{margin:0 .5em;}
.submitWrap button[type="submit"],
.finish_backbtn input[type="button"]{
    background:var(--color-grad1);
    font-size: 1.4rem;
    color: #FFF;
    max-width:260px;
}
.submitWrap button[type="button"]{
	background-color:#FFF;
	color:#138BE2;
	margin-bottom:1em;
    max-width:110px;
}
.submitWrap button:hover,
.finish_backbtn input[type="button"]:hover{opacity:.7;}

body.contact footer {
	background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0;
    width: 100%;
    text-align:center;
}
body.contact footer nav{text-align:center;}
body.contact footer nav ul { display: inline-block; }
body.contact footer nav li{display:inline;}
body.contact footer nav ul li a {
    padding: 0.4rem 1.2rem;
    color: #FFF;
    font-size: 0.81em;
}

@media screen and (min-width: 768px){
	.contactWrap{ padding: 45px 0; }
	.contact_top h2{ margin:0 0 40px; }
	.inputWrap{
		display:flex;
		justify-content:space-between;
		width:100%;
		align-items:center;
	}
	.inputWrap.column1{ display:block; }
	.inputWrap .label{
		flex:0 1 37%;
		margin:0;
		padding:0 20px 0 0 ;
		box-sizing:border-box;
		max-width:300px;
	}
	.inputWrap.column1 .label{margin:0 0 1em;}
	.inputWrap .inputArea{ flex:0 1 63%; }
}



/*
FOOTER
***************************************************************************/
.footer_top{
	background-color:#1D3874;
	padding:max( 30px, min(13.3vw, 55px)) 5.8% max( 10px, min(4vw, 20px));
	padding:clamp( 30px, 13.3vw, 55px) 5.8% clamp( 10px, 4vw, 20px);
}
.footer_top .site_logo{
	width:70%;
	margin:0 auto max( 20px, min(8vw, 35px));
	margin:0 auto clamp( 20px, 8vw, 35px);
}
.f_link1{
	width:100%;
	display:flex;
	justify-content:space-between;
	padding:0 0 1.3em;
}
.f_link1 li{
	margin-bottom:1.3em;
	font-size:max( 1rem, min(3.46vw, 1.8rem));
	font-size:clamp( 1rem, 3.46vw, 1.8rem);
}
.f_link1 li.slink{display:none;}
.f_link1 li a{ color:#FFF; }
.f_link2{
	font-size:max( 1rem, min(3.2vw, 1.4rem));
	font-size:clamp( 1rem, 3.2vw, 1.4rem);
	text-align:center;
}
.f_link2 a{
	margin:0 1em;
	color:#FFF;
	font-weight:400;
}
.footer_btm{
	background-color:#212121;
	color:#FFF;
	text-align:center;
	padding:18px 1em 15px;
}
.f_voyager{
	width:140px;
	margin:0 auto 10px;
}
.f_voyager img{
	display:block;
	width:100%;
}
.footer_btm p{
	font-weight:400;
	font-size:max( 1rem, min(3.2vw, 1.2rem));
	font-size:clamp( 1rem, 3.2vw, 1.2rem);
	line-height:1;
}

@media screen and (min-width: 481px){
	.footer_top .site_logo{ width:100%; }
	.f_link{
		max-width:600px;
		margin:0 auto;
	}
}
@media screen and (min-width: 1025px){
	.footer_top{
		padding:40px 70px ;
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.footer_top .site_logo{
		flex:0 1 363px;
		margin:0;
	}
	.f_link{
		flex:0 1 55%;
		margin:0;
	}
	.f_link1{padding:0;}
	.f_link1 li{margin-bottom:.8em;}
	.f_link1 li.slink{
		display:block;
		font-size:.77em;
		margin-bottom:0;
		font-weight:400;
		line-height:2.5;
	}
	.f_link2{display:none;}
}
@media screen and (min-width: 1280px){
	.footer_top{ padding:40px 9.4% 40px 5.5%; }
}


/*
COMMON PARTS
***************************************************************************/
/* ▼display▼ */
.block { display:block; }
.inline { display:inline; }
.none { display:none!important; }

/* ▼position▼ */
.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

/* ▼width▼ */
.w5per { width:5%; }
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w35per { width:35%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w60per { width:60%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w100per { width:100%!important; }


/* ▼area▼ */


/* ▼font▼ */
.bold{font-weight:bold!important;}

.size10 { font-size:1rem!important; }
.size11 { font-size:1.1rem!important; }
.size12 { font-size:1.2rem!important; }
.size13 { font-size:1.3rem!important; }
.size14 { font-size:1.4rem!important; }
.size16 { font-size:1.6rem!important; }
.size18 { font-size:1.8rem!important; }
.size20 { font-size:2.0rem!important; }
.size22 { font-size:2.2rem!important; }
.size24 { font-size:2.4rem!important; }
.size28 { font-size:2.8rem!important; }
.size30 { font-size:3.0rem!important; }

.lh2 { line-height:2!important; }
.lh18 { line-height:1.8!important; }
.lh16 { line-height:1.6!important; }
.lh15 { line-height:1.5!important; }
.lh14 { line-height:1.4!important; }

.txt_line{ background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0) 75%,#ee815c 75%,#ee815c);}


/* ▼link▼ */
a.line, .line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }

/* ▼title▼ */
.title_01,
.title_02{ text-align:center; }
.title_01 h2{
	font-weight:700;
	font-size:max( 2.8rem, min(8.53vw, 4rem));
	font-size:clamp( 2.8rem, 8.53vw, 4rem);
	margin:0 0 3px;
	line-height:1.25;
}
.title_01 p{
	color:#03A2D8;
	font-weight:700;
	font-size:max( 1.2rem, min(3.73vw, 1.8rem));
	font-size:clamp( 1.2rem, 3.73vw, 1.8rem);
}

.title_02 h3{
	font-weight:400;
	font-size:max( 2rem, min(7.2vw, 4rem));
	font-size:clamp( 2rem, 7.2vw, 4rem);
	margin-bottom:2px;
	color:#4C5F77;
	line-height:1.3;
}
.title_02 h3 span{
	display:block;
	font-size:.42em;
}
.title_02 p{ color:#A6B4C6; }

/* ▼btn▼ */

/* ▼background▼ */
.bg_none { background:none!important; }

/* ▼border▼ */
.border_none { border:none!important; }