@charset "utf-8";
 /* layout
****************************************************/
.tsuno_mariage h1,
.tsuno_mariage h2,
.tsuno_mariage h3,
.tsuno_mariage h4,
.tsuno_mariage p,
.tsuno_mariage span,
.tsuno_mariage a { font-family:"Hiragino Mincho ProN",YuMincho,serif; color: #222;}
span { vertical-align: baseline;}
section { width: 900px; margin: 0 auto;}
.under { background: linear-gradient(transparent 80%, #efc700 0%);}
.sp_cont { display: none;}
.cont_line { display: block; margin: 0 auto;}

/* content
****************************************************/
.cont01 h1 { font-size: 35px; font-weight: 600; text-align: center; color: #5D0400; margin: 80px 0 60px 0; letter-spacing : 5px;}
.cont01 h1 span { font-size: 40px; font-weight: 600; color: #5D0400; letter-spacing : 5px;}

.cont01 .text01 { font-size: 20px; text-align: center; margin-bottom: 50px;}
.cont01 .text01 span { font-size: 25px; font-weight: 600; line-height: 1.8;}
.cont01 .thum01 { width: 100%; display: block; margin-bottom: 50px;}

.cont01 .text02 { text-align: center; margin-bottom: 50px;}
.cont01 .text02 span { font-size: 25px; font-weight: 600; line-height: 2;}

.cont01 .text03 { font-size: 25px; font-weight: 600; margin-bottom: 50px; line-height: 1.6; text-align: center;}
.cont01 .text03 span { font-size: 30px; font-weight: 600; color: #efc700; line-height: 1.6;}
.cont01 .thum02 { width: 600px; display: block; margin: 0 auto 50px auto; border: 1px solid #f5f5f5;}

.btn_area { display: flex; justify-content: center;}
.btn_area li:first-of-type { margin-right: 20px;}
.btn_area a { display: flex; align-items: center; width: 350px; height: 70px; font-weight: 600; font-size: 20px; color: #fff; position: relative; justify-content: center; border-radius: 100px; transition: .3s;}
.btn_area li:nth-of-type(1) a { background: #efc700;}
.btn_area li:nth-of-type(2) a { background: #222;}
.btn_area a:hover { opacity: .7;}
.btn_area a img { position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}

.cont02 { margin-top: 80px;}
.cont02 ul { display: flex; justify-content: space-between; padding: 60px 0; align-items: center;}
.cont02 ul li p { font-size: 20px; font-weight: 600; color: #5D0400; line-height: 2.5;}
.cont02 ul li img { display: block; min-width: 200px; margin-right: 70px;}

.cont03 ul { display: flex; justify-content: space-between; padding: 60px 0; align-items: center;}
.cont03 ul li p { font-size: 20px; font-weight: 600; line-height: 2.5;}
.cont03 ul li img { display: block; min-width: 200px; margin-left: 70px;}

.cont04 ul { display: flex; justify-content: space-between; padding: 60px 0; align-items: center;}
.cont04 ul li p { font-size: 20px; font-weight: 600; color: #5D0400; line-height: 2.5;}
.cont04 ul li img { display: block; min-width: 200px; margin-right: 70px;}
.cont04 .thum03 { width: 100%;}

.cont05 { margin-top: 60px;}
.cont05 ul { padding: 60px 0; align-items: center;}
.cont05 ul li p { font-size: 20px; font-weight: 600; line-height: 2.3; text-align: center;}
.cont05 ul li img { display: block; width: 100%; margin-top: 60px;}

.cont06 ul { padding: 60px 0; align-items: center;}
.cont06 ul li p { font-size: 20px; font-weight: 600; color: #5D0400; line-height: 2.3; text-align: center;}
.cont06 ul li img { display: block; width: 100%; margin-top: 60px;}
.cont06 > p { margin-bottom: 60px; font-size: 25px; text-align: center; font-weight: 600; letter-spacing: 5px; line-height: 1.8;}
.cont06 > p > span { font-size: 30px; font-weight: 600; letter-spacing: 5px; line-height: 1.8;}
.cont06 > p > span:nth-of-type(1) ,
.cont06 > p > span:nth-of-type(3) ,
.cont06 > p > span:nth-of-type(4) { color: #efc700;}

.cont07 .cont07_inr { padding: 60px 0 50px 0; display: flex;  align-items: center;}
.cont07 .cont07_inr li img { display: block; min-width: 400px; margin-right: 40px;}
.cont07 .cont07_inr li p { font-size: 18px; font-weight: 600; line-height: 3.5;}
.cont07 .btn_area { margin-bottom: 60px;}

.cont08 dl { padding: 60px 0;}
.cont08 dl dt { margin-bottom: 30px;}
.cont08 dl dt h2 { font-size: 30px; font-weight: 600; border-left: 5px solid #efc700; padding-left: 10px; margin-bottom: 25px; line-height: 1;}
.cont08 dl dt p { font-size: 18px; line-height: 2.4;}

.cont09 { padding-bottom: 80px;}
.cont09 dl { padding: 60px 0;}
.cont09 dl dt { margin-bottom: 60px;}
.cont09 dl dt h2 { font-size: 30px; font-weight: 600; border-left: 5px solid #efc700; padding-left: 10px; margin-bottom: 25px; line-height: 1;}
.cont09 dl dt > ul { display: flex;}
.cont09 dl dt > ul > li { width: calc((100% - 40px)/2); margin-right: 40px;}
.cont09 dl dt > ul > li:last-of-type { margin-right: 0;}
.cont09 dl dt > ul > li > img { border: 1px solid #f5f5f5;}
.cont09 dl dt > ul > li h3 { font-size: 30px; font-weight: 600;}
.cont09 dl dt > ul > li h3 span { font-size: 25px; font-weight: 600; color: #5D0400;}
.cont09 dl dt > ul > li p { font-size: 20px; margin-top: 40px; line-height: 2;}
.cont09 dl dt > ul > li > .btn_area { display: grid; margin: 40px auto 0 auto;}
.cont09 dl dt > ul > li > .btn_area > li:first-of-type { margin-bottom: 20px;}
.cont09 dl dd h4 { font-size: 25px; font-weight: 600; color: #5D0400; line-height: 1; margin-bottom: 20px;}
.cont09 dl dd p { font-size: 18px; line-height: 2.4;}
.cont09 dl dd a { display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 100px; background: #222; font-size: 20px; font-weight: 600; width: 350px; height: 70px; margin: 40px auto 0 auto;}
.cont09 dl dd a img { display: block; margin-right: 10px;}



/******************************************************************************************
 small display
*******************************************************************************************/
@media screen and (max-width: 900px){
    /* layout
    ****************************************************/
    section { width: 100%; padding: 0 3vw;}

}


@media screen and (max-width: 750px){
    /* content
    ****************************************************/
    .btn_area { display: grid;}
    .btn_area li:first-of-type { margin-bottom: 10px;}

    .cont07 .cont07_inr { display: block;}
    .cont07 .cont07_inr li img { min-width: 100%; margin-right: 0;}
    .cont07 .cont07_inr li p { margin-top: 40px;}

    .cont09 dl dt > ul { display: block;}
    .cont09 dl dt > ul li { width: 100%;}
    .cont09 dl dt > ul > li > img { display: block; margin: 0 auto;}
    .cont09 dl dt > ul > li h3 { margin-top: 30px;}

}

@media screen and (max-width: 600px){
    .cont01 .thum02 { width: 100%;}
}


@media screen and (max-width: 500px){
    /* layout
    ****************************************************/
    .pc_cont { display: none;}
    .sp_cont { display: block;}
    .cont_line { width: 100%;}

    /* content
    ****************************************************/
    .cont01 h1 { font-size: 20px; margin: 60px 0 40px 0;}
    .cont01 h1 span { font-size: 25px;}
    .cont01 .text01 { font-size: 16px; line-height: 1.8; margin-bottom: 40px;}
    .cont01 .text01 span { font-size: 20px;}
    .cont01 .thum01 { margin-bottom: 40px;}
    .cont01 .text02 { margin-bottom: 40px;}
    .cont01 .text02 span { font-size: 16px;}
    .cont01 .text03 { font-size: 16px; margin-bottom: 40px; letter-spacing: 1px;}
    .cont01 .text03 span { font-size: 20px; letter-spacing: 1px;}
    .cont01 .thum02 { margin: 0 auto 30px auto;}

    .btn_area a { width: 320px; height: 60px; font-size: 18px;}
    .btn_area li:first-of-type { margin-right: 0;}
    .btn_area a img { right: 20px;}

    .cont02 { margin-top: 50px;}
    .cont02 ul { padding: 40px 0;}
    .cont02 ul li img { max-width: 100px; min-width: 100px; margin-right: 25px;}
    .cont02 ul li p { font-size: 14px; line-height: 2.4;}

    .cont03 ul { padding: 40px 0;}
    .cont03 ul li img { max-width: 100px; min-width: 100px; margin-left: 25px;}
    .cont03 ul li p { font-size: 14px; line-height: 2.4;}

    .cont04 ul { padding: 40px 0;}
    .cont04 ul li img { max-width: 100px; min-width: 100px; margin-right: 25px;}
    .cont04 ul li p { font-size: 14px; line-height: 2.4;}

    .cont05 { margin-top: 40px;}
    .cont05 ul { padding: 40px 0;}
    .cont05 ul li p { font-size: 14px;}
    .cont05 ul li img { margin-top: 40px;}

    .cont06 ul { padding: 40px 0;}
    .cont06 ul li p { font-size: 14px;}
    .cont06 ul li img { margin-top: 40px;}
    .cont06 > p { font-size: 16px; letter-spacing: 1px; margin-bottom: 40px;}
    .cont06 > p > span { font-size: 20px; letter-spacing: 1px;}

    .cont07 .cont07_inr { padding: 40px 0;}
    .cont07 .cont07_inr li p { font-size: 14px; line-height: 2.7;}

    .cont08 dl { padding: 40px 0;}
    .cont08 dl dt h2 { font-size: 20px;}
    .cont08 dl dt p { font-size: 14px;}

    .cont09 dl { padding: 40px 0;}
    .cont09 dl dt { margin-bottom: 40px;}
    .cont09 dl dt h2 { font-size: 20px;}
    .cont09 dl dt > ul > li h3 { font-size: 20px;}
    .cont09 dl dt > ul > li h3 span { font-size: 14px;}
    .cont09 dl dt > ul > li p { margin-top: 20px; font-size: 14px;}
    .cont09 dl dt > ul > li > .btn_area { margin: 30px auto 0 auto;}
    .cont09 dl dt > ul > li > .btn_area > li:first-of-type { margin-bottom: 10px;}
    .cont09 dl dd h4 { font-size: 20px; margin-bottom: 20px;}
    .cont09 dl dd p { font-size: 14px;}
    .cont09 dl dd a { width: 320px; height: 60px; font-size: 18px; margin: 30px auto 0 auto;}
}