@charset "UTF-8";
/* CSS Document */
:root {
	--key-color:#E60F2C;
	--main-txt-color:#5E5E5E;
	--sub-brown:#938888;
	--bg-light-color:#F6F4F4;
	--bg-pink:#FBEBEE;
	--sub-red:#F06F80;
	--cta-red:#F85D41;
	--dblack:#212121;
	--letter-ll:0.2em;
	--letter-l:0.07em;
	--letter-m:0.06em;
	--font-en:'Roboto', sans-serif;
	--font-min:'Noto Serif JP', serif;
	--font-ja:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	--bold:600;
	--reg:400;
	--ebold:700;
	--fblack:900;
	--lh-l:2;
	--lh-m:1.8;
	--lh-s:1.42;
	--basefs:calc((100vw/1366-0.0078)*16);
	--pos-r:relative;
	--pos-a:absolute;
	--tra:0.5s;
	--basevw:calc((100vw/1366-0.0078));
}

@media (max-width: 1024px) {
	:root {
		--basefs:calc((100vw/1024)*14);
		--basevw:calc(100vw/1024);
			--letter-ll:0.1em;
	--letter-l:0.035em;
	--letter-m:0.03em;
	}
	
}
@media (max-width: 567px) {
	:root {
		--basefs:calc((100vw/375)*12);
		--basevw:calc(100vw/375);
	}
	
}

html {
  font-size: 62.5%;
  height: 100%;
}
body {
	font-size:var(--basefs);
	font-family:var(--font-ja);
	-webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	font-feature-settings: "palt";
	color:var(--main-txt-color);
	font-weight:var(--reg);
	line-height: var(--lh-m);
	background-color:transparent;
}
main {
	background:#FFF;
	position:var(--pos-r);
}

a {
	color:var(--cta-red);
	transition: var(--tra);
}
a:hover {
	transition: var(--tra);
}

.en {
	font-family:var(--font-en);
}
.go {
	font-family:var(--font-ja);
}
.min {
	font-family:var(--font-min);
}

img {
	max-width:100%;
}

small {
	font-size:85%;
}

.bg-gray {
	background: var(--bg-light-color)
}
.bg_pink {
	background: var(--bg-pink)
}
.bg_white {
	background:#FFF;
}
.cta-wrapper {
	background: var(--bg-pink);
	padding:calc(var(--basevw)*50) 0;
}
.cta-h1 {
	text-align: center;
	font-family:var(--font-min);
	font-size:calc(1.6*var(--basefs));
	font-weight: var(--bold);
}
.btn_box {
	position:var(--pos-r);
	margin-top:calc(var(--basevw)*30);
}
.cta_btn {
	display: block;
	width: calc(var(--basevw)*465);
	height: calc(var(--basevw)*100);
	background: var(--cta-red);
	border-radius: calc(var(--basevw)*50);
	line-height: calc(var(--basevw)*100);
	font-size:calc(1.6*var(--basefs));
	color:#FFF ;
	text-align: center;
	transition:var(--tra);
	font-weight: var(--bold);
	box-shadow: 0px 4px 0px rgba(212, 49, 54, 0.15);
}
.btn_box .cta_btn {
	margin: 0 auto;
}
.btn_box .caution {
	color:var(--key-color);
	text-align: center;
	font-weight: var(--bold);
	margin-top:1rem;
	font-size:calc(0.8*var(--basefs));
}
.ta_l .cta_btn{
	margin:0 auto 0 0;
}
.ta_r .cta_btn{
	margin:0 0 0 auto;
}
.cta_btn:hover {
	background:var(--key-color);
	transition:var(--tra);
} 

.mt-sm {
	margin-top:calc(var(--basevw)*20) !important;
}
.mt-md {
	margin-top:calc(var(--basevw)*40) !important;
}
.mt-lg {
	margin-top:calc(var(--basevw)*60) !important;
}
.white-box {
	background: #FFF;
	border-radius: 30px;
	padding:40px;
}

