@charset "UTF-8";

/*-----------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	width: 100%;

}
body {
	margin: 0;
	width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display:none
}
a {
	background-color: transparent;
	outline: 0;
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0;
	vertical-align:top;
}
svg:not(:root) {
	overflow: hidden
}
hr {
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height: normal
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th,ol,dl {
	padding: 0
}

/*-----------------------------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #333;
	font-size:0.001em;
	line-height:0;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

}
a img {
	-webkit-transition: .2s all ease;
	transition: .2s all ease
}
a:hover img {
	opacity: .7
}

/*-----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ul, li{
	margin:0;
	padding:0;
}
ul,ol{
	list-style-type:none;
}

#wrapper img{
	width: 100%;
	max-width: 100%;
	height: 100%;
	display: block;
	line-height: 0;
	font-size: 0;
	margin: 0 auto;
	vertical-align: bottom;
}

/*============================
content
============================*/

:root{
	--main-color:#0a005a;
	--header-color:#000219;
}
/*============================
#wrapper
============================*/
#wrapper {
	width: 100%;
}
#wrapper .p-box {
	position: relative;
}

#wrapper .flex{
	display: flex;
	flex-wrap:wrap;
}

#wrapper .inner.w1200 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
#wrapper .inner.w1000 {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
#wrapper section>h3{
	background-color: var(--main-color);
}
#wrapper section>h3 img{
	max-width:1200px;
}

/*============================
#header
============================*/
#wrapper #header {
	background-color: var(--header-color);
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 10;
}
#wrapper #header .head-wrap {
	max-width: 1200px;
	margin: 0 auto;
	justify-content: space-between;
	align-items:center;
}
#wrapper #header .head-wrap.flex .header-left {
	display: flex;
	align-items:center;
	width: min(calc(560/1200*100%));

}
#wrapper #header .head-wrap.flex .header-left .header-tel {
	width: min(calc(275/560*100%));
	margin-right:  min(calc(17/560*100%));
}
#wrapper #header .head-wrap.flex .header-left .header-phone {
	width: min(calc(257/560*100%));
}
#wrapper #header .head-wrap.flex .btn-header {
	width: min(calc(306/1200*100%));
}

/* btn */

#wrapper .btn-offer {
	width: calc(622/1200*100%);
	margin: 0 auto;
}
#wrapper .offer-safe {
	width: calc(732/1200*100%);
	margin: 2% auto 3%;	
}
#wrapper .btn-request {
	width: calc(149/1200*100%);
	margin: 0 auto;	
}


/*============================
fv
============================*/
#wrapper .fv {
	background-color: var(--main-color);
	padding-bottom: calc(46/1200*100%);
	padding-top: min(calc(57/1200*100vw),57px);
}
#wrapper .fv h1{
	background-color: #FFF;
}
#wrapper .fv h1 img{
	max-width: 1200px;

}
#wrapper .fv h3{
	width:calc(362/1200*100%);
	margin: 2% auto 2%;
}
#wrapper .fv .fv-img{
	position: absolute;
	width: calc(405/1200*100%);
	top:-6%;
	right:10%;
}

.campaign
{
  margin: 60px auto;
}
	
.campaign p
{
  width: 594px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
.campaign
{
  padding: 0px 20px;
}	
.campaign p
{
  width: 100%;

}
}
/* index */
#wrapper .index {
	padding:min(calc(94/1000*100%),94px) 0 min(calc(143/1000*100%),143px);
	max-width: 1000px;
	margin: 0 auto;
}

#wrapper .index h2 {
	width:calc(477/1000*100%);
	margin: 0 auto calc(30/1000*100%);
}

#wrapper .index h3 {
	width:calc(477/1000*100%);
	margin: 0 auto calc(20/1000*100%);
}

#wrapper .index h4 {
	width:calc(536/1000*100%);
	margin: 0 auto calc(35/1000*100%);

}
#wrapper .index .index-btn-list{
	justify-content: space-between;
}
#wrapper .index .index-btn-list li{
	width:calc(300/1000*100%);
}

