/*===============================
  Base
===============================*/
html {
	height: 100%;
}
body {
	line-height: 1;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", sans-serif;
	height: 100%;
    color: #2a3233;
}
a {
	text-decoration: none;
}

a,
a::before,
a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .4s;
  transition: all .4s;
}

a:hover {
  opacity: 0.7;
}


.flex,
section > ul{
   	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;  
}
section > ul::after{
  content:"";
  display: block;
  width:30%;
}

.for_sp{
  display: none;
}

/*===============================
  Clear
===============================*/
img {
	border: 0;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}
ol, ul {
	list-style: none!important;
}
* {
	margin: 0;
	padding: 0;
}

/*===============================
  Wrapper
===============================*/
.wrapper {
	height: 100%;
	margin: 0 auto;
	box-sizing: content-box;
}

/*===============================
  Header
===============================*/
header {
	width: 100%;
    height: 100px;
    background-color: #fff;
    position: relative;
}

header > div{
  width: 100%;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 40px;
}

.pre {
	width:1400px;
	margin: 0 auto;
}

	
	header > div {
		width:calc(100% - 24px);
        height: 80px;
      	top: 44px;
		left:24px;
    }
	header h1 img {
		width: 260px;
    }
	
	.sp {
		display: none;
	}

/*chance01*/
#mv {
    margin:0 auto;
}

	

footer{
  display: block;
  width: 100%;
  height: 100px;
  text-align: center;
  color: #fff;
  background-color: #2a3233;
  font-size: 14px;
  line-height: 100px;
  letter-spacing: 1px;
}

ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}


.list-mv02 ,
.list-mv02v,
.mv02v,
.mv02{
	opacity: 1.0!important;
}

	
section:nth-child(odd){
    background-color: #eee;
}
.inner{
    height: 100%;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    text-align: center;
}