.c_w {
	color:#FFF !important;
}
.red {
	color:var(--key-color);
}

.white-box h3 {
	color:var(--dblack);
}
.color-box {
	background: var(--bg-pink);
	padding:2rem;
	border-radius: 2rem;
}
.img-box_s {
	width:64.5%;
	margin-left:auto;
	margin-right:auto;
}
.tit-box h2 {
	font-size:calc(1.8*var(--basefs));
	font-family:var(--font-min);
	margin-bottom:calc(var(--basevw)*70);
	font-weight:var(--bold);
	color:var(--key-color);
}
p.lead {
	font-size:calc(1.1*var(--basefs));
	margin-bottom:calc(var(--basevw)*40);
}
p.cap {
	font-size:calc(0.8*var(--basefs));
}
p.highlight span {
	background: #FFF;
	padding:2px;
}
strong {
	color:var(--key-color);
}
.f_L {
	font-size:1.4em;
}
.bold {
	font-weight:var(--bold);
}
h3 {
	font-size:calc(1.4*var(--basefs));
	font-weight:var(--bold);
	margin-bottom:0.5em;
}
h3.ul span {
	padding-bottom:0.25em;
	border-bottom:3px solid var(--sub-brown);
	display: inline-block;
	color:var(--sub-brown);
}
h4 {
	font-size:calc(1.4*var(--basefs));
	font-weight:var(--bold);	
}
h4.bar {
	background: var(--sub-brown);
	color:#FFF;
	text-align: center;
	padding:0 0.5em;
	line-height:calc(var(--basevw)*52);
	height:calc(var(--basevw)*52);
	margin-bottom:1em;
} 
h5 {
	font-size:calc(1.2*var(--basefs));
	font-weight:var(--bold);	
}

.title {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}
.tit-box.ta_c {
	display: flex;
	justify-content: center;
}