/* cont-head */
#wrapper .cont-head {
	background-color: var(--main-color);
	border-bottom: 3px solid #FFF;
}

/*============================
wig
============================*/

#wrapper .wig {
}
#wrapper .wig>h3{
	background-color: var(--main-color);
}
#wrapper .wig>h3 img{
	width: calc(1102/1200*100%);
	max-width: 1200px;
}
#wrapper .wig .w1000 {
	padding-bottom: min(calc(10%),100px);
}
#wrapper .wig .w1000 .flex li {
	width: 50%;
}

/* wig-fix */
#wrapper .wig .wig-fix .sub-head {
	background-color: var(--main-color);
}
#wrapper .wig .wig-fix .sub-head img{
	max-width: 1200px;
	margin: 0 auto;
}
#wrapper .wig .wig-fix .inner {
	margin-bottom: min(calc(60/1200*100%),60px);
}
#wrapper .wig .wig-fix .inner .wig-fix-month li {
	width: calc(400/1200*100%);
}
#wrapper .wig .wig-fix .inner .wig-fix-guarantee li {
	width: 50%;
}
/*============================
offer
============================*/
#wrapper .offer {
	margin-bottom: min(10%,100px);
}
#wrapper .offer .inner {
	background-color: var(--main-color);
	padding:min(calc(60/1000*100%),60px) 0;
}
#wrapper .offer h2{
	width: calc(512/1200*100%);
	margin: 0 auto calc(50/1200*100%);
}
#wrapper .offer h3{
	width: calc(362/1200*100%);
	margin: 0 auto calc(25/1200*100%);
}

#wrapper .offer .btn-request {
	width: calc(149/1200*100%);
    margin: 0 auto 3%;
}
#wrapper .offer .offer-tel-head {
	width: calc(484/1200*100%);
	margin: 0 auto 1.5%;
}
#wrapper .offer .btn-tel {
	width: calc(1001/1200*100%);
	margin: 0 auto 1.5%;
}

#wrapper .offer .offer-tel-bottom {
	width: calc(726/1200*100%);
	margin: 0 auto;
}

/*============================
exte
============================*/
#wrapper .exte {
}
#wrapper .exte .inner{
	padding-bottom: min(calc(60/1200*100%),60px);
}

#wrapper .exte .inner ol li:nth-of-type(1) ul li{
	width: 50%;
}

#wrapper .exte .inner ol li:nth-of-type(2) ul li,
#wrapper .exte .inner ol li:nth-of-type(3) ul li{
	width: calc(400/1200*100%);
}

/*============================
cut
============================*/
#wrapper .cut {
}
#wrapper .cut .cont-head {
}
#wrapper .cut>.inner{
	padding-bottom: min(calc(80/1200*100%),80px);
}
#wrapper .cut .inner ol li:nth-of-type(1) ul li,
#wrapper .cut .inner ol li:nth-of-type(2) ul li{
	width: 50%;
}
#wrapper .cut .inner ol li:nth-of-type(3){

}
#wrapper .cut .inner ol li:nth-of-type(3) div.flex{
	justify-content: space-between;
}
#wrapper .cut .inner ol li:nth-of-type(3) div.flex p{
	width: 100%;
}
#wrapper .cut .inner ol li:nth-of-type(3) ol{
	width: 100%;
}

/*============================
step-offer
============================*/

#wrapper .step-offer h2{
	width: calc(548/1200*100%);
	margin: 0 auto calc(40/1200*100%);
}
#wrapper .step-offer h2 + p{
	width: calc(974/1200*100%);
	margin: 0 auto calc(40/1200*100%);
}
#wrapper .step-offer h4{
	width: calc(486/1200*100%);
	margin: 0 auto calc(20/1200*100%);
}

/*============================
bottom-offer
============================*/

