@charset "UTF-8";

/*=============================================

 * <main>

 *=============================================*/

main {

    padding-top: 0;

}

header{

    position: static;

    padding-bottom: 0;

}

/*=============================================

 * <header>

 *=============================================*/

header .nav-bottom{

    margin-bottom: 20px;

}



#sec1 .hochan{

    position: relative;

    top: auto;

    right:auto;

    width: 90px;

    margin: 20px auto;

}

#sec1 ul {

    display: flex;

    justify-content: space-between;

}

#sec1 ul li {

    position: relative;

}

#sec1 ul li:before {

    content: '';

    background: url("../img/set_2/icon_arrow_btm.png");

    position: absolute;

    width: 28px;

    height: 28px;

    bottom: -14px;

    z-index: 2;

    background-size: cover;

    left: 50%;

    transform: translateX(-50%);

}

.heading__ {

    text-align: center;

    border: 1px solid #8a8a8a;

    background: #f6f6f6;

    font-size: 25px;

    line-height: 1;

    letter-spacing: 0.4em;

    padding: 9px 0 10px;

    color: #414141;

    font-family: 'Noto Serif JP', serif;

    margin-left: -51px;

    margin-right: -51px;

    border-radius: 5px;

}

.box_shadow_2 {

    box-shadow: 13px 16px 40px 0px rgba(75, 63, 63, 0.2);

}

#sec2 .note {

    text-align: center;

    padding-bottom: 2px;

}

#sec2 .content {

    display: flex;

    justify-content: space-between;

    flex-direction: row-reverse;

}

#sec2 .content .text {

    width: 470px;

}

#sec2 .content .text .price__ {

    padding-top: 46px;

    font-size: 25px;

    font-family: 'Noto Serif JP', serif;

    letter-spacing: 0.4em;

    line-height: 1.5;

    padding-bottom: 8px;

}

#sec2 .content .text .price__ span {

    font-size: 20px;

}



#sec2 .item {

    position: relative;

}

#sec2 .item:before {

    content: '';

    position: absolute;

    top: 50px;

    left: 0;

    bottom: 0;

    border-left: 1px dashed #000;

}

#sec2 .item:after {

    content: '';

    position: absolute;

    top: 50px;

    right: 0;

    bottom: 0;

    border-right: 1px dashed #000;

}

#sec2 .item h3 {

    text-align: center;

    color: #fff;

    font-family: 'Noto Serif JP', serif;

    background: #f33b3b;

    letter-spacing: 0.4em;

    font-weight: 500;

    padding: 0 20px;

    font-size: 20px;

    border-radius: 5px;

    line-height: 1.5;

    margin-left: 9px;

    margin-right: 9px;

}

#sec2 .item h3 span {

    /*font-size: 15px;*/

}

#sec2 .item .text_2 {

    padding: 34px 69px 18px;

}

#sec2 .item .text_2 h4 {

    color: #f33b3b;

}



#sec2 .btn__ {

    text-align: center;

    padding: 15px 0 60px 29px;

}







#sec3 .content {

    display: flex;

    justify-content: space-between;

}

#sec3 .content .photo {

    position: relative;

}

#sec3 .content .photo span {

    position: absolute;

    right: -42px;

    top: 185px;

    z-index: 1;

}

#sec3 .content .text {

    width: 460px;

}

#sec3 .content .text .price__ {

    padding-top: 36px;

    font-size: 25px;

    font-family: 'Noto Serif JP', serif;

    letter-spacing: 0.4em;

    line-height: 1.5;

    padding-bottom: 8px;

}

#sec3 .content .text .price__ span {

    font-size: 20px;

}

#sec3 .content .text .btn__ {

    text-align: right;

}

#sec3 .content_2 {

    display: flex;

    justify-content: space-between;

}

#sec3 .content_2 .item {

    /*width: 50%;*/

    position: relative;

}

