@charset "UTF-8";

:root {
  /* font
  ----------------------------------------------- */
  --mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;
  --gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* color
  ----------------------------------------------- */
	--base:#373737;
}

/* =============================================
sp
================================================*/

/* default
----------------------------------------------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { padding: 0; margin: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body {padding: 0;margin: 0;color: var(--base);font-size: 3.6vw;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;-webkit-text-size-adjust: 100%;font-style: normal;line-height: 1.8;background: #fff; }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object {height: auto;border: none;display: block;max-width: 100%;}
ins { background: none; color: var(--base); text-decoration: none; }
mark { background-color: #ff9; color: var(--base); font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
a { color: var(--base);text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }
a:hover { opacity: 0.6; }
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }
.sp { display: block; }
img {margin: 0 auto;}

/* midashi
----------------------------------------------- */
.midashi01 {margin: 0; text-align: center;color: #4D4D4D;}
.midashi01 .en {font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; display:block;font-size: 8vw;letter-spacing: 0.14em;line-height: 1.2;margin-bottom: 2vw;}
.midashi01 .jp {display:block;font-size: 4vw;line-height: 1.2;}

/* contents
----------------------------------------------- */
.wrapper {margin: 0 auto;}
.main { background: #f5edf0;}
footer .copy{font-family: Montserrat, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", "Meiryo", sans-serif;text-align:center;padding:2vw 0 ; color: #fff;background: #4D4D4D;line-height: 1.4;font-size:3.2vw;}

/* contact
----------------------------------------------- */
.contact{padding: 22% 5%;}
.formbox{width:100%;margin: 10vw auto 0;background:#fff;padding:5%;}
.formintor{margin: 0 auto 5vw;text-align:justify;text-justify:inter-ideograph;}
.formintor p{margin: 0 auto 3vw;}
.privacy-in{padding: 0;border: 1px solid #ddd;margin:0px auto 10px;}
.privacy-in iframe { width:100%;}
.caution{text-align: center;background: #f5f0f2; font-weight: bold;padding: 2vw 0;margin: 2vw 0 3vw;}
.color{color: #b34776;}
.bold{font-weight: bold;}
.caution .color{padding-right: 5px;}
.red{color: #ff5353;}
form#mailformpro dl dd ul .check-list{text-align: justify;text-justify: inter-ideograph;text-indent: -1.5em;padding-left: 1.5em;margin-bottom: 3vw;font-size: 3.6vw;}
.check-list::before{content: '\f046';font-family: 'icon';color: #b34776;font-weight: bold;vertical-align: middle;padding-right: 1vw;font-size: 4.5vw;}
.tel{color: #b34776;display: inline;font-weight: bold;padding-right: 5px;}
.tel::before{content: '\f095';font-family: 'icon';font-size: 90%;padding-right: 1vw;}
.marker{background: #feffde;}
form#mailformpro dl dd ul .indent-set{text-indent: -1.5em;padding-left: 1.5em;}
form#mailformpro dl dd .mb10{margin-bottom: 3vw;}


/* thanks
----------------------------------------------- */
.thanks-in{width:100%;margin: 10vw auto 0;background:#fff;padding:5%;min-height: 64vh;}
.thanks-in p {text-align: justify;text-justify: inter-ideograph;line-height: 1.6;margin-bottom: 4vw;}
.thanks-in p:last-child{margin-bottom: 0;}
.thanks-in .caution{text-align: center;}

.tks-step{margin-top: 6vw;}
.tks-step>li{margin-bottom: 6vw;position:relative;}
.tks-step>li:nth-last-child(1):before{content:none;}
.tks-step li .title{font-weight:bold;color:#fff;background: #D080A3;text-align: center; line-height:1.4; padding: 2%;}
.tks-step li .txt{line-height:1.45;margin-top:2vw;}
.tks-step>li:last-child{margin-bottom: 0;}
.tks-step .tel{font-size: 4.2vw;padding-right: 0;letter-spacing: 0.02em;}
.indent-set{text-indent: -1.5em;padding-left: 1.5em;}
.tks-step .flex-box{margin-bottom: 4vw;}
.mini{font-size: 80%;}
.add{border: 1px solid #d89ab5;text-align: center;padding: 4vw;}
.add .caution{margin: 0 0 4vw;}
.add p,.add address{text-align: center;margin-bottom: 2vw;line-height: 1.6;}
.tag{color: #b44776;font-weight: bold;}
.mt20{margin-top: 3vw;}
.slash{display: none;}


/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) {
  
/* default
----------------------------------------------- */
body {font-size: 16px;}
.sp { display: none; }
.pc { display: block; }

/* midashi
----------------------------------------------- */
.midashi01 {margin: 0; text-align: center;}
.midashi01 .en {font-size: 40px;margin-bottom: 10px;}
.midashi01 .jp {font-size: 16px;}

/* contents
----------------------------------------------- */
.wrapper {margin: 0 auto;position: relative;}
.main {min-height: 100vh;}

footer .copy{padding:10px 0 ; font-size: 12px;}

/* contact
----------------------------------------------- */
.contact {padding: 100px 0 0;width: 960px;margin: 0 auto 100px;}
.formintor{margin: 0px auto 40px;}
.formintor p{margin: 0 auto 10px; font-size: 90%;}
.formbox {width: 100%;margin-top: 50px;padding: 40px;}
.caution{ padding: 10px 0;margin: 10px 0;}
form#mailformpro dl dd ul .check-list{margin-bottom: 20px;font-size: 16px;}
.check-list::before{padding-right: 5px;font-size: 22px;}
.tel::before{padding-right: 3px;}
form#mailformpro dl dd .mb10{margin-bottom: 10px;}

/* thanks
----------------------------------------------- */
.thanks-in {width: 960px; margin: 50px auto 0;padding: 40px;min-height: auto;}
.thanks-in p{margin-bottom: 30px;}
.tks-step{margin-top: 50px;}
.tks-step>li{margin-bottom:50px;}
.tks-step li .title{padding: 10px;}
.tks-step li .txt{margin-top:10px;}
.tks-step .tel{font-size: 20px;}
.tks-step .flex-box {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px;}		
.tks-step .flex-box li{width: -webkit-calc(100% / 2 - 15px);  width: calc(100% / 2 - 5px);margin:0 0 8px ;}
.add{padding: 20px;}
.add .caution{margin: 0 0 20px;}
.add p,.add address{margin-bottom: 0;}
.mt20{margin-top: 0;}
.slash{display: inline;padding: 0 5px;}
	
}