#wrapper .bottom-offer h2 {
	width: calc(714/1200*100%);
	margin: 0 auto calc(30/1200*100%);
}
#wrapper .bottom-offer h2+figure{
	width: calc(601/1200*100%);
	margin: 0 auto calc(40/1200*100%);
}
#wrapper .offer.bottom-offer{
	margin-bottom: 0;
}
/*============================
reason
============================*/
#wrapper .reason {
	padding-bottom:  min(calc(60/1200*100%),60px);
}
#wrapper .reason .cont-head {
	background-color: var(--main-color);

}
#wrapper .reason .cont-head img{
	max-width: 1200px;
	margin: 0 auto;
}
#wrapper .reason>.inner ol li {
	width: calc(400/1200*100%);
}


/*============================
studio
============================*/

#wrapper .studio {
	margin-top: calc(20/1200*100%);
}

#wrapper .studio .cont-head img{
	max-width: 1200px;
	margin: 0 auto;
}

#wrapper .studio .studio-wrap {
	background-image: url(../img/studio-bg_pc.jpg);
	background-size: cover;
	background-position: center center;
	padding:min(calc(60/1200*100%),60px) 0;
}
#wrapper .studio .studio-wrap figure{
	width:calc(1003/1200*100%);
	margin: 0 auto;
}

#wrapper .studio .studio-wrap figure+p{
	margin: 3% auto 2%;
	width:calc(865/1200*100%);
}

#wrapper .studio .studio-wrap .btn-studio {
	width:calc(450/1200*100%);
	margin: 0 auto 3%;
}
#wrapper .studio .address-wrap {
text-align: center;
padding: min(calc(30/1200*100%),30px) 0;
}
#wrapper .studio .address-wrap .bottom-address {
	line-height: calc(25/18);
	font-size: 18px;
	font-weight: bold;
}

/*============================
footer
============================*/

#wrapper footer {
	background-color: var(--main-color);
	padding:min(calc(15/1200*100%),15px) 0;
}

#wrapper .copy {
	line-height: 1;
	font-size: 12.8px;
	color: #FFF;
	text-align: center;
}

/*============================
#fixdBtn
============================*/
#wrapper #fixdBtn {
	position: fixed;
	bottom:0;
	left:0;
	width: 100%;
	opacity: 1;
  transition: all ease 0.3s;
}
#wrapper #fixdBtn .fixed_inner{
	max-width: 1200px;
	margin: 0 auto;
}
#wrapper #fixdBtn.is-bnrHide{
	opacity: 0;
	pointer-events: none;
	bottom:-5%;
}

/*============================
SP style
============================*/

@media (max-width:750px){
/* spstart */

/*============================
#wrapper
============================*/

#wrapper .inner.w1200,
#wrapper .inner.w1000 {
	max-width: 100%;
}

/*============================
#header
============================*/
#wrapper #header {

}
#wrapper #header .head-wrap {
	max-width: 100%;
	margin: 0 auto;
}
#wrapper #header .head-wrap.flex .header-left {
	display: flex;
	align-items:center;
	justify-content: space-between;
	width: min(calc(525/750*100%));

}
#wrapper #header .head-wrap.flex .header-left .header-tel {
	width: min(calc(193/545*100%));
	margin-left:  min(calc(10/545*100%));
}
#wrapper #header .head-wrap.flex .header-left .header-phone {
	width: min(calc(321/560*100%));
}
#wrapper #header .head-wrap.flex .btn-header {
	width: min(calc(206/750*100%));
}

/* btn */

#wrapper .btn-offer {
	width: calc(682/750*100%);
	margin: 0 auto;
}
#wrapper .offer-safe {
	width: calc(652/750*100%);
	margin: 4% auto 5%;	
}
#wrapper .btn-request {
	width: calc(185/750*100%);
	margin: 0 auto;	
}


