@charset "utf-8";


/* === this stylesheet is [ form.css ] ===*/

#form.index .ttl_main,
#form.confirm .ttl_main,
#form.thanks .ttl_main { background: url(../img/form/bg_form.jpg) center top no-repeat; }

#form .pink { color: #eb0667; }
#form .message { color: #ff0000; }

/* input, textarea, select */
#form .form_box input[type=text],
#form .form_box input[type=email] {
	color: #333;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	border: solid 1px #ccc;
	/* display: table-cell; */
}

#form .form_box input[type=checkbox] { display: none; }

#form .form_box input[type=checkbox]:checked + .checkbox:after { opacity: 1; }

#form .form_box input[type=radio]:checked + .radiobutton:after,
#form .form_box .mwform-radio-field input[type=radio]:checked + .mwform-radio-field-text:after { opacity: 1; }

.form_box input[type=radio]:checked + .radiobutton:after { opacity: 1; }

.form_box input[type=radio]:checked + .mwform-radio-field-text:after { opacity: 1; }

.contents_wrapper .mwform-tel-field input[type="text"],
.contents_wrapper .mwform-zip-field input[type="text"] {
	display: inherit;
	width: inherit;
}

#form .mwform-radio-field > label > input[type="radio"] { display: none; }

#form .form_box select,
#form .form_box input[type=email],
#form .form_box input[type=text],
#form .form_box textarea {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 18px !important;
	color: #333;
	padding: 6px;
	border: solid 1px #ccc;
	border-radius: 6px;
	box-sizing: border-box;
	background: #fff;
	/* display: table-cell; */
}

#form .form_box select {
	border: solid 1px #ccc;
	outline: none;
	cursor: pointer;
	appearance: button;
  -webkit-appearance: button;
  -moz-appearance: button;
}

#form .form_box select::-ms-expand { display: none; }

#form .form_box select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #828c9a;
}

#form .form_box .trigger_box select { width: auto; }

#form textarea {
	min-height: 120px;
	resize: vertical;
}

#form label { cursor: pointer; }

#form .form_box input:focus,
#form .form_box select:focus,
#form .form_box textarea:focus {
	outline: none;
	border-color: #fd7507;
}

#form .form_box a,
#form  .caution a {
	color: #3498db !important;
	text-decoration: underline !important;
}

#form .form_step {
	text-align: center;
	margin-bottom: 32px;
}

.complete_sign {
	padding: 0 !important;
	display: inline !important;
}

.mw_wp_form .error {
	display: block !important;
	width: 100% !important;
}



/* --------------------

	#form.consult

-------------------- */

p.lead { margin-bottom: 32px; }

/* .caution */
#form ul.caution {
	border: 1px solid #fd7507;
	color: #fd7507;
	padding: 24px;
	margin-bottom: 32px;
}

#form ul.caution li {
	margin-bottom: 1em;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 16px;
}

#form ul.caution li:last-child { margin-bottom: 0; }

#form ul.caution li span {
	font-weight: bold;
	text-align: right;
	display: block;
}


/* .protection-policy */
form .protection-policy { margin-top: 24px; }

#form .protection-policy dt { margin-bottom: 16px; }

#form .protection-policy dd {
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	padding: 1em;
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}

#form .protection-policy dd p { margin-bottom: 0.4em; }


/* .ssl_box */
#form .ssl_box {
	border: 3px solid #eee;
	padding: 24px;
	overflow: hidden;
}

#form .ssl_box .icon {
	float: left;
	margin-right: 24px;
}

#form .ssl_box p {
	font-size: 14px;
	margin-top: 4px;
}


/* .btn_box */
#form .btn_box { overflow: hidden; }

#form .btn_box input[type=submit],
#form .btn_box button {
	padding: 16px 60px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	display: inline-block;
}


/* .form_box */
#form .form_box {}

#form .form_box h4 {
	background: #eee;
	margin-bottom: 24px;
	padding: 16px;
	font-size: 18px;
	font-weight: bold;
}