#sec3 .content_2 .item:before {

    content: '';

    position: absolute;

    top: 50px;

    left: 0;

    bottom: 0;

    border-left: 1px dashed #000;

}





#sec3 .content_2 .item:after {

    content: '';

    position: absolute;

    top: 50px;

    right: 0;

    bottom: 0;

    border-right: 1px dashed #000;

}

#sec3 .content_2 .item h3 {

    text-align: center;

    color: #fff;

    font-family: 'Noto Serif JP', serif;

    background: #f33b3b;

    letter-spacing: 0.4em;

    font-weight: 500;

    padding: 0 20px;

    font-size: 20px;

    border-radius: 5px;

    line-height: 1.5;

    margin-left: 9px;

    margin-right: 9px;

}

#sec3 .content_2 .item .text_2 {

    padding: 34px 69px 18px;

}

#sec3 .content_2 .item .text_2 h4 {

    color: #f33b3b;

}

#sec3 .content_2 .item .text_2 .txt_2 {

    padding-left: 18px;

}



#sec3 .content_2 .btn__ {

    text-align: center;

}



#sec3 .content_2 .box {

    width: 47%;

}



#sec4 .item {

    position: relative;

}

#sec4 .item:before {

    content: '';

    position: absolute;

    top: 50px;

    left: 0;

    bottom: 0;

    border-left: 1px dashed #000;

}

#sec4 .item:after {

    content: '';

    position: absolute;

    top: 50px;

    right: 0;

    bottom: 0;

    border-right: 1px dashed #000;

}

#sec4 .item h3 {

    text-align: center;

    color: #fff;

    font-family: 'Noto Serif JP', serif;

    background: #f33b3b;

    letter-spacing: 0.4em;

    font-weight: 500;

    padding: 0 20px;

    font-size: 20px;

    border-radius: 5px;

    line-height: 1.5;

    margin-left: 9px;

    margin-right: 9px;

}

#sec4 .item h3 span {

    font-size: 15px;

}

#sec4 .item .text_2 {

    padding: 34px 69px 18px;

}

#sec4 .item .text_2 h4 {

    color: #f33b3b;

}

#sec4 .content_1 {

    display: flex;

    justify-content: space-between;

    flex-direction: row-reverse;

}

#sec4 .content_1 .photo {

    position: relative;

}

#sec4 .content_1 .text {

    width: 470px;

}

#sec4 .content_1 .text .price__ {

    padding-top: 36px;

    font-size: 25px;

    font-family: 'Noto Serif JP', serif;

    letter-spacing: 0.4em;

    line-height: 1.5;

    padding-bottom: 8px;

}

#sec4 .content_1 .text .price__ span {

    font-size: 20px;

}

#sec4 .content_1 .item .text_2 .txt_2 {

    padding-left: 18px;

}

#sec4 .content_1 .text .btn__ {

    text-align: center;

}

#sec4 .content_1 .item {

    position: relative;

}

#sec4 .content_2 {

    display: flex;

    justify-content: space-between;

}

#sec4 .content_2 .box {

    width: 47%;

}

#sec4 .content_2 .item .text_2 .txt_2 {

    padding-left: 18px;

}

#sec4 .content_2 .box .btn__ {

    text-align: center;

}

#sec5 .item {

    position: relative;

}

#sec5 .item:before {

    content: '';

    position: absolute;

    top: 50px;

    left: 0;

    bottom: 0;

    border-left: 1px dashed #000;

}

#sec5 .item:after {

    content: '';

    position: absolute;

    top: 50px;

    right: 0;

    bottom: 0;

    border-right: 1px dashed #000;

}

#sec5 .item h3 {

    text-align: center;

    color: #fff;

    font-family: 'Noto Serif JP', serif;

    background: #f33b3b;

    letter-spacing: 0.4em;

    font-weight: 500;

    padding: 0 20px;

    font-size: 20px;

    border-radius: 5px;

    line-height: 1.5;

    margin-left: 9px;

    margin-right: 9px;

}

#sec5 .item h3 span {

    font-size: 15px;

}

