@charset "UTF-8";

* {
		margin: 0;
		padding: 0;
}

body {
width: 100%;
font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
text-align: left;
line-height: 150%;
color: #333;
letter-spacing: 2px;
font-feature-settings: "palt";
-webkit-text-size-adjust: 100%;
margin: 0;
padding: 0;
}
.min{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
html{
		height:100%;
}
body{
		height:100%;
}

img {
		border: 0;
		vertical-align: bottom;
}

ul {
		list-style-type: none;
		padding:0;
		margin:0;
}

li {
		list-style-position: outside;
}

form {
		margin:0;
		padding:0;
}

div{
		display:block;
}

object,
embed {
		vertical-align: top;
}

a:link ,
a:visited {
color:#000;
text-decoration: none;
transition: .3s;
}
a:active ,
a:hover {
text-decoration: none;	
}

div#wrap {
		width:100%;
		margin:0 auto;
		text-align:center;
		padding:0;
		zoom: 1;

}
body > div#wrap{
		height:auto;
}




/*** PC ***/
@media screen and (min-width: 769px){
.spOnly {
display: none;
}
.pcOnly {
display: block;
}
div#wrap {
width:100%;
margin:0 auto;
text-align:left;
padding: 0;
zoom: 1;
}

/* header 
---------------------------------------------------------*/
header{
margin: 0 auto;
padding: 0;
width: 100%;
height: 708px;
background-image: url(../images/main.jpg);
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
header .inner{
margin: 0 auto;
padding: 0;
width: 1064px;
}
header h1{
float: left;
margin: 12px 0 0 0;
padding: 0;
width: 85px;
}
header h1 img{
width: 100%;
height: auto;
}
header h2{
margin: 0 auto;
padding: 30px 0 2px;
width: 491px;
}
header h2 img{
width: 100%;
height: auto;
}
header p{
font-size: 20px;
line-height: 32px;
text-align: center;
color: #333;
text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px,
		#fff 1px -1px 10px, #fff -1px -1px 10px,
		#fff 1px 1px 5px, #fff -1px 1px 5px,
		#fff 1px -1px 5px, #fff -1px -1px 5px;
}


.benefit{
margin: 0;
padding: 56px 0 34px;
width: 100%;
}
.benefit h3{
margin: 0 auto;
padding: 0;
width: 476px;
height: 86px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.benefit h3 div{
margin: auto;
font-size: 40px;
line-height: 1%;
text-align: center;
font-weight: 800;
color: #231815;
position: absolute;
top: 38px;
left: 0;
right: 0;
}
.benefit h3 img{
width: 100%;
height: auto;
position: absolute;
top: 0;
}
.benefit .bene{
margin: 0 auto;
padding: 14px 0 0;
width: 976px;
}
.benefit .bene img{
width: 100%;
height: auto;
}

.btArea{
margin: 40px auto 40px;
	width: 100%;
	text-align: center;
}
.btArea .visitBt,
.btArea .docBt,
.btArea .interBt{
margin: 0 5px 20px;
display: inline-block;
position: relative;
z-index: 0;
}
.btArea .visitBt::after,
.btArea .docBt::after,
.btArea .interBt::after{
position: absolute;
top: 6px;
left: 6px;
content: '';
width: 345px;
height: 61px;
background-color: #d2d2d2;
z-index: -1;
}
.btArea .docBt::after{
width: 270px;
}
.btArea .interBt::after{
width: 285px;
}
.btArea .visitBt a{
margin: 0;
padding: 18px 0 18px;
width: 345px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #fff;
display: inline-block;
background-color: #948649;
	background-image: url(../images/btn-black.png);
	background-position: right 5% center;
	background-repeat: no-repeat;
}
.btArea .docBt a{
margin: 0;
padding: 18px 0 18px;
width: 270px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #fff;
display: inline-block;
background-color: #948649;
	background-image: url(../images/btn-black.png);
	background-position: right 9% center;
	background-repeat: no-repeat;
}
.btArea .interBt a{
margin: 0;
padding: 18px 0 18px;
width: 285px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #fff;
display: inline-block;
background-color: #948649;
	background-image: url(../images/btn-black.png);
	background-position: right 7% center;
	background-repeat: no-repeat;
}
.btArea .visitBt a img,
.btArea .docBt a img,
.btArea .interBt a img{
margin: 0 8px 0 0;
width: 24px;
height: auto;
}
.btArea .visitBt a:hover,
.btArea .docBt a:hover,
.btArea .interBt a:hover{
opacity: .7;
}


.what{
margin: 0 auto;
padding: 75px 0 0;
width: 100%;
}
.what h3{
margin: 0 auto;
width: 616px;
}
.what h3 img{
width: 100%;
height: auto;
}
.what p{
margin: 0 auto;
padding: 30px 0 0;
width: 880px;
font-size: 20px;
line-height: 160%;
text-align: left;
}
.what p span{
color: #b60812;
}
.what .ene{
margin: 0 auto;
padding: 15px 0 0;
width: 463px;
}
.what .ene img{
width: 100%;
height: auto;
}


.feature{
margin: 0 auto;
padding: 120px 0 0;
width: 984px;
}
.feature h3{
margin: 0 auto;
width: 616px;
}
.feature h3 img{
width: 100%;
height: auto;
}
.feature .feature01{
margin: 0 auto;
padding: 67px 0 0;
width: 810px;
}
.feature .feature01 img{
width: 100%;
height: auto;
}
.feature p{
margin: 0 auto;
padding: 50px 0 0;
width: 720px;
font-size: 22px;
line-height: 200%;
text-align: center;
}
.feature p span{
color: #b60812;
}
.feature .feature02{
margin: 0 auto;
padding: 40px 0 0;
width: 910px;
}
.feature .feature02 img{
width: 100%;
height: auto;
}
.feature .featT{
margin: 0 auto;
width: 950px;
text-align: center;
position: relative;
}
.feature .featT .circle{
margin: 0 auto;
padding: 0;
display: inline-block;
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #c8a645;
text-align: center;
}
.feature .featT .circle div{
padding: 85px 0 0;
width: 100%;
font-size: 44px;
text-align: center;
font-weight: 900;
color: #fff;
}
.feature .featT .circle div span{
margin: 0 0 0 -5px;
font-family: 'Heebo', sans-serif;
font-size: 90px;
vertical-align: bottom;
font-style: italic;
display: inline-block;
}
.feature .featT h4{
margin: auto;
font-size: 50px;
text-align: center;
font-weight: 800;
color: #b60613;
text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
		#fff 2px -2px 0px, #fff -2px -2px 0px;
position: absolute;
bottom: 30px;
left: 0;
right: 0;
}

.feature .cover{
margin: 0 auto;
padding: 42px 0 0;
width: 950px;
text-align: center;
}
.feature .cover .box{
padding: 0 0 40px;
width: 470px;
display: inline-block;
}
.feature .cover .box.sec{
width: 950px;
}
.feature .cover .box .sub{
margin: 0 auto;
padding: 40px 0 65px;
width: 290px;
font-size: 42px;
text-align: center;
font-weight: bold;
color: #fff;
background-image: url(../images/sub.png);
background-position: center top;
background-repeat: no-repeat;
}
.feature .cover .box.sec .sub{
padding: 30px 0 75px;
}
.feature .cover .box .sub.sub3{
padding: 40px 0 65px;
text-shadow: 
    #b60812 2px 0px,  #b60812 -2px 0px,
    #b60812 0px -2px, #b60812 0px 2px,
    #b60812 2px 2px , #b60812 -2px 2px,
    #b60812 2px -2px, #b60812 -2px -2px,
    #b60812 1px 2px,  #b60812 -1px 2px,
    #b60812 1px -2px, #b60812 -1px -2px,
    #b60812 2px 1px,  #b60812 -2px 1px,
    #b60812 2px -1px, #b60812 -2px -1px;
}
.feature .cover .box p{
margin: 0 auto;
padding: 0;
width: 100%;
font-size: 24px;
line-height: 140%;
text-align: center;
font-weight: bold;
}
.feature .feat01{
margin: 0 auto;
width: 981px;
}
.feature .feat01 .feat01_1{
margin: 0 auto;
width: 981px;
position: relative;
}
.feature .feat01 .feat01_1 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat01 .feat01_1 h5{
margin: 0;
padding: 0;
font-size: 39px;
line-height: 100%;
text-align: left;
font-weight: bold;
color: #fff;
position: absolute;
top: 48px;
left: 16px;
}
.feature .feat01 h6{
padding: 32px 0 0;
font-size: 32px;
line-height: 140%;
text-align: center;
font-weight: bold;
color: #b60812;
letter-spacing: 3px;
}
.feature .feat01 p{
padding: 25px 0 50px;
font-size: 16px;
line-height: 140%;
text-align: center;
letter-spacing: 1.5px;
}
.feature .feat01 .feat01_2{
margin: 0 auto;
width: 790px;
}
.feature .feat01 .feat01_2 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat01 .cap{
margin: 0 auto;
padding: 20px 0 50px;
width: 780px;
font-size: 12px;
line-height: 150%;
text-align: left;
font-weight: 100;
letter-spacing: 0.5px;
}
.feature .feat01 .cap span{
display: block;
}
.feature .feat01 .feat01_3{
margin: 0 auto;
width: 981px;
position: relative;
}
.feature .feat01 .feat01_3 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat01 .feat01_3 h5{
margin: 0;
padding: 0;
font-size: 39px;
line-height: 100%;
text-align: left;
font-weight: bold;
color: #fff;
position: absolute;
top: 48px;
left: 16px;
}
.feature .feat01 .feat01_4{
margin: 0 auto;
padding: 0 0 80px;
width: 790px;
}
.feature .feat01 .feat01_4 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat01 .inBox{
margin: 0 0 0 106px;
padding: 30px 0 10px;
width: 878px;
}
.feature .feat01 .inBox .feat01_4_2{
	float: left;
	margin: 0;
	padding: 0;
	width: 387px;
}
.feature .feat01 .inBox .feat01_4_2 img{
width: 100%;
height: auto;
}
.feature .feat01 .inBox p{
	float: right;
	margin: 0 80px 0 0;
padding: 0 0 40px;
width: 382px;
font-size: 16px;
line-height: 140%;
text-align: left;
letter-spacing: 1.5px;
}
.feature .feat01 .inBox .txt{
	float: right;
width: 462px;
font-size: 19px;
line-height: 150%;
font-weight: bold;
color: #b60812;
}



.feature .feat02{
margin: 0 auto;
width: 100%;
}
.feature .feat02 .feat02_1{
margin: -50px auto 0;
width: 949px;
}
.feature .feat02 .feat02_1 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat02 .feat02_2{
margin: -60px auto 0;
padding: 0 0 80px;
width: 556px;
}
.feature .feat02 .feat02_2 img{
margin: 0 auto;
width: 100%;
height: auto;
}


.feature .feat03{
margin: 0 auto;
padding: 0;
width: 791px;
}
.feature .feat03 .sBox{
float: left;
margin: 0 28px 30px 0;
width: 245px;
height: 195px;
background-color: #ededed;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.feature .feat03 .sBox:nth-child(3n){
margin: 0 0 30px 0;
}
.feature .feat03 .sBox:last-child{
float: none;
margin: 0 auto 30px;
width: 640px;
height: auto;
}
.feature .feat03 .sBox .sbT{
padding: 4px 0 8px;
width: 100%;
font-size: 14px;
line-height: 140%;
text-align: center;
font-weight: 100;
color: #fff;
background-color: #c8a645;
border-radius: 50px;
}
.feature .feat03 .sBox:nth-child(4) .sbT,
.feature .feat03 .sBox:nth-child(5) .sbT,
.feature .feat03 .sBox:nth-child(6) .sbT{
padding: 14px 0 18px;
}
.feature .feat03 .sBox:last-child .sbT{
padding: 7px 0 5px;
}
.feature .feat03 .sBox .sbT span{
font-size: 17px;
font-weight: 700;
display: block;
}
.feature .feat03 .sBox .star{
padding: 19px 0 14px;
width: 100%;
font-size: 15px;
line-height: 100%;
text-align: center;
font-weight: bold;
}
.feature .feat03 .sBox .star img{
margin: 0 0 0 3px;
}
.feature .feat03 .sBox p{
margin: 0 auto;
padding: 0;
width: 210px;
font-size: 13px;
line-height: 150%;
text-align: left;
font-weight: 100;
}
.feature .feat03 .sBox:last-child p{
padding: 0 0 20px;
width: 100%;
text-align: center;
}
.feature .caps{
margin: -10px auto 20px;
padding: 0;
width: 640px;
font-size: 12px;
line-height: 150%;
text-align: left;
font-weight: 100;
}

.feature .charm{
margin: 0;
padding: 0 0 30px;
width: 100%;
text-align: center;
}
.feature .charm p{
margin: 0;
padding: 50px 0 15px;
width: 100%;
font-size: 40px;
line-height: 150%;
text-align: center;
font-weight: bold;
color: #b60812;
text-shadow: #e3e3e3 5px 5px 0px;
}
.feature .charm img{
margin: 0 auto;
width: 287px;
}



/* フッター 
---------------------------------------------------------*/
footer{
margin: 0;
padding: 30px 0 32px;
width: 100%;
}
footer .fLogo{
margin: 0 auto;
padding: 0;
width: 80px;
}
footer .fLogo img{
width: 100%;
height: auto;
}
footer .copyright{
margin: 0;
padding: 30px 0 0;
width: 100%;
font-size: 10px;
line-height: 100%;
text-align: center;
color: #333;
}

.fBt{
display: none;
}



}/* PC END */


/*** SP ***/
@media screen and (max-width: 768px){
.pcOnly {
display: none;
}
div#wrap {
width:100%;
margin:0 auto;
text-align:left;
padding: 0;
zoom: 1;
letter-spacing: 1px;
}
.min{
letter-spacing: 0;
}

/* header 
---------------------------------------------------------*/
header{
margin: 0 auto;
padding: 0;
width: 100%;
height: 420px;
background-image: url(../images/main.jpg);
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
header .inner{
margin: 0 auto;
padding: 0;
width: 90%;
}
header h1{
float: left;
margin: 1em 0 0 0;
padding: 0;
width: 10%;
}
header h1 img{
width: 100%;
height: auto;
}
header h2{
margin: 0 auto;
padding: 1.5em 0 0.2em;
width: 75%;
}
header h2 img{
width: 100%;
height: auto;
}
header p{
font-size: 100%;
line-height: 140%;
text-align: center;
color: #333;
text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px,
		#fff 1px -1px 10px, #fff -1px -1px 10px,
		#fff 1px 1px 5px, #fff -1px 1px 5px,
		#fff 1px -1px 5px, #fff -1px -1px 5px;
}


.benefit{
margin: 0;
padding: 2em 0 1em;
width: 100%;
}
.benefit h3{
margin: 0 auto;
padding: 0;
width: 55%;
height: 3em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.benefit h3 div{
margin: auto;
font-size: 4.5vw;
line-height: 1%;
text-align: center;
font-weight: 800;
color: #231815;
position: absolute;
top: 0.9em;
left: 0;
right: 0;
}
.benefit h3 img{
width: 100%;
height: auto;
position: absolute;
top: 0;
}
.benefit .bene{
margin: 0 auto;
padding: 0.3em 0 0;
width: 92%;
}
.benefit .bene img{
width: 100%;
height: auto;
}

.btArea{
margin: 20px auto 40px;
	width: 100%;
	text-align: center;
}
.btArea .visitBt,
.btArea .docBt,
.btArea .interBt{
margin: 0 5px 15px;
display: inline-block;
position: relative;
z-index: 0;
}
.btArea .visitBt::after,
.btArea .docBt::after,
.btArea .interBt::after{
position: absolute;
top: 5px;
left: 5px;
content: '';
width: 270px;
height: 53px;
background-color: #d2d2d2;
z-index: -1;
}
.btArea .docBt::after{
width: 270px;
}
.btArea .interBt::after{
width: 270px;
}
.btArea .visitBt a{
margin: 0;
padding: 13px 0 18px;
width: 270px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #fff;
display: inline-block;
background-color: #948649;
	background-image: url(../images/btn-black.png);
	background-position: right 4% center;
	background-repeat: no-repeat;
	background-size: 8px auto;
}
.btArea .docBt a{
margin: 0;
padding: 13px 0 18px;
width: 270px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #fff;
display: inline-block;
background-color: #948649;
	background-image: url(../images/btn-black.png);
	background-position: right 4% center;
	background-repeat: no-repeat;
	background-size: 8px auto;
}
.btArea .interBt a{
margin: 0;
padding: 13px 0 18px;
width: 270px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #fff;
display: inline-block;
background-color: #948649;
	background-image: url(../images/btn-black.png);
	background-position: right 4% center;
	background-repeat: no-repeat;
	background-size: 8px auto;
}
.btArea .visitBt a img,
.btArea .docBt a img,
.btArea .interBt a img{
margin: 0 8px 0 0;
width: 20px;
height: auto;
}


.what{
margin: 0 auto;
padding: 2.5em 0 0;
width: 100%;
}
.what h3{
margin: 0 auto;
width: 70%;
}
.what h3 img{
width: 100%;
height: auto;
}
.what p{
margin: 0 auto;
padding: 1.5em 0 0;
width: 90%;
font-size: 90%;
line-height: 160%;
text-align: left;
}
.what p span{
color: #b60812;
}
.what .ene{
margin: 0 auto;
padding: 1em 0 0;
width: 80%;
}
.what .ene img{
width: 100%;
height: auto;
}


.feature{
margin: 0 auto;
padding: 4.5em 0 0;
width: 100%;
}
.feature h3{
margin: 0 auto;
width: 70%;
}
.feature h3 img{
width: 100%;
height: auto;
}
.feature .feature01{
margin: 0 auto;
padding: 2em 0 0;
width: 90%;
}
.feature .feature01 img{
width: 100%;
height: auto;
}
.feature p{
margin: 0 auto;
padding: 1.5em 0 0;
width: 100%;
font-size: 85%;
line-height: 200%;
text-align: center;
font-weight: bold;
}
.feature p span{
color: #b60812;
}
.feature .feature02{
margin: 0 auto;
padding: 2em 0 1em;
width: 100%;
}
.feature .feature02 img{
width: 100%;
height: auto;
}
.feature .featT{
margin: 0 auto;
width: 100%;
text-align: center;
position: relative;
}
.feature .featT .circle{
margin: 0 auto;
padding: 0;
display: inline-block;
width: 130px;
height: 130px;
border-radius: 50%;
background-color: #c8a645;
text-align: center;
}
.feature .featT .circle div{
padding: 1.8em 0 0;
width: 100%;
font-size: 200%;
text-align: center;
font-weight: 900;
color: #fff;
}
.feature .featT .circle div span{
margin: 0 0 0 -5px;
font-family: 'Heebo', sans-serif;
font-size: 190%;
vertical-align: bottom;
font-style: italic;
display: inline-block;
}
.feature .featT h4{
margin: auto;
font-size: 200%;
text-align: center;
font-weight: 800;
color: #b60613;
text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
		#fff 2px -2px 0px, #fff -2px -2px 0px;
position: absolute;
bottom: 0.6em;
left: 0;
right: 0;
}

.feature .cover{
margin: 0 auto;
padding: 2em 0 0;
width: 100%;
text-align: center;
}
.feature .cover .box{
padding: 0 0 2em;
width: 100%;
display: block;
}
.feature .cover .box.sec{
width: 100%;
}
.feature .cover .box .sub{
margin: 0 auto;
padding: 0.8em 0 0;
width: 130px;
height: 90px;
font-size: 210%;
text-align: center;
font-weight: bold;
color: #fff;
background-image: url(../images/sub.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.feature .cover .box.sec .sub{
padding: 0.6em 0 0;
}
.feature .cover .box .sub.sub3{
padding: 0.8em 0 0;
width: 180px;
background-size: 130px auto;
text-shadow: #b60812 2px 0px,  #b60812 -2px 0px,
    #b60812 0px -2px, #b60812 0px 2px,
    #b60812 2px 2px , #b60812 -2px 2px,
    #b60812 2px -2px, #b60812 -2px -2px,
    #b60812 1px 2px,  #b60812 -1px 2px,
    #b60812 1px -2px, #b60812 -1px -2px,
    #b60812 2px 1px,  #b60812 -2px 1px,
    #b60812 2px -1px, #b60812 -2px -1px;
}
.feature .cover .box p{
margin: 0 auto;
padding: 0;
width: 100%;
font-size: 100%;
line-height: 140%;
text-align: center;
font-weight: bold;
}
.feature .feat01{
margin: 0 auto;
width: 100%;
}
.feature .feat01 .feat01_1{
margin: 0 auto;
width: 92%;
position: relative;
}
.feature .feat01 .feat01_1 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat01 .feat01_1 h5{
margin: 0;
padding: 0;
font-size: 4.7vw;
line-height: 100%;
text-align: left;
font-weight: bold;
color: #fff;
position: absolute;
top: 8.6%;
left: 2%;
}
.feature .feat01 h6{
padding: 0.5em 0 0;
font-size: 140%;
line-height: 140%;
text-align: center;
font-weight: bold;
color: #b60812;
letter-spacing: 3px;
}
.feature .feat01 p{
margin: 0 auto;
padding: 0.8em 0 2em;
width: 90%;
font-size: 95%;
line-height: 140%;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
}
.feature .feat01 .feat01_2{
margin: 0 auto;
width: 90%;
}
.feature .feat01 .feat01_2 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat01 .cap{
margin: 0 auto;
padding: 2em 0 4em;
width: 90%;
font-size: 70%;
line-height: 150%;
text-align: left;
font-weight: 100;
letter-spacing: 0.5px;
}
.feature .feat01 .cap span{
padding: 0 0 0 20px;
text-indent: -20px;
display: block;
}
.feature .feat01 .feat01_3{
margin: 0 auto;
width: 92%;
position: relative;
}
.feature .feat01 .feat01_3 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat01 .feat01_3 h5{
margin: 0;
padding: 0;
font-size: 4.7vw;
line-height: 100%;
text-align: left;
font-weight: bold;
color: #fff;
position: absolute;
top: 8.6%;
left: 2%;
}
.feature .feat01 .feat01_4{
margin: 0 auto;
padding: 0 0 3em;
width: 90%;
}
.feature .feat01 .feat01_4 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat01 .inBox{
margin: 0;
padding: 0.5em 0 1em;
width: 100%;
}
.feature .feat01 .inBox .feat01_4_2{
	float: none;
	margin: 0 auto;
	padding: 0;
width: 70%;
}
.feature .feat01 .inBox .feat01_4_2 img{
width: 100%;
height: auto;
}
.feature .feat01 .inBox p{
	float: none;
	margin: 0 auto;
padding: 1em 0 1em;
width: 90%;
font-size: 95%;
line-height: 140%;
text-align: left;
letter-spacing: 1px;
}
.feature .feat01 .inBox .txt{
	float: none;
	margin: 0 auto;
width: 90%;
font-size: 110%;
line-height: 150%;
font-weight: bold;
color: #b60812;
}



.feature .feat02{
margin: 0 auto;
width: 100%;
}
.feature .feat02 .feat02_1{
margin: 0 auto;
width: 100%;
}
.feature .feat02 .feat02_1 img{
margin: 0 auto;
width: 100%;
height: auto;
}
.feature .feat02 .feat02_2{
margin: 1em auto 0;
padding: 0 0 3em;
width: 80%;
}
.feature .feat02 .feat02_2 img{
margin: 0 auto;
width: 100%;
height: auto;
}


.feature .feat03{
margin: 0 auto;
padding: 0;
width: 90%;
}
.feature .feat03 .sBox{
float: none;
margin: 0 0 1.5em 0;
padding: 0 0 1em;
width: 100%;
height: auto;
background-color: #ededed;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.feature .feat03 .sBox:nth-child(3n){
margin: 0 0 1.5em 0;
}
.feature .feat03 .sBox:last-child{
float: none;
margin: 0 auto 1.5em;
width: 100%;
height: auto;
}
.feature .feat03 .sBox .sbT{
padding: 4px 0 7px;
width: 100%;
font-size: 90%;
line-height: 140%;
text-align: center;
font-weight: 100;
color: #fff;
background-color: #c8a645;
border-radius: 50px;
}
.feature .feat03 .sBox:nth-child(4) .sbT,
.feature .feat03 .sBox:nth-child(5) .sbT,
.feature .feat03 .sBox:nth-child(6) .sbT{
padding: 15px 0 16px;
}
.feature .feat03 .sBox:last-child .sbT{
padding: 7px 0 5px;
}
.feature .feat03 .sBox .sbT span{
font-size: 110%;
font-weight: 700;
display: block;
}
.feature .feat03 .sBox .star{
padding: 0.7em 0 0.7em;
width: 100%;
font-size: 100%;
line-height: 100%;
text-align: center;
font-weight: bold;
}
.feature .feat03 .sBox .star img{
margin: 0 0 0 3px;
}
.feature .feat03 .sBox p{
margin: 0 auto;
padding: 0;
width: 90%;
font-size: 90%;
line-height: 150%;
text-align: left;
font-weight: 400;
}
.feature .feat03 .sBox:last-child p{
padding: 0;
width: 90%;
text-align: center;
}
.feature .caps{
margin: -10px auto 3em;
padding: 0;
width: 90%;
font-size: 90%;
line-height: 150%;
text-align: left;
font-weight: 100;
}

.feature .charm{
margin: 0;
padding: 0 0 2em;
width: 100%;
text-align: center;
}
.feature .charm p{
margin: 0;
padding: 0 0 0.5em;
width: 100%;
font-size: 160%;
line-height: 140%;
text-align: center;
font-weight: bold;
color: #b60812;
text-shadow: #e3e3e3 5px 5px 0px;
}
.feature .charm img{
margin: 0 auto;
width: 45%;
}



/* フッター 
---------------------------------------------------------*/
footer{
margin: 0;
padding: 1.5em 0 5em;
width: 100%;
}
footer .fLogo{
margin: 0 auto;
padding: 0;
width: 22%;
}
footer .fLogo img{
width: 100%;
height: auto;
}
footer .copyright{
margin: 0;
padding: 1.5em 0 0;
width: 100%;
font-size: 65%;
line-height: 100%;
text-align: center;
color: #333;
}


.fBt{
width: 100%;
position: fixed;
bottom: 0;
}
.fBt ul,
.fBt li{
margin: 0;
padding: 0;
}
.fBt li{
float: left;
width: 33%;
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fBt li:nth-child(2){
width: 29%;
}
.fBt li:last-child{
width: 37%;
border-right: none;
}
.fBt li a{
padding: 1em 0 1.1em 10px;
font-size: 110%;
line-height: 100%;
text-align: left;
color: #fff;
font-weight: bold;
background-color: #948649;
background-image: url(../images/arrow.png);
background-size: 8px auto;
background-position: right 7px center;
background-repeat: no-repeat;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



}/* SP END */



@media screen and (max-width: 370px){

header p{
font-size: 90%;
}
.feature p{
font-size: 75%;
}
.feature .cover .box p{
font-size: 90%;
}
.feature .feat01 h6{
font-size: 120%;
}
.feature .feat01 .cap{
font-size: 65%;
}
.fBt li a{
padding: 1em 0 1.1em 10px;
font-size: 80%;
line-height: 100%;
text-align: left;
color: #fff;
font-weight: bold;
background-color: #948649;
background-image: url(../images/arrow.png);
background-size: 8px auto;
background-position: right 7px center;
background-repeat: no-repeat;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btArea .bt a{
padding: 1.3em 0 0 0;
font-size: 120%;
}
.btArea .bt:last-child a{
padding: 1.3em 0 0 9%;
text-align: left;
}


}



@media screen and (max-width: 768px) and (orientation: landscape) {

.btArea{
margin: 0;
padding: 1.2em 0 0.5em;
width: 100%;
background-color: #f2f2f2;
text-align: center;
}
.btArea .bt{
margin: 0 2% 1em;
width: 40%;
height: 4em;
display: inline-block;
position: relative;
z-index: 0;
}
.btArea .bt:last-child{
width: 60%;
}
.btArea .bt::after {
position: absolute;
top: 5px;
left: 5px;
content: '';
width: 100%;
height: 4em;
background-color: #d2d2d2;
z-index: -1;
}
.btArea .bt a{
padding: 0.8em 0 0 0;
width: 100%;
height: 100%;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
font-size: 160%;
line-height: 100%;
text-align: center;
color: #fff;
font-weight: bold;
background-color: #b60812;
background-image: url(../images/arrow.png);
background-size: 10px auto;
background-position: right 20px center;
background-repeat: no-repeat;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fBt li{
float: left;
width: 33.33333%;
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fBt li:last-child{
width: 33.33333%;
border-right: none;
}
.fBt li a{
padding: 1.1em 0 1.1em 10px;
font-size: 110%;
line-height: 100%;
text-align: center;
background-image: url(../images/arrow.png);
background-size: 8px auto;
background-position: right 10% center;
}

}

/* other
---------------------------------------------------------*/

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

.clearfix { display: inline-table; }  

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */

.inline{
display: inline;
}