#form .form_box strong {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: block;
}

#form .form_box dl {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 24px;
	margin-bottom: 24px;
	clear: both;
	overflow: hidden;
}

#form .form_box dl:last-child,
#form .form_box.box03 dl {
	border-bottom: none;
	margin-bottom: 0;
}

#form .form_box dt,
#form .form_box dd { box-sizing: border-box; }

#form .form_box dt {
	font-size: 18px;
	font-weight: bold;
}

#form .form_box dt small {
	color: #e34b30;
	border: 1px solid #e34b30;
	border-radius: 4px;
	padding: 0 4px;
	margin-left: 8px;
	font-size: 11px;
	display: inline-block;
	position: relative;
	top: -4px;
}

#form .form_box dl dd ul li { margin-bottom: 16px; }

#form .form_box dl dd ul li:last-child { margin-bottom: 0; }

#form .form_contents .notice {
	font-size: 13px;
	margin-top: 8px;
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}

#form .form_box .first_time label,
#form .form_box .second_time label,
#form .form_box .day_box label,
#form .form_box .trigger_box label {
	display: inline;
	position: relative;
}

/* アイコンかぶり不要？
#form .form_box .first_time label:after,
#form .form_box .second_time label:after,
#form .form_box .day_box label:after,
#form .form_box .trigger_box label:after {
	content: "";
	display: block;
	position: absolute;
	top: 45%;
	width: 10px;
	height: 8px;
	background: url(../img/form/arrow_black.png) center center no-repeat;
	background-size: 10px 100%;
	pointer-events: none;
}

#form .form_box .first_time label:after,
#form .form_box .second_time label:after,
#form .form_box .day_box label:after { right: 14px; }

#form .form_box .trigger_box label:after { right: 8px; }
*/

#form .form_box .radiobutton,
.form_box .mwform-radio-field > label .mwform-radio-field-text {
	position: relative;
	padding-left: 24px;
}

#form .form_box .radiobutton:before,
.form_box .mwform-radio-field > label .mwform-radio-field-text:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-image: url(../img/form/bg_radio_off_sp.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	cursor: pointer;
}

#form .form_box .radiobutton:after,
.form_box .mwform-radio-field > label .mwform-radio-field-text:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-image: url(../img/form/bg_radio_on_sp.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	cursor: pointer;
	opacity: 0;
}

#form .form_box .checkbox {
	position: relative;
	padding-left: 24px;
}

#form .form_box .checkbox:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-image: url(../img/form/bg_check_off_sp.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	cursor: pointer;
}

#form .form_box .checkbox:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-image: url(../img/form/bg_check_on_sp.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	cursor: pointer;
	opacity: 0;
}

#form .first_day a,
#form .second_day a {
	float: left;
	width: 24px;
	height: 24px;
	margin: 8px 0.5em 0 1em;
	display: block;
}

#form .school_box .box div {
	float: left;
	margin-right: 16px;
}

#form .school_box input { display: none; }

#form .cal_btn,
#form .first_day a,
#form .second_day a,
#form .graduation_day a {
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	margin: 8px;
}

#form .button_box input[type="submit"],
#form .button_box button {
	margin: 0 auto 10%;
	border: none;
	outline: none;
	cursor: pointer;
}

#form .message { clear: both; }

.mw_wp_form .type1_only,
.mw_wp_form .type2_only { display: none; }

.mw_wp_form form.type1 .type1_only,
.mw_wp_form form.type2 .type2_only { display: block; }


/* .mwform-checkbox-field, .mwform-radio-field */
.form_box .mwform-checkbox-field .mwform-checkbox-field-text {
	position: relative;
	padding: 0 0 0 24px;
	display: block;
}

.form_box .mwform-checkbox-field .mwform-checkbox-field-text:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	background-image: url(../img/form/bg_check_off_sp.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	cursor: pointer;
}

