@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;
font-size:18px;
text-align:left;
color:#fff;
min-width:750px;
}

img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:0 auto; text-align:center;}

p{ line-height:1.75em; margin:0 0 1em; padding:0;}
p:last-child{ margin:0;}
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: all 0.3s ease;}
.opa:hover{ opacity: 0.7;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

.clear{ clear:both;}
.clearfix:after{ margin:0; padding:0; visibility:hidden; content:"."; display:block; line-height:0; clear:both;}

#wrapper{ background: #3b1d05; width: 750px; margin: 0 auto; padding-top: 120px; box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 5px;}

/*ヘッダー*/
#header{ position: fixed; left: 0; right: 0; top: 0; width: 750px; margin: auto; background: #1c1616; z-index: 100;}
#header dl{ display: table; table-layout: fixed; width: 750px; margin: 0 auto;}
#header dl dt{ display: table-cell; vertical-align: middle; width: 240px; text-align: center;}
#header dl dd{ display: table-cell; vertical-align: middle; text-align: right; padding: 12px 10px;}
#header dl dd ul{ letter-spacing: -1em;}
#header dl dd ul li{ display: inline-block; margin-left: 10px;}

/*cv*/
.cv{ margin:0 auto -320px;}
.result{ margin: 0 30px; background: rgba(46,22,2,0.9); padding: 30px 0 40px; text-align: center; box-shadow:rgba(0, 0, 0, 0.17) 0 0 16px 8px; position: relative; z-index: 5;}
.result h2{ margin-bottom: 15px;}
.result h3{ margin-bottom: 20px;}
.result .result_price{ margin-bottom: 30px;}
.result ul{ letter-spacing: -1em; margin: 0 15px 30px;}
.result ul li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: calc(33.3333% - 20px); margin: 10px;}

/*フッター*/
#pagetop{ position: fixed; left: 0; right: 0; bottom: 160px; margin: auto; width: 730px; text-align: right; z-index: 50; pointer-events: none;}
#pagetop a{ display: inline-block; pointer-events: visible;}
#footer{ background: #834b16; color: #fff; padding: 40px 40px 37px; text-align: center;}
p.copyright{ font-size: 26px; line-height: 1.5em; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}

/*メイン*/
#content{ overflow:hidden;}
section { width:100%; margin:0 auto;}
.maincontent { padding:0; margin:0 auto; width:690px;}

/*sec01*/
#sec01{ background: url("../images/sec01_bg.jpg") center top no-repeat; padding-top: 125px; text-align: center;}
#sec01 h2{ margin-bottom: 20px;}
#sec01 p{ margin-bottom: 20px;}
#sec01 #sec01_2{ background: url("../images/sec01_bg2.png") center top no-repeat; padding: 150px 0 120px; text-align: center;}
#sec01 #sec01_2 .maincontent{ position: relative; padding: 45px 0;}
#sec01 #sec01_2 .maincontent:before{ content: ""; width: 70px; height: 70px; background: url("../images/sec01_ico1.png"); position: absolute; right: 0; top: 0;}
#sec01 #sec01_2 .maincontent:after{ content: ""; width: 70px; height: 70px; background: url("../images/sec01_ico2.png"); position: absolute; left: 0; bottom: 0;}
#sec01 #sec01_2 h3{ margin: 30px auto;}
#sec01 #sec01_2 ul{ margin: 0 45px; text-align: left;}
#sec01 #sec01_2 ul li{ margin-bottom: 30px;}

/*sec02*/
#sec02{ padding: 60px 0;}
#sec02 h2{ text-align: center; margin-bottom: 60px;}
#sec02 ul li:not(:last-child){ margin-bottom: 30px;}
#sec02 dl{ display: flex; align-items: center;}
#sec02 dl dt{ width: calc(100% - 570px);}
#sec02 dl dd{ width: 570px; text-align: right;}
#sec02 dl dd p{ line-height: 1em; margin-top: 10px;}
#sec02 ul li:nth-child(2n) dl{ flex-direction: row-reverse;}
#sec02 ul li:nth-child(2n) dl dt{ text-align: right;}

/*sec03*/
#sec03{ padding: 60px 0 0;}
#sec03 h2{ text-align: center; padding-bottom: 45px; position: relative;}
#sec03 h2:before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 90px 375px 0 375px; border-color: #3b1d05 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -90px; margin: auto; z-index: 5;}
#sec03 ul li{ padding: 90px 50px; position: relative; text-align: center; background: #fff;}
#sec03 ul li:nth-child(2n){ background: #fcf3d4;}
#sec03 ul li:first-child{ padding-top: 150px;}
#sec03 ul li h3{ margin-bottom: 60px;}
#sec03 ul li figure{ margin-bottom: 40px;}
#sec03 ul li .course_point{ margin-top: 90px;}
#sec03 ul li:not(:first-child):before{ content: ""; width: 64px; height: 64px; background: url("../images/course_ico.png"); background-size: 100%; position: absolute; left: 0; right: 0; top: -32px; margin: auto;}

/*sec04*/
#sec04{ padding: 90px 0 15px; background: url("../images/sec04_bg.jpg") center bottom no-repeat; text-align: center;}
#sec04 h2{ margin-bottom: 60px;}
#sec04 h3{ margin-bottom: 60px;}
#sec04 figure{ margin-bottom: 60px;}

/*sec05*/
#sec05{ padding: 90px 0;}
#sec05 .maincontent{ background: url("../images/sec05_bg.jpg") center bottom no-repeat #fff; background-size: 100% auto; border: 2px solid #c7b4a2; padding-bottom: 435px; text-align: center;}
#sec05 h2{ background: #834b16; padding: 22px; width: calc(100% + 4px); margin: -2px 0 75px -2px;}
#sec05 h3{ margin-bottom: 60px;}
#sec05 figure.graph{ margin-bottom: 115px;}
#sec05 #sec05_reason{ margin-bottom: 60px;}

/*sec06*/
#sec06{ padding: 60px 0 75px;}
#sec06 h2{ text-align: center; margin-bottom: 60px;}
#sec06 ul{ width: 600px; margin: 0 auto;}
#sec06 ul li:not(:last-child){ padding-bottom: 45px; margin-bottom: 60px; border-bottom: 2px dotted #fff;}
#sec06 ul li figure{ margin-bottom: 30px;}

/*sec07*/
#sec07{ background: url("../images/sec07_bg.jpg") center top no-repeat; padding: 315px 0 90px; margin-top: 60px;}
#sec07 p{ background: rgba(255,255,255,0.9); box-shadow:rgba(0, 0, 0, 0.23) 0 0 24px 0; padding: 60px 40px; text-align: center;}