@charset "utf-8";
/* CSS Document */

/*  reSet
==================================*/
body{margin:0 auto; padding:0; color:#000; width:100%;}
html{margin:0 auto; padding:0; font-size:14px; font-family:'Noto Sans Japanese',"メイリオ", 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, sans-serif;}
@media screen and (max-width: 768px) {
    body{min-width:320px; -webkit-text-size-adjust:100%; padding-top:60px;}
    html{font-family:'Noto Sans Japanese',Helvetica,Arial,Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",sans-serif;}
}
*{margin:0; padding: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;}
img{border:none; vertical-align:bottom; max-width:100%;}
a img,a span,a{-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
p,li,dt,dd,th,td{line-height:1.75em;}
hr{  clear:both; border:0;}
h3, h4, h5, h6{ font-weight:normal;}

/* loAding
==================================*/
#loading{width:100%; height:100%; position:fixed; top:0; background:#fff; z-index:1500;}
#loading img{position:absolute; top:50%; left:50%; margin-left:-16px; margin-top:-16px;}

/* heaDer
==================================*/
header{width:100%; height:40px; background-color:rgba(23,13,10,0.85); position:fixed; z-index:1100;}
header h1{font-size:0; line-height:0; width:170px; position:absolute; left:50%; margin-left:-470px;}
header nav{width:660px; position:absolute; top:0; right:50%; margin-right:-500px;}
header nav ol{list-style:none; height:50px; padding-left:1px; margin:0 0 0 auto; }
header nav ol li{float:left; height:50px;; padding: 7px 5px 0 5px; }
header nav ol li a{ font-weight:bold; color:#fff; text-decoration:none; display:block; line-height:25px; padding:0 10px; }
header nav ol li a:hover{border-bottom:solid 2px #fff;}

header ul{list-style:none; width:200px; position:absolute; top:60px; right:0;}
header ul li{width:95px; float:left;line-height:0;}
header ul li.last{width:105px;}
@media screen and (max-width: 947px){
    header h1 {margin-left: -340px;}
}
@media screen and (max-width: 768px) {
    header{height:60px; top:0;}
    header h1{width:auto; position:relative; left:auto; max-height:60px; margin:0 0 0 5px; float:left;}
    header h1 img{height:60px;}
    header p.btn_menu{width:60px; height:60px; float:right; background:#e9e9e9; position:relative; cursor:pointer; padding:0;}
    header p.btn_menu span.line01{position:absolute; width:34px; height:3px; background:#534741; top:16px; left:13px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
    header p.btn_menu span.line02{position:absolute; width:34px; height:3px; background:#534741; top:29px; left:13px;-moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
    header p.btn_menu span.line03{position:absolute; width:34px; height:3px; background:#534741; top:42px; left:13px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
    body header p.open{background:#000;}
    body header p.open span.line01{transform:rotate(-405deg); -moz-transform:rotate(-405deg); -webkit-transform:rotate(-405deg); -o-transform:rotate(-405deg); -ms-transform:rotate(-405deg); transform:rotate(-405deg); background:#fff; top:30px;}
    body header p.open span.line02{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0;}
    body header p.open span.line03{transform:rotate(405deg); -moz-transform:rotate(405deg); -webkit-transform:rotate(405deg); -o-transform:rotate(405deg); -ms-transform:rotate(405deg); transform:rotate(405deg); background:#fff; top:30px;}
    header nav{width:100%; height:auto; top:60px; right:0; margin:0; background-color:rgba(23,13,10,.8); display:none; background-image:none;}
    header nav ol{height:auto; padding:0 0 15px; background:none; border-top:1px solid #fff;}
    header nav ol li{float:none; height:auto; width:auto; background:none; border-bottom:1px solid #fff;}
    header nav ol li a{text-align:center; padding:10px 0 25px 0;}
    header ul{width:auto; position:relative; top:auto; right:auto; padding:0 10%;}
    header ul li{width:50%; float:left; text-align:center;}
    header ul li.last{width:50%;}
}

/* main contents
==================================*/
main{display: block; width: 100%; overflow: hidden;}
section#visual_box>h2{ position:absolute; z-index:1; width:1000px; top:140px; left:0; right:0; margin:auto; opacity:0.8; }
section#visual_box>h2>img{ width:480px; }
section#visual_box>div#mainv{ background-image:url("../img/top_bg.jpg"); background-size:cover; background-position:center; }
section#visual_box>div#mainv>img{
    display: block;
    max-width: 1300px;
    width: 100%;
    margin:0 auto;
}
section#visual_box>div#mainv>span{ background-image:url("../img/vb01.jpg");background-size:cover; background-position:center; background-repeat:no-repeat;
    display:block; width:100%; height:762px; max-width:1300px;  margin:0 auto; }
body {background-color: #0e0915; position:relative;}
div.button{width: 100%; padding: 2% 0; background-color: rgba(14, 9, 21, 0.8); box-sizing: border-box;}
div.button>ul{max-width: 1000px; width: 100%;
    display: flex;
    display: -webkit-box; 
  display: -webkit-flex;
  display: -ms-flexbox; 
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  margin: auto;}
div.button>ul>li{ list-style-type: none; border: #fff 2px solid; width:30%;}
div.button>ul>li{background-image: url(../img/bg_btn.png); background-repeat: repeat-x;}
div.button>ul>li a {color: #fff; font-weight: bold; padding: 1em 1em; display: block; text-align: center; text-decoration: none; font-size: 1.3em;
 }

div.button>ul>li a{opacity:0.9;}
div.button>ul>li a:hover{opacity: 0.5;}

@media screen and (max-width:944px){ 
    div.button>ul>li{width: 32%;}
    div.button>ul>li a{font-size: 1.1em;}
}
@media screen and (max-width:768px){
    div.button>ul{  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    div.button>ul>li{width: 46%; margin-bottom: 2%;}
    div.button>ul>li:last-of-type{width: 96%;}
}
@media screen and (max-width:362px){
    div.button>ul>li a{padding: 0.5em; font-size: 1em;}
}

div.main_contents{max-width: 1100px; width: 100%; margin:5% auto 0 auto; background-color: rgba(255,255,255,.95); padding: 3%; position:relative; z-index: 1; box-sizing: border-box;}
section.feature{width: 100%;}
section.feature>img{display: block;  max-width: 909px; width: 100%; margin:2% auto 0 auto;}
/*section.feature h2 img{ display: block; max-width: 500px; width: 96%; margin: 0 auto;}*/
section.feature h2{font-size: 3em; line-height: 2.2; text-align: center; margin-bottom: 3%;}
section.feature p{font-size: 1.6em; line-height: 2; text-indent: -2em; padding-left:2em;}
section.price img{display: block; max-width: 909px width:100%; margin:5% auto 2% auto;}


section.interior{margin-top: 3%;}
section.interior h2 img{max-width: 185px; width:100%;}
section.interior>img{display: block; max-width: 1000px; width: 100%; margin:2% auto 0 auto;}


.title-border {
display: flex;
display: -webkit-box;  
  display: -webkit-flex; 
  display: -ms-flexbox; 
align-items: center;
}
.title-border:before,
.title-border:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}
@media screen and (max-width: 768px){
    section.feature h2{ font-size: 1.6em;}
    section.feature p{ font-size:1.2em;}
    section.interior h2 img{max-width: 185px; width:40%;}
}

/*--gototop--*/
p#gototop{font-size:0; line-height:0; position:fixed; bottom:-150px; right:50px; z-index:1001;}
p#gototop a{display:block; width:82px; height:82px;}
p#gototop a:hover img{-moz-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -webkit-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -o-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -ms-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -moz-transition:all .8s ease; -webkit-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
@media screen and (max-width: 768px) {
    p#gototop{position:fixed; bottom:-65px; right:5px; width:60px; height:60px;}
    p#gototop a{width:60px; height:60px;}
}

/* fooTer
==================================*/
section#c09>div{ height:700px; margin-top:-200px;
	background:url("../img/footer_bg.jpg") center top / 2000px auto no-repeat, linear-gradient(0deg, #edcaa3, #edcaa3, #edcaa3, #edcaa3,  #edcaa3,  #f9ecde, #fff);}
/*
section#c09>div>div{ position:relative; width:100%; max-width:1000px; margin:0 auto; padding-top:670px;}
section#c09>div>div>div>img{position:absolute; top:480px;}
section#c09>div>div>div>a>img{width:95vw; max-width:994px; display:block; margin:0 auto;}
section#c09>div>div>div>a.trial img{width:70%; }
section#c09>div>div>div>ul{text-align:center; letter-spacing:10px;}
section#c09>div>div>div>ul>li{display:inline-block; width:31.6vw; max-width:316px;}
section#c09>div>div>div>ul>li img{width:100%;}
*/
section#c09>div>ul li a:hover>img{opacity:.7;}
/*
section#c09>div>div>div>a.trial img{ display: block!important;}
section#c09>div>div>div>a.trial img.sp{ display: none!important;}
*/

section#c09>div>ul{max-width: 1000px; width: 100%;
    display: flex;
    display: -webkit-box; 
  display: -webkit-flex;
  display: -ms-flexbox; 
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: absolute; bottom: 5%; left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;}
section#c09>div>ul>li{ list-style-type: none;}


@media screen and (max-width: 1000px) {
/*	section#c09>div{ height:700px; margin-top:-20vw; background:url("../img/footer_bg.jpg") center top / 212.5vw auto no-repeat;}*/
/*
	section#c09>div>div{ padding-top:70.5vw;}
	section#c09>div>div>img{top:47.5vw; width:100%;}
	section#c09>div>div>div>a>img{width:95.5vw;}
	section#c09>div>div>div>a.trial img{width:95%; }
	section#c09>div>div>div>ul{letter-spacing:1vw;}
	section#c09>div>div>div>ul>li{display:inline-block; width:30vw;}
*/
}
@media screen and (max-width: 670px) {
	section#c09>div{ height: 540px; padding-top:5vw; background:#07396d url("../img/footer_bg.jpg") center bottom / 250vw auto no-repeat;}
/*
	section#c09>div>div{ padding-top:0vw;}
	section#c09>div>div>div>img{top:47.0vw; width:100%;}
	section#c09>div>div>div>ul>li{display:block; width:100%; max-width:316px;}
	.btn_group{ margin-top:-250px; padding-bottom: 80vw;}
	section#c09>div>div>div>a.trial img{width:99%; }
	section#c09>div>div>div>a.trial img.sp{ display: inline!important;}
	section#c09>div>div>div>a.trial img.pc{ display: none!important;}
*/
    
/*
    section#c09>div>ul{display: block; bottom: 0;}
    section#c09>div>ul>li{ display: block; width: 90%; max-width: 419px; margin:0 auto;}
*/
}
/*
@media screen and (max-width:362px){
    section#c09>div>ul{bottom: 0;}
}
*/

div#analytics{display:none;}






.pc_disp_inline {
	display: inline !important
}
.pc_disp_inline_b {
	display: inline-block !important
}
.pc_disp_block {
	display: block !important
}
.pc_disp_table_c {
	display: table-cell !important
}
.pc_disp_table {
	display: table !important
}
.sp_disp_inline {
	display: none !important
}
.sp_disp_inline_b {
	display: none !important
}
.sp_disp_block {
	display: none !important
}
.sp_disp_table_c {
	display: none !important
}
.sp_disp_table {
	display: none !important
}

@media screen and (max-width: 767px) {
.pc_disp_inline {
	display: none !important
}
.pc_disp_inline_b {
	display: none !important
}
.pc_disp_block {
	display: none !important
}
.pc_disp_table {
	display: none !important
}
.pc_disp_table_c {
	display: none !important
}
.sp_disp_inline {
	display: inline !important
}
.sp_disp_inline_b {
	display: inline-block !important
}
.sp_disp_block {
	display: block !important
}
.sp_disp_table_c {
	display: table-cell !important
}
.sp_disp_table {
	display: table !important
}
}
.tab_disp_inline {
	display: none !important
}

button, input, optgroup, select, textarea {
	margin: 0
}
button, input, select, textarea {
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	line-height: inherit
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}