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

header::before{
    opacity: 1;
}

header .logo01{
    opacity: 1!important;
    display: block!important;
}

header .logo02{
    display: none!important;
}

.kiyaku .sec01{
    padding: 180px 0 125px;
    background: url("../img/common/bg02.jpg");
}

.kiyaku .sec01 p a{
    position: relative;
	color:#644A3B;
	text-decoration:none;
    transition:0.3s all ease 0s;
    padding-right: 16px;
    background: url("../img/common/icon07.png") no-repeat center right;
    display: inline-block;
}

.kiyaku .sec01 p a::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
	height: 1px;
    width: 100%;
    background: #644A3B;
}

.kiyaku .sec01 p a:hover{
	opacity: 0.7;
}

.kiyaku .sec01#office{
    background: url("../img/common/bg02.jpg");
}

.kiyaku .sec01 h1{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.kiyaku .sec01 h1 + p{
    width: 100%;
    max-width: 900px;
    margin: 65px auto 30px;
    font-size: 15px;
    text-align: left;
}

.kiyaku .sec01 dl{
    width: 100%;
    max-width: 900px;
    font-size: 15px;
    margin: 0 auto 120px;
}

.kiyaku .sec01 dl dt{
    text-align: center;
    border-top: 1px solid #cccccc;
    background: url("../img/common/bg04.jpg");
    line-height: 1.6;
    padding: 14px 30px;
}

.kiyaku .sec01 dl dd{
    border-bottom: 1px solid #cccccc;
    margin: 0 auto;
    line-height: 2;
    padding: 10px 0 20px;
}

.kiyaku .sec01 dl dd a{
    text-decoration: none;
    color: #644a3b;
    transition:0.3s all ease 0s;
}

.kiyaku .sec01 dl dd a:hover{
    opacity: 0.7;
}

.kiyaku .sec01 .kiyaku_box h3{
    width: 100%;
    text-align: center;
    font-size: 22px;
    background: url("../img/common/bg04.jpg");
    line-height: 90px;
    letter-spacing: 0.3em;
    margin-bottom: 50px;
}

.kiyaku .sec01 .kiyaku_box h3 span{
    display: inline!important;
}

.kiyaku .sec01 .kiyaku_box h4{
    position: relative;
    width: 100%;
    max-width: 960px;
    padding: 0 30px 0 57px;
    font-size: 20px;
    line-height: 25px;
    margin: 0 auto 20px;
    box-sizing: border-box;
    letter-spacing: 0.3em;
}

.kiyaku .sec01 .kiyaku_box h4::before{
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    height: 25px;
    width: 6px;
    background: url("../img/common/bg04.jpg");
}

.kiyaku .sec01 .kiyaku_box p{
    position: relative;
    width: 100%;
    max-width: 960px;
    padding: 0 30px;
    font-size: 14px;
    margin: 0 auto 22px;
    box-sizing: border-box;
}

.kiyaku .sec01 .kiyaku_box ul{
    width: 100%;
    max-width: 960px;
    padding: 0 30px;
    margin: 0 auto 80px;
    box-sizing: border-box;
	letter-spacing: 0.03em;
}

.kiyaku .sec01 .kiyaku_box ul li{
    position: relative;
    width: 100%;
    font-size: 15px;
    padding: 12px 0 12px 75px;
    margin-bottom: 10px;
    line-height: 1.8;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li{
    padding: 0 0 0 40px;
    margin-bottom: 30px;
    border-bottom: none;
}

.kiyaku .sec01 .kiyaku_box ul li span{
    font-size: 13px;
    display: block;
}

.kiyaku .sec01 .kiyaku_box ul li::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 100%;
    display: flex;
    align-items: center; /* 縦方向中央揃え */
    justify-content: center; /* 横方向中央揃え */
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(1)::before{
    background: url("../img/guide/01.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(2)::before{
    background: url("../img/guide/02.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(3)::before{
    background: url("../img/guide/03.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(4)::before{
    background: url("../img/guide/04.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(5)::before{
    background: url("../img/guide/05.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(6)::before{
    background: url("../img/guide/06.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(7)::before{
    background: url("../img/guide/07.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(8)::before{
    background: url("../img/guide/08.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul li:nth-child(9)::before{
    background: url("../img/guide/09.png"), url("../img/common/bg04.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center, center;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(1)::before{
    background: url("../img/guide/01.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(2)::before{
    background: url("../img/guide/02.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(3)::before{
    background: url("../img/guide/03.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(4)::before{
    background: url("../img/guide/04.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(5)::before{
    background: url("../img/guide/05.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(6)::before{
    background: url("../img/guide/06.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(7)::before{
    background: url("../img/guide/07.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(8)::before{
    background: url("../img/guide/08.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(9)::before{
    background: url("../img/guide/09.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(10)::before{
    background: url("../img/guide/10.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(11)::before{
    background: url("../img/guide/11.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(12)::before{
    background: url("../img/guide/12.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(13)::before{
    background: url("../img/guide/13.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(14)::before{
    background: url("../img/guide/14.png");
    background-repeat: no-repeat;
    background-position: top 7px left;
}

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

.kiyaku .sec01 h1 + p{
    padding: 0 30px;
    box-sizing: border-box;
}

.kiyaku .sec01 dl{
    padding: 0 30px;
    box-sizing: border-box;
}

}

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

/* =====================================
	kiyaku
===================================== */

.kiyaku .sec01{
    padding: 24vw 0 26vw;
}

.kiyaku .sec01 h1{
    position: relative;
    font-size: 5.2vw;
    padding-bottom: 3.255vw;
}

.kiyaku .sec01 h1 + p{
    width: 89.5833%;
    margin: 5.859375vw auto 5.46875vw;
    font-size: 3.3854vw;
}

.kiyaku .sec01 dl{
    width: 89.5833%;
    font-size: 3.6458vw;
    margin: 0 auto 10.4166vw;
}

.kiyaku .sec01 dl dt{
    padding: 1.953125vw 0;
}

.kiyaku .sec01 dl dd{
    padding: 3.9vw 3.9vw 5.2vw;
}

.kiyaku .sec01 dl dd a:hover{
    opacity: 1;
}

.kiyaku .sec01 .kiyaku_box h3{
    font-size: 3.9vw;
    line-height: 1.6;
    padding: 4.557vw 0;
    margin-bottom: 6.51vw;
}

.kiyaku .sec01 .kiyaku_box h3 span{
    display: none!important;
}

.kiyaku .sec01 .kiyaku_box h4{
    width: 81.77%;
    padding: 0 0 0 3.9vw;
    font-size: 3.9vw;
    line-height: 4.9479vw;
    margin: 0 auto 2.6vw;
}

.kiyaku .sec01 .kiyaku_box h4::before{
    left: 0;
    height: 4.9479vw;
    width: 1.3vw;
}

.kiyaku .sec01 .kiyaku_box p{
    width: 81.77%;
    padding: 0;
    font-size: 3.3854vw;
    margin: 0 auto 6.51vw;
}

.kiyaku .sec01 .kiyaku_box ul{
    width: 81.77%;
    padding: 0;
    margin: 0 auto 15.625vw;
}

.kiyaku .sec01 .kiyaku_box ul li{
    font-size: 3.125vw;
    padding: 3.9vw 0 3.9vw 15.3639vw;
    margin-bottom: 1.953125vw;
}

.kiyaku .sec01 .kiyaku_box ul li span{
    font-size: 2.86458vw;
}

.kiyaku .sec01 .kiyaku_box ul li::before{
    width: 11.1979vw;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2){
    margin-top: 9vw;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(1)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(2)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(3)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(4)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(5)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(6)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(7)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(8)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(9)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(10)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(11)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(12)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(13)::before{
    background-position: top 1.4vw left;
}

.kiyaku .sec01 .kiyaku_box ul:nth-of-type(2) li:nth-child(14)::before{
    background-position: top 1.4vw left;
}

}