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

body {
	font-size:20px; color:#333;line-height:1.3; margin:0 auto; height:100%;
	font-family: 'メイリオ',"ヒラギノ角ゴ Pro W3",Meiryo,"Hiragino Kaku Gothic Pro",Verdana,sans-serif;
}
input,button,select {
	-webkit-appearance: none;-moz-appearance: none;appearance: none; font-family: 'メイリオ',"ヒラギノ角ゴ Pro W3",Meiryo,"Hiragino Kaku Gothic Pro",Verdana,sans-serif; font-size:20px;
}

.inner { width:1366px; margin:0 auto; }
.small_inner { width:480px; margin:0 auto; padding-bottom: 0.1px; }

.left { float:left; }
.right { float:right; }
.c-both { clear:both; }
.clearfix:after { content: ""; clear: both; display: block; }

.center { margin-left:auto; margin-right:auto; text-align:center; }
/******* flex box ***********/
.flex {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
    justify-content: space-between;
}
.height {
	justify-content: space-between; flex-wrap: wrap; align-items: stretch;
}
a:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
header#header { padding:12.74px 0 12.74px 0; }
header#header .title { width:630px; padding: 10px 0 0 0; }
header#header .title .logo { display:inline-block; width:241px; margin: 0; }
header#header .title .logo img { vertical-align: top; }
header#header .title p.left { display:inline-block; width:350px; font-size:15px; margin: 3px 0 0 28px; color:#666; }


main { background-color:#FFE6EA; padding: 0 0 1px 0; }

main #fv { background-color:#FFF5F6; }
main #fv img { display: block; margin: auto; }
main #caption { background-color:#FB87A8; }
main #caption h3 { padding:17px 0 17px 0; }
main #caption h3 img { display: block; margin: auto; }


section#entry_form { padding:35px 0 0 0; }

section.contents .lp_inner { padding-left: 1px; /* ヘッダーロゴ左1px差分 */ }
section.contents .df .comment {background-color: #fff; box-sizing: border-box; padding: 8px 20px 28px 20px; border-radius: 30px; position: relative; margin:0 0 31px 43px;}
section.contents .df .comment::after {content: ""; position: absolute; width: 33px; height: 31px; top: 30px; left: -32px;clip-path: polygon(0 0, 100% 0%, 100% 100%); background-color: #fff;}
section.contents p { margin:20px 0 17px 0; }
section.contents .small { display:block; font-size:15px; }
section.contents em.fb { font-weight:bold; color:#F985A6; }


section.contents .wh_bg { background-color: #fff; box-sizing: border-box; padding: 42px 59px 43px 61px; margin:0 0 31px auto; width:880px; border-radius: 59px; border: 1px solid #f5ecda;}


section.contents .wh_bg label { display: block;text-align: center;margin: 0 18px 15px 0; width: 370px; }
section.contents .wh_bg label:nth-of-type(2n) { margin-right: 0; }
section.contents .wh_bg label[for=work_style4],
section.contents .wh_bg label[for=season4] { margin: 0 auto 15px auto;clear: both;float: none;}


section.contents .wh_bg label input {display: none;}
section.contents .wh_bg label input[type="checkbox"]:checked ~ span {border: 2px solid #fb87a8;background: #fb87a8 !important;color: #fff;}
section.contents .wh_bg label span {border: 2px solid #fb87a8;padding: 18px 0;box-sizing: border-box;border-radius: 7px;display: block;}

section.contents .btn {
	background-color: #00b900;border: 1px solid #00b900;color: #fff;display: block;margin: 15px auto 0 auto; padding: 19px 0;border-radius: 100px;width: 360px;letter-spacing: 0.075em;cursor: pointer;
}
section.contents .btn:disabled { background: #ccc; border: 1px solid #ccc; cursor: default;}



.address1 select {border: 2px solid #fb87a8;padding: 18px 0;padding-left: 0px;box-sizing: border-box;border-radius: 7px;display: block;background-color: #fff;width: 480px;margin: 0 auto 15px auto; padding-left: calc(240px - 4em);}

.address2 select {border: 2px solid #fb87a8;padding: 18px 0;box-sizing: border-box;border-radius: 7px;display: block;background-color: #fff;width: 480px;margin: 0 auto 15px auto; padding-left: calc(240px - 4em);}


section.contents .wh_bg label.year {width: 100%;}
section.contents .wh_bg label.year select {border: 2px solid #fb87a8;padding: 18px 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;width: 100%;padding-left: calc(50% - 4em);}
section.contents .wh_bg label.month {width: 220px;margin: 0 !important;}
section.contents .wh_bg label.month select {border: 2px solid #fb87a8;padding: 18px 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;width: 100%;padding-left: calc(50% - 2em);}
section.contents .wh_bg label.day {width: 220px;margin: 0 !important;}
section.contents .wh_bg label.day select {border: 2px solid #fb87a8;padding: 18px 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;width: 100%;padding-left: calc(50% - 2em);}
section#area select, section#birthday select#since, section#name_block input#name { background-image: url(../img/lp_private.png); background-repeat: no-repeat;background-position: 95% 50%;}




section#name_block input#name {border: 2px solid #fb87a8;padding: 18px 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;width: 100%;text-align: center; margin-bottom: 15px;}
section#name_block input#furigana {border: 2px solid #fb87a8;padding: 18px 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;width: 100%;text-align: center; margin-bottom: 15px;}
section#phone_number input {border: 2px solid #fb87a8;padding: 18px 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;width: 100%;text-align: center; margin-bottom: 15px;}

button[type="submit"] span {display: block;font-size: 0.75em;}
button#push07 {padding: 0.45em 0 0.35em 0;}




footer#footer { background-color:#FFE6EA; padding:49px 0 70px 0; }
footer#footer p#kiyaku { margin-top:0; margin-bottom:30px; }
footer#footer a { colo:r#0E6FCD; }
footer#footer #secure { width:250px; margin:0 auto; }