/*============================
fv
============================*/
#wrapper .fv {
	padding-bottom: calc(72/750*100%);
	padding-top: min(calc(70/750*100vw),70px);
}
#wrapper .fv h1{
	background-color: #FFF;
}
#wrapper .fv h1 img{
	max-width: 100%;
}
#wrapper .fv h2 + p{
	width: calc(406/750*100%);
	margin: 3% auto 4%;
}
#wrapper .fv h3{
	width:calc(362/750*100%);
	margin: 6% auto 2%;
}
#wrapper .fv .fv-offer-text {
	width:calc(650/750*100%);
	margin: 4% auto 0;
}
#wrapper .fv .fv-img{
	position: absolute;
	width: calc(336/750*100%);
	top:-14%;
	right:0;
}
/* index */
#wrapper .index {
	padding:min(calc(60/750*100%),60px) 0 min(calc(105/750*100%),105px);
	max-width: 100%;

}

#wrapper .index h2 {
	width:calc(595/750*100%);
	margin: 0 auto calc(30/750*100%);
}

#wrapper .index h3 {
	width:calc(672/750*100%);
	margin: 0 auto calc(40/750*100%);
}

#wrapper .index h4 {
	width:calc(669/750*100%);
	margin: 0 auto calc(50/750*100%);

}
#wrapper .index .index-btn-list{
	display: block;
	width: calc(690/750*100%);
	margin: 0 auto;	
}
#wrapper .index .index-btn-list li{
	width:100%;
}
#wrapper .index .index-btn-list li:not(:last-of-type){
	margin-bottom: 3%;
}
/* cont-head */
#wrapper .cont-head {
	border-bottom: none;
}

/*============================
wig
============================*/

#wrapper .wig {
}

#wrapper .wig>h3 img{
	width: 100%;
}
#wrapper .wig .w1000 {
	padding-bottom:calc(62/750*100%);
}
#wrapper .wig .w1000 .flex li {
	width: 100%;
}
#wrapper .wig .w1000 ol li:nth-of-type(3) .flex li{
	width: 50%;
}
/* wig-fix */

#wrapper .wig .wig-fix .sub-head img{
	max-width: 100%;

}
#wrapper .wig .wig-fix .inner {
	margin-bottom: min(calc(60/1200*100%),60px);
}
#wrapper .wig .wig-fix .inner .wig-fix-month{
	display: block;
}
#wrapper .wig .wig-fix .inner .wig-fix-month li {
	width: 100%;
}
#wrapper .wig .wig-fix .inner .wig-fix-guarantee{
	display: block;
}
#wrapper .wig .wig-fix .inner .wig-fix-guarantee li {
	width: 100%;
}
/*============================
offer
============================*/
#wrapper .offer {
	margin-bottom: calc(85/750*100%);
}
#wrapper .offer .inner {
	background-color: var(--main-color);
	padding:min(calc(40/750*100%),100px) 0 min(calc(100/750*100%),100px);
}
#wrapper .offer h2{
	width: calc(640/750*100%);
	margin: 0 auto calc(50/750*100%);
}
#wrapper .offer h3{
	width: calc(581/750*100%);
	margin: 0 auto calc(25/750*100%);
}

#wrapper .offer .btn-request {
	width: calc(185/750*100%);
    margin: 0 auto 7%;
}
#wrapper .offer .offer-tel-head {
	width: calc(605/750*100%);
	margin: 0 auto 4%;
}
#wrapper .offer .btn-tel {
	width: calc(670/750*100%);
	margin: 0 auto 4%;
}

#wrapper .offer .offer-tel-bottom {
	width: calc(565/750*100%);
	margin: 0 auto;
}

/*============================
exte
============================*/
#wrapper .exte {
}
#wrapper .exte>.inner{
	padding-bottom: calc(85/750*100%);
}

#wrapper .exte .inner ol li:nth-of-type(1) ul li{
	width: 100%;
}

#wrapper .exte .inner ol li:nth-of-type(2) ul li{
	width: 100%;
}
#wrapper .exte .inner ol li:nth-of-type(3) ul li:nth-of-type(1){
	width: calc(240/750*100%);
}

