@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.en {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotate(0.05deg);
    -ebkit-transform: rotate(0.05deg);
}
.comBox {
    margin: 0 auto;
    width: 1200px;
}
.orange {
	color: #DB951C;
}
.blue {
	color: #3C9FC8;
}
.headLine01 {
    margin: 0 auto 14px;
	max-width: 407px;
    color: #fff;
    font-size: 1.9rem;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotate(0.05deg);
    -ebkit-transform: rotate(0.05deg);
	position: relative;
}
.headLine01 span {
    color: #FEF39D;
}
.headLine01::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 26px;
	background: url(../../img/index/line_img01.png) no-repeat left top / 11px;
	content: '';
}
.headLine01::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 11px;
	height: 26px;
	background: url(../../img/index/line_img02.png) no-repeat right top / 11px;
	content: '';
}
.headLine02 {
    margin-bottom: 40px;
    font-size: 3.5rem;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotate(0.05deg);
    -ebkit-transform: rotate(0.05deg);
    letter-spacing: 5px;
    position: relative;
    z-index: 2;
}
.headLine02 .blue {
    font-size: 3.6rem;
}
.headLine02 .blue .big {
	font-size: 4rem;
}
.headLine02 .orange {
    font-size: 3.6rem;
}
.headLine02 small {
    font-size: 3rem;
}
.headLine02::after {
    width: 360px;
    height: 82px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: '';
    background: url("../../img/index/h2_img02.png") no-repeat center center / 360px;
    z-index: -1;
}
.comBtn {
    margin-bottom: 7px;
    text-align: center;
}
.comBtn a {
    margin: 0 auto;
    padding: 14px 58px 13px 113px;
    width: 564px;
    height: 85px;
    display: inline-block;
    color: #fff;
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: 3.2px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    transform: rotate(0.05deg);
    -ebkit-transform: rotate(0.05deg);
    text-align: center;
    background: url("../../img/index/btn_bg.png") no-repeat left center / 564px;
    box-sizing: border-box;
	position: relative;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.comBtn a small {
	font-size: 2.2rem;
}
.comBtn a::after {
	margin-top: -4px;
	width: 43px;
	height: 43px;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	content: '';
	background: url(../../img/index/arrow03.png) no-repeat right center / 43px;
}
.comBtn a::before {
	margin-top: -13px;
	width: 84px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 31px;
	transform: translateY(-50%);
	content: '';
	background: url(../../img/index/tab_img02.png) no-repeat right center / 84px;
}
.comDiagn {
    padding: 30px 0 33px;
    background: linear-gradient( to left, rgba(71,180,221, 1), rgba(50,168,214,1), rgba(21,152,206,1) , rgba(1,138,201,1));
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.comDiagn .note {
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 1.5px;
    text-align: center;
}
.errorMsg {
    font-size: 1.4rem;
    color: red;
    margin-bottom: 10px;
}
.comBtn a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comBox {
	    padding: 0 15px;
	    width: auto;
	}
	.headLine01 {
		margin-bottom: 7px;
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: 1.6px;
	}
	.comBtn a::before {
	    margin-top: 0;
	    width: 84px;
	    height: 70px;
	    left: -29px;
	    background: url(../../img/index/tab_img02.png) no-repeat right center / 35px;
	}
	.comBtn {
	    margin-bottom: 3px;
	}
	.comBtn a {
	    width: 346px;
	    height: 57px;
	    padding: 8px 23px 13px 37px;
	    font-size: 2.2rem;
	    letter-spacing: -1px;
	    background: url("../../img/index/btn_bg.png") no-repeat left center / 346px 100%;
	}
	.comBtn a::after {
	    margin-top: -3px;
	    width: 27px;
	    height: 27px;
	    right: 11px;
	    background-size: 27px;
	}
	.comBtn a::before {
	    margin-top: 0;
	    width: 36px;
	    height: 36px;
	    left: 22px;
	    background-size: 36px;
	    top: 24px;
	}
	.headLine02 .blue .big {
	    font-size: 2.8rem;
	}
	.headLine02 {
		margin-bottom: 28px;
		font-size: 2.4rem;
		line-height: 1.23;
		letter-spacing: 2px;
	}
	.headLine02::after {
	    width: 360px;
	    height: 82px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    content: '';
	    background: url("../../img/index/h2_img02.png") no-repeat center center / 224px;
	    z-index: -1;
	}
	.headLine02 small {
	    font-size: 1.9rem;
	}	
	.headLine02 .blue {
	    font-size: 2.5rem;
	}
	.headLine02 .orange {
	    font-size: 2.5rem;
	}
	.headLine01::before {
	    top: 3px;
	    left: 2.3%;
	    background-size: 9px;	
	}
	.headLine01::after {
		top: 3px;
	    left: auto;
	    right: 3.3%;
		background-size: 9px;
	}
}
@media all and (max-width: 374px) {
	.comBtn a {
		width: 285px;
		padding: 13px 38px 8px 38px;
		font-size: 1.9rem;
		background: url("../../img/index/btn_bg.png") no-repeat left center / 285px 100%;
	}
	.comBtn a::before {
	    left: 3px;
	}
	.headLine01 {
	    font-size: 1.4rem;
	    letter-spacing: 1px;
	}
	.headLine02::after {
		width: 320px;
	}
}