@charset "UTF-8";

#page_header{background-image:url("../img/header_back_pc.webp");height: 460px;padding-top:  10%;}

.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}
.center{text-align: center;}

/* section_02 */

.copy_box {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #9f8f4f;
    padding: 3em;
}
.copy_box::before {
    position: absolute;
    content: '';
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    background-color: #9f8f4f;
}
.copy_box::after {
    position: absolute;
    content: '';
    left: -20px;
    bottom: -20px;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    background-color: #9f8f4f;
}

.copy_box h3 {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
    font-weight: 500;
    font-size: 2em;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 0.5em;
}
.copy_box p {
    font-size: 1.16em;
    line-height: 1.7;
    margin-top: 1em;
}

.alsub {
    width: 50%;
    margin: 0 auto 3em;
}
.alsub img {
    width: 100%;
}

.al_box {
    
}
.al_box img {
    width: 100%;
}
.al_box ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.al_box ul li:first-child {
    width: 45%;
}
.al_box ul li:last-child {
    width: 52%;
}
.al_box ul li:first-child p {
    margin-bottom: 1em;
}
.al_img {
}
.aladj img {
    width: 80% !important;
}
.al_album {
    position: relative;
    width: 30%;
    margin: -20% 0 0 auto;
}
.al_album img {
    filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 5px #fff);
}
.al_box ul li:last-child {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border: 1px solid #9f8f4f;
    padding: 2em;
    text-align: center;
}
.al_box ul li:last-child::before {
    position: absolute;
    content: '';
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    background-color: #9f8f4f;
}
.al_box ul li:last-child h6 {
    display: inline-block;
    background-color: #9f8f4f;
    color: #fff;
    line-height: 1.4;
    padding: 0.5em 1em;
    font-weight: normal;
}
.al_box ul li:last-child h5 {
    font-family: 'Century Gothic',Futura;
    font-weight: normal;
    letter-spacing: 0.5em;
    text-indent: 0.5em;
    margin-top: 1em;
}
.al_box ul li:last-child h4 {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
    font-weight: 500;
    font-size: 1.8em;
    line-height: 1.4;
    margin: 0.5em auto;
}
.al_tx {
    text-align: left;
    line-height: 1.7;
}
.al_tx p {
    margin-bottom: 1em;
}
.al_price {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 0.3em 0;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
    font-weight: 500;
    font-size: 3em;
    line-height: 1;
    text-align: right;
}
.al_price span {
    text-decoration:line-through;
    font-size: 0.6em;
    margin-right: 1em;
    color: #666;
}
.al_price strong {
    font-weight: 500;
    font-size: 0.4em;
}
p.zei {
    font-size: 0.76em;
    line-height: 1;
    margin-top: 1em;
    text-align: right;
}

.sub_tx p {
    line-height: 1.7;
}
.sub_tx {
    margin-bottom: 3em;
}
/*

/* section_05 */
.section_05 {

}

.sonota_plan {
    text-align: center;
    font-size: 1.6em;
}

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
#page_header{background-image:url("../img/header_back_pc.webp");height: 300px;padding-top:  10%;}
	

	
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image:url("../img/header_back_sp.webp");height: 200px;padding-top:  10%;}
	
.mt100{margin-top: 30px;}
	
.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
.w90per{width: 100%;margin: 0 auto;}
.box-item03{width: 100%;display: inline-block;margin:1% 0 6%;height: auto;}

/* section_02 */

.copy_box {
    padding: 2em;
}
.copy_box::before {
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
}
.copy_box::after {
    left: -10px;
    bottom: -10px;
    width: 20px;
    height: 20px;
}

.copy_box h3 {
    font-size: 1.32em;
    line-height: 1.5;
    text-align: left;
}
.copy_box p {
    font-size: 0.92em;
    line-height: 1.7;
}

.alsub {
    width: 100%;
    margin: 0 auto 1em;
}

.al_box {
    
}
.al_box ul {
    flex-direction: column-reverse;
}
.al_box ul li {
    width: 100% !important;
}
.al_box ul li:first-child p {
    width: 80%;
    margin: 1em auto;
}
.al_box ul li:last-child {
    padding: 1.5em;
}
.al_box ul li:last-child::before {
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
}
.al_box ul li:last-child h6 {
    font-size: 0.84em;
}
.al_box ul li:last-child h5 {
    font-size: 0.84em;
}
.al_box ul li:last-child h4 {
    font-size: 1.4em;
    line-height: 1.4;
    margin: 0.5em auto;
}
.al_tx {

}
.al_tx p {
    font-size: 0.92em;
    margin-bottom: 1em;
}
.al_price {
    font-size: 2.5em;
}

.sub_tx p {
    font-size: 0.92em;
}
.sub_tx {
    margin-bottom: 1em;
}

}