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

body {
	color:#333;
	line-height:1.5;
	font-family: 'メイリオ',"ヒラギノ角ゴ Pro W3",Meiryo,"Hiragino Kaku Gothic Pro",Verdana,sans-serif;
	margin:0 auto; height:100%;
	
}
@media (max-width: 320px) { body { font-size:16px; } }
@media (min-width: 321px) and (max-width: 480px) { body { font-size:18px; } }
@media (min-width: 481px) and (max-width: 540px) { body { font-size:22px; } }
@media (min-width: 541px) and (max-width: 640px) { body { font-size:26px; } }
@media (min-width: 641px) and (max-width: 720px) { body { font-size:28px; } }
@media (min-width: 721px) { body { font-size:32px; } }
img {border:none; vertical-align:bottom;}
img.top {vertical-align:top;}
img.middle {vertical-align:middle;}
address,em {font-style:normal;}
a {color:#0E6FCD; text-decoration:none;}
a:hover,input[type="submit"]:hover,input[type="reset"]:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
.c-both {clear:both;}
.left {float:left;}
.right {float:right;}
.center {display:block;margin:0 auto;text-align:center;}
.heading {width: 100%;}
.lp_inner {width: 89.6%;display: block;margin-left: auto;margin-right: auto;} 
.flex{display: flex;justify-content: space-between;}
.flex_re {flex-flow: row-reverse;}
.flex_s {justify-content: flex-start;}
.flex img {object-fit: cover;object-position: top;}
span.memo { font-size:0.7em; color:#666; }
header, article, footer, section, aside, time , nav, cite, figure, figcaption { display: block; }
.df {display: flow-root;}
header section#header {position:relative;}
header section#header,article,footer section#footer {width:100%; margin:0 auto; height:auto;overflow: hidden;}
#header {padding-top: 0.875em;padding-bottom: 0.35em;}
header h1 {font-size: 0.6em;padding: 0;margin: 6px 0 0 4%;width: 37%;}
header h1 img.logo {width: min(274px,100%);}
header .title {width:100%; margin:  0 auto;}
header div.right {width: 10.75em;margin-bottom: 10px;}
header .title p {font-size: 0.5em;margin-bottom: 0;margin-top: 0.75em;letter-spacing: 0.05em;line-height: 1.313em;}
header .title p span.num {display: inline-block;width: 22.5em;}
/***********************************************************************/
main {background-color: #feffd5;padding-bottom: 1px;}
.fb {font-weight: bold;}
.pa {position: absolute;}
.pr {position: relative;}
.wh {color: #fff;}
#lp_img img.logo {
  inset: 40vw 2vw 0.7vw auto;
  inline-size: 12.05vw;
}
section.contents label input {display: none;}
section.contents .df {display: flow-root;}
section.contents .df .lp_icon {float: left;width: min(95px,15%);}
section.contents .df .comment {float: right;width: 82%;font-size: 3.467vw;background-color: #fff;box-sizing: border-box;padding: 4% 2% 4% 3%;border-radius: 1.25em;position: relative;margin-top: 0;margin-bottom: 1em;}
section.contents .df .comment::after {content: "";position: absolute;clip-path: polygon(0 0, 100% 0%, 100% 100%);background-color: #fff;width: 6%;height: 5vw;top: 1.5em;left: -3%;}
section#work_style .df .comment {padding: 4% 1% 4% 3%;}
section.contents .df .comment .p_1 {margin: 0 auto 1.2em auto;}
section.contents .df .comment .p_1.lh {margin: 0 auto 1.2em auto;line-height: 1.2em;}
section.contents .df .comment span.or {color: #fbce03;}
section.contents .df .comment span.small {font-size: 0.750em;}
section.contents .df .comment span.ind {text-indent: -1em;padding-left: 1em;display: block;margin-top: -10px;font-size: 0.692em;line-height: 1.25em;width: 95%;}
section.contents .df .comment span.ind:nth-of-type(2) {margin-top: 0;}
section.contents {margin: 1.25em auto 1em auto;}
section.contents .wh_bg {background-color: #fff;box-sizing: border-box;padding: 7% 9% 1.75em 9%;border-radius: 2em;border: 2px solid #f5f5cf;}
section#area .wh_bg,section#birthday .wh_bg,section#name_block .wh_bg,section#phone_number .wh_bg {padding: 8% 6% 1.75em 6%;}
section.contents .wh_bg label {display: block;text-align: center;margin: 0.5em auto;font-size: 0.813em;}
section.contents label input[type="checkbox"]:checked ~ span {border: 2px solid #fbce03;background: #fbce03 !important;color: #fff;}
section.contents .wh_bg label span {border: 2px solid #fbce03;padding: 0.875em 0;box-sizing: border-box;border-radius: 10px;display: block;}
section.contents .btn {background-color: #01b901;border: 1px solid #01b901;color: #fff;display: block;margin: 2.5em auto 0 auto;font-size: 0.75em;padding: 1em 0;border-radius: 5em;width: 54vw;letter-spacing: 0.075em;cursor: pointer;}
section.contents .btn:disabled {background: #ccc;border: 1px solid #ccc;cursor: default;}
.address1 select {border: 2px solid #fbce03;padding: 1em 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;font-size: 0.750em;margin-bottom: 1.5em;padding-left: calc(50% - 4em);}
.address2 select {border: 2px solid #fbce03;padding: 1em 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;font-size: 0.750em;padding-left: calc(50% - 4em);}
label.year {margin-bottom: 1.25em !important;}
label.year select {border: 2px solid #fbce03;padding: 1em 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;font-size: 0.750em;font-size: 1em;padding-left: calc(50% - 4em);}
label.month {width: 45%;margin: 0 !important;}
label.month select {border: 2px solid #fbce03;padding: 0.75em 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;font-size: 0.750em;font-size: 1em;padding-left: calc(50% - 2em);}
label.day {width: 45%;margin: 0 !important;}
label.day select {border: 2px solid #fbce03;padding: 0.75em 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;font-size: 0.750em;font-size: 1em;padding-left: calc(50% - 2em);}
section#area select, section#birthday select#since, section#name_block input#name {background-image: url(../img/lp_private.gif);background-repeat: no-repeat;background-position: 93% 50%;background-size: 24%;}
section#name_block input#name {border: 2px solid #fbce03;padding: 1em 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;text-align: center;font-size: 0.750em;font-size: 0.813em;margin-bottom: 1em;}
section#name_block input#furigana {border: 2px solid #fbce03;padding: 1em 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;text-align: center;font-size: 0.750em;font-size: 0.813em;}
section#phone_number input {border: 2px solid #fbce03;padding: 1em 0;box-sizing: border-box;border-radius: 10px;display: block;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;text-align: center;font-size: 0.750em;font-size: 0.813em;margin-bottom: 1em;}
button[type="submit"] span {display: block;font-size: 0.75em;}
button#push07 {padding: 0.45em 0 0.35em 0;}
select {color: #a6a6a6;}
.heading_text_img {width:560px; max-width:76%; display: block; margin:0.2em auto;}
/*********************footer*************************/
footer {background-color: #feffd5;padding-top: 1em;padding-bottom: 2.2em;}
footer div.rule {width: 72%;margin-top: 0.65em;margin-bottom: 1em;box-sizing: border-box;padding-right: 0.5em;}
footer div.flex .flex_item01 {width:30%;}
footer div.flex .flex_item02 {width:70%;}
footer div.flex .flex_item01 a,footer div.flex .flex_item02 a {font-size: 3.45vw;}
footer div.flex .flex_item01 a span,footer div.flex .flex_item02 a span {border-bottom: 1px solid;}
footer section#pri .flex {width: 88%;justify-content: center;height: 4em;gap: 10%;}
footer section#pri .flex .flex_item {position: relative;}
footer section#pri .flex .flex_item.item1 {width: min(108px,20%);}
footer section#pri .flex .flex_item.item2 {width: min(132px,24%);}
footer section#pri .flex .flex_item.item3 {width: min(108px,22%);}
footer section#pri .flex .flex_item.item4 {width: min(109px,20%);}
/*footer section#pri .flex .flex_item.item4 {width: min(150px,27%);}*/
footer section#pri .flex .flex_item img {width: 100%;position: absolute;left: 0;right: 0;display: block;margin: auto;}
footer section#pri .flex .flex_item.item1 img {}
footer section#pri .flex .flex_item.item2 img {bottom: 7%;}
footer section#pri .flex .flex_item.item3 img {bottom: 8%;}
footer section#pri .flex .flex_item.item4 img {width: min(150px,100%) !important;}
footer section#pri .flex .flex_item div.ssl {position: absolute;left: 0;right: 0;display: block;margin: auto;bottom: 8%;}
footer p {font-size: 0.594em;margin: 0;  color: #595959;}
footer p.ind {text-indent: -5em;padding-left: 5em;}
footer div.a_provider {margin-left: 0;}
#footer_text .lp_inner {width: 90%;}