.form_box .mwform-checkbox-field .mwform-checkbox-field-text:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	background-image: url(../img/form/bg_check_on_sp.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	cursor: pointer;
	opacity: 0;
}

.form_box .mwform-checkbox-field input[type=checkbox]:checked + .mwform-checkbox-field-text:after { opacity: 1; }

.form_box .mwform-checkbox-field > label { position: relative; }

.form_box .mwform-radio-field > label {
	position: relative;
	margin: 0 1.5em 3px 0;
}

.form_box .mwform-radio-field > label .mwform-radio-field-text { padding: 0 0 0 30px; }

.form_box .mwform-radio-field > label .mwform-radio-field-text:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	background-image: url(../img/form/bg_radio_off_sp.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	cursor: pointer;
}

.form_box .mwform-radio-field > label .mwform-radio-field-text:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	background-image: url(../img/form/bg_radio_on_sp.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	cursor: pointer;
	opacity: 0;
}

span.mwform-checkbox-field.horizontal-item {
	margin-right: 16px;
	display: inline-block;
}

.mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0 !important; }


/* .first_time_box, .second_time_box */
.first_time_box .first_day,
.second_time_box .second_day,
.first_time_box .first_day input,
.second_time_box .second_day input,
.graduation_box .graduation_day,
.graduation_box .graduation_day input { float: left; }

.first_time_box .first_day input,
.second_time_box .second_day input,
.first_time_box .first_time select,
.second_time_box .second_time select,
.graduation_box .graduation_day input { width: 160px; }

.cal_btn { float: left; }

/* .name_box, .name_box_kana */
.name_box .box,
.name_box_kana .box,
.name_box_alphabet .box {
	float: left;
	margin-right: 16px;
}

.name_box .box span,
.name_box_kana .box span,
.name_box_alphabet span {
	width: 2em;
	margin-right: 4px;
	text-align: center;
	display: inline-block;
}

.name_box .box input,
.name_box_kana .box input,
.name_box_alphabet input { width: 140px; }

/* .tel_box, .mail_box */
.tel_box input,
.mail_box input { width: 300px; }

.mail_box .mwform-checkbox-field { margin-top: 8px; }

/* .postal_code */
.postal_code input#zip01 { width: 80px; }

.postal_code input#zip02 { width: 140px; }

/* .address_box */
.address_box input#town,
.address_box input#town02 { width: 240px; }

.address_box input#town03,
.address_box input#town04 { width: 76%; }

#form textarea {
	width: 76%;
	height: 120px;
}

#form .personal_box {
	margin: 0 auto 24px;
	display: table;
}


/* --------------------

	#form.confirm

-------------------- */

#form.confirm .btn_box ul {
	width: 100%;
	margin: 0 auto 10%;
	padding-top: 6%;
}

#form.confirm .btn_box li.btn_back { margin: 0; }

#form.confirm .btn_box li button.btn_type2,
#form.confirm .btn_box li button.btn_type3 {
	width: 100%;
	margin: 0;
}

#form.confirm .btn_box .btn_back:hover,
#form.thanks .btn_box .btn_back:hover { opacity: 0.7; }


/* .mw_wp_form_confirm */
.mw_wp_form_confirm .button_box input[name="submitBack"]:hover,
.thanks .button_box .btn_back:hover { opacity: 0.7; }

.mw_wp_form_confirm .button_box input[name="submitBack"] { float: left; }

.mw_wp_form_confirm .button_box input[name="submitBack"],
.mw_wp_form_confirm .button_box .btn_back,
.thanks .button_box .btn_back {
	padding: 0.5em 1em;
	font-weight: bold;
	display: block;
	position: relative;
	z-index: 100;
	text-align: center;
	background: #fff;
	color: #000;
	font-size: 18px;
	text-decoration: none;
	border: solid 2px #000;
}

.mw_wp_form_confirm .button_box input[name="submitBack"]:before,
.mw_wp_form_confirm .button_box .btn_back:before,
.thanks .button_box .btn_back:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 27px;
	width: 0;
	height: 0;
	margin-top: -9px;
	border-top: 10px solid transparent;
	border-right: 10px solid #000;
	border-bottom: 10px solid transparent;
}

