@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; }header h1 {margin: 10px 0 0 5% !important;} }
@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: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-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; }

header {}
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.5em;padding-bottom: 0.25em;}
header h1 {
    font-size: 0.6em;
    padding: 0;
    margin: 9px 0 0 4.7%;
    width: 28%;
}
header h1 img {
	/*max-width: 240px;*/ max-width: 120px; width: 100%;
}
header .title {
	width:100%; margin:  0 auto;
}
header div.right {
  width: 10.5em;
  margin-bottom: 5px;
  margin-top: 5px;
  line-height: 0.65em;
}
header .title p {
  font-size: 0.45em;
  margin-bottom: 0;
  margin-top: 0.5em;
  letter-spacing: 0.05em;
}

header .title p span {
    display: inline-block;width: 22.5em;
}
header h2 {
	font-size: 0.972em;
	font-weight: 400;
}
header h2 span {
	font-weight: 600;
	font-size: 1.143em;
	color: #EB8020; 
	margin-left: 1%;
	position: relative;
	padding-top: 10px;
	margin-top: -10px;
}
header h2 span:after {
	content: "※";
	font-size: 0.4em;
	color: #000;
	position: absolute;
	top: 12%;
	right: -7%;
}
/***********************************************************************/
main {
	background-color: #fff5e1;
	padding-bottom: 1px;
}
.fb {font-weight: bold;}
.pa {position: absolute;}
.pr {position: relative;}
.wh {color: #fff;}
#lp_img .or_bg {background-color: #ff6533;padding: 0.5em 0 0.45em 0;}
#lp_img .or_bg strong.wh {font-size: 2.667vw;line-height: 1.319em;letter-spacing: 0.05em;}
section.contents label input {display: none;}
.heading_text_img {width: min(572px,76%);display: block;margin: 0.2em auto;}
section.contents .df {display: flow-root;}
section.contents .df .lp_icon {float: left;width: min(95px,14%);}
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: 1.5em;}
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: #ff6533;}
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: -7px;font-size: 0.692em;line-height: 1.25em;width: 93%;}
section.contents .df .comment span.ind.mt {margin-top: -3px;}
section.contents .df .comment span.ind:nth-of-type(2) {margin-top: 0;}
section.contents {margin: 1em auto 1em auto;}
section#qualification.contents {margin: 1em auto 1.5em auto;}
section.contents .wh_bg {background-color: #fff;box-sizing: border-box;padding: 7% 9% 2em 9%;border-radius: 1.75em;border: 1px solid #f5ecda;}
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.722em;}
section.contents label input[type="checkbox"]:checked ~ span {border: 2px solid #FF6533;background: #FF6533 !important;color: #fff;}
section.contents .wh_bg label span {border: 2px solid #FF6533;padding: 0.75em 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: 2.25em auto 0 auto;font-size: 0.722em;padding: 0.9em 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 {}
.address1 select {border: 2px solid #FF6533;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;margin-bottom: 1.5em;padding-left: calc(50% - 4em);}
.address2 {}
.address2 select {border: 2px solid #FF6533;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;padding-left: calc(50% - 4em);}
#birthday {}
#birthday .flex {}
label.year {margin-bottom: 1.25em !important;}
label.year select {border: 2px solid #FF6533;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 #FF6533;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 #FF6533;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 #FF6533;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.813em;margin-bottom: 1em;}
section#name_block input#furigana {border: 2px solid #FF6533;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.813em;}
section#phone_number input {border: 2px solid #FF6533;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.813em;margin-bottom: 1em;}
button[type="submit"] {}
button[type="submit"] span {display: block;font-size: 0.75em;}
button#push07 {padding: 0.45em 0 0.35em 0;}
select {color: #a6a6a6;}
/*********************footer*************************/
footer {
	background-color: #fff5e1;
	padding-top: 1px;
	padding-bottom: 2.2em;
}
footer div.rule {
	width: 70%;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
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: 0.813em;*/
    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: 45%;*/
	width: 84%;
	justify-content: center;
}
footer section#pri .flex .flex_item {
	width: 19%;
	display: flex;
	flex-direction: column;
	margin: 0 4%;
}
footer section#pri .flex .flex_item img {
	width: 100%;
	max-width: 96px;
}
footer section#pri .flex .flex_item div.ssl {
	margin-top: 0.6em;
	width: 129%;
	margin-left: -9%;
	margin-top: auto;
}
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: 91%;}

.wisepops-root {
/*  display: none !important;*/
}