body > div,
body > div > div,
body > div > div > div {
	background: none;
}
	/*フローティングバナー*/
    .ban__fix {
        display: none;
    }
	/*フローティングバナー*/
	
	/*mv*/
    #mv {
        width:100%;
        height: 640px;
        margin-bottom:10px;
		text-align: center;
    	background:url("../img/mv.jpg") center top no-repeat;
    }
    #mv .inner p {
        width:1180px;
		margin: 0 auto;
        padding-top:145px;
		text-align: left;
    }
	/*mv*/
	
	section {
		height:calc(100VH - 80px);
	}
	section .inner {
		max-width:1180px;
		margin:0 auto;
	}
	section .inner h2{
		font-size:30px;
		padding:45px 0 50px;
	}
	ul.threeblocks {
	}
	ul.threeblocks li {
		width:31.8%;
		float:left;
		margin-right:2.2%;
	}
	ul.threeblocks li:last-child {
		margin-right:0px;
	}
	section .inner img{
		width:100%;
		height:auto;
	}
	
	.oneblock {
		width:100%;
		margin:0px auto 0px;
	}
	.gallery__showroom {
		width:100%;
    	display: flex;
		justify-content:space-between;
	}
	.twoblocks {
    	display: flex;
    	align-items: flex-end;
	}
	.twoblocks .block__left{
		width:49.2%;
		margin-right:1.6%;
	}
	.twoblocks .block__left > p{
		font-size:18px;
		line-height:2.2em;
		padding-bottom:20px;
	}
	.twoblocks .block__left ul li{
		float:left;
		width:49.2%;
		margin-right:1.6%;
	}
	.twoblocks .block__left ul li:last-child{
		margin-right:0%;
	}
	.twoblocks .block__left ul li h3{
		font-size:16px;
	}
	.twoblocks .block__left ul li p{
		font-size:12px;
		line-height:1.5em;
	}
	.twoblocks .block__right{
		width:49.2%;
	}
	.twoblocks_up {
		margin:5VH auto 4VH;
	}
	.twoblocks_up .block__right img{
		width:63%;
	}
	
	section h2 + p {
		font-size:24px;
		line-height:1.66em;
	}
	section h2 + p small{
		font-size:20px;
	}
	
	/*ブロックごと設定 1VH=18px で高さ換算*/
	#section001 {
        position:relative;
	}
	#section001 h1 {
        position:absolute;
        top:30px;
        left:24px;
	}
	
	#section001 h2 {
        width:325px;
		margin:0 auto;
		padding:150px 0 95px;
	}
	#section001 .inner {
        background:url("../img/001_no1w.png") left top 105px no-repeat;
	}
	
	#section002 h2 + p {
		margin:11VH auto 10VH;
	}
	
	#section003 h2 {
		margin-bottom: 4VH;
	}
	#section003 .oneblock {
		width:804px;
		margin:1.5VH auto;
	}
	#section003 .gallery__showroom li {
		width:91px;
	}
	#section003 .gallery__showroom li p {
		font-size:12px;
		padding-top:3px;
	}
	#section003 .bx-wrapper,
	#section004 .bx-wrapper {
		display:none;
	}
	
	#section004 .block__left p{
		font-size:24px;
	}
	
	#section005 h2 + p {
		margin:4VH auto 1.5VH;
	}
	
	#section006 h2 {
		margin-bottom: 16VH;
	}
	#section006 .block__left img{
        width: 47%;
	}
	#section006 .block__left > h3{
		font-size:24px;
		padding-bottom:20px;
	}
	
	#section007 h2 + p {
		margin:8VH auto 8VH;
	}
	
	#section008 .inner,
	#section010 .inner {
        background:url("../img/no1bk.png") right top 40px no-repeat;
	}
	#section008 h2 + p {
		margin:2.5VH auto;
	}
	#section008 .block__left img{
        width: 89.5%;
	}
	
	#section009 h2 {
		margin-bottom: 5VH;
	}
	#section009 .twoblocks .block__left ul li p{
		text-align: left;
	}
	
	#section010 h2 + p {
		margin:2.5VH auto 3VH;
	}
	#section010 .twoblocks .block__left ul li p {
        font-size: 14px;
        padding-top:5px;
    }
	
	#section011 .inner {
        background:url("../img/011_amazon.png") right top 40px no-repeat;
	}
	#section011 h2 {
		margin-bottom: 24VH;
	}
	#section011 .threeblocks li p{
		text-align: left;
        padding-top:5px;
		line-height:1.66em;
	}
	
	#section012 h2 {
		margin-bottom: 18VH;
	}
	#section012 .block__left {
		text-align: left;
	}
	#section012 .block__left p {
		font-size:20px;
		padding-top:20px;
	}
	#section012 .block__left > img {
		width:399px;
		padding-top:50px;
	}
	
	#section013 h2 {
		margin-bottom: 5VH;
	}
	
	#section014 h2 {
		margin-bottom: 4VH;
	}
	/*ブロックごと設定*/


	section .inner h2{
        font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
        font-weight:normal;
	}
	.twoblocks .block__left > p{
        font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
	}
	.twoblocks .block__left ul li h3{
        font-weight:normal;
		line-height:1.5em;
		margin:15px auto 10px;
        font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	section h2 + p {
        font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
	}
	.underline_yellow {
		border-bottom:7px solid #ffff66;
		display: inline-block;
        line-height: 1em;
        padding-bottom: 0px;
	}
	.yellow{
		color:#ffff66;
	}

.btn {
    position:relative;
    width:100%;
    height:64px;
    margin:40px auto 0;
}
.btn a{
    display:block;
    width:100%;
    height:64px;
    background-color: #fff100;
    text-align:center;
    color:#171c61;
    font-size:24px;
    line-height:64px;
    text-decoration: none;
    font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.btn span{
    position:absolute;
    top:0px;
    right:10px;
    font-size:14px;
    line-height:64px;
    color:#171c61;
}

body > div {
	height:100VH;/*bgswitcher対策*/
}
section {
    background-color: #FFF;
}
#section001 {
    /*background:url("../img/mv01.jpg") left top no-repeat;
    background-size: cover;*/
	background: none;
}
#section014 {
    background:url("../img/013bg.jpg") left top no-repeat;
    background-size: cover;
}
#section003,
#section005 {
    background-color: #efefef;
}
#section006 .block__left > h3{
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
    line-height:2.2em;
    font-weight: normal;
}
#section008,
#section010 {
    background-color: #d9d9d9;
}
#section009 {
    background-color: #f6f6f6;
}
#section007,
#section012 {
	color:#FFF;
    background-color: #0b1a37;
}
#section013 {
	color:#FFF;
    background-color: #171c61;
}
#section002 .inner h2{
    background:url("../img/002_h2.png") center bottom no-repeat;
}
#section003 .inner h2{
    background:url("../img/003_h2.png") center bottom no-repeat;
}
#section004 .inner h2{
    background:url("../img/004_h2.png") center bottom no-repeat;
}
#section005 .inner h2{
    background:url("../img/005_h2.png") center bottom no-repeat;
}
#section006 .inner h2{
    background:url("../img/006_h2.png") center bottom no-repeat;
}
#section007 .inner h2{
    background:url("../img/007_h2.png") center bottom no-repeat;
}
#section008 .inner h2{
    background:url("../img/008_h2.png") center bottom no-repeat;
}
#section009 .inner h2{
    background:url("../img/009_h2.png") center bottom no-repeat;
}
#section010 .inner h2{
    background:url("../img/010_h2.png") center bottom no-repeat;
}
#section011 .inner h2{
    background:url("../img/011_h2.png") center bottom no-repeat;
}
#section012 .inner h2{
    background:url("../img/012_h2.png") center bottom no-repeat;
}
#section012 .block__left p {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height:1.25em;
}
#section013 .inner h2{
    background:url("../img/013_h2.png") center bottom no-repeat;
}
#section014 .inner h2{
    background:url("../img/014_h2.png") center bottom no-repeat;
}

.btn_blue a{
    background-color: #354f7b;
}
.btn_blue a:hover{
    background-color: #0b1a37;
}
.btn + p{
    text-align: center;
	line-height:1.5em;
}

.bx-wrapper .bx-prev {
	width: 24px!important;
	height: 45px!important;
 	left: -11%;
  	background: url("../img/prev.png") no-repeat ;
}
.bx-wrapper .bx-next {
	width: 24px!important;
	height: 45px!important;
  	right: -11%;
  	background: url("../img/next.png") no-repeat ;
}
.bx-wrapper .bx-next:hover {
  background-position: 0px 0;
}
.youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}