/* 不具合を確認してから削除
.mw_wp_form_confirm .button_box input.btn_type2,
.mw_wp_form_confirm .button_box input.btn_type3 {
	width: 100%;
	margin: 0;
}

.mw_wp_form_confirm .button_box input.btn_type2,
.mw_wp_form_confirm .button_box input.btn_type3 {
	margin: 0;
	float: right;
}

.mw_wp_form_confirm .button_box {
	width: 83%;
	margin: 0 auto 10%;
	padding-top: 6%;
}

.mw_wp_form_confirm .button_box {
	width: 768px;
	margin: 0 auto 30px;
	padding-top: 20px;
}
*/

#form .mw_wp_form_confirm .form_box .first_time label:after,
#form .mw_wp_form_confirm .form_box .second_time label:after,
#form .mw_wp_form_confirm .form_box .day_box label:after,
#form .mw_wp_form_confirm .form_box .trigger_box label:after { display: none; }

.mw_wp_form_confirm .form_box.box02 dd { margin-top: 6px; }

.mw_wp_form_confirm .form_box.box01 dd.first_box span,
.mw_wp_form_confirm .form_box.box01 dd.second_box span { padding-right: 1em; }

.mw_wp_form_confirm .form_box.box02 dd.name_box span,
.mw_wp_form_confirm .form_box.box02 dd.name_box_kana span,
.mw_wp_form_confirm .form_box.box02 dd.day_box span {
	display: inline-block;
	padding: 0 1em;
}

.mw_wp_form_confirm .form_box.box02 dd.mail_box span {
	margin-bottom: 5px;
	display: block;
}

.mw_wp_form_confirm .form_box.box03 { display: none; }

.mw_wp_form_confirm .form_box .pink { display: none; }

.mw_wp_form_confirm .cal_btn { display: none !important; }

.mw_wp_form_confirm .input_only { display: none !important; }

.mw_wp_form_confirm .notice { display: none !important; }



/* --------------------

	#form.certificate

-------------------- */

/* .upload */
#form .upload label {
	border: 1px dashed #aaa;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 24px;
	text-align: center;
	display: block;
}

#form .box04 p { margin-bottom: 32px; }

#form .box04 dl { padding-bottom: 0; }


/* .cautionary-note */
#form .cautionary-note p {
	color: #e34b30;
	margin-bottom: 8px;
}

#form .cautionary-note small {
	font-size: .92rem;
	color: #666;
	display: block;
}

#form .cautionary-note .mwform-checkbox-field { margin: 0 auto; }



@media only screen and (max-width: 575px) { /* for SP */
	/*-- 確認してから適用
	#form .bottom-button { display: none; }
	
	#form footer#footer { padding-bottom: 24px; }
	--*/

	#form ul.caution li span {
		text-align: center;
		margin-top: 8px;
	}
	
	#form .form_box dt { margin-bottom: 8px; }

	#form.consult .school_box .box div { margin: 8px 24px 8px 0; }

	#form textarea { width: 100%; }

	#form .btn_box input[type=submit],
	#form .btn_box button {
		width: 100%;
		padding: 16px 0;
	}

	#form .form_box .text-link { margin-bottom: 24px; }

	#form .btn_box { margin-bottom: 32px; }
	
	#form .btn_box .btn_redo { margin-bottom: 24px; }
	
	#form .upload label:before {
		background: url( "../img/form/icon-camera.png" ) top center / 50px 40px no-repeat ;
		content: "ここをタップするとカメラが起動します。";
		font-size: 16px;
		font-weight: bold;
		color: #777;
		padding-top: 54px;
		margin-bottom: 8px;
		display: block;
	}
/* for SP end */ }