#sec5 .item .text_2 {

    padding: 34px 69px 18px;

}

#sec5 .item .text_2 h4 {

    color: #f33b3b;

}

#sec5 .content_1 {

    display: flex;

    justify-content: space-between;

    padding: 60px 0 100px 0;

}

#sec5 .content_1 .photo {

    position: relative;

}

#sec5 .content_1 .text {

    width: 460px;

}

#sec5 .content_1 .text .price__ {

    padding-top: 36px;

    font-size: 25px;

    font-family: 'Noto Serif JP', serif;

    letter-spacing: 0.4em;

    line-height: 1.5;

    padding-bottom: 8px;

}

#sec5 .content_1 .text .price__ span {

    font-size: 20px;

}

#sec5 .content_2 {

    display: flex;

    justify-content: space-between;

}

#sec5 .content_2 .box {

    width: 47%;

}

#sec5 .content_2 .item .text_2 .txt_2 {

    padding-left: 18px;

}

#sec6 .content {

    display: flex;

    justify-content: space-between;

    flex-direction: row-reverse;

    padding: 60px 0 83px 0;

}

#sec6 .content .text {

    width: 490px;

}

#sec6 .content .text .price__ {

    padding-top: 35px;

    font-size: 25px;

    font-family: 'Noto Serif JP', serif;

    letter-spacing: 0.4em;

    line-height: 1.5;

    padding-bottom: 8px;

}

#sec6 .content .text .price__ span {

    font-size: 20px;

}