#wrapper .exte .inner ol li:nth-of-type(3) ul li:nth-of-type(2){
	width: calc(217/750*100%);
}
#wrapper .exte .inner ol li:nth-of-type(3) ul li:nth-of-type(3){
	width: calc(293/750*100%);
}



/*============================
cut
============================*/
#wrapper .cut {
}
#wrapper .cut .cont-head {
}
#wrapper .cut>.inner{
	padding-bottom: min(calc(84/750*100%),84px);
}
#wrapper .cut .inner ol li:nth-of-type(1) ul li,
#wrapper .cut .inner ol li:nth-of-type(2) ul li{
	width: 50%;
}
#wrapper .cut .inner ol li:nth-of-type(3){

}
#wrapper .cut .inner ol li:nth-of-type(3) div.flex{
	display: block;
}
#wrapper .cut .inner ol li:nth-of-type(3) div.flex p{
	width: 100%;
}
#wrapper .cut .inner ol li:nth-of-type(3) ol{
	width: 100%;
}
/*============================
step-offer
============================*/

#wrapper .step-offer h2{
	width: calc(685/750*100%);
	margin: 0 auto calc(40/1200*100%);
}
#wrapper .step-offer h2 + p{
	width: calc(654/750*100%);
	margin: 0 auto calc(50/750*100%);
}
#wrapper .step-offer h4{
	width: calc(608/750*100%);
	margin: 0 auto calc(40/750*100%);
}
/*============================
bottom-offer
============================*/

#wrapper .bottom-offer h2 {
	width: calc(608/750*100%);
	margin: 0 auto calc(40/750*100%);
}
#wrapper .bottom-offer h2+figure{
	width: 100%;
	margin: 0 auto calc(60/750*100%);
}
#wrapper .offer.bottom-offer{
	margin-bottom: 0;
}
/*============================
reason
============================*/
#wrapper .reason {
	padding-bottom:  min(calc(110/750*100%),110px);
}

#wrapper .reason .cont-head img{
	max-width: 100%;
	margin: 0 auto;
}
#wrapper .reason>.inner ol li {
	width: 100%;
}


/*============================
studio
============================*/

#wrapper .studio {
	margin-top: calc(10/750*100%);
}

#wrapper .studio .cont-head img{
	max-width: 100%;
	margin: 0 auto;
}

#wrapper .studio .studio-wrap {
	background-image: url(../img/studio-bg_sp.jpg);
	background-size: cover;
	background-position: center center;
	padding:min(calc(36/750*100%),36px) 0 min(calc(50/750*100%),50px);
}
#wrapper .studio .studio-wrap figure{
	width:calc(730/750*100%);
	margin: 0 auto;
}

#wrapper .studio .studio-wrap figure+p{
	margin: 5% auto 5%;
	width:calc(637/750*100%);
}

#wrapper .studio .studio-wrap .btn-studio {
	width:calc(407/750*100%);
	margin: 0 auto 8%;
}
#wrapper .studio .address-wrap {
text-align: center;
padding: min(calc(50/750*100%),50px) 0 min(calc(30/750*100%),30px);
}
#wrapper .studio .address-wrap .bottom-address {
	line-height: calc(25/18);
	font-size: calc(24/750*100vw);
	font-weight: bold;
}

/*============================
footer
============================*/

#wrapper footer {

	padding:min(calc(25/750*100%),25px) 0;
}

#wrapper .copy {
	line-height: 1;
	font-size: calc(16/750*100vw);
	color: #FFF;
	text-align: center;
}

/*============================
#fixdBtn
============================*/
#wrapper #fixdBtn {
	position: fixed;
	bottom:0;
	left:0;
	width: 100%;
	opacity: 1;
  transition: all ease 0.3s;
}
#wrapper #fixdBtn.is-bnrHide{
	opacity: 0;
	pointer-events: none;
}

/* spend */
}