@media only screen and (min-width: 576px) { /* for PC */
	#form .form_box.box01 dt,
	#form .form_box.box02 dt,
	#form .form_box.box04 dt {
		float: left;
		width: 23%;
		margin-right: 2%;
	}
	
	#form .form_box.box01 dd,
	#form .form_box.box02 dd,
	#form .form_box.box04 dd {
		float: right;
		width: 75%;
	}

	#form .ssl_box {
		width: 460px;
		margin: 0 auto;
	}

	#form .form_box .text-link {
		margin: 0 auto 24px;
		text-align: center;
	}

	#form .btn_box {
		width: 420px;
		margin: 0 auto 32px;
		text-align: center;
		overflow: hidden;
	}
	
	#form .btn_box .btn_redo {
		float: left;
		margin-right: 24px;
	}
	
	#form .upload label { width: 76%; }
/* for PC end */ }

/* ========== ここまで整理したもの ========== */



/* --------------------

	#form thanks

-------------------- */

#form.thanks h4,
#form.thanks p { text-align: center; }

#form.thanks h4 { font-weight: bold; }

#form.thanks div.line-contents {
	text-align: center;
	max-width: 720px;
	margin: 0 auto;
	background: #eee;
}

#form.thanks div.line-contents p.sub-title {
	font-weight: bold;
	font-size: 30px;
	padding: 25px 0;
	background: #fff;
}

#form.thanks div.line-contents div.content-list {
	background: #fff;
	width: 85%;
	margin: 25px auto;
	padding: 0 2.5%;
}

#form.thanks div.line-contents div.content-list p.title {
	letter-spacing: -6px;
	padding: 25px 0;
	width: 100%;
	margin: 0 auto;
}

#form.thanks div.line-contents div.content-list p.title span.sub {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	color: #00b900;
	font-weight: bold;
	font-size: 25px;
	border: 2px solid #00b900;
	padding: 10px;
	border-radius: 50%;
}

#form.thanks div.line-contents div.content-list p.title span.sub strong {
	font-size: 40px;
	vertical-align: middle;
}

#form.thanks div.line-contents div.content-list p.title span.main {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	width: calc(100% - 115px);
	text-align: left;
	font-weight: bold;
	margin: 0 0 0 10px;
	font-size: 25px;
	border-bottom: 2px solid #00b900;
}

#form.thanks div.line-contents div.content-list ul.bana {
	letter-spacing: -6px;
	margin: 0 auto 50px;
}

#form.thanks div.line-contents div.content-list ul.bana li {
	display: inline-block;
	max-width: 350px;
	letter-spacing: normal;
}

#form.thanks div.line-contents div.content-list ul.bana li:first-child img { max-width: 120px; }

#form.thanks div.line-contents div.content-list p {
	text-align: left;
	width: 80%;
	margin: 0 0 0 20%;
	font-size: 16px;
	font-weight: bold;
}

#form.thanks div.line-contents div.content-list ul.text {
	width: 85%;
	margin: 25px auto;
}

#form.thanks div.line-contents div.content-list ul.text li { margin: 0 auto; }

#form.thanks div.line-contents div.content-list ul.text li p {
	width: calc(100% - 20px);
	margin: 0 auto;
	background: #00b900;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
}

#form.thanks div.line-contents div.content-list ul.text li p strong {
	font-size: 30px;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

#form.thanks div.line-contents div.content-list ul.text li i {
	font-size: 50px;
	color: #777;
}

#form.thanks div.line-contents div.content-list ul.image { letter-spacing: -6px; }

#form.thanks div.line-contents div.content-list ul.image li {
	display: inline-block;
	width: 32%;
	margin: 0 0 0 2%;
}

#form.thanks div.line-contents div.content-list ul.image li:first-child { margin: 0; }

.wantmag_box.haishinteishi span { margin: 5px 0 0; }

p.other-text { margin: 10px auto; }

p.other-text a { font-size: 14px; }

p.other-text a:hover { opacity: .5; }

p.other-text a i { padding: 0 5px 0 0; }