.w90 
	{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.w80 
	{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.w70 
	{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

.ta_l {
	text-align: left !important;
}
.ta_c {
	text-align: center !important;
}
.ta_r {
	text-align: right !important;
}

.is-flex {
	display: flex;
}

.columns {
	display: flex;
	flex-flow: wrap;
	margin-left:-2%;
	margin-right:-2%;
}
.columns .column {
	padding:0 2%;
}
.modal {
	display: none;
}

.container {
	width:80.2%;
	margin-left:auto;
	margin-right:auto;
	max-width:960px;
}
.container_l {
	width:92.9%;
	margin-left:auto;
	margin-right:auto;
	max-width:1080px;
}
.container_full {
	width:100%;
	max-width:1366px;
	margin-left:auto;
	margin-right:auto;
}

.img img, .img-box img{
	width:100%;
	height:auto;
}

.section{
	position:var(--pos-r);
	padding:calc(var(--basevw)*90) 0 calc(var(--basevw)*80) ;
}
.section .cont {
	position:var(--pos-r);
	z-index: 2;
}
@media (max-width: 768px) {
	main {
		overflow: hidden;
	}
	
	
}
@media (min-width: 577px) {
	.sp {
		display: none;
	}
	
	
}
@media (max-width: 576px) {
	.pc {
		display: none;
	}
	.is-flex {
		display: block;
	}
	.is-flex > * {
		width: 100% !important;
	}
	
	.container_l, .container {
		width: 100%;
		padding:0 5%;
	}
.cta_btn {
    display: block;
    width: 100%;
    height: calc(var(--basevw)*80);
    background: var(--cta-red);
    border-radius: calc(var(--basevw)*40);
    line-height: calc(var(--basevw)*80);
    font-size: calc(1.6*var(--basefs));

}
	.tit-box h2 {

    margin-bottom: calc(var(--basevw)*30);

}
	.img-box_s {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.columns {
	display: block;
	flex-flow: wrap;
	margin-left:0;
	margin-right:0;
}
.columns .column {
	padding:0 ;
	width:100%!important;
}
	
}


/*--------------------
 header
---------------------*/

/**fv**/

.common_header {
	position:fixed;
	z-index: 100;
	width: 100%;
	left:0;
	top:0;
}
.common_header .common_header__inner {
	display: flex;
	width: 100%;
	height:120px;
	justify-content: space-between;
	align-items: center;
	background-color: #FFF;
	transition: 1s;
	padding:0 calc(var(--basevw)*40);
}

.common_header .common_header__inner .common_header__logo {
	width:90px;
}
.common_header .common_header__inner .common_header__logo {
	width:90px;
}

.common_header .common_header__inner .cta_btn {
	display: block;
	width: calc(var(--basevw)*220);
	height: calc(var(--basevw)*48);
	border-radius: calc(var(--basevw)*24);
	line-height: calc(var(--basevw)*48);
	font-size:calc(1.0*var(--basefs));
}
@media (max-width: 1280px) {
		.common_header .common_header__inner, html.is-fixed .common_header .common_header__inner {
		padding:0 calc(80*var(--basevw));
	}
}
@media (max-width: 1024px) {
	

	.common_header .common_header__inner .common_header__logo {
    width: 80px;
}
}

@media (max-width: 768px) {
	.common_header .common_header__inner .common_header__logo {
    width: 12%;
}
	
}
@media (max-width:576px) {
	.common_header .common_header__inner .common_header__logo {
    width: 15%;
}
	.common_header .common_header__inner .cta_btn {
    font-size: calc(2*var(--basefs));
		width: calc(var(--basevw)*180);
    height: calc(var(--basevw)*40);
    border-radius: calc(var(--basevw)*20);
    line-height: calc(var(--basevw)*40);
}

	.common_header .common_header__inner, html.is-fixed .common_header .common_header__inner {
   padding:0 4%;
		height:90px;
}

}


/***************************
  footer
******************************/
#footer {
    background-color: #D2CDCD;
  
}
.small-button-shape-pill .sqs-block-button .sqs-block-button-element--small, .medium-button-shape-pill .sqs-block-button .sqs-block-button-element--medium, .large-button-shape-pill .sqs-block-button .sqs-block-button-element--large {
    border-radius: 300px;
}
.sqs-block-button .sqs-block-button-element--small {
	border-radius: 30px;
}
#footer .sqs-block-content {
	font-size:calc(0.7*var(--basefs));
}
#footer .html-block a,#footer .html-block a:visited {
    color: #e6102c;
    border-bottom: 1px solid #e6102c
}

#footer nav:not(.sqs-svg-icon--list) {
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: proxima-nova;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none
}

#footer nav:not(.sqs-svg-icon--list) a,#footer nav:not(.sqs-svg-icon--list) a:visited,#footer nav:not(.sqs-svg-icon--list) .folder-toggle {
    text-decoration: none;
    line-height: 1.25em;
    color: #fff;
    border: none
}

#footer nav:not(.sqs-svg-icon--list) a.active,#footer nav:not(.sqs-svg-icon--list) a:visited.active,#footer nav:not(.sqs-svg-icon--list) .folder-toggle.active,#footer nav:not(.sqs-svg-icon--list) a:hover,#footer nav:not(.sqs-svg-icon--list) a:visited:hover,#footer nav:not(.sqs-svg-icon--list) .folder-toggle:hover {
    color: #fff
}

#footer nav:not(.sqs-svg-icon--list) .active>a,#footer nav:not(.sqs-svg-icon--list) .active>a:visited,#footer nav:not(.sqs-svg-icon--list) .active>.folder-toggle {
    color: #fff
}

#footer .folder .subnav {
    background-color: #695959
}

#footer {
    color: #e6102c
}

#footer h1,#footer h2,#footer h3 {
    color: #e6102c
}