@charset "UTF-8";

/*--------------------------------------------------------------------------------
 *
 *
 * リセット,Clearfix
 *
 *
--------------------------------------------------------------------------------*/
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, center, 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, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html, body { width:100%; height:100%; line-height:1; }
ol, ul { list-style:none; }
blockquote, q {quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.cf { zoom:1; } .cf:before,.cf:after { content:""; display:table; } .cf:after { clear:both; }

/*--------------------------------------------------------------------------------
 *
 *
 * 共通
 *
 *
--------------------------------------------------------------------------------*/
body {  color:#000; font-family:'Noto Sans Japanese',"メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif; }
@media screen and (max-width:768px){ 
	body { width:100%; margin:0 auto; }
}

section { background:#fff; }
section .inner { width:800px; margin:0 auto; padding:50px 0; }
@media screen and (max-width:768px){
	section {  }
	section .inner { width:90%; }
}

img { display:block; max-width:100%; height:auto; }
h2 { text-align:center; font-size:40px; padding:0; margin:0; line-height:1.4; }
h3 { text-align:center; font-size:30px; padding:0; margin-top:40px; line-height:1.4; }
h4 { text-align:center; font-size:30px; padding:0; margin-top:40px; line-height:1.4; }
.text { font-size:44px; line-height:1.2; margin-top:60px;}
.text .big { font-size:55px; }
.text_line { border-top:1px solid #000; border-bottom:1px solid #000; padding:10px 0; }



@media screen and (max-width:768px){
  h3 { font-size:5.5vw; }
  h4 { font-size:5vw; }
  .text { font-size:5.5vw; line-height:1.6; margin-top:30px;}
  .text .big { font-size:6vw; }
}


p { margin-top:30px; font-size:18px; line-height:1.7; }
@media screen and (max-width:770px) {
	p { font-size:16px; }
}
.sp { display:none; }
@media screen and (max-width:768px) {
	.pc { display:none; }
	.sp { display:block; }
}
.red { color:#b93258; }
.green { color:#02af8a; }
.bold { font-weight:bold; }
.yellow { color:#ffff00; }
.yellow_marker { background:linear-gradient(rgba(255,214,15,0) 60%, rgba(255,214,15,1) 60%) }
.pink { color:#C1272D; }
.underline { text-decoration:underline; }
.center { text-align:center; display:block; margin:0 auto; }
.left { display:block; float:left; margin:0 30px 0 0; }
.right { display:block; float:right; margin:0 0 0 30px; }
.big { font-size:60px }
img.photo { background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
img.photo_left { transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
img.photo_right { transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }


@media screen and (max-width:768px) {
  .left { float:none; margin:0 auto; }
  .right { float:none; margin:0 auto; }
  .big { font-size:7vw }
  .bold_sp { font-weight:bold; }

}

hr { border-top:1px solid #ccc; border-bottom:none; margin-top:30px; }
@media screen and (max-width:768px) {
  hr { border-top:1px solid #ccc; border-bottom:none; margin-top:30px; }

}

/*--------------------------------------------------------------------------------
 *
 *
 * header
 *
 *
--------------------------------------------------------------------------------*/
header {  }
header .inner { width:600px; margin:0 auto; padding:0; }
header .inner img { display:none; }
@media screen and (max-width:768px) {
  header { background:none!important; height:auto!important; }
  header .inner { width:100%; padding:0; }
  header .inner img { display:block; }

}

header p,
header h1 { text-align:center; font-weight:bold; line-height:1.5; }
header p.keni { font-size:20px; font-weight:normal;}
header p.benefit { font-size:30px; }
header p.tagline { font-size:40px; }
header p.offer { font-size:40px; line-height:1.4; }
header h1 { font-size:80px; line-height:1.2; color:#FF5963; margin-top:15px; }


@media screen and (max-width:768px) {
  header p.keni { font-size:14px; }
  header p.benefit { font-size:16px; }
  header p.tagline { font-size:20px; }
  header p.offer { font-size:20px; }
  header h1 { font-size:40px }
}


.cta_box{ margin-top:60px; background:#f7f7f7; border:1px solid #ccc; padding:60px 20px; }
p.text { font-size:26px; margin-top:30px; text-align:center; }
@media screen and (max-width:768px) {
  .cta_box{ margin-top:30px; padding:50px 20px 30px 20px; }
  p.text { font-size:20px; margin-top:30px  }
}



a.cta { display:block; background:#bc9333; width:100%; margin:0 auto; text-align:center; color:#fff; padding:50px; margin-top:20px; border-radius:10px; font-size:30px; font-weight:bold; text-decoration:none;
  animation: bounce 2s ease-in-out forwards; animation-iteration-count: infinite;}
  @keyframes bounce {
    0% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
    50% {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
    }
  }
a.cta:hover { text-decoration:none; opacity:0.8; }
@media screen and (max-width:768px) {
  a.cta { width:100%; padding:30px 0; margin-top:10px; font-size:16px; }
}

section.bg { background:url(img/wood_bg.jpg); }
section.bg .inner { background:#fff; padding:30px;  }






/* ------------------------------吹き出しを作る------------------------------　*/
.line { width:100%; margin:0 auto; }
@media screen and (max-width:768px){
  .line { width:100%; margin:30px auto 0 auto; }
}

.balloon { margin:30px 0 0 0; padding:0; position:relative; }
.balloon:before,.balloon:after { clear:both; content: ""; display: block; }
.balloon figure { width:60px; height:60px; margin:0; padding:0; }
.balloon-image-left {float:left; margin-right:20px; margin-left:0; }
.balloon-image-right {float:right; margin-left:20px; }
.balloon figure img { width:100%; height:100%; border-radius:50%; border:1px solid #fff; }
.balloon-image-description { padding:5px 0 0; font-size:10px; text-align:center; }

.balloon-text-right,
.balloon-text-left { position:relative; padding:15px 20px; border-radius:10px; max-width:-webkit-calc(100% - 70px); max-width:calc(100% - 70px); display:inline-block; background:#ffffff; border:1px solid #fff; }
.balloon-text-right { float:left; margin-left:10px; }
.balloon-text-left { float:right; margin-right:10px; background:#fff; }
.balloon-text-left p { color:#333; }

.balloon p { margin:0!important; padding:0; font-size:14px; color:#000!important; font-weight:normal!important; }
.balloon p:last-child { margin-bottom:0; }
/* 三角部分 */
.balloon-text-right:before {position:absolute; content: ''; border:10px solid transparent; border-right:10px solid #fff; top:15px; left:-18px; }
.balloon-text-right:after {position:absolute; content: ''; border:10px solid transparent; border-right:10px solid #fff; top: 15px; left:-17px; }
.balloon-text-left:before {position:absolute; content: ''; border:10px solid transparent; border-left:10px solid #fff; top: 15px; right:-18px; }
.balloon-text-left:after {position:absolute; content: ''; border:10px solid transparent; border-left:10px solid #fff; top:15px; right:-17px; }
.balloon i { font-size:50px; text-align:center; padding:0; }

@media screen and (max-width:768px){
  .balloon figure {width:60px; height:60px; }
  .balloon figure img { border:1px solid #f5f5f5; }
  .balloon-text-right,.balloon-text-left { max-width: -webkit-calc(100% - 70px); max-width: calc(100% - 70px); }
  .balloon p { font-size:12px; }
}





/*--------------------------------------------------------------------------------
 *
 *
 * 共通
 *
 *
--------------------------------------------------------------------------------*/

.mincho { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.h2:before { position:absolute; content:""; width:100%; height:3px; background:linear-gradient(to right, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); top:0; left:0; }
.h2 { position:relative; background:#d2243f; padding:30px 20px; }
.h2 h2 { color:#fff; font-weight:bold; }
.h2 h2 span.small { font-size:16px; vertical-align:super; }
.h2 p { color:#fff; text-align:center; margin-top:10px; font-size:14px; }
@media screen and (max-width:768px) {
  .h2 { padding:30px 20px; }
  .h2 h2 { font-size:5vw }
  .h2 p { margin-top:8px; }

}

ul.list { margin:40px 0 }
ul.list li { margin-top:15px; border-bottom:1px dotted #ccc; padding-bottom:15px; font-size:18px; line-height:1.4 }
ul.list li i { color:#b93258; }
@media screen and (max-width:768px) {
  ul.list li { font-size:18px; }
}



/*--------------------------------------------------------------------------------
 *
 *
 * メール登録フォーム
 *
 *
--------------------------------------------------------------------------------*/
section.mail { background:#b93258; position:relative; padding:50px 0; }
section.mail .inner { padding:0; }
section.mail:after { position:absolute; content:""; width:100%; height:3px; background:linear-gradient(to right, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); bottom:0; left:0; }
section.mail .box { background:#fff; padding:50px; margin:0 auto 0 auto; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
section.mail input[type="text"] { width:100%; height:100px; text-align:center; font-size:30px; border:3px solid #057ef3; }
section.mail input[type="submit"] { -webkit-appearance:none; width:100%; background:linear-gradient(to right, #B67B03 0%, #CCAE49 50%, #B67B03 100%); color:#fff; margin-top:20px; border:none; padding:40px 0; border-radius:100vh; font-size:30px; font-weight:bold; animation: title01 2s ease infinite; }
section.mail h2 { color:#fff; }
@media screen and (max-width:768px) {
  section.mail { padding:25px 0; }
  section.mail .box { padding:20px; }
  section.mail input[type="text"] { height:80px; font-size:20px; }
  section.mail input[type="submit"] { padding:30px 0; font-size:20px; }
}

@keyframes title01 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

section.mail_line:before { position:absolute; content:""; width:100%; height:3px; background:linear-gradient(to right, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); top:0; left:0; }

.mail_pori { background:#f7f7f7; padding:20px; margin-top:20px; border:1px solid #ccc; }
.mail_pori p { margin-top:0; font-size:10px }





.oroginal_table { width:100%; margin-top:30px; }
.oroginal_table td { font-size:20px; }
.oroginal_table td span { font-size:20px; }
.oroginal_table tr th:nth-of-type(1),
.oroginal_table tr td:nth-of-type(1) { width:32%; }
.oroginal_table tr th:nth-of-type(2),
.oroginal_table tr td:nth-of-type(2) { width:18%; }
.oroginal_table tr th:nth-of-type(3),
.oroginal_table tr td:nth-of-type(3) { width:32%; }
.oroginal_table tr th:nth-of-type(4),
.oroginal_table tr td:nth-of-type(4) { width:18%; }
.oroginal_table th,
.oroginal_table td { line-height:1.7; font-size:16px; height:auto; width:calc(900px / 4); text-align:center; font-weight:normal; vertical-align:middle; border-bottom:1px solid black;  }
.oroginal_table th { font-weight:bold; padding:10px 0; border-top:2px solid black; }
.oroginal_table td { padding:10px 0; }
.oroginal_table td span { font-size:16px; }
.oroginal_table p { margin-top:0; }
@media screen and (max-width:768px) {
  .oroginal_table th {  }
  .oroginal_table td { padding:10px 0; }
  .oroginal_table th,
  .oroginal_table td { font-size:12px;}
  .oroginal_table td { font-size:12px; }
  .oroginal_table td span { font-size:12px; }
  .oroginal_table td span {  font-size:12px; }
  .oroginal_table p {font-size:12px;}
}

.video_margin { max-width:800px; margin-top:20px; margin:30px auto 0 auto; }
.video{ position:relative; width:100%; height:0; margin:0 auto; padding-top:55%; }
.video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.video img{ position:absolute; top:0; left:0; width:100%; height:100%; }
.frame { width:650px; height:390px; background:url(img/waku.png) no-repeat 50% 0; background-size:contain; padding:22px 20px 0 20px; margin:0 auto; }
@media screen and (max-width:768px) {
  .frame { width:100%; height:auto; background-size:contain; padding: 3.5% 4% 5% 4%; }
}

section.opening { padding:50px 0; }
@media screen and (max-width:768px) {
  section.opening { padding:25px 0; }
  section.opening h2 { font-size:6vw }
}



/*--------------------------------------------------------------------------------
 *
 *
 * 特典
 *
 *
--------------------------------------------------------------------------------*/
section.bonus { background:#FFF; position:relative; padding:30px 0; }
section.bonus .inner { padding:0; display:flex; justify-content:center;/*中央に配置*/ flex-wrap:wrap; /*折り返す*/ }
section.bonus:before { position:absolute; content:""; width:100%; height:3px; background:linear-gradient(to right, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); top:0; left:0; }
section.bonus:after { position:absolute; content:""; width:100%; height:3px; background:linear-gradient(to right, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); bottom:0; left:0; }
section.bonus .box { background:linear-gradient(90deg , rgba(252,221,154,1) 0%, rgba(255,255,255,1) 50%, rgba(252,221,154,1) 100%); margin-top:20px; padding:30px; }
section.bonus .box_inner { background:#fff; padding:30px; margin:0 auto 0 auto; }
section.bonus h3 { margin-top:20px }
@media screen and (max-width:768px) {
  section.bonus { padding:25px 0; }
  section.bonus .box { padding:15px; }
  section.bonus .box .box_inner { padding:15px; }
}

section.bonus p.bonus_line { margin-top:0; text-align:center; background:linear-gradient(to right, #B67B03 0%, #dbac00 50%, #B67B03 100%); }
p.bonus_line {
  display:inline-block;
  position:relative;
  width:100%;
  height:50px;/*リボンの高さ*/
  line-height:50px;/*リボンの高さ*/
  text-align:center;
  padding:0 30px;/*横の大きさ*/
  background:#f57a78;/*塗りつぶし色*/
  color:#FFF;/*文字色*/
  box-sizing:border-box;
}
p.bonus_line:before, p.bonus_line:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

p.bonus_line:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

p.bonus_line:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

@media screen and (max-width:768px) {
  p.bonus_line {
    height:40px;/*リボンの高さ*/
    line-height:40px;/*リボンの高さ*/
    padding:0 30px;/*横の大きさ*/
  }
p.bonus_line:before {
  border-width: 20px 0px 20px 10px;
  }
p.bonus_line:after {
  border-width: 20px 10px 20px 0px;
  }
}
/*--------------------------------------------------------------------------------
 *
 *
 * そのた
 *
 *
--------------------------------------------------------------------------------*/

p.nayami { background:#fddce1; padding:10px 20px; border-radius:100vh }
p.nayami i { color:#ea4864; }

.bainder { background:#f7cb79; padding:20px; border-radius:10px; position:relative; }
.bainder_inner { background:#fff; padding:60px 30px 30px 30px; }
.bainder img.clip { position:absolute; margin:auto; top:-5px; left:0; right:0; width:200px; }
.bainder h3 { font-size:40px }
.bainder hr { margin:60px 0 60px 0; }
@media screen and (max-width:768px) {
  .bainder { padding:10px; }
  .bainder_inner { padding:30px 15px 15px 15px; }
  .bainder img.clip {top:-3px; width:100px; }
  .bainder h3 { font-size:20px }
  .bainder hr { margin:30px 0 30px 0; }
}

/*--------------------------------------------------------------------------------
 *
 *
 * 声
 *
 *
--------------------------------------------------------------------------------*/

ul.voice { display:flex; justify-content:center;/*中央に配置*/ flex-wrap:wrap; /*折り返す*/ }
ul.voice li { width:49%; background:#fff; padding:15px; border:1px solid #ccc; margin-top:2% } 
ul.voice li:nth-child(even) { margin-left:2%; }
ul.voice li:nth-child(1) { margin-top:0; }
ul.voice li:nth-child(2) { margin-top:0; }
ul.voice li h3 { font-size:22px; margin-top:0; font-weight:bold; }
ul.voice li img { margin:0 auto; max-width:200px; }
ul.voice li p { text-align:center; margin-top:10px; }
ul.voice li .video { margin-top:10px; }
@media screen and (max-width:768px) {
  ul.voice { width:100%; }
  ul.voice li { width:100%; margin-top:20px; }
  ul.voice li:nth-child(even) { margin-left:0; }
  ul.voice li:nth-child(1) { margin-top:0; }
  ul.voice li:nth-child(2) { margin-top:20px; }
  ul.voice li h3 { font-size:22px }
  ul.voice li p { text-align:center; margin-top:10px; }
  ul.voice li .video { margin-top:10px; }
}

/*--------------------------------------------------------------------------------
 *
 *
 * ２カラム
 *
 *
--------------------------------------------------------------------------------*/

dl.story_block { margin:60px 0;
display:flex; justify-content:center;/*中央に配置*/ flex-wrap:wrap; /*折り返す*/ }
dl.story_block dt { width:40%; padding:0; }
dl.story_block dt img { background:#fff; padding:6px; box-shadow:3px 3px 3px rgba(0,0,0,0.1); margin:0 auto; }
dl.story_block dd { width:60%; padding:0 0 0 30px; }
dl.story_block dd h3 { margin-top:0; text-align:left; font-size:24px; line-height:1; font-weight:bold; }
dl.story_block dd i { font-weight:bold; margin-right:10px; color:#d2243f; }
dl.story_block dd p { margin-top:15px; }
dl.story_block:nth-of-type(even) { display:flex; flex-direction:row-reverse;/* 横並び逆順 */ justify-content:center;/*中央に配置*/ flex-wrap:wrap; /*折り返す*/ }
dl.story_block:nth-of-type(even) dt { }
dl.story_block:nth-of-type(even) dd { padding:0 30px 0 0; }
@media screen and (max-width:768px) {
  dl.story_block { margin:15px 0; }
  dl.story_block dt { width:100%; padding:10px 0 0 0; }
  dl.story_block dd { width:100%; padding:10px 0 0 0; }
  dl.story_block:nth-of-type(even) dd { padding:10px 0 0 0; }
  dl.story_block dd h3 { text-align:center; font-size:5vw; margin-top:30px; }
  dl.story_block dd p { margin-top:30px; }
}




/*--------------------------------------------------------------------------------
 *
 *
 * オファースイッチ
 *
 *
--------------------------------------------------------------------------------*/
div.switch { position:relative; }
div.switch:before { position:absolute; content:""; width:100%; height:3px; background:linear-gradient(to right, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); top:0; left:0; }
div.switch img { display:none; }


@media screen and (max-width:768px) {
  div.switch { background:none; height:auto!important; }
  div.switch img { display:block; }
}




/*--------------------------------------------------------------------------------
 *
 *
 * 流れ
 *
 *
--------------------------------------------------------------------------------*/


/*ステップフローのCSS*/
ul.stepflow {
  border: none;
  margin: 1em 0.5em;
  padding: 0;
  list-style: none;
  font-size:16px
}
ul.stepflow > li:before, ol.stepflow > li:before {
  background-color:#cccccc!important;
}
.stepflow li {
    position: relative;
    padding: 0 0 1.5em 1.8em;
    font-size:18px;
}
.stepflow>li:before {
  content: "";
  width: 1px;
  background: #cccccc;
  display: block;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 5px;
}
.stepflow-white {
  content: '';
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: solid 3px #232F3E;
}
.stepflow-black {
  content: '';
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: solid 3px #232F3E;
  background-color: #232F3E;
}
.stepflow_label {
  padding: 3px 0px 8px 0px;
  margin-bottom:8px;
  color: #999999;
  font-size: 12px;
  font-weight: normal;
}
.stepflow_title {
  line-height: 1.5;
  margin-bottom:15px;
}
.stepflow_content {
  line-height: 1.5;
  margin-top: .5em;
  padding: 0 0 1.5em;
  border-bottom: dashed 1px #cccccc;
  font-size:14px;
}
/*ステップフローのCSSここまで*/



section.solution { background:url(img/wood_bg.jpg); }
section.solution .inner { background:#fff; padding:30px 30px; }


@media screen and (max-width:768px) {
  section.solution .inner { padding:30px 15px; }
}








/*--------------------------------------------------------------------------------
 *
 *
 * お客様の声
 *
 *
--------------------------------------------------------------------------------*/
section.voice { background:#f7f2ea; }
section.voice .inner { padding:30px 0; }

dl.profile { width:100%; margin:0 auto;
background:#fff; padding:0; 
display:flex; justify-content:center;/*中央に配置*/ flex-wrap:wrap; /*折り返す*/ }
dl.profile dt { width:160px; }
dl.profile dd { width:calc(100% - 160px); padding-left:20px; }
dl.profile dd p.kata { margin-top:0 }
dl.profile dd p.name { margin-top:10px; font-size:26px; font-weight:bold; }
dl.profile dd p.name span { font-size:16px; color:#FF5963; margin-left:20px; letter-spacing:5px; font-weight:normal; }
dl.profile dd a { color:#1c72e8; text-decoration:underline; } 
@media screen and (max-width:768px) {
   dl.profile { width:100%; padding:30px 15px; margin-top:15px; }
   dl.profile dt { width:100%; }
   dl.profile dt img { width:180px; height:auto; margin:0 auto; }
   dl.profile dd { width:calc(100% - 0px); padding-left:0; margin-top:20px; }
   dl.profile dd p.kata { text-align:center; }
   dl.profile dd p.name { text-align:center; font-size:22px; }
   dl.profile dd p.name span { margin-left:0; }
}

section.profile h3 { font-size:14px; text-align:left; margin-top:30px; margin-bottom:0;
border-bottom:1px solid #000;  padding:10px; }



/*--------------------------------------------------------------------------------
 *
 *
 * 成功者
 *
 *
--------------------------------------------------------------------------------*/
.interview { background:#f7f2ea; }

dl.voice { border-bottom:1px solid #ccc;
  width:100%; margin:30px auto 0 auto; background:#fff; padding-bottom:30px; 
display:flex; justify-content:center;/*中央に配置*/ flex-wrap:wrap; /*折り返す*/ }
dl.voice dt { width:140px; }
dl.voice dt img { border-radius:100vh; }
dl.voice dd { width:calc(100% - 140px); padding-left:20px; }
dl.voice dd p.title { font-weight:normal; font-size:22px; margin-top:0; }
dl.voice dd p.name { margin-top:5px; font-size:12px }
dl.voice dd a { color:#1c72e8; text-decoration:underline; } 
@media screen and (max-width:768px) {
   dl.voice { width:100%; padding:30px 15px 15px 15px; margin-top:15px; }
   dl.voice dt { width:100%; }
   dl.voice dt img { width:160px; height:160px; margin:0 auto; }
   dl.voice dd { width:calc(100% - 0px); padding-left:0; margin-top:20px; }
   dl.voice dd p.title { font-size:20px; text-align:center; }
   dl.voice dd p.name { text-align:center; }
}

dl.book { width:100%; margin:0 auto; background:#fff; padding:0; 
display:flex; justify-content:center;/*中央に配置*/ flex-wrap:wrap; /*折り返す*/ }
dl.book dt { width:60px; }
dl.book dt p.tag { background:#ccc; color:#fff; text-align:center; border-radius:0; font-size:12px; }
dl.book dd { width:calc(100% - 60px); padding-left:10px; }
dl.book dd p { font-size:14px; }
@media screen and (max-width:768px) {
   dl.book { width:100%; padding:0; margin-top:0; }
   dl.book dt { width:100%; }
   dl.book dt p.tag { border-top:2px solid #b93258; background:#f7f7f7; color:#393939; border-radius:0; font-size:14px; padding:6px; }
   dl.book dd { width:calc(100% - 0px); padding-left:0; margin-top:0; }
   dl.book dd p { font-size:12px; margin-top:10px; }

}


/*--------------------------------------------------------------------------------
 *
 *
 * サンクスページ
 *
 *
--------------------------------------------------------------------------------*/
section.thanks { padding:60px 0; }
section.thanks h1 { text-align:center; color:#ff0000; font-size:40px; font-weight:bold; text-decoration:underline; }
section.thanks h1 + p { text-align:center; margin-top:30px; }
section.thanks img { display:block; margin:30px auto 0 auto; }
@media screen and (max-width:768px) {
	section.thanks { padding:50px 15px; }
	section.thanks h1 { font-size:20px; line-height:1.4 }
	section.thanks p { line-height:1.4; font-size:14px }
}

/*--------------------------------------------------------------------------------
 *
 *
 * 料金表
 *
 *
--------------------------------------------------------------------------------*/
ul.plan { width:100%; display:flex; justify-content:center;/*中央に配置*/ flex-wrap:wrap;/*折り返す*/  }
ul.plan li { width:33.33%; border:1px solid #000; margin-top:30px; padding:15px; position:relative; }
ul.plan li:nth-child(1) { border-right:none; border-radius:10px 0 0 10px; }
ul.plan li:nth-child(2) { border-left:1px dotted #000; border-right:1px dotted #000; }
ul.plan li:nth-child(3) { border-left:none; border-radius:0 10px 10px 0; }
ul.plan li p { margin-top:0 }
ul.plan li p.point { position:absolute; top:-20px; left:-20px; background:#d2243f; color:#fff; font-size:12px; width:60px; height:60px; border-radius:30px; line-height:60px; text-align:center; }
ul.plan li p.target { text-align:center; font-size:14px; padding:10px 0; }
ul.plan li:nth-child(1) p.target { background:#c8e9e7; }
ul.plan li:nth-child(2) p.target { background:#fce6eb; }
ul.plan li:nth-child(3) p.target { background:#f8fab8; }
ul.plan li p.kakaku { text-align:center; margin:20px 0 10px 0; font-weight:bold; font-size:20px }
ul.plan li p.kakaku span { font-size:16px }
ul.plan li p.title { text-align:center; font-weight:bold; }
ul.plan li p.text_area { padding:0; font-size:14px }

@media screen and (max-width:768px) {
  ul.plan li { width:100%; margin-top:0;}
  ul.plan li:nth-child(1) { border-right:1px solid #000; border-bottom:none; border-radius:10px 10px 0 0; }
  ul.plan li:nth-child(2) { border-top:1px dotted #000; border-bottom:1px dotted #000; border-left:1px solid #000; border-right:1px solid #000; }
  ul.plan li:nth-child(3) { border-left:1px solid #000; border-top:none; border-radius:0 0 10px 10px; }


}


/* ------------------------------ページ下部固定CTA------------------------------　*/
#button_bottom { position:fixed; right:10px; bottom:10px; z-index:1000; }
#button_bottom li {  }
#button_bottom li a { display:block; width:340px; height:100px; border-radius:10px; line-height:100px; margin:0 auto; padding:0; text-align:center; font-weight:bold; background:#bc9333; color:#fff; font-size:20px; text-decoration:none; animation: bounce 2s ease-in-out forwards; animation-iteration-count: infinite; }
#button_bottom li i { }
@media screen and (max-width:768px){
  #button_bottom { right:0; left:0; }
  #button_bottom li { }
  #button_bottom li a { width:280px; height:60px; line-height:55px; font-size:14px; }
}
@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


/*--------------------------------------------------------------------------------
 *
 *
 * フッター
 *
 *
--------------------------------------------------------------------------------*/
footer { padding:40px 0; }
footer p { text-align:center; }
footer p a { text-decoration:none; font-size:12px; color:#000; }
footer address { text-align:center; font-size:12px; margin-top:10px; }
@media screen and (max-width:768px) {
  footer { padding:20px 0 40px 0; }
	footer address { font-size:12px; }
}


/*footer { background:url(img/h2_bg.png); padding:40px 0; }
footer  address { color:#fff; text-align:center; }