@charset "UTF-8";
/* =====================================
	thanks
===================================== */

body{
    padding-bottom: 0;
    background: #fcf8ef;
}

.ttl-area{
    width: 100%;
    padding: 173px 0 46px;
    background: #f8f3e6;
}

.ttl-area h1 img{
    width: 215px;
    margin: 0 auto;
}

.cnt-area{
    width: 100%;
    background: #fcf8ef;
    padding-bottom: 145px;
}

.cnt-area .inner{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 145px 40px 0;
    box-sizing: border-box;
}

.cnt-area .menu{
    float: left;
}

.cnt-area .menu li{
    color: #83847b;
    margin-bottom: 18px;
}

.cnt-area .cnt{
    float: right;
    width: 60%;
    margin: -10px 1.66% 0 0;
}

.cnt-area .cnt h2{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 18px;
}

.cnt-area .cnt p{
    color: #80817a;
    line-height: 2;
}

.cnt-area .cnt a{
    margin-top: 82px;
    color: #000;
    padding-bottom: 7px;
    border-bottom: 1px solid #000;
    background: url("../img/common/arrow06.svg") no-repeat top 9px right 6px;
    background-size: 7px auto;
    width: 100%;
    max-width: 370px;
    display: block;
}

.cnt-area .cnt a:hover{
    animation: link-anime02 0.3s linear;
    animation-fill-mode:forwards;
}

@keyframes link-anime02 {
    0% {
        background-position: top 9px right 6px;
        opacity: 1;
    }
    50% {
        background-position: top 9px right -7px;
        opacity: 0.8;
    }
    51% {
        background-position: top 9px right 19px;
        opacity: 0.8;
    }
    100% {
        background-position: top 9px right 6px;
        opacity: 0.6;
    }
}


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

.ttl-area{
    padding: 30.46875vw 0 9.11vw;
}

.ttl-area h1 img{
    width: 50.651vw;
}

.cnt-area{
    padding-bottom: 37.76vw;
}

.cnt-area .inner{
    padding: 0;
}

.cnt-area .menu{
    float: none;
	overflow: hidden;
	width: 100%;
    position: relative;
	border-bottom: 1px solid #cccccc;
    line-height: 1;
}

.cnt-area .menu dt{
	width: 100%;
    position: relative;
    padding: 6.25vw 6.77vw;
    box-sizing: border-box;
}

.cnt-area .menu dt::before{
	position: absolute;
	top: 50%;
	right: 6.05vw;
    transform: translateY(-50%);
	width: 4.8177vw;
	height: 4.8177vw;
	content: '';
	background: url("../img/common/icon_plus.svg") no-repeat;
    background-size: cover;
}

.cnt-area .menu dt.is-active::before{
    background: url("../img/common/icon_minus.svg") no-repeat;
    background-size: cover;
}

.cnt-area .menu dd{
	width: 100%;
    padding: 7.8125vw 0;
    border-top: 1px solid #cccccc;
    box-sizing: border-box;
    display: none;
}

.cnt-area .menu dd a{
    padding: 3.9vw 6.77vw;
    display: block;
}

.cnt-area .cnt{
    float: none;
    width: 86.979vw;
    margin: 22.1354166vw auto 0;
}

.cnt-area .cnt h2{
    margin-bottom: 2.86458vw;
}

.cnt-area .cnt a{
    margin-top: 13vw;
    padding-bottom: 2.6vw;
    background: url("../img/common/arrow06.svg") no-repeat top 2vw right 1.5625vw;
    background-size: 1.5625vw auto;
    max-width: 71.614vw;
}

.cnt-area .cnt a:hover{
    animation: none;
}

}