@charset "UTF-8";
/* 標準化 */
html, body {
    overflow-x: hidden;
    font-size: 62.5%;
}
body {
    font-family:  YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    color: #2c2c2c;
}
.disp_pc{
    display: block;
}
.disp_sp{
    display: none;
}
h1{
}
h2{
}
h3{
    font-size: 2.6rem;
    line-height: 1.6em;
    letter-spacing:0.05em;
    font-weight: 600;
}
h3::before {
    content: "■";
}
h4{
    font-size: 2.0rem;
    line-height: 1.6em;   
    letter-spacing:0.05em;
    color: #FFF;
    background-color: #000;
    display: inline-block;
    padding: 5px 20px;
    margin-bottom: 0.5em;
    font-weight: 600;
}
h5{
}
p, ul, dl{
    font-size: 2.0rem;
    line-height: 1.6em;   
    letter-spacing:0.05em;
    text-align: justify;
    margin-bottom: 1em;
}

dl{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
dt{
    width: 30%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 20px;
}
dd{
    width: 70%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 20px;
}
dt:nth-of-type(1), dd:nth-of-type(1) {
    border-top: 1px solid #000;
}
li{
    text-indent: -1em;
    padding-left: 1em;
}
li::before {
    content: "※";
}
@media (hover:hover){
    a:hover{
        opacity: 0.7;
    }
}
    @media (hover:none){
    a:active{
        opacity: 0.7;
    }
}

/************************************
MV
************************************/
#mv {
    background: linear-gradient(180deg, rgba(255,255,255,0) 90%, rgba(236,205,183,1) 100%), url(../img/mv_bg.jpg) ;
    width: 100%;
    background-size: cover,cover;
    background-position: top center,top center;
}
#mv .inner{
    max-width: 1200px;
    width: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 150px;
}
#mv .inner .mv_top{ 
}
#mv .inner .mv_top .img{ 
}
#mv .inner .mv_title {
    margin-top: 60px;
}
#mv .inner .mv_title .img{
}
#mv .inner .mv_txt {
    margin-top: 60px;
}
#mv .inner .mv_txt .img{
}

/************************************
cp
************************************/ 
#cp{
    width: 100%;
    background: rgba(236,205,183,1);
}
#cp .inner{
    width: 1100px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}
#cp .inner .cp_1{
    text-align: center;
}
#cp .inner .cp_2{
    margin-top: 60px;
}
#cp .inner .cp_1 img,#cp .inner .cp_2 img{
    margin: 0 auto;
}
#cp .inner .btn{
    margin-top: 60px;
    text-align: center;
}

/************************************
outline
************************************/
#outline {
    background: linear-gradient(180deg, rgba(236,205,183,1) 0%, rgba(140,98,57,1) 5%, rgba(153,134,117,1) 100%);
    width: 100%;
    margin: 0px auto 0 auto;
    padding-top: 120px;
    padding-bottom: 80px;
}
#outline .inner {
    background: url(../img/outline_bg.jpg) no-repeat center top / cover;
    margin: 60px auto;
    width: 1100px;
    padding: 80px 95px 100px;
}
#outline .inner .title {
    left: -115px;
    position: relative;
    width: 100%;
}
#outline .inner h3{
    margin: 40px 0 10px;
}
#outline .inner .btn{
    margin-top: 60px;
    text-align: center;
}
/************************************
company
************************************/
#company {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 40px;
    text-align: center;
}
#company .inner{
}
#company .inner p{
    text-align: center;
    margin-top: 20px;
    font-size: 1.8rem;
}
/************************************
フッター
************************************/
footer{
    width: 100%;
    height: 80px;
    background: #534741;
    padding: 10px;
    position: relative;
}
footer p{
    font-size: 1.4rem;
    color: #FFF;
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: 0;
    text-align: center;
}