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

html {-webkit-text-size-adjust: 100%;}

body{
	font-family: Helvetica, Arial, "BIZ UDPGothic", source-han-sans-japanese, "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", メイリオ, Meiryo, sans-serif;
	color: #313131;
	font-size:16px;
	line-height: 1.7;
	margin: 0;
	overflow-x: hidden ;
	background-color: #ffffff;
	position: relative;
}

.base_color, .top_bar {background-color: #00489d;}

a {
	text-decoration: none;
	color: #424242
}
a:hover, a:active {background: #D1D1D1;}

.hover_c:hover {opacity: 0.8;}

.inblo {display: inline-block;}
.clear_both {clear: both;}
.box-sizing {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;   
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;   
	image-rendering: pixelated;  
}

.left_a, .right_a {box-sizing: border-box;}
.pc_none {display: inline-block;}
.sp_none {display: none;}
.o_hover:hover {opacity: 0.7}

#pageTop {
  position: fixed;
  bottom: 40px;
  right: 10px;
}
#pageTop i {
    position: absolute;
    top: 12px;
    left: 13px;
    font-size: 130%;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #00ada2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


.f_pinred {color: #F03255;}






/* Mobile Layout: ～480px ----*/
.gridContainer, .gridContainer2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
	clear: none;
	float: none;
	box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  -o-box-sizing: border-box;
}

.btnban_area {
	text-align: center;
	padding: 35px 0 10px;
}

.btnban {
	width: 100%;
	max-width: 600px;
    box-sizing: border-box;
	box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    background-color: #89c403;
    border-radius: 6px;
    border: 1px solid #74b807;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 4.5vw;
    font-weight: bold;
    padding: 15px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528009;
    text-align: center;
    position: relative;
}
.btnban i {
    font-size: 30px;
    top: 5px;
	position: relative;
}




/* ヘッダー周辺
-----------------------------------------------*/
.top_bar {
	color: #FFFFFF;
	padding: 7px 0 5px;
	font-size: 3.7vw;
	text-align: center;
}
.header_top {
	padding-top: 15px;
	padding-bottom: 15px;
}

.top_logo {text-align: center;}
.top_logo img {max-width: 35%;}

.top_info_arae {display: none;}

.slick-arrow {
    position: absolute;
    top: 35%;
    z-index: 1000;
    font-size: 50px;
    opacity: 0.6;
    cursor: pointer;
}
.slider .fa-angle-left {left: 10px;}
.slider .fa-angle-right {right: 10px;}

ul.slick-dots {
	list-style-type:none!important;
	padding: 0;
	margin-top: -26px;
}

ul.slick-dots li {display: inline-block;}
ul.slick-dots li button {display: none;}

ul.slick-dots li::after {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: "\f111";
	font-size: 85%!important;
	color: #999999;
	margin: 0 6px;
	position: relative;
	top: -2px;
	cursor: pointer;
}
ul.slick-dots li.slick-active::after {color: #595959!important;}

.header_on {display: none;}

.sankaku {margin-top: -20px;}


/* メイン
-----------------------------------------------*/

h2 {
	text-align: center;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-top: 0;
	line-height: 1.6;
}
h2 span {display: inline-block;}
br.disp {display: none;}


.H1txt_img {
	background-color: #f6f2e8;
	padding: 20px 0;
	text-align: center;
	margin-top: 10px
}
.H2txt_img {
	text-align: center;
	padding-bottom: 10px;
}
.H2txt_img img {max-width: 65%;}



.cont01 {padding: 50px 0;}

.box_b01 {
	border: solid 2px #00489d;
	margin-top: 20px
}
.box_b01_title {
	background-color: #00489d;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 8px;
}
.box_b01_inner {padding: 20px;}

.box_b01_inner_waku {
	background-color: #ececec;
	border-radius: 7px;
	padding: 15px 15px 5px;
	margin-bottom: 15px;
}
.box_b01_inner_waku div {margin-bottom: 10px}
.suuji_maru {
	background-color: #00ada2;
	padding: 2px;
	border-radius: 15px;
	color: #FFFFFF;
	font-weight: bold;
	width: 22px;
	height: 22px;
	display: inline-block;
	text-align: center;
	line-height: 1.6;
	vertical-align: middle;
	margin-right: 7px;
}

.box_b01_inner_waku .b_txt {
	font-weight: bold;
	color: #3b2a20;
}

.H3_read {text-align: center;}


.read01, .read02, .read03, .read05 {
	margin-top: -50px;
}
.H3_read_circ01 img, .H3_read_circ02 img, .H3_read_circ03 img, .H3_read_circ04 img, .H3_read_circ05 img {
	max-width: 40%;
}
.H3_read_line_01, .H3_read_line_02, .H3_read_line_03, .H3_read_line_04, .H3_read_line_05 {
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	padding: 15px;
	color: #FFFFFF;
	font-size: 7vw;
}
.H3_read_line_01 {background-color: #8fbef5;}
.H3_read_line_02 {background-color: #6bcbac;}
.H3_read_line_03 {background-color: #efa224;}
.H3_read_line_04 {background-color: #80c269;}
.H3_read_line_05 {background-color: #9d91cf;}

span.txtmini {font-size: 75%;}
span.txtbig {
	font-size: 150%;
	line-height: 1;
}

.check_wrap {
	background-color: #e3f0ff;
	padding: 20px 0 100px;
}

.check_wrap .left_a {padding-bottom: 15px;}

.waku_white {
	background-color: #FFFFFF;
	padding: 20px;
	margin-top: 15px;
}

.tenj {
	line-height: 1.6;
	border: solid 1px #C8C8C8;
	border-radius: 7px;
	padding: 5px 15px;
	font-weight: bold;
	color: #3b2a20;
	margin-bottom: 8px;
}
.tenj i {
	color: #99c3f4;
	font-size: 90%;
	margin-right: 5px;
}

hr.dot_l {
	border: dotted 2px #969696;
	border-right: none;
    border-bottom: none;
    border-left: none;
	margin: 20px 0;
}

.waku_white .title_txt {
	text-align: center;
	color: #034a9e;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}

.waku_white .left_a, .waku_white .right_a {
	text-align: center;
}
.waku_white a {font-size: 90%;}
.waku_white a i {font-size: 80%;}


.point_wrap {
	background-color: #e4f7f1;
	padding: 20px 0 100px;
}

.shadow_w_box {
	background-color: #FFFFFF;
	padding: 20px;
	box-shadow: 0 7px 7px 0 rgba(0, 0, 0, .2);
	margin: 45px 0 20px;
}
.num_title {
	text-align: center;
	margin-top: -50px;
	color: #7e6b5a;
	font-size: 140%;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.3;
}

.num_title img {max-width: 60px;}
.num_title div {margin-top: 15px;}

.shadow_w_box .con_txt {
	margin-top: 15px;
}

.shadow_w_box2 {
	background-color: #FFFFFF;
	padding: 20px;
	margin: 40px 10px 0;
	max-width: 100%;
}

.shadow_w_box2_title {
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 150%;
	color: #3b2a20;
	font-weight: 800;
	text-align: center;
	margin-bottom: 20px;
}
.shadow_w_box2_title span {
	display: block;
	line-height: 1.3;
}

.gr_box .left_a, .gr_box .right_a {
	background-color: #ececec;
	border-radius: 7px;
	padding: 15px 20px 5px;
	margin-bottom: 15px;
}

.shadow_w_box2 .gr_box .title_txt {
	font-weight: bold;
	font-size: 140%;
	color: #7e6b5a;
	border-bottom: dotted 3px #9A9A9A;
	margin-bottom: 15px;
	text-align: center;
}


.gr_box ul {
	padding: 0;
	margin: 20px 0 5px;
}
.gr_box ul li {
	color: #3b2a20;
	list-style: none;
	font-weight: bold;
	line-height: 1.6;
	position:relative;
	padding: 0em 0.3em 15px 1.3em;
}
.gr_box ul li:before {
	position:absolute;
	content:'';
	top: 0.4em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #69c6a8;
}


.SUPPORT_wrap {
	background-color: #f5ede0;
	padding: 20px 0 70px;
}

.big_title {
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 150%;
	line-height: 1.4;
	color: #3b2a20;
	text-align: center;
	margin-bottom: 20px;
}
.big_title span {color: #f79407;}

.wh_box2 {
	background-color: #FFFFFF;
	padding: 20px;
	color: #3b2a20;
	margin-bottom: 20px;
}
.wh_box2 .left_a, .wh_box2 .right_a {
	background-color: #FFFFFF;
}
.wh_box2 .left_a .title_txt {
	font-weight: bold;
	font-size: 130%;
	border-bottom: solid 3px #efa224;
}
.wh_box2 .left_a .title_txt i {
	font-size: 80%;
	color: #edc37f;
	position: relative;
	top: -2px
}

.wh_box2 ul {
	padding: 0;
	margin-top: 20px
}
.wh_box2 ul li {
	color: #3b2a20;
	list-style: none;
	font-weight: bold;
	line-height: 1.6;
	position:relative;
	padding: 0em 0.3em 15px 1.3em;
}
.wh_box2 ul li:before {
	position:absolute;
	content:'';
	top: 0.4em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #efa224;
}

.wh_box3 {
	background-color: #FFFFFF;
	border: solid 5px #edc37f;
	padding: 20px;
	font-size: 110%;
	font-weight: bold;
	margin-top: 25px
}
.wh_box3 span {display: inline-block;}
.wh_box3 span i {
	color: #53a418;
	font-size: 75%;
	margin-right: 3px;
	top: -2px;
	position: relative;
}
.wh_box3 span.f_red {
	color: #f40f30;
	display: inline;
	background: none;
}

.info_area {padding: 50px 0;}
.info_box {
	border: solid 3px #b6b6b6;
	max-width: 850px;
	margin: 0 auto;
}
.info_box .title_txt {
	background-color: #ef3240;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 4.6vw;
	text-align: center;
	padding: 10px;
}

.info_box .title_txt span {color: #fff100;}
.infobox_inner {padding: 15px 10px 5px;}
.info_b_grayBOX {
	background-color: #ececec;
	padding: 15px;
}
.info_b_grayBOX .info_txt {
	color: #3b2a20;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.6;
}

.phone_txt {
	text-align: center;
	color: #e60012;
	font-weight: bold;
	font-size: 8.8vw;
}
.phone_txt i {
	font-size: 8vw;
	margin-right: 3px;
}


.info_b_grayBOX .right_a {
	width: 100%;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:3.8vw;
	font-weight:bold;
	padding:15px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	text-align: center;
	position: relative;
}
.info_b_grayBOX .right_a:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.info_b_grayBOX .right_a:active {
	position:relative;
	top:1px;
}
.info_b_grayBOX .right_a i {
	position: absolute;
	right: 5px;
	font-size: 24px;
	top: 25%
}


/* フッター
-----------------------------------------------*/
footer {
	background-color: #00489d;
	color: #FFFFFF;
	padding: 40px 0 20px;
	font-size: 4vw;
}

footer a {color: #FFFFFF;}
footer a:hover {
	background-color: transparent;
	opacity: 0.7;
}

.foot_a {position: relative;}
.foot_logo {
	margin-bottom: 20px;
	max-width: 70%;
}

.foot_a .right_a {margin-top: 20px;}
.foot_a .right_a span {display: block;}


.sp_foot_button_area {
	bottom: 50px;
	background:rgba(89,73,63,0.7);
	text-align:center;
	padding:10px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.sp_foot_button {
	background-color: #00ada2;
	color: #FFFFFF;
	padding: 8px 20px;
	border-radius: 4px;
	display: inline-block;
}
.sp_foot_speace {height: 60px;}


@media print, screen and (min-width: 521px) {
	
body{
	font-size:18px;
	line-height: 1.9;
}
	
.pc_none {display: none;}
.sp_none {display: inline-block;}
	
	
#pageTop {
  bottom: 15px;
  right: 20px;
}	
#pageTop i {
    top: 17px;
    left: 20px;
    font-size: 150%;
}
#pageTop a {
  width: 55px;
  height: 55px;
}
	
	
.btnban_area {padding: 50px 0 30px;}	
	
.btnban {
    font-size: 24px;
    padding: 15px 10px;
}	
	
	

/* ヘッダー周辺
-----------------------------------------------*/
.top_bar {
	font-size: 15px;
	text-align: left;
}

.top_logo {
	width: 25%;
	float: left;
	display: inline-block;
	text-align: left;
	box-sizing: border-box;
}	
.top_logo img {max-width: 96%;}

.top_info_arae {
	width: 73%;
	float: right;
	display: inline-block;
	text-align: right;
	box-sizing: border-box;
	margin-top: 20px;
}
.top_info_arae img {max-width: 44%;}

.info_button {
	display: inline-block;
	background-color: #00ada2;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	padding: 8px 15px;
	border-radius: 4px;
}

.top_tel {margin-right: 10px}

	
.slick-arrow {font-size: 80px;}	
ul.slick-dots {margin-top: 3px;}
.sankaku {
	padding: 0 8.4%;
	margin-top: -55px
}	
	
	
/* メイン
-----------------------------------------------*/
.H1txt_img {
	padding: 30px 0 40px;
	margin-top: 25px
}
.H1txt_img img {max-width: 80%;}

h2 {font-size: 30px;}
	
	
.cont01_txt {text-align: center;}
.cont01_txt span {display: inline-block;}	
	
.box_b01 {
	margin-top: 35px;
	padding-bottom: 10px;
}
.box_b01_title {font-size: 28px;}
.box_b01_inner {padding: 20px 30px;}	
	
.box_b01_inner_waku {padding: 20px 30px 10px;}	
.box_b01_inner_waku .b_txt {font-size: 120%}
.suuji_maru {
	width: 27px;
	height: 27px;
	line-height: 1.6;
	margin-top: -5px;
}	

.read01, .read02, .read03, .read05 {margin-top: -55px;}
	
.H3_read_circ01 img, .H3_read_circ02 img, .H3_read_circ03 img, .H3_read_circ04 img, .H3_read_circ05 img {
	max-width: 100%;
}	
	
.H3_read_line_01, .H3_read_line_02, .H3_read_line_03, .H3_read_line_04, .H3_read_line_05 {
	padding: 15px;
	font-size: 38px;
	letter-spacing: 2px;
}
	
.check_wrap {padding: 35px 0 105px;}
.check_wrap .left_a {
	float: left;
	width: 45%;
}	

.check_wrap .right_a {
	float: right;
	width: 53%;
}		
	
.waku_white {
	padding: 20px 20px 10px;
	margin-top: 15px;
}	
.tenj {
	padding: 5px 12px;
	display: inline-block;
	margin: 0 4px 8px;
}
	
.waku_white .title_txt {
	font-size: 135%;
	margin-bottom: 15px;
}

.waku_white .left_a, .waku_white .right_a {
	width: 50%;
}	
.waku_white .left_a {float: left;}
.waku_white .right_a {float: right;}


.point_wrap {padding: 45px 0 105px;}	
	
.Wh_box{
	display: flex;
	justify-content: space-evenly;
	margin-top: 25px;
}	
.shadow_w_box {
	margin: 0 10px;
	width: 30%;
	padding: 30px 25px;
}
	
.shadow_w_box2_title::before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: "\f141";
	font-size: 110%;
	color: #ade8d5;
	margin-right: 5px;
}
.shadow_w_box2_title::after {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: "\f141";
	font-size: 110%;
	color: #ade8d5;
	margin-left: 5px;
}
.shadow_w_box2_title span {display: inline-block;}
	
.gr_box .left_a, .gr_box .right_a {
	width: 48%;
	margin: 0 1%;
}

.gr_box {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


.SUPPORT_wrap {padding: 35px 0 105px;}

.big_title {
	font-size: 150%;
	margin-bottom: 30px;
}
.big_title .txt01, .big_title .txt02 {display: inline;}
	

.wh_box2 {padding: 10px 30px;}
.wh_box2 .left_a {
	float: left;
	width: 48%;
}
.wh_box2 .right_a {
	float: right;
	width: 50%;
	padding-top: 20px;
}

.wh_box3 {
	padding: 25px 35px;
	text-align: center;
} 	
.wh_box3 span {
	background:linear-gradient(transparent 75%, #ff6 50%);
	line-height: 1.3;
}

.infobox_inner {padding: 5px 10px;}
	
.info_b_grayBOX {padding: 20px 20px 5px;}	
.info_box .title_txt {font-size: 120%;}
.info_b_grayBOX .left_a {
	width: 55%;
	float: left;
}
.info_b_grayBOX .right_a {
	width: 43%;
	float: right;
	font-size: 17px;
	padding:25px 10px;
}
	
.info_b_grayBOX .right_a i {
	font-size: 26px;
	top: 32%;
}

.phone_txt {
	text-align: left;
	font-size: 36px;
	line-height: 1.2;
}
.phone_txt i {
	font-size: 85%;
	margin-right: 3px
}	
		
/* フッター
-----------------------------------------------*/
footer {
	margin-top: 50px;
	padding: 50px 0 30px;
	font-size: 100%;
}
.foot_logo {
	margin-bottom: 20px;
	max-width: 70%;
}
	
.foot_a .left_a {
	float: left;
	width: 60%;

}

.foot_a .right_a {
	float: right;
	width: 39%;
	text-align: right;
	position: absolute;
	margin-top: 0;
	bottom: 0;
	right: 5%;
	font-size: 15px;
}	
	

.sp_foot_button_area {display: none;}	
	
.sp_foot_speace {
	display: none;
	height: 0;
}
	

}@media print, screen and (min-width: 961px)  {

.gridContainer, .gridContainer2{
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}
.gridContainer {max-width:  1100px;}
.gridContainer2 {max-width: 1200px;}
	

/* ヘッダー周辺
-----------------------------------------------*/
	
.top_logo {
	width: 25%;
}	
.top_logo img {max-width: 100%;}

.top_info_arae {
	width: 73%;
}
.top_info_arae img {max-width: 100%;}

.info_button {
	font-size: 16px;
	padding: 10px 25px 8px;
}
	
	
.slic_area {position: relative;}
.header_on {
	display: block;
	position: absolute;
	top: 0;
}

.slick-arrow {
    top: 38%;
    font-size: 120px;
}
.sankaku {padding: 0 23.36% 0 24%;}

	
/* メイン
-----------------------------------------------*/	
	
.cont01 {padding: 90px 0;}
	
br.disp {display: block;}
	
.check_wrap {padding: 45px 0 130px;}
	
.waku_white {padding: 25px 35px 15px;}
.waku_white .title_txt {font-size: 150%;}
	
.point_wrap	{padding: 50px 0 110px;}
	
	
.gr_box .left_a, .gr_box .right_a {
	width: 47%;
}
.gr_box .left_a{margin: 0 2% 0 1%;}
.gr_box .right_a {margin: 0 1% 0 2%;}	

.SUPPORT_wrap {padding: 45px 0 110px;}
.big_title {font-size: 30px;}
.big_title .txt01, .big_title .txt02, .big_title .txt03 {display: inline;}

	
.wh_box2 {padding: 30px;}
.wh_box2 .left_a {
	float: left;
	width: 54%
}
.wh_box2 .right_a {
	float: right;
	width: 44%;
	padding-top: 20px
}
	
.info_area {padding: 80px 0 50px;}
.infobox_inner {padding: 10px 20px;}
	
.info_box .title_txt {font-size: 24px;}
	
.phone_txt {
	font-size: 40px;
	line-height: 1.2;
}


.info_b_grayBOX .right_a {font-size: 22px;}
	
.info_b_grayBOX .right_a i {
	font-size: 30px;
	right: 10px;
	top: 35%;
}



/* フッター
-----------------------------------------------*/	
.foot_a .left_a {width: 38%;}
.foot_a .right_a {
	width: 62%;
	right: 0;
}		
	
.foot_a .right_a span {
	display: inline-block;
	margin-left: 10px;
}	
	
	
}




/* メールフォーム
-----------------------------------------------*/

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"], input[type="text"], input[type="email"], input[type="reset"], textarea, select {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	border: solid 1px #A2A2A2;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	background-color: #DDDDDD;
	font-size: 100%
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="email"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
textarea::-webkit-search-decoration,
select::-webkit-search-decoration{
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="text"]::focus,
input[type="email"]::focus,
input[type="reset"]::focus,
textarea::focus,
select::focus{
	outline-offset: -2px;
}


input[type="text"], input[type="email"], textarea, select {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	padding: 8px 25px
}

.head_un_bar {
	background-color: #00489d;
	height: 4px;
	margin-bottom: 35px
}

.pdf_area {
	text-align: center;
	padding: 30px 0;
}

.pdf_btn {
	display: inline-block;
	background-color: #00ada2;
	color: #FFFFFF;
	padding: 10px 35px;
	border-radius: 6px;
	font-size: 20px;
	margin: 10px 0 20px;
}
.pdf_btn span::after {
	content: "";
	background-image: url("img/dwrd.png");
	background-position: center center;
	background-size: cover;
	width: 22px;
	height: 19px;
	margin-left: 7px;
	display: inline-block
}

.pdf_btn:hover {opacity: 0.9;}



.mail_area h3 {
	display: block;
	text-align: center;
	margin-bottom: 30px;
	font-size: 24px
}

.mail_area h3::before, .mail_area h3::after {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: "\f141";
	font-size: 110%;
	color: #4cc1ba;
}
.mail_area h3::before {margin-right: 3px;}
.mail_area h3::after {margin-left: 3px;}

.please {
	text-align: center;
	margin: 30px 0;
}

#formWrap {
	max-width:700px;
	margin:0 auto;
	color:#555;
	border: solid 1px #cccccc;
	padding: 20px 30px;
	font-size: 90%
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

.formTable tr th span {
	display: inline-block;
	background-color: #E02B2E;
	font-size: 70%;
	color: #FFFFFF;
	line-height: 1;
	border-radius: 4px;
	padding: 5px 3px 4px;
	margin-left: 5px;
}
#formWrap div.thanks_txt {text-align: center}
#formWrap div.thanks_txt span {display: block;}

.back_txt {
	text-align: center;
	margin-top: 50px;
}


@media screen and (max-width:572px) {

	
.pdf_btn {
	padding: 10px 20px;
	font-size: 18px
}	
	
	
#formWrap {
	margin:0 auto;
	border: none;
	padding: 0;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top: 5px;
	border-bottom: 0;
}

input[type="submit"], input[type="reset"], input[type="button"] {
	display: block;
	width: 100%;
	height: 40px;
}
	
.please {
	text-align: left;
	margin: 20px 0;
}	
#formWrap div.thanks_txt {text-align: left}
#formWrap div.thanks_txt span {display: inline;}
	
	
}





/* Section 01
--------------------------------*/
#sect_01 {
	padding: 25px 0 100px;
	background-color: #edf8e9;
}

.checkpoint_box {
	border: solid 1px #d7d7d7;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 0 20px 15px;
	margin-top: 30px;
	position: relative;
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.13);
}

span.point_check {
	display: inline-block;
	padding: 2px 25px;
	background-color: #80c269;
	color: #FFFFFF;
	position: relative;
    border-radius: 25px;
    top: -15px;
}
ul.check_li {
	font-size: 19px;
	font-weight: bold;
	text-indent: -28px;
	padding-left: 28px;
}
ul.check_li li {
	margin-bottom: 15px;
	list-style: none;
}
ul.check_li li::before {
	content: "";
	background-image: url("img/checkmark.webp");
	background-size: cover;
	width: 24px;
	height: 24px;
	position: relative;
	margin-right: 5px;
	display: inline-block;
	top: 7px;
}

span.orng {color: #e26409;}

img.human_img {
	position: absolute;
	bottom: -80px;
	right: -7px;
	max-width: 120px;
}

.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
	border-top: 35px solid #fdd23c;
	border-bottom: 0;
	margin: 35px auto
}

.threeBox_area {margin-top: 55px;}
.threeBox {
	border: solid 6px #b8da95;
	background: #FFFFFF;
	padding: 0 20px 20px;
	text-align: center;
	position: relative;
	margin-bottom: 45px;
	box-sizing: border-box;
}
span.no_txt {
	background-color: #80c269;
	color: #FFFFFF;
	border-radius: 50%;
	display: inline-block;
	font-size: 36px;
	padding: 10px;
	line-height: 1;
	position: relative;
	top: -30px;
}
.threeBox_tit {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: -20px;
	border-bottom:  dotted 3px #C4C4C4;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.threeBox_txt {text-align: left;}

sup {
	font-size: 12px;
	color: #D10003;
}
.sup_kig {
	color: #D10003;
	margin-right: 3px;
}
.chuusyaku {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: -30px;
	font-size: 14px;
}

@media print, screen and (min-width: 521px) {
	
#sect_01 {padding: 40px 0 120px;}
	

.checkpoint_box {margin: 40px auto 0;}
.checkpoint_box {padding: 0 40px 40px;}

span.point_check {font-size: 24px;}	
	
ul.check_li {
	font-size: 21px;
	text-indent: -35px;
	padding-left: 35px;
}
ul.check_li li {margin-bottom: 10px;}	
ul.check_li li::before {
	width: 29px;
	height: 29px;
	top: 7px;
}
img.human_img {
	bottom: -70px;
	max-width: 100%;
}

.triangle {
	border-right: 50px solid transparent;
	border-left: 50px solid transparent;
	border-top: 45px solid #fdd23c;
}

.threeBox_tit {font-size: 22px;}

	
}@media print, screen and (min-width: 961px) {
	
.checkpoint_box {
	max-width: 850px;
	padding: 0 65px 30px;
}
ul.check_li {
	font-size: 24px;
	margin: 20px 0;
}

img.human_img {bottom: -10px;}
	
.threeBox_area {
	display: flex;
	justify-content: space-between;
}
.threeBox {
	width: 31.5%;
	padding: 0 20px 25px;
}


}



/* Section 03
--------------------------------*/
#sect_03 {padding: 70px 0 100px;}

.jisseki_box {
	background-color: #ffffff;
	padding: 25px 15px;
	margin-top: 25px;
}
span.kenmei {
	background-color: #2e6bb2;
	color: #FFFFFF;
	padding: 5px 20px;
	border-radius: 25px;
}

.jisseki_box table {
	width: 100%;
	margin-top: 20px;
}
table.margin-B {margin-bottom: 35px;}

.jisseki_L {margin-bottom: 35px;}
.jisseki_box table th, .jisseki_box table tr {
	text-align: left;
	vertical-align: top;
}
.jisseki_box table th {width: 62px;}
.jisseki_box table td.kkk {
	text-align: right;
	width: 55px;
}

.jisseki_box .txtmini {margin-left: 8px;}


.link_box {
	background-color: #eeeeee;
	padding: 15px;
	text-align: center;
	margin-top: 30px;
}
.linktxt:hover {
	color: #008B73;
	display: inline-block;
}
.linktxt::after {
	content: "";
	background-image: url("img/link_ico.webp");
	width: 18px;
	height: 18px;
	background-size: cover;
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: 2px;
	opacity: 0.6;
}


@media print, screen and (min-width: 521px) {

#sect_03 {padding: 70px 0 100px;}

.jissekitxt {text-align: center;}	
	
.jisseki_box {padding: 25px;}
.jisseki_box table {font-size: 90%;}

.jisseki_L, .jisseki_R {width: 47%;}
.jisseki_L {
	float: left;
	margin-bottom: 0;
}
.jisseki_R {float: right;}
	
	
	
}@media print, screen and (min-width: 961px) {

.jisseki_box {
	margin-top: 40px;
	padding: 40px;
}
	
.jisseki_box table {font-size: 18px;}	
.jisseki_box table th {width: 90px;}	
	
	
}




/* Mobile Layout: ～520px
--------------------------------*/
.reve_wrap {
	padding: 20px 0 90px;
	background-color: #eae6f8;
}


.shuusi_table_area {
	max-width: 650px;
	margin: 35px auto;	
}
.shuusi_table_area table {
	border: solid 2px #9d91cf;
	width: 100%;
	background-color: #FFFFFF;
	font-weight: bold;
}
.shuusi_table_area table td {
	box-sizing: border-box;
	padding: 10px 20px;
	border-bottom: dotted 2px #C5C5C5;
}
.shuusi_table_area table tr:last-child td {border-bottom: none;}

.shuusi_table_area table tr td:first-child {
	font-size: 4vw;
	color: #8460BD
}
.shuusi_table_area table tr td:nth-child(2) {
	font-size: 5vw;
	color: #525252;
}

.entxt {
	font-size: 75%;
	display: inline-block;
	margin-left: 3px;
}
.chuukitxt, .chuukitxt2 {font-size: 85%;}
.chuukitxt {text-align: right;}
.chuukitxt2 {margin-top: 15px;}


@media print, screen and (min-width: 521px) {

.reve_wrap {padding: 45px 0 110px;}
	
	
.shuusi_table_area table td {padding: 8px 25px;}

.shuusi_table_area table tr td:first-child {font-size: 20px;}
.shuusi_table_area table tr td:nth-child(2) {font-size: 23px;}
	
}@media print, screen and (min-width: 961px) {

	
}