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


*{
	box-sizing:border-box;
}


/*PC・SP表示非表示*/
.pc{display:none;}
@media screen and (min-width:640px){
.pc{display:inline-block;}
.sp{display:none;}
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	background:transparent;
	border:0;
	font-size:100%;
	font-style:normal;
	font-weight:500;
	line-height:100%;
	list-style:none;
	margin:0;
	padding:0;
	outline:0;
	text-align:left;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}
select{
	text-align: center;
}



/*全体*/
html{
	font-size:62.5%;
}
body{
	background:#f4f4f4;
	color:#111;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial, "メイリオ",Meiryo,sans-serif;
	/*font-size:1.6rem;*/
	font-weight:500;
	margin:0;
	padding:0;
	-webkit-text-size-adjust:100%;
}



/*共通*/
a{
	color:#0005dc;
	text-decoration:underline;
}
img{
	display:block;
	width:100%;
	height:auto;
}



/*figure.figure*/
.figure{
	margin:20px 12px 0;
}
.figure.full{
	margin-left:0;
	margin-right:0;
}
.figure.mt0{
	margin-top:0;
}
.figure.mt50{
	margin-top:50px;
}



/*レイアウト*/
.header,
.article,
.footer{
	margin:0 auto;
	width:100%;
	max-width:640px;
}
.article{
	background:#fff;
	padding:0;
}
.section{
	margin:50px 0 0;
	padding:0;
}
@media screen and (min-width:640px) {
	.section{
	margin:70px 0 0;
	}
}



/*header.header*/
.header{
	background:#fff;
	position:relative;
}
p.pr{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:1;
	margin:0;
	padding:0;
	text-align:right;
	position:absolute;
	top:10px;
	right:12px;
}
@media screen and (min-width:640px) {
	p.pr{
		font-size:14px;
	}
}
@media screen and (max-width:375px) {
	p.pr{
		font-size:11px;
	}
}
article{
	background:#fff;
	margin:0 auto;
	padding:0 0 50px;
	width:100%;
	max-width:640px;
}