@media only screen and (min-width: 1000px) {

    header h1 {

        margin: 29px 0 20px;

    }

    #sec1 .hochan{

        position: absolute;

        top: -192px;

        right: -80px;

        width: 130px;

        z-index: 1;

    }

    #keyTop {

        margin-left: -100px;

        margin-right: -100px;

    }

    #sec1{

        margin-bottom: 83px;

    }

    #sec1 h2{

        margin-bottom: 90px;

    }

    #sec2 .content .text .txt {

        padding-bottom: 48px;

    }

    #sec2 .content {

        padding: 50px 63px 83px 0;

    }

    #sec3 .content .text .txt {

        padding-bottom: 54px;

    }

    #sec3 .content {

        padding: 60px 0 50px;

    }

    #sec3 .content_2 {

        padding: 0 59px 100px;

    }

    #sec4 .content_1 {

        padding: 60px 30px 0 0;

    }

    #sec4 .content_1 .text .btn__ {

        text-align: center;

        padding: 15px 0 60px 29px;

    }

    #sec4 .content_1 .text .txt {

        padding-bottom: 54px;

    }

    #sec4 .content_1 .item {

        margin-top: 44px;

        margin-left: 30px;

        padding-bottom: 37px;

    }

    #sec4 .content_2 {

        padding: 0 30px 107px;

    }

    #sec4 .content_2 .box .btn__ {

        padding: 13px 0 0;

    }

    #sec5 .content_1 .text .btn__ {

        text-align: right;

        padding-bottom: 50px;

    }  

    #sec5 .content_1 .text .txt {

        padding-bottom: 51px;

    }

    #sec5 .content_2 {

        padding: 0 30px 100px;

    }

    #sec5 .content_2 .box .btn__ {

        text-align: center;

        padding: 23px 0 0;

    }

    #sec6 .content .text .txt {

        padding-bottom: 40px;

        padding-right: 20px;

    }

    #sec6 .btn__ {

        margin-left: -60px;

        margin-right: -60px;

        padding-bottom: 123px;

    }    

    

}

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

    header h1 {

        margin-top: 20px;

    }

    #sec1 {

        margin: 30px 0 50px;

    }

    #sec1 h2{

        margin-bottom: 30px;

    }

    #sec1 ul {

        flex-wrap: wrap;

        justify-content: center;

    }

    #sec1 ul li {

        width: 29%;

        margin: 0 2% 7%;

    }

    #sec1 ul li:before {

        width: 20px;

        height: 20px;

    }

    .heading__ {

        font-size: 5vw;

        padding: 10px 5%;

        margin-left: -2.5%;

        margin-right: -2.5%;

    }

    .box_shadow_2 {

        box-shadow: 13px 16px 40px 0px rgba(75, 63, 63, 0.2);

    }

    #sec2 .note {

        display: none;

    }

    #sec2 .content {

        display: block;

        margin: 30px 0 50px;

    }

    #sec2 .content .photo {

        width: 50%;

        margin: 0 auto;

    }

    #sec2 .content .text {

        width: auto;

    }

    #sec2 .content .text .price__ {

        font-size: 5vw;

        line-height: 1.5;

        padding: 25px 0 10px;

    }

    #sec2 .content .text .price__ span {

        font-size: 3.5vw;

    }

    #sec2 .content .text .txt {

        margin-bottom: 35px;

    }

    #sec2 .content .text .btn__ {

        margin: 0 10%;

    }

	

	

    #sec3 .content {

        display: block;

        margin: 30px 0 50px;

    }

    #sec3 .content .photo {

        width: 70%;

        margin: 0 auto;

    }

    #sec3 .content .photo span {

        position: absolute;

        right: -10vw;

        top: 20vw;

        z-index: 1;

        width: 40%;

    }

    #sec3 .content .text {

        width: auto;

    }

    #sec3 .content .text .price__ {

        font-size: 5vw;

        line-height: 1.5;

        padding: 50px 0 10px;

    }

    #sec3 .content .text .price__ span {

        font-size: 3.5vw;

    }

    #sec3 .content .text .txt {

        margin-bottom: 35px;

    }

    #sec3 .content .text .btn__ {

        margin: 0 10%;

        text-align: center;

    }

    #sec3 .content_2 {

        display: block;

        margin-bottom: 60px;

    }

    #sec3 .content_2 .item {

        width: 100%;

        /*border-bottom: 1px dashed #000;*/

    }

    #sec3 .content_2 .item + .item{

        margin-top: 35px;

    }

    #sec3 .content_2 .item:before {

        display: none;

    }

    #sec3 .content_2 .item:last-child:after {

        display: none;

    }

    #sec3 .content_2 .item h3 {

        font-size: 16px;

        padding: 5px 20px;

        margin-left: 0;

        margin-right: 0;

    }

    #sec3 .content_2 .item .text_2 {

        padding: 20px 0;

    }

    #sec3 .content_2 .item .text_2 h4 {

        color: #f33b3b;

    }

    #sec3 .content_2 .item .text_2 .txt_2 {

        height: auto !important;

    }

	#sec3 .content_2 .box {

    	width: auto;

    	margin: 0;

    	padding-bottom: 30px;

    	border-bottom: 1px dashed #000;

    	margin-bottom: 40px;

	}

	#sec3 .content_2 .text {

    	width: auto;

    	margin: 0;

        margin-bottom: 0px;

    	padding-bottom: 30px;

    	border-bottom: 1px dashed #000;

    	margin-bottom: 40px;

	}	

    #sec3 .item:before {

        display: none;

    }

    #sec3 .item:after {

        display: none;

    }



	

    #sec4 {

        margin-bottom: 40px;

    }

    #sec4 .item {

        position: relative;

    }

    #sec4 .item:before {

        display: none;

    }

    #sec4 .item:after {

        display: none;

    }

    #sec4 .item h3 {

        font-size: 16px;

        padding: 5px 20px;

        margin-left: 0;

        margin-right: 0;

    }

    #sec4 .item h3 span {

        font-size: 14px;

    }

    #sec4 .item .text_2 {

        padding: 20px 0;

    }

    #sec4 .item .text_2 h4 {

        color: #f33b3b;

    }

    #sec4 .content_1 {

        display: block;

        margin-top: 30px;

    }

    #sec4 .content_1 .photo {

        position: relative;

        width: 50%;

        margin: 0 auto;

    }

    #sec4 .content_1 .text {

        width: auto;

        margin: 0;

        padding-bottom: 30px;

        border-bottom: 1px dashed #000;

        margin-bottom: 40px;

    }

    #sec4 .content_1 .text .price__ {

        font-size: 5vw;

        line-height: 1.5;

        padding: 30px 0 10px;

    }

    #sec4 .content_1 .text .price__ span {

        font-size: 3.5vw;

    }

    #sec4 .content_1 .text .txt {

        margin-bottom: 40px;

    }

    #sec4 .content_1 .text .btn__ {

        margin: 0 10%;

        text-align: center;

    }

    #sec4 .content_2 {

        display: block;

    }

    #sec4 .content_2 .box {

        width: auto;

        margin: 0;

        padding-bottom: 30px;

        border-bottom: 1px dashed #000;

    }

    #sec4 .content_2 .box + .box{

        margin-top: 40px;

    }

    #sec4 .content_2 .box .btn__ {

        margin: 0 10%;

    }

    #sec4 .content_2 .item .text_2 .txt_2 {

        height: auto !important;

    }

    #sec5 .item {

        position: relative;

    }

    #sec5 .item:before {

        display: none;

    }

    #sec5 .item:after {

        display: none;

    }

    #sec5 .item h3 {

        font-size: 16px;

        padding: 5px 20px;

        margin-left: 0;

        margin-right: 0;

    }

    #sec5 .item h3 span {

        font-size: 14px;

    }

    #sec5 .item .text_2 {

        padding: 20px 0;

    }

    #sec5 .content_1 {

        display: block;

        padding: 10% 0 0;

    }

    #sec5 .content_1 .photo {

        position: relative;

        margin: 0 auto;

        width: 70%;

    }

    #sec5 .content_1 .text {

        width: auto;

        margin-bottom: 50px;

    }

    #sec5 .content_1 .text .price__ {

        padding-top: 10%;

        font-size: 5vw;

        line-height: 1.5;

        padding-bottom: 3%;

    }

    #sec5 .content_1 .text .price__ span {

        font-size: 3.5vw;

    }

    #sec5 .content_1 .text .txt {

        margin-bottom: 35px;

    }

    #sec5 .content_1 .text .btn__ {

        margin: 0 10%;

    }

    #sec5 .content_2 {

        display: block;

    }

    #sec5 .content_2 .box {

        width: auto;

        padding-bottom: 30px;

        margin-bottom: 40px;

        border-bottom: 1px dashed #000;

    }

    #sec5 .content_2 .box .btn__ {

        margin: 0 10%;

    }

    #sec6{

        margin-bottom: 50px;

    }

    #sec6 .content {

        display: block;

        padding: 10% 0 50px;

    }

    #sec6 .content .photo {

        margin: 0 auto;

        width: 70%;

    }

    #sec6 .content .text {

        width: auto;

    }

    #sec6 .content .text .price__ {

        padding-top: 10%;

        font-size: 4.5vw;

        line-height: 1.5;

        padding-bottom: 3%;

    }

    #sec6 .content .text .price__ span {

        font-size: 3.5vw;

    }

    #sec6 .content .text .txt {

        margin-bottom: 35px;

    }

    #sec6 .content .text .btn_ {

        margin: 0 7%;

    }

    #sec6 .btn__ {

        margin: 0;

    }

}

@media screen and (max-width: 1080px) and (min-width: 980px) {

    #sec6 .btn__ {

        margin: 0;

    }

    #sec6 .btn__ img {

        width: 100%;

        height: auto;

    }

}







#sec10 .wrap{

	padding: 0 0 30px;

}

#sec10 .wrap .item{

	display: flex;

	flex-direction:row;

	flex-wrap:wrap;

	justify-content:center;

}

#sec10 .wrap .item div{

	width: 16%; margin: 2%;

}



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

#sec10 .wrap .item div{

	width: 42%; margin: 3%;

}

}