@charset "UTF-8";

.tbg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	float: left;
	background-image: url(../img/top_bg02.jpg);
	width: 100%;
}

.page_tbox01 {
	text-align: center;
	padding: 8% 0 11%;
}

.page_t01 {
	font-size: 18px;
}

.one_click_t {
	width: 370px;
	padding: 1.5em 0;
}

.page_tp01 {
	font-size: 16px;
	text-shadow:2px 2px 2px #ffffff;
}


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

.page_tbox01 {
	text-align: center;
	padding: 6% 0 14%;
}

.page_tp01 {
	font-size: 14px;
}

}

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

.one_click_t {
	width: 90%;
	padding: 1.0em 0;
}

}

/* top  ------------------------------------------------------------ */


.tmt01 {
	margin-top: 0.7em;
}

.m_box01 {
	display: flex;
	flex-wrap:wrap;
	margin: 0 0 2%;
}

.m_box01_in01 {
	width: 59%;
	margin: 0 2% 0 0;
}

.m_box01_in02 {
	width: 39%;
}

.mb_in02_b1 {
	border: 3px solid #dcefe3;
	padding: 4.7% 4.5%;
}

.mb_in02_img {
	width: 14px;
	vertical-align: middle;
	padding: 0 3px 0 0;
}

.mb_h01 {
	font-size: 16px;
	font-family: "heisei-kaku-gothic-std",sans-serif;
	font-style: normal;
	font-weight: 500;
	padding: 0 0 1em;
}

.kome_p01 {
	font-size: 12px;
}

.mitsumori_number_h {
	font-size: 24px;
	letter-spacing: 0.03em;
	padding: 0.4em 0 0;
}

.mn_hs01s {
	font-size: 134%;
	line-height: 1;
}

.mn_hs01n {
	font-size: 167%;
	letter-spacing: 0em;
}


.t_m_type,
.t_m_square {
	display: flex;
	width: 100%;
	justify-content:center;
}

.t_m_type {
	padding: 0 0 3%;
}

.t_m_square {
	flex-wrap: wrap;
}

/* ラジオボタンは非表示にする */
input[type=radio] { display: none; }


/* マウスオーバーしたときのスタイル */
label:hover { background-color: #b6b6b6; color: #000000; }
/* lableのスタイル */
label {
	cursor: pointer;
	background-color: #d5d5d5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow:0px 3px 0px 0px #b6b6b6;
	-moz-box-shadow:0px 3px 0px 0px #b6b6b6;
	-webkit-box-shadow:0px 3px 0px 0px #b6b6b6; }


.t_m_type label {
	font-size: 20px;
	padding: 0.1em 0.7em;
	margin: 0 2% 0 0;
}

.t_m_type label:last-child {
	margin: 0;
}

.t_m_square label {
	width: 32%;
	margin: 0 2% 3% 0;
}

.t_m_square label:nth-child(3n) {
	margin: 0 0 3% 0;
}

/* FF ファイヤーフォックス　css ハック */
@-moz-document url-prefix() {

.t_m_square label {
	width: 32%;
	margin: 0 2% 15px 0;
}

.t_m_square label:nth-child(3n) {
	margin: 0 0 15px 0;
}

}


.rdo_p1 {
	display: flex;
	align-items:center;
}

.rdo_s1 {
	font-size: 30px;
	padding: 0.4em 0.6em;
}

.rdo_s2 {
	font-size: 16px;
	line-height: 1.4;
}

/* チェックされた時のスタイル */

input[type="radio"]:checked + label {
	background-color: #00a13f;
	color: #ffffff;
	box-shadow:0px 3px 0px 0px #008e33;
	-moz-box-shadow:0px 3px 0px 0px #008e33;
	-webkit-box-shadow:0px 3px 0px 0px #008e33;
}

.omoushikomi_link01 {
	text-align: center;
	margin: 4% 0 5%;
}

a.omo_link_a {
	background-color: #fa5800;
	background-repeat: no-repeat;
	background-position: right 17px center;
	background-size: 9px 14px;
	background-image: url(../img/ya_04.png);
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	color: #ffffff;
	font-size: 21px;
	padding: 1em 5em;
	display: inline-block;
}

.omo_link_i {
	width: 21px;
	vertical-align: middle;
	margin: -4px 5px 0 0;
}

a:hover.omo_link_a {
	background-color: #f7662d;
	text-decoration: none;
}


@media screen and (max-width: 768px) { /*tablet*/

.t_m_square {
	justify-content:flex-start;
}

.t_m_square label {
	width: 49%;
}

.t_m_square label:nth-of-type(3n) {
	margin: 0 2% 3% 0;
}


.t_m_square label:nth-of-type(2n) {
	margin: 0 0 3% 0;
}

.t_m_square label:last-child {
	margin: 0 0 3% 0;
}

}

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

.m_box01_in01 {
	width: 100%;
	margin: 0 0 3%;
}

.m_box01_in02 {
	width: 100%;
    display: none;
}


.mitsumori_number_h {
	font-size: 18px; }

a.omo_link_a {
	background-position: right 12px center;
	background-size: 9px 14px;
	font-size: 18px;
	padding: 1em 3em;
}

}

/* page  ------------------------------------------------------------ */

.madori01 {
	width: 760px;
	padding: 10px 0 0;
}

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

.madori01 {
	width: 100%;
	padding: 10px 0;
}

}