/* form */
.form{
	background-color: #0093e8;
}
.form_wrap{
	padding: 0 10px 60px;
}
.form_content_txt1,
.form_content_txt2{
	color: #fff;
}
.form_content_txt1{
	font-size: 7vw;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	padding: 40px 0;
}
.form_content_txt2{
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 5vw 2vw;
	width: 96%;
	margin: 0 auto 60px;
	position: relative;
}
.form_content_txt2::after{
	content: "+";
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translate(-50%);
	font-size: 5.0rem;
	font-weight: bold;
}
.form_content_txt2__top{
	display: flex;
	align-items: center;
	justify-content: center;
}
.form_content_txt2__bottom{
	font-size: 7vw;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	padding-left: 2vw;
}
.form_content_txt2__bottom .span1{
	font-size: 5vw;
	vertical-align: 0.8vw;
	font-weight: bold;
}
.form_content_txt2__bottom .span2{
	font-size: 3vw;
}
.txt2_item_l{
	font-size: 4vw;
	font-weight: bold;
	background-color: #fff;
	color: #0093e8;
	border-radius: 100px;
	text-align: center;
	width: 32%;
	line-height: 2.2;
}
.txt2_item_r{
	font-size: 6.0vw;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 32%;
}
.txt2_item_kakaku{
	text-align: center;
	width: 32%;
}
@media screen and (min-width:640px) {
	.form_content_txt1{
		font-size: 4.4rem;
	}
	.txt2_item_l{
		font-size: 2.0rem;
		width: 180px;
	}
	.txt2_item_r{
		font-size: 3.8rem;
	}
	.form_content_txt2{
		padding: 20px;
	}
	.form_content_txt2__bottom{
		font-size: 4.4rem;
		padding-left: 20px;
	}
	.form_content_txt2__bottom .span1{
		font-size: 2.0rem;
	}
	.form_content_txt2__bottom .span2{
		font-size: 1.5rem;
	}
}
.form_content{
	background-color: #fff;
	width: 96%;
	margin:  0 auto;
	border-radius: 6px;
	padding: 30px 15px;
}
.step_hukidasi{
	width: 100%;
	margin: 0 auto;
}
.yoyaku_hukidasi{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
}
@media screen and (min-width:640px) {
	.form_content{
		padding: 30px 20px;
	}
	.step_hukidasi{
		width: 85%;
	}
	.yoyaku_hukidasi{
		width: 80%;
		padding-bottom: 20px;
	}
}
.step_h2{
	font-weight: bold;
	color: #0093e8;
	padding: 30px 0;
	-webkit-text-decoration: underline #0093e8;
	        text-decoration: underline #0093e8;
	text-decoration-thickness: 2px;
	position: relative;
}
.step_required::after{
	position: absolute;
	top: 44px;
	right: 1vw;
	content: "必須";
	color: #fff;
	text-align: center;
	padding: 0 1.8vw;
	background-color: red;
	text-decoration: none;
	font-size: 3.6vw;
	border-radius: 3px;
	line-height: 1.8;
}
.step_h2__span--big{
	font-size: 10vw;
}
.step_h2__span--small{
	font-size: 6vw;
}
.step_h2__span--small2{
	font-size: 4.5vw;
}
.kome{
	font-size: 1.4rem;
	color: #000;
}
@media screen and (min-width:640px) {
	.step_required::after{
		right: 15px;
		padding: 0 15px;
		font-size: 2.0rem;
	}
	.step_h2__span--big{
		font-size: 5.8rem;
	}
	.step_h2__span--small{
		font-size: 4.0rem;
	}
	.step_h2__span--small2{
		font-size: 3.4rem;
	}
	.kome{
		font-size: 1.7rem;
	}
}
.step1_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
}
.step1_item{
	width: 50%;
}
.step1_wrap li {
	position:relative;
}
.step1_wrap li input[type="radio"] {
	display:none;
}
.step1_wrap li label {
display: block;
padding: 10px 10px 30vw 40px;
cursor:pointer;
}
.step1_wrap li label:after {
	content: "";
	width: 44vw;
	height: 30vw;
	background-size: 42vw;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: -1vw;
}
.step1_wrap li.step1_item1 label:after {
	background-image:  url(../img/step1_btn1.png);
}
.step1_wrap li.step1_item1 input[type="radio"]:checked + label:after {
	background-image:url(../img/step1_btn1_on.png);
}
.step1_wrap li.step1_item2 label:after {
	background-image:  url(../img/step1_btn2.png);
}
.step1_wrap li.step1_item2 input[type="radio"]:checked + label:after {
	background-image:url(../img/step1_btn2_on.png);
}
.step1_wrap li.step1_item3 label:after {
	background-image:  url(../img/step1_btn3.png);
}
.step1_wrap li.step1_item3 input[type="radio"]:checked + label:after {
	background-image:url(../img/step1_btn3_on.png);
}
.step1_wrap li.step1_item4 label:after {
	background-image:  url(../img/step1_btn4.png);
}
.step1_wrap li.step1_item4 input[type="radio"]:checked + label:after {
	background-image:url(../img/step1_btn4_on.png);
}
@media screen and (min-width:640px) {
	.step1_wrap{
		margin-bottom: 30px;
	}
	.step1_wrap li label {
		padding: 10px 10px 175px 40px;
		}
	.step1_wrap li label:after {
		width: 255px;
		height: 180px;
		background-size: 255px;
		left: 5px;
	}
}
.step4_wrap{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.step4_item{
	width: 50%;
}
.step4_wrap li {
	position:relative;
}
.step4_wrap li input[type="radio"] {
	display:none;
}
.step4_wrap li label {
	display: block;
	padding: 10px 10px 30vw 40px;
	cursor:pointer;
}
.step4_wrap li label:after {
	content: "";
	width: 44vw;
	height: 30vw;
	background-size: 42vw;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: -1vw;
}
.step4_wrap li.step4_item1 label:after {
	background-image:  url(../img/step4_btn1.png);
}
.step4_wrap li.step4_item1 input[type="radio"]:checked + label:after {
	background-image:url(../img/step4_btn1_on.png);
}
.step4_wrap li.step4_item2 label:after {
	background-image:  url(../img/step4_btn2.png);
}
.step4_wrap li.step4_item2 input[type="radio"]:checked + label:after {
	background-image:url(../img/step4_btn2_on.png);
}
@media screen and (min-width:640px) {
	.step4_wrap{
		margin-bottom: 30px;
	}
	.step4_wrap li label {
		padding: 10px 10px 0px 40px;
		}
	.step4_wrap li label:after {
		width: 255px;
		height: 180px;
		background-size: 260px;
		left: 5px;
	}
}
input {
  line-height: normal;
  vertical-align: top;
}
textarea {
  font-size: 100%;
}
button,
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
a,
input,
textarea,
select {
  outline: none;
}
input,
textarea,
select {
  font-size: 1.6rem;
}
input[type="tel"],
input[type="text"],
textarea,
select {
  background: #fff;
  border: 2px solid #969696;
  border-radius: 5px;
  box-shadow: none;
  box-sizing: border-box;
  padding: 0.5em;
  height: 50px;
}
select {
  height: 50px;
  width: 100%;
}
button {
	border: 0;
	padding: 0;
    margin: 0;
}
button:hover {
	cursor: pointer;
}
@media screen and (min-width:640px) {
	input[type="tel"],
	input[type="text"],
	textarea,
	select {
	  height: 65px;
	}
	select {
	  height: 65px;
	}
}
.inputArea {
	padding-bottom: 10px;
	    margin-top: -5px;
}

.inputArea .figure {
	margin: 0;
}

.inputArea__inner {
	background: #fff;
	border-radius: 20px;
}
.inputArea__h {
	background: #143c6e;
	font-size: 36px;
	padding: 20px 0;
	text-align: center;
	color: #ffff00;
	border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 750px) {
	.inputArea__h {
		font-size: 6vw;
	}
}
.inputArea__detail dt {
	font-size: 2.2rem;
	font-weight: bold;
	border-radius: 20px;
	margin: 20px 0;
}
.required{
	position: relative;
}
.required::after{
	position: absolute;
    top: 0;
    left: 30vw;
    content: "必須";
    color: #fff;
    text-align: center;
    padding: 0 1.8vw;
    background-color: red;
    text-decoration: none;
    font-size: 3.6vw;
    border-radius: 3px;
	line-height: 1.8;
}
.inputArea__detail dd {
	margin-bottom: 20px;
}
.inputArea__detail dd.tel {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.select_wrap{
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
}
.select_box {
	position: relative;
	width: 32%;
}
.select_box:after {
	background: url(../img/icon_arrow.png) left top/contain no-repeat;
    border: none;
    content: '';
    display: block;
    height: 9px;
    overflow: hidden;
    position: absolute;
    right: 2vmin;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
}
.select_box_age {
	width: 100%;
	margin-bottom: 20px;
}
.step2_dd .select_box{
	width: 49%;
}
.tel input[type="tel"],
.tel .select_box {
    width: 27%;
}
.tel input {
    height: 50px;
    vertical-align: baseline;
    text-align: center;
}
.tel span {
    font-size: 3.2rem;
}
@media screen and (min-width:640px) {
	.required::after{
		top: -8px;
		left: 120px;
		padding: 0 15px;
		font-size: 2.0rem;
	}
	.tel input {
		height: 65px;
	}
}



/*section.btn*/
section.btn{
	padding:30px 0 0;
}
.btn_bef{
	text-align:center;
}
.btn_bef p{
	color:#111;
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	margin:0;
	position:relative;
}
.btn_img{
	width:96%;
	margin:15px auto 0;
}
p.btn_aft{
	color:#111;
	font-size:18px;
	font-weight:bold;
	margin:15px 0 0;
	text-align:center;
	line-height: 1.6;
}
p.btn_aft span{
	background:linear-gradient(transparent 60%, rgb(255, 255, 173) 60%);
}
@media screen and (min-width:640px){
	section.btn{
	padding:50px 0 0;
	}
	.btn_img{
	width:90%;
	margin:20px auto 0;
	}
	p.btn_aft{
	font-size:25px;
	margin:30px 0 0;
	}
}
.qform__button{
	width: 100%;
	background: none;
}
@media screen and (min-width:640px) {
	.qform__button{
		width: 90%;
		margin: 0 25px;
	}
}
.yureru {
    -webkit-animation: yureru-j 2s infinite;
            animation: yureru-j 2s infinite;
}
@-webkit-keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}



/* 主なリスクについて */
.line_dtl {
	background: #25456f;
	margin: 0;
	padding: 40px 0 30px;
}
.line_dtl_ttl{
    text-align: center;
    color: #ffffff;
    font-size: 20px;
	font-weight: bold;
}
.line_dtl_txt {
    padding: 20px;
	color: #ffffff;
    text-align: center;
	font-size: 14px;
	line-height: 1.4;
}

/*footer.footer*/
.footer{
	background:#002841;
	display:flex;
    justify-content:center;
	padding:20px 12px 30px;
}
.footer p{
    display:inline-block;
    margin:0;
	padding:0 10px;
}
.footer p.b_left{
	border-left:1px solid #fff;
}
.footer a{
	color:#fff;
	font-size:14px;
    font-weight:normal;
	line-height:1;
	text-decoration:none;
}
@media screen and (min-width:640px) {
.footer a{
font-size:16px;
}
}
@media screen and (max-width:375px) {
.footer a{
font-size:12px;
}
}


/*thanksページ*/
.br_sp{
	display: block;
}
.thanks {
	background-color: #eaeaea;
}
.thanks .wrapper{
	width: 100%;
	margin: 0 auto;
}
.thanks header{
	text-align: center;
}
.thanks header p.o_name{
	background:#fff;
	line-height:1;
	padding: 5px 0;
	text-align:center;
	width:100%;
	height: 50px;
	margin: 0;
}
.form_h1{
	background:#255094;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	padding:10px 5px;
	text-align:center;
	width:100%;
	margin: 0;
}
p.o_name img{
	width:auto;
	height:100%;
	margin: 0 auto;
}
.form_h1 .yellow {
	color:#ffff00;
}
.form_h1 .yellow {
	color:#ffff00;
}
.thanks article {
	background: none;
}
.thanks .inner {
	padding: 30px 20px 0 20px;
	text-align: center;
}
.thanks .form_check_icon {
	width: 50px;
	margin: 0 auto 20px auto;
}
.thanks .form_thanks_message {
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	margin-bottom: 20px;
}
.thanks .form_thanks_box {
	border-radius: 20px;
	margin-bottom: 30px;
}
.thanks .form_thanks_box__head {
	background-color: #255094;
	border-radius: 20px 20px 0 0;
	font-weight: bold;
	font-size: 17px;
	padding: 15px 5%;
	text-align: center;
	color: #fff;
}
.thanks .form_thanks_box__body {
	border-radius: 0 0 20px 20px;
	background-color: #fff;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 17px;
}
.form_thanks_box__body_item {
	padding: 15px 0 10px 0;
	margin-bottom: 10px;
}
.form_thanks_box__body_item:not(:last-child) {
	border-bottom: 1px solid #efefef;
}
.form_thanks_box__title {
	font-weight: bold;
	font-size: 17px;
	line-height: 1.3;
}
.form_thanks_box__title_2 {
	padding-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
}
.form_thanks_box__radio_box li {
	font-size: 15px;
}
.form_thanks_box__radio_box_first li {
	font-size: 15px;
	margin-top: 10px;
}
.form_thanks_box__radio_box_subtext {
	padding-left: 26px;
	font-size: 14px;
	color: #4a4a4a;
	line-height: 1.4;
}
.form_thanks_box__radio_box_subtext_2 {
	font-size: 14px;
	color: #4a4a4a;
	line-height: 1.4;
}

.form_thanks_box__radio_box label {
	padding: 10px 5px;
	display: flex;
	align-items: center;
    justify-content: center;
	background-color: #6889bf;
	border-radius: 20px;
	border-bottom: 7px solid #4a699e;
	margin-bottom: 3px;
	cursor: pointer;
	padding-left: 24px;
	position: relative;
	color: #fff;
	font-weight: bold;
}
.form_thanks_box__radio_box label:hover {
	opacity: .9;
}
.form_thanks_box__radio_box label::before,
.form_thanks_box__radio_box label::after {
	content: "";
	display: block;
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
}

.form_thanks_box__radio_box label::before {
	background-color: #fff;
	border-radius: 100%;
	border: 1px solid #61779f;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	top: 50%;
	left: 5px;
}

.form_thanks_box__radio_box label::after {
	border-radius: 0%;
	border-bottom: 4px solid #3abc2c;
	border-left: 4px solid #3abc2c;
	opacity: 0;
	height: 6px;
	width: 18px;
	transform: rotate(-45deg);
	top: 30px;
    left: 10px;
}

.form_thanks_box__radio_box input:checked + label::after {
	opacity: 1;
}

.form_thanks_box__radio_box input:checked + label {
	background-color: #103775;
	border-bottom: 7px solid #103775;

}
.form_thanks_box__radio_box label div{
	width: 100%;
	min-height: 60px;
	max-width: 370px;
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
	position: relative;
}
.form_thanks_box__radio_box_toptext{
	width: 65%;
	min-width: 210px;
	padding: 5px 10px;
	margin-bottom: 8px;
	font-size: 11.5px;
	text-align: center;
	background-color: #fff;
	border-radius: 50px;
    color: #103775;
	line-height: 1.1;
	position: absolute;
	top: -20px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.form_thanks_box__radio_box_toptext_2line {
	top: -28px;
}
.form_thanks_box__radio_box_btmtext{
	padding-top: 7px;
    display: inline-block;
	font-size: 12px;
}
.form_thanks_box__radio_box_btmtext.color--yellow{
	color: #fff85f;
}
.form_thanks_box__radio_box label div p{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	position: relative
}

.form_thanks_box__radio_box_recommend {
	width: 80px;
	display: block;
	margin-left: 10px;
	padding: 1px 6px;
	background-color: #db3838;
	position: absolute;
	top: 50%;
	left: -95px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	transform: translateY(-50%);
}

@media screen and (max-width: 390px) {
	.form_thanks_box__radio_box_recommend {
		width: 120px;
		padding: 5px 10px;
		border-radius: 50px;
		top: -21px;
		left: 50%;
		right: inherit;
		margin-left: -60px;
	}
}

.form_thanks_box__body_item_message {
	margin-top: 5px;
	padding: 10px 10px 10px 10px;
	background-color: #f1f1f1;
	border-radius: 6px;
}
.form_thanks_box__body_item_message_title {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	color: #255094;
	display: flex;
	align-items: center;
    justify-content: center;
}
.form_thanks_box__body_item_message_title img{
	margin-right: 5px;
	width: 30px;
	display: inline;
}
.form_thanks_box__body_item_message_text {
	background-color: #fff;
	padding: 10px 15px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.4;
}

.form_thanks_box__body_message {
	padding-top: 2%;
	text-align: center;
	line-height: 1.7;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 12px;
}

.thanks .form_thanks_box__body_list li {
	display: flex;
	align-items: center;
    justify-content: space-between;
	padding: 8px 0;
}
.thanks .form_thanks_box__body_list li:not(:last-child) {
	border-bottom: 1px solid #b8b8b8;
}
.thanks .form_thanks_box__body_list li div:first-child {
	width: 8%;
	padding-left: 10px;
}
.thanks .form_thanks_box__body_list li div:first-child img{
	width: 30px;
}
.thanks .form_thanks_box__body_list li div:last-child {
	width: 90%;
	padding-right: 10%;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
}
.thanks .thanks_call_num {
	margin-top: 3%;
	font-size: 14px;
}

.thanks .comment_space {
	background:#fff;
	border-radius: 5px;
	margin: 15px 10px;
	padding:35px 10px;
	position: relative;
}
.thanks .title_thanks {
	color:#dd0e5e;
	display: block;
	font-size: 2rem;
	font-weight: 700;
	margin:0;
	text-align: center;
}
.thanks .comment_space p{
	color: #000;
	margin: 1em  0 0 0;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
}

.form_thanks_box__body_send_message {
	padding-top: 4%;
	text-align: center;
	line-height: 1.7;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 12px;
}
.form_thanks_box__body_error_message {
	padding-top: 7%;
	text-align: center;
	line-height: 1.7;
	font-size: 13px;
	color: #d7000a;
}
.form_thanks_box__body_send_btn {
	padding: 6% 0 2% 0;
	background: transparent;
}
.form_thanks_box__body_send_btn img {
	width: 80%;
	margin: 0 auto;
}
@media screen and (min-width:640px) {
	.br_sp{
		display: none;
	}
	.thanks .wrapper{
		width: 640px;
	}
}
/*error*/
.error .comment_space {
  background: #fff;
  border-radius: 5px;
  margin: 15px 10px;
  min-height: 230px;
  padding: 10px 10px 20px;
  position: relative;
}
.error_title {
  font-size: 2rem;
  font-weight: 700;
  margin: 1em 0;
  text-align: center;
}
.error_text {
  color: #c30;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 374px) {
  .max374 {
    display: block;
  }
}
p.point {
    color: #333;
    font-size: 10px;
    margin: 10px 0 30px;
    text-align: center;
}
p.point span {
    display: block;
    max-width: 280px;
    text-align: left;
    margin: 5px auto 0;
}
.thanks .thanks_dtl_office{
  border: 3px solid #255094;
  padding: 0 0 15px;
  margin-top: 20px;
}

.thanks .thanks_dtl_office .tel {
  background:#255094;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 5px 0;
  text-align: center;
  margin: 1em auto 0;
  width:90%;
}
.thanks .thanks_dtl_office .office_text{
  margin: 0.7em 0 0;
}
.thanks .thanks_text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  margin:30px 0 0;
  text-align: center;
}
.thanks_tel_info {
  border: 3px solid var(--keycolor-sub);
  border-radius: 10px;
  margin: 10px auto;
  padding: 10px;
  text-align: center;
}

.thanks .thanks_call_desc {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.thanks .thanks_last_text {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  margin:30px 0 0 0;
  text-align: center;
}
.is_privacy_read_text {
    margin: 20px 0;
    text-align: center;
    font-size: 12px;
}
/* サンクスページ、連絡日時項目を初期状態で非表示にする */
#thanks_form_contact_date {
	display: none;
}

.checkbox {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox:before {
    background: #fff;
    border: 1px solid #231815;
    content: '';
    display: block;
    height: 14px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 14px;
}
.checkbox:after {
    border-right: 3px solid #06b5b5;
    border-bottom: 3px solid #06b5b5;
    content: '';
    display: block;
    height: 9px;
    left: 9px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}
input[type=checkbox]:checked + .checkbox:after {
    opacity: 1;
}
.thanks .comment_space p.surely{
    background:#0d3574;
    border-radius:5px;
    color:#ffff00;
    font-size:22px;
    font-size:1.5rem;
    font-weight:bold;
    line-height:1.6;
    margin:20px 0 0;
    padding:10px;
    text-align:center;
    -webkit-animation:blink 1.2s linear infinite;
            animation:blink 1.2s linear infinite;
}
@-webkit-keyframes blink{
0%{color:#fff;}
50%{color:#fff;}
51%{color:#ffff00;}
100%{color:#ffff00;}
}
@keyframes blink{
0%{color:#fff;}
50%{color:#fff;}
51%{color:#ffff00;}
100%{color:#ffff00;}
}
@media screen and (min-width:640px) {
	.thanks .comment_space p.surely{
		font-size:2.5rem;
	}
}