@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}
body, html {
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
	overflow-x:clip;
}
body{
	font-family:"Noto Sans JP", sans-serif;
	color: #333333;
	background-color: #ffffff;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.15;
}
h1,h2,h3 {
	font-size: 1em;
	font-weight: 400;
	font-feature-settings:"halt" ;
	margin: 0;
}
h2,h3 {
	text-align: center;
}



/* layout 
-----------------------------------------------------------------------------------*/
.column-2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.column-2 .w50 {
	width: 50%;
}

/*
.column-2l {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
.column-2 .w1 {
	width: 354px;
}
.column-2 .w2 {
	width: 580px;
}

.column-2 .w4 {
	width: 31%;
}
.column-2 .w5 {
	width: 5em;
}
.column-2 .w5-5 {
	width: calc(100% - 5em);
}
.column-2 .w6 {
	width: 22%;
}

.cnts-center {
	max-width: 668px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


/* H style 
-----------------------------------------------------------------------------------*/

.h-00 { /*16*/
	font-size: 1rem;
	line-height: 1.17;
}
.h-01 { /*18*/
	font-size: 1.125rem;
	line-height: 1.17;
}
.h-07 { /*21*/
	font-size: 1.3125rem;
	line-height: 1.17;
}
.h-02 { /*24*/
	font-size: 1.5rem;
	line-height: 1.17;
}
.h-08 { /*28*/
	font-size: 1.75rem;
	line-height: 1.17;
}
.h-03 { /*32*/
	font-size: 2rem;
	line-height: 1.19;
}
.h-04 { /*38*/
	font-size: 2.375rem;
	line-height: 1.263;
}
.h-05 { /*42*/
	font-size: 2.625rem;
	line-height: 1.14;
}
.h-06 { /*54*/
	font-size: 3.375rem;
	line-height: 1.15;
}

.h-border-b {
	border-bottom: 1px solid;
	border-image: linear-gradient(to right, #ff00cc , #ff9933, #00cc66, #0099ff, #cc33cc) 1;
	padding: 0 3px 10px 3px;
}

/* text style 
-----------------------------------------------------------------------------------*/
.tx-01 { /*10*/
	font-size: 0.625rem;
	line-height: 1.2;
}
.tx-02 { /*12*/
	font-size: 0.75rem;
	line-height: 1.17;
}
.tx-03 { /*14*/
	font-size: 0.875rem;
	line-height: 1.29;
}
.tx-04 { /*18*/
	font-size: 1.125rem;
	line-height: 1.44;
}
.tx-05 { /*21*/
	font-size: 1.3125rem;
	line-height: 1.52;
}
.tx-06 { /*24*/
	font-size: 1.5rem;
	line-height: 1.5;
}
.tx-align-c {
	text-align: center;
}
.tx-align-l {
	text-align: left;
}

/* color style 
-----------------------------------------------------------------------------------*/
.col-W {/*03*/
	color: #ffffff;
}
.col-666 {
	color: #666666;
} 
.col-999 { /*01*/
	color: #999999;
}
.col-M {
	color: #ff00ba;
}
.col-Y {
	color: #ff801d;
}
.col-G {
	color: #1ed94f;
}
.col-B {
	color: #3499ef;
}
.col-P {
	color: #f01e7c;
}

.col-ccc {/*02*/
	color: #cccccc;
}


/* font-weight 
-----------------------------------------------------------------------------------*/

.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-700 {font-weight: 700;}

/* line-height 
-----------------------------------------------------------------------------------*/
.Lh-1d5 {line-height: 1.5;}
.Lh-2 {line-height: 2.0;}

/* list 
-----------------------------------------------------------------------------------*/
li {
	list-style: none;
}

.dot-c li {
	padding-left: 1.5em;
	text-indent: -1em;
}
.dot-c li::before {
	content: "・";
	width: .5em;
	height: .5em;
	display: inline-block;
	color: #cccccc;
	text-align: right;
}
.check li {
	background: url(../../images/icon_chack@2x.png)  no-repeat left top;
	background-size: 44px auto;
	padding-left: 58px;
	font-size: 1.75em;
	line-height: 1.4;
	margin-bottom: 20px;
}

/* link 
-----------------------------------------------------------------------------------*/
a { 
	color: #3c8cd0;
	text-decoration: none; 
}
a:hover { text-decoration: underline; }

._blank::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/icon_blank@2x.png) no-repeat left top;
	background-size: 19px auto;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -5px;
}

footer ._blank::after {
	width: 15px;
	height: 15px;
	background: url(../../images/icon_blank@2x.png) no-repeat left top;
	background-size: 15px auto;
}
.btn-area {
	margin: 30px auto;
	text-align: center;
}
.btn {
	border: 1px solid;
	box-sizing: border-box;
	background-color: #3c8cd0;
	border-radius: 35px;
	font-size: 1.3125em;
	font-weight: 500;
	width: 100%;
	max-width: 385px;
	height: 70px;
	text-align: center;
	color: #ffffff;
	margin: 10px auto;
	cursor: pointer;
	transition: all 0.3s;
}
.btn:hover {
	filter: brightness(110%);
}

a.link01 {
	color: #999999;
	text-decoration: none;
}
a.link-red {
	color: #db2332;
	text-decoration: none;
}
a.link-blue {
	color: #308dd7;
	text-decoration: none;
}
a.link01 , a.link-red:hover, a.link-blue:hover {
	text-decoration: underline;
}

/* aling style 
-----------------------------------------------------------------------------------*/
.aling-c {
	text-align: center;
}

/* img style 
-----------------------------------------------------------------------------------*/
.img-border-b {
	border-bottom: 2px solid;
	border-image: linear-gradient(to right, #ff00cc , #ff9933, #00cc66, #0099ff, #cc33cc) 1;
}
/* margin 
-----------------------------------------------------------------------------------*/
.mt-00 {margin-top: 10px;}
.mt-01 {margin-top: 20px;}
.mt-02 {margin-top: 30px;}
.mt-03 {margin-top: 50px;}
.mt-04 {margin-top: 80px;}
.mt-05 {margin-top: 100px;}

.mt-04m {margin-top: -40px;}

.mb-00 {margin-bottom: 10px;}
.mb-01 {margin-bottom: 20px;}
.mb-02 {margin-bottom: 30px;}
.mb-03 {margin-bottom: 50px;}
.mb-04 {margin-bottom: 80px;}
.mb-05 {margin-bottom: 100px;}
.mb-06 {margin-bottom: 120px;}

.ml-1em {margin-left: 1em;}

/* padding 
-----------------------------------------------------------------------------------*/
.pt-01 {margin-top: 20px;}
.pt-02 {margin-top: 30px;}
.pt-03 {margin-top: 50px;}
.pt-04 {margin-top: 80px;}
.pt-05 {margin-top: 100px;}

.pb-01 {margin-bottom: 20px;}
.pb-02 {margin-bottom: 30px;}
.pb-03 {margin-bottom: 50px;}
.pb-04 {margin-bottom: 80px;}
.pb-05 {margin-bottom: 100px;}