/* -- style.cssから移設 -- */
@media only screen and (max-width: 575px) { /* for SP */
	#form.thanks h4 {
		margin: 10% 0 4%;
		font-size: 20px;
		font-weight: bold;
	}

	#form.thanks p { font-size: 16px; }

	#form.thanks .btn_box { width: 100%; }

	#form.thanks .btn_box a.btn_back {
		width: 73%;
		margin: 16% auto;
		box-sizing: border-box;
	}
}

@media only screen and (min-width: 576px) { /* for PC */
	#form.thanks { font-size: 16px; }

	#form.thanks h4 {
		margin: 40px 0 42px;
		font-size: 20px;
	}

	#form.thanks .btn_box .btn_back { margin: 125px auto 0; }
}
/* -- style.cssの移設ここまで --*/


@media only screen and (max-width: 575px) { /* for SP */
	#form.thanks h4 {
		margin: 10% 0 4%;
		font-size: 20px;
		font-weight: bold;
	}

	#form.thanks p { font-size: 16px; }

	#form.thanks .btn_box { width: 100%; }

	#form.thanks .btn_box a.btn_back {
		width: 73%;
		margin: 16% auto;
		box-sizing: border-box;
	}

	#form.thanks div.line-contents p.sub-title { font-size: 16px; }

	#form.thanks div.line-contents div.content-list {
		width: 90%;
		margin: 10px auto;
	}

	#form.thanks div.line-contents div.content-list p.title { padding: 15px 0; }

	#form.thanks div.line-contents div.content-list p.title span.sub { font-size: 16px; }

	#form.thanks div.line-contents div.content-list p.title span.sub strong { font-size: 25px; }

	#form.thanks div.line-contents div.content-list p.title span.main {
		font-size: 16px;
		width: calc(100% - 80px);
		margin: 0 0 0 5px;
	}

	#form.thanks div.line-contents div.content-list ul.bana li:first-child img { max-width: 80px; }

	#form.thanks div.line-contents div.content-list ul.bana li { max-width: 270px; }

	#form.thanks div.line-contents div.content-list p {
		width: 100%;
		margin: 0 auto;
		font-size: 14px;
		font-weight: normal;
	}

	#form.thanks div.line-contents div.content-list ul.text { width: 100%; }

	#form.thanks div.line-contents div.content-list ul.text li p { font-size: 18px; }

	#form.thanks div.line-contents div.content-list ul.text li p strong {
		font-size: 25px;
		padding: 0 5px 0 0;
	}

	#form.thanks div.line-contents div.content-list ul.text li i { font-size: 30px; }

	#form.thanks div.line-contents div.content-list ul.image li,
	#form.thanks div.line-contents div.content-list ul.image li:first-child {
		display: block;
		width: 80%;
		margin: 0 auto 25px;
	}

	div.pamphlet_box.clearfix ul li,
	div.pamphlet_box.clearfix ul li:first-child {
		margin: 25px auto;
		display: block;
		text-align: center;
		width: 300px;
		float: none;
	}

	div.pamphlet_box.clearfix ul li a img {
		max-width: none;
		width: 100%;
	}	
}

/* =================== 20210316-追加 =================== */
div.pamphlet_box.clearfix { margin: 0 auto 25px; }

div.pamphlet_box.clearfix p { font-weight: bold; }

div.pamphlet_box.clearfix ul {
	max-width: 800px;
	margin: 25px auto;
}

div.pamphlet_box.clearfix ul li {
	float: left;
	margin: 0 0 0 25px;
}

div.pamphlet_box.clearfix ul li:first-child { margin: 0; }

div.pamphlet_box.clearfix ul li a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 2px;
	transition: .3s;
}

div.pamphlet_box.clearfix ul li a:hover { opacity: .5; }

div.pamphlet_box.clearfix ul li a img { max-width: 248px; }

.day_box .year, .day_box .month, .day_box .day {
  display: inline-block;
  margin: 0 15px 0 0;
}