html{
    font-size: 62.5%;
}
body{
    font-size:1.4rem;
    line-height: 2;
    width: 100%;
    color: #111;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", Hiragino Kaku Gothic ProN, Arial, "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
}
ul,li{
    list-style: none;
}
img{
    width:auto;
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
h1 {
    font-size: 3.6rem;/* IE8莉･荳九→Android4.3莉･荳狗畑繝輔か繝ｼ繝ｫ繝舌ャ繧ｯ */
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36px縺ｧ蜿ｯ螟�*/
    line-height: 1.3;
}
h2 {
    font-size: 2.4rem;/* IE8莉･荳九→Android4.3莉･荳狗畑繝輔か繝ｼ繝ｫ繝舌ャ繧ｯ */
    font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24px縺ｧ蜿ｯ螟�*/
    line-height: 1.3;
}
.mincho{
	font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}

/*繝倥ャ繝€繝ｼ縺ｨ繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ*/
header{
	position: relative;
    overflow: hidden;
}
header h1{
	position: absolute;
	top: 50%;
	left: 50%;
    z-index: 10;
    transform: translate(-50%,-50%);
}
header h1 img{
    width: 100%;
    max-width: 293px;
    min-width: 200px;
}
header #slider{
	width: 100vw;
    height: 100vh;
    position: relative;
}
header #slider #sld1{
    background: url("../img/top_sl_1.jpg")no-repeat;
    background-size: cover;
}
header #slider #sld2{
    background: url("../img/top_sl_2.jpg")no-repeat;
    background-size: cover;
}
header #slider #sld3{
    background: url("../img/top_sl_3.jpg")no-repeat;
    background-size: cover;
}
header #slider .sld_fade{
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    overflow: hidden;
}

/*main繧ｳ繝ｳ繝�Φ繝�*/
section{
    margin-bottom:120px;
}
section h2{
  width: 44px;
  margin:40px auto 60px;
}
section h2 img{
    width: 100%;
}
section h3{
    text-align: center;
    font-size: 4.8rem;
    margin-bottom: 20px;
    line-height: 2;
    font-weight: normal;
    letter-spacing: 2px;
}
section h3:after{
    content: "";
    display: block;
    border: 0.5px solid #111;
    background: #111;
    height: 55px;
    width: 1px;
    margin:0 auto;
}
section h4{
    margin-bottom: 5px;
}
section dl{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top: 30px;
}
section dl dt{
    margin-right: 30px;
    text-align: center;
}
.introCover{
    text-align: center;
     background-image: url(../img/bg_intro_01.png),
      url(../img/bg_intro_02.png),url(../img/bg_intro_03.png),url(../img/bg_intro_04.png);
      background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
      background-position:top 5% left 0,top 5% right 2%,bottom 0 left 5%,bottom 0 right 0;
      padding-top: 50px;
}
.introCover ul{
	width: 100%;
}
.introCover ul li{
	text-align: center;
	line-height: 3;
	margin-bottom: 30px;
}
.introCover ul li span{
    display: block;
}
.bg_full01{
    background-image: url("../img/bg_cont_A.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10vh 0 20vh 0;
}
.bg_full02{
    background-image: url("../img/bg_cont_B.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10vh 0 20vh 0;
}
.bg_full03{
    background-image: url("../img/bg_cont_C.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10vh 0 20vh 0;
}
.contentsInner{
    width: 100%;
    max-width: 950px;
    margin:0 auto;
    background-color:rgba(255,255,255,0.9);
    padding: 100px 5%;
}
.contentsInner p{
    font-size: 1.6rem;
}
.btn_items > span{
    display: block;
    text-align: center;
    margin-bottom: 30px;
}
.btn_items a{
    display: block;
    vertical-align: middle;
    background-color: #cebaa9;
    width: 300px;
    padding: 10px;
    color: #fff;
    position: relative;
    margin: 0 auto;
    text-decoration: none;
    text-align: center;
    transition: 0.2s;
}
.btn_items a:hover{
    background-color: #a9988a;
}
.btn_items a:before{
    position: absolute;
    top: 0;
    bottom: 0;
    right:  8px;
    margin: auto;
    content: "";
    vertical-align: middle;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
}
footer{
    border-top: 1px solid #999;
    color: #999;
    text-align: center;
    padding: 20px 0 0;
}
footer h1{
    margin-bottom: 20px;
}
footer p{
    font-size: 1.0rem;
    margin-bottom: 10px;
}

@media (max-width: 1200px) {
.introCover{
    background-size: 30%,40%,20%,40%;
}
.introCover ul{
    padding: 0 2% 20%;
}
section h2{
    width: 34px;
}
}
@media (max-width: 1000px) {
.introCover ul{
    padding: 0 5% 30%;
}
.introCover ul li{
    line-height: 2;
}
}
@media screen and (max-width: 640px) {
body{
    line-height: 1.5;
}
.introCover{
    background-size: 40%,40%,30%,50%;
}
.introCover ul li{
    line-height: 2;
    text-align: left;
}
.introCover ul li span{
    display: inline;
}
section{
    margin-bottom: 60px;
}
section h2{
width: 6%;
}
section dl{
    display: block;
}
section h3{
    font-size: 3.2rem;
}
section dl dt{
    margin-right: 0px;
    margin-bottom: 10px;
}
section dl dt img{
    width: 100%;
    max-width: 313px;
}
.contentsInner{
    padding: 20% 5%;
}
.btn_items > span > span{
    display: block;
}
}