@charset "utf-8";



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

    ■ 必須設定

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

/* reset

----------------------------- */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}

body { line-height: 1; }

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

h1,

h2,

h3,

h4,

h5,

h6 { font-weight: inherit; }

a {

    margin: 0;

    padding: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}

ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}

mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}

del { text-decoration: line-through; }

abbr[title], dfn[title] {

    border-bottom: 1px dotted;

    cursor: help;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

th {

    text-align: left;

    vertical-align: top;

    font-weight: normal;

}

td {

    text-align: left;

    vertical-align: top;

}

hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}

input, select, textarea, img { vertical-align:middle; }

ul, dl, ol { list-style: none; }

em { font-style: normal; }

* {

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

}



input::placeholder{

	color: #ccc;

}

input::-ms-input-placeholder{

	color: #ccc;

}

input:-ms-input-placeholder{

	color: #ccc;

}





/* 共通設定

----------------------------- */

html { font-size: 18px; }



body {

    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,MS明朝,serif;

    color: #1C0B3C;

    line-height: 1.7;

    overflow-x: hidden;

    position: relative;

    background: rgba(67,35,126,.005);

}



a {

    text-decoration: none;

    transition: 0.2s ease;

}

a:hover {

    text-decoration: none;

    transition: 0.2s ease;

    opacity: .6;

}

a::before, a:hover::before,

a::after, a:hover::after {

    transition: 0.2s ease;

}



img,

video,

object {

    max-width: 100%;

    height: auto;

    vertical-align: bottom;

    border: none;

}

li{

    list-style: none;

}



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

    ■ General

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

.wrap {

    max-width: 1320px;

    margin: 0 auto;

}

.flex{

    display: flex;

    flex-wrap: wrap;

}

.flex-box{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.ps_re{

    position: relative;

}

.ps_ab{

    position: absolute;

}

.title{

    text-align: center;

    margin-bottom: 50px;

}

.title_text{

    font-size: 2rem;

    font-weight: bold;

    color: #1C0B3C;

    line-height: 1.3;
	

}

.section{

    padding: 120px 0;

}

.back-to-top {
    display: none !important;
}



/* HEADER */

.wpo-header-style-3 {
    position: fixed;
    padding: 20px 30px;
    background-color: #E09C55;
}

.wpo-site-header .navigation.sticky-header {
    display: none;
}

.wpo-header-style-3 .navigation.sticky-on {
    background-color: transparent;
}


.nav_toggle,

.sp_menu{

    display: none;

}

.sp{

    display: none;

}

@media (max-width: 1400px) {

    .wpo-header-style-3 {
        padding: 10px 20px 0px;
    }

}
@media (max-width: 991px) {

    .wpo-header-style-3 {
        padding: 5px 20px;
    }
    .wpo-header-style-3 .navigation {
        background-color: transparent;
    }
    .wpo-header-style-3 .navigation .mobail-menu button {
        background-color: transparent;
    }
    .wpo-header-style-3 #navbar {
        background-color: #6A5887;
    }

}





/* FOOTER */

#footer{

    padding: 20px 0;

    background-color: #e09c55;

}

#footer .flex{

    justify-content: space-between;

    align-items: center;

}

#footer a{

    color: #fff;

    font-size: 14px;

}

#footer .logo img{

    width: 250px;

}



/* INDEX */

.mv{

    padding-top: 100px;

    background: url(img/mv.jpeg) no-repeat center center / cover;

    height: 600px;

}

.mv .wrap,

.mv .flex{

    height: 100%;

}

.mv .wrap{

    max-width: 1520px;

}

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

    .mv .wrap{

        max-width: 1320px;

    }

}

.mv .flex{

    align-items: flex-start;

    justify-content: flex-end;

    padding-bottom: 50px;

    flex-direction: column;

}

.mv .text_box{

    text-align: center;

}

.mv .text_box ruby rt{

    font-size: 14px;

}

.mv .text_box .text{

    font-size: 2.7rem;

    color: rgb(59 34 107);

    text-shadow: 3px 3px 6px #888888;

    margin-bottom: 20px;

}

.mv_btn{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.mv_btn a img{

    width: 200px;

}





/* SECTION 01 */

.sec01_btn{

    margin: 20px 0 70px;

    text-align: center;

}

.sec01_btn a{

    margin: 0 10px;

}

.sec01 .flex{

    justify-content: space-between;

}

.sec01 .flex .text_box{

    width: 50%;

}

.sec01 .flex .img{

    width: 48%;

}

.sec01 .tv_wrap .text{

    text-align: center;

    font-weight: bold;

    font-size: 1.1rem;

    margin-bottom: 10px;

}

.sec01 .tv{

    width: 900px;

    margin: 0 auto;

    position: relative;

}

.sec01 .tv_slider{

    position: absolute;

    top: 12px;

    left: 15px;

    width: 871px;

}

.sec01 .tv_slider li img{

    border-radius: 5px;

}



/* SECTION 02 */

.sec02{

    position: relative;

    z-index: 0;

    background: url(img/sec02_bg.jpg) no-repeat center center / cover;

}

.sec02::before{

    content: "";

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(255,255,255,.8);

}

.sec02 .text.top{

    text-align: center;

    margin-bottom: 80px;

}

.sec02 .flex{

    justify-content: center;

}

.sec02 .box{

    display: flex;

    flex-wrap: wrap;

    width: 390px;

    margin: 0 20px;

    background-color: #F8F8F8;

    border: 1px solid #1C0B3C;

    padding: 20px;

    justify-content: space-between;

}

.sec02 .box .text_box{

    width: 65%;

}

.sec02 .box .img{

    width: 30%;

}

.sec02 .box .text_box .text{

    font-size: 15px;

    font-weight: bold;

}

.sec02 .box .text_box .name{

    margin-top: 20px;

    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.sec02 .slides{

    margin-top: 100px;

}

.sec02 .slides li{

    margin: 0 20px;

    box-shadow: 0 0 10px #1C0B3C;

}

.slide_arrow{

    position: absolute;

    transform: translateY(-50%);

    top: 50%;

    z-index: 99;

    cursor: pointer;

    transition: .2s;

    opacity: 0;

}

.sec02 .slide:hover .slide_arrow{

    opacity: .6;

}

.slide_arrow:hover{

    opacity: .4;

}

.prev_arrow{

    left: 40px;

}

.next_arrow{

    right: 40px;

}

.merit{

    margin-bottom: 50px;

}

.merit .flex{

    justify-content: space-between;

}

.merit_box{

    width: 48%;

}

.merit_box .text_box{

    margin-bottom: 20px;

}

.merit_box .text_box .text,

.merit_box .text_box .att{

    font-size: 16px;

}

.merit_box .text_box .text.small{

    font-size: 14px;

}

.merit_box .text_box ul li{

    padding-left: 1em;

    font-size: 16px;

}

.merit_box .text_box ul li::before{

    content: "・";

    margin-left: -1em;

}

.merit_box .text_box ul li.num1::before{

    content: "① ";

}

.merit_box .text_box ul li.num2::before{

    content: "② ";

}

.merit_box .text_box ul li.num3::before{

    content: "③ ";

}

.merit_box .text_box ul li.num4::before{

    content: "④ ";

}

.merit_box table{

    width: 100%;

    margin-bottom: 10px;

    border-collapse: separate;

    border-spacing: 3px;

}

.merit_box table th,

.merit_box table td{

    font-size: 16px;

    padding: 10px;

    border: 1px solid #1C0B3C;

    background-color: #F8F8F8;

}

.merit_box table th{

    font-weight: bold;

}

.merit_box .youtube iframe{

    width: 100%;

    vertical-align: bottom;

}

.line_title{

    margin-bottom: 16px;

    position: relative;

    font-weight: bold;

    letter-spacing: .1em;

}

.line_title::before{

    content: "";

    background-color: #1C0B3C;

    height: 2px;

    width: 60px;

    position: absolute;

    bottom: -5px;

    left: 0;

}

.merit_banner{

    margin-top: 67px;

    text-align: center;

    border: 1px solid #1C0B3C;

    padding: 10px 20px;

}

.merit_banner .text{

    color: #1C0B3C;

    font-size: 16px;

}

.sec02 .youtube{

    text-align: center;

}



/* SECTION 03 */

.sec03_content{

    padding-top: 120px;

    margin-bottom: 30px;

}

.sec03_content .box .img{

    width: 48%;

    text-align: center;

    position: relative;

    z-index: 0;

}

.sec03_content .box .img::before{

    content: "";

    background-color: rgba(123,98,170,.3);

    width: 65%;

    height: 100%;

    position: absolute;

    bottom: -20px;

    left: 50px;

    z-index: -1;

}

.sec03_content .box .map{

    width: 48%;

}

.sec03_content .box .map iframe{

    width: 100%;

    height: 440px;

    border: 1px solid #707070 !important;

}

.sec03_content .box .map a{

    color: #1C0B3C;

    font-weight: bold;

    font-size: 1.1rem;

    letter-spacing: .1em;

}

.sec03_content .title{

    margin-bottom: 60px;

}

.sec03_content .box .flex{

    justify-content: space-between;

}



/* 交通アクセス */

.access .text_box{

    width: 48%;

}

.access .text_box .text.top{

    font-size: 1.2rem;

    font-weight: bold;

    margin-bottom: 10px;

    letter-spacing: .1em;

}

.access .flex_column{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 40px;

}

.access .flex_column .box:nth-of-type(1){

    width: 60%;

}

.access .flex_column .box:nth-of-type(2){

    width: 40%;

}

.access .text_box ul li{

    padding-left: 1em;

}

.access .text_box ul li::before{

    content: "●";

    margin-left: -1em;

}

.access .flex{

    justify-content: space-between;

}

.access_map{

    width: 48%;

}

.access_map img{

    width: 100%;

}

.access.section{

    padding-bottom: 0;

}



/* SECTION 04 */

.sec04 .flex{

    justify-content: space-between;

}

.company{

    width: 100%;

}

.company table{

    width: auto;
	margin: 2em auto;
	 border-topm: 1px solid #1C0B3C;

}

.company table th{

    text-align: center;

    vertical-align: middle;
	width: 12em;

}

.company table th,

.company table td{

    border-bottom: 1px solid #1C0B3C;

    padding: 15px 25px;

    font-weight: bold;

}

.company table td a{

    color: #1C0B3C;

}

.company table td.table_tel span{

    width: 160px;

    display: inline-block;

}



/* NEWS */

.news{

    width: 80%;
	margin:0.5rem 10%;

}

.news .text.top,

.company .text.top{

    padding: 10px 20px;

    font-weight: bold;

    font-size: 1.3rem;

    border-bottom: none;

    text-align: center;

    background: -moz-linear-gradient(top, rgba(67,35,126,.53), rgba(34,18,63,.94));

    background: -webkit-linear-gradient(top, rgba(67,35,126,.53), rgba(34,18,63,.94));

    background: linear-gradient(to bottom, rgba(67,35,126,.53), rgba(34,18,63,.94));

    color: #fff;

    letter-spacing: .1em;

}

.news_wrap{

    border: 1px solid #1C0B3C;

    height: 518px;

    overflow-y: scroll;

}

.news_box{

    padding: 10px 20px;

    border-bottom: 1px dotted #1C0B3C;

}

.news_box .text span{

    margin-bottom: 5px;

    font-weight: bold;

    display: inline-block;

}





/* SECTION 05 */

.sec05{

    background: url(img/sec05_bg.jpg) no-repeat center center / cover;

    position: relative;

    z-index: 0;

}

.sec05::before{

    content: "";

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(255,255,255,.8);

}

.sec05 .flex{

    justify-content: space-between;

}

.sec05 .text_box{

    width: 55%;

}

.sec05 .text_box li{

    padding-left: 1em;

    line-height: 2;

    font-weight: bold;

}

.sec05 .text_box li::before{

    content: "✔︎";

    margin-left: -1em;

    margin-right: 5px;

}

.sec05 .text_box .text{

    margin-top: 50px;

    font-weight: bold;

}

.sec05 .text_box .text.att{

    font-weight: normal;

    margin-top: 10px;

}

.sec05 .img{

    width: 40%;

}

.sec05 .line_title{

    text-align: center;

    font-size: 1.3rem;

    margin-top: 50px;

    margin-bottom: 40px;

}

.sec05 .line_title::before{

    left: 50%;

    transform: translateX(-50%);

}

.sec05 .feature{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.sec05 .feature .box{

    width: 30%;

    padding: 15px 10px;

    text-align: center;

    margin: 1% 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background: -moz-linear-gradient(top, rgba(67,35,126,.53), rgba(34,18,63,.94));

    background: -webkit-linear-gradient(top, rgba(67,35,126,.53), rgba(34,18,63,.94));

    background: linear-gradient(to bottom, rgba(67,35,126,.53), rgba(34,18,63,.94));

}

.sec05 .feature .box .text{

    color: #fff;

}



/* ご注文 */

.order_sec{

    padding-bottom: 250px;

    background: url(img/order_bg.jpg) no-repeat center center / cover;

}

.order_sec .text{

    font-weight: bold;

    margin-top: 10px;

    font-size: 1.3rem;

    letter-spacing: .075em;

}



/* プライバシーポリシー */

#privacy{

    display: none;

}

.privacy{

    max-height: 80vh;

    overflow-y: scroll;

    padding: 40px;

}

.privacy .line_title{

    font-size: 1.3rem;

    margin-bottom: 30px;

}

.privacy .text.top{

    margin-bottom: 30px;

}

.privacy li{

    line-height: 1.8;

}

.privacy ul.sin_ul>li{

    margin-bottom: 20px;

    padding-left: 1em;

}

.privacy ul.sin_ul>li span{

    font-weight: bold;

}

.privacy ul.sin_ul>li::first-letter{

    margin-left: -1em;

}

.privacy ul.sec_ul{

    margin-top: 10px;

}

.privacy ul.sec_ul>li{

    padding-left: 1em;

    font-size: 16px;

}

.privacy ul.sec_ul>li::first-letter{

    margin-left: -1em;

}

br.b_block{

    display: none;

}



/* 注文フォーム */

.order_form{

    padding: 200px 0 250px;

}

.order_form .text.top{

    text-align: center;

    font-size: 1.1rem;

    font-weight: bold;

}

form span.must_key{

    background-color: #fff;

    font-size: 12px;

    color: #1C0B3C;

    font-weight: bold;

    display: inline-block;

    padding: 0 5px;

}

.form_head{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.form_wrap{

    max-width: 900px;

    margin: 0 auto;

}

.form_wrap table{

    width: 100%;

    border-collapse: separate;

    border-spacing: 5px;

}

form input[type="text"],

form input[type="tel"],

form input[type="email"],

form input[type="number"],

form textarea{

    width: 300px;

    -webkit-appearance: none;

    border: 1px solid #ccc;

    box-shadow: none;

    padding: 10px;

}

form input[type="text"],

form input[type="tel"],

form input[type="email"],

form input[type="number"]{

    height: 35px;

}

input[type="radio"]{

    margin: 0;

    vertical-align: initial;

    margin-right: 8px;

}

form textarea{

    resize: none;

    width: 100%;

    height: 200px;

}

form table th,

form table td{

    font-size: 16px;

    padding: 15px;

}

form label{

    font-size: 16px;

    margin-right: 10px;

}

form table th{

    font-weight: bold;

    width: 30%;
	
	min-width: 280px;

    background-color: #E09C55;

    color: #fff;

}

form table th p {
    color: #fff;
}

form table td{

    width: 70%;

    background-color: #f5f5f5;

}

.form_title{

    color: #1C0B3C;

    font-size: 1.2rem;

    letter-spacing: .1em;

    font-weight: bold;

    margin: 40px 0 5px;

}

form .price_box{

    margin-bottom: 10px;

}

form .price_box:last-child{

    margin-bottom: 0;

}

form .price_box input{

    width: 60px;

    margin-left: 10px;

}

form .price_box span{

    margin-left: 10px;

    display: inline-block;

}

form .bill span{

    display: inline-block;

    width: 65px;

}

form .bill:first-child{

    margin-bottom: 10px;

}

form .zipcode span{

    display: inline-block;

    margin-right: 10px;

}

form .zipcode input{

    width: 150px;

}

.submit_btn{

    text-align: center;

    margin-top: 50px;

}

.submit_btn input[type="submit"]{

    background-color: #E09C55;

    color: #fff;

    font-size: 16px;

    box-shadow: none;

    border: 1px solid #E09C55;

    padding: 10px 80px;

    font-weight: bold;

    letter-spacing: .1em;

    transition: .3s;

    cursor: pointer;

    -webkit-appearance: none;

}

.submit_btn input[type="submit"]:hover{

    opacity: .6;

}

.radio_toggle{

    display: none;

}

.radio_toggle.show{

    display: table-row;

}

.error {

    display: none;

}

input:invalid + .error {

    font-size: 14px;

    display: block;

    color: red;

}

.thanks_page{

    height: 100vh;

    display: block;

    min-height: 500px;

}

.thanks_content .text{

    text-align: center;

}

.top_btn{

    text-align: center;

    margin-top: 50px;

}

.top_btn a{

    color: #fff;

    background-color: #e09c55;

    display: inline-block;

    font-size: 16px;

    padding: 10px 60px;

}


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

    .next_arrow{

        right: 50px;

    }

    .prev_arrow{

        left: 50px;

    }

    .sec01 .img img{

        width: 500px;

    }

}

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

    .wrap{

        padding: 0 20px;

    }

    .sec02 .box{

        width: 30%;

    }


}

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

    html{

        font-size: 16px;

    }



    /* HEADER */


    #footer .logo img{

        width: 110px;

    }



    /* FOOTER */

    #footer{

        padding: 20px 0;

    }

    #footer .order_link img{

        width: 200px;

    }



    /* MV */

    .mv .flex{

        align-items: center;

        justify-content: center;

        padding-bottom: 0;

    }

    .mv .text_box .text{

        margin-bottom: 40px;

    }



    /* SECTION 01 */

    .sec01 .tv{

        width: 600px;

    }

    .sec01 .tv_slider{

        transform: translateX(-50%);

        left: 50%;

        top: 8px;

        width: 581px;

    }





    /* SECTION 02 */

    .sec02 .voice .flex{

        justify-content: space-between;

    }

    .sec02 .box{

        margin: 0;

        width: 32%;

    }



    /* SECTION 03 */

    .sec03_content .box .img::before {

        width: 90%;

        bottom: -20px;

        left: -10px;

    }



    /* SECTION 04 */

    .company table th, .company table td{

        padding: 10px 15px;

    }

    .news_wrap{

        height: 415px;

    }



    /* SECTION 05 */



}



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

    html{

        font-size: 14px;

    }



    /* HEADER */

    .nav_toggle{

        display: block;

        width: 24px;

        height: 16px;

        position: relative;

    }

    .nav_toggle span{

        background-color: #fff;

        position: absolute;

        left: 0;

        width: 24px;

        height: 2px;

        border-radius: 3px;

        transition: .2s ease;

    }

    .nav_toggle span:nth-of-type(1){

        top: 0;

    }

    .nav_toggle span:nth-of-type(2){

        top: 7px;

    }

    .nav_toggle span:nth-of-type(3){

        top: 14px;

    }

    .pc_menu{

        display: none;

    }

    #footer .logo img {

        width: 180px;

    }

    .open .nav_toggle span:nth-of-type(1) {

        -webkit-transform: translateY(7px) rotate(-45deg);

        transform: translateY(7px) rotate(-45deg);

    }

    .open .nav_toggle span:nth-of-type(2) {

        opacity: 0;

    }

    .open .nav_toggle span:nth-of-type(3) {

        -webkit-transform: translateY(-7px) rotate(45deg);

        transform: translateY(-7px) rotate(45deg);

    }

    .sp_menu{

        position: fixed;

        width: 100%;

        left: 0;

        top: 66px;

        background-color: #fff;

        padding: 20px 40px;

        box-shadow: 0 3px 10px rgba(0,0,0,.2);

    }



    /* MV */

    .mv_btn img{

        width: 220px;

    }

    .mv{

        padding-top: 70px;

    }



    /* SECTION 01 */

    .sec01 .flex .text_box{

        width: 100%;

        margin-bottom: 20px;

    }

    .sec01 .flex .img{

        width: 100%;

        text-align: center;

    }

    .sec01_btn{

        margin: 20px 0 40px;

    }



    /* 交通アクセス */

    .access .text_box{

        width: 100%;

    }

    .access_map{

        width: 100%;

        margin-top: 20px;

    }

    .access .flex_column .box:nth-of-type(1),

    .access .flex_column .box:nth-of-type(2){

        width: 50%;

    }



    /* SECTION 02 */

    .sec02 .box{

        margin: 10px 0;

        width: 100%;

    }

    .sec02 .box .text_box {

        width: 80%;

    }

    .sec02 .box .img{

        width: 20%;

        text-align: right;

    }

    .sec02 .slides{

        margin-top: 20px;

    }

    .slide_arrow{

        width: 35px;

    }

    .merit_box{

        width: 100%;

    }

    .merit_box:first-child{

        margin-bottom: 20px;

    }

    .merit_banner{

        margin-top: 20px;

    }



    /* SECTION 03 */

    .sec03_content .box .img{

        width: 100%;

        margin-bottom: 80px;

    }

    .sec03_content .box .map{

        width: 100%;

    }

    .sec03_content .box .img::before {

        width: 430px;

        left: 120px;

    }

    .sec03_content .box .map iframe{

        height: 300px;

    }



    /* SECTION 04 */

    .company{

        width: 100%;

        margin-bottom: 50px;

    }

/*    .news{

        width: 100%;

    }*/



    /* SECTION 05 */

    .sec05 .feature .box{

        width: 49%;

    }



    /* ご注文 */

    .order_sec .order_btn a img{

        width: 200px;

    }



    /* フォーム */

    .order_form {

        padding: 180px 0 200px;

    }

    .thanks_page{

        height: calc(100vh - 66px);

    }

}



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

    /* PARTS */

    .title_text{

        font-size: 1.6rem;

    }

    .title img{

        display: none;

    }

    br.b_block{

        display: block;

    }

    .section{

        padding: 80px 0;

    }

    body{

        padding-top: 61px;

    }



    /* HEADER */

    .sp_menu{

        padding: 20px;

        top: 56px;

    }

    #footer .logo img{

        width: 130px;

    }



    /* FOOTER */

    #footer .order_link img {

        width: 150px;

    }



    /* MV */

    .mv .text_box .text{

        font-size: 1.4rem;

    }

    .mv_btn a img {

        width: 140px;

    }

    .mv_btn{

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .mv{

        padding-top: 30px;

        height: 300px;

    }

    .mv .flex{

        padding-bottom: 20px;

        display: block;

    }

    .mv .text_box .text{

        margin-bottom: 10px;

    }

    .mv .text_box ruby rt{

        font-size: 50%;

    }



    /* SECTION 01 */

    .sec01 .tv{

        width: 260px;

    }

    .sec01 .tv_slider{

        width: 252px;

        top: 3px;

    }

    .sec01 .tv_slider li img {

        border-radius: 2px;

    }



    /* SECTION 02 */

    .sec02 .text.top{

        margin-bottom: 30px;

        text-align: left;

    }

    .sec02 .box .text_box{

        width: 60%;

    }

    .sec02 .box .text_box .text{

        font-size: 13px;

    }

    .sec02 .box .text_box .name{

        display: none;

    }

    .sec02 .box .img{

        width: 35%;

    }

    .next_arrow{

        right: 0;

    }

    .prev_arrow{

        left: 0;

    }

    .merit_box .text_box .text,

    .merit_box .text_box ul li{

        font-size: 14px;

    }

    .merit_box table th, .merit_box table td{

        font-size: 14px;

    }

    .merit_box table th{

        width: 40%;

    }

    .merit_box table td{

        width: 30%;

    }

    .merit_box table th span{

        font-size: 13px;

    }

    .merit_box .text_box .att{

        font-size: 14px;

    }

    .merit_banner .text{

        font-size: 14px;

    }



    /* SECTION 03 */

    .sec03_content{

        padding-top: 80px;

    }

    .sec03_content .box .img::before{

        display: none;

    }

    .sec03_content .box .img{

        margin-bottom: 20px;

    }

    .sec03_content .title{

        margin-bottom: 30px;

    }

    .sec03_content{

        margin-bottom: 0;

    }

    .access .flex_column .box:nth-of-type(1),

    .access .flex_column .box:nth-of-type(2){

        width: 100%;

    }

    .access .flex_column .box:nth-of-type(1){

         margin-bottom: 10px;

    }

    .access .text_box .text.top{

        font-size: 16px;

        margin-bottom: 5px;

    }



    /* SECTION 04 */

    .company table th, .company table td{

        padding: 10px;

        font-size: 12px;

    }

    .company table td.table_tel span{

        width: auto;

        display: block;

    }



    /* SECTION 05 */

    .sec05 .text_box{

        width: 100%;

        margin-bottom: 20px;

    }

    .sec05 .img{

        width: 100%;

    }

    .sec05 .feature .box{

        width: 100%;

        margin: 0 0 20px;

    }

    .sec05 .text_box .text{

        margin-top: 30px;

    }



    /* ご注文 */

    .order_sec.section{

        padding-bottom: 150px;

    }

    .order_sec .order_btn a img {

        width: 160px;

    }

    .order_sec .text{

        font-size: 16px;

    }





    /* プライバシーポリシー */

    .privacy{

        padding: 20px 0;

    }

    .privacy ul.sec_ul>li{

        font-size: 14px;

    }

    #footer .privacy_link a{

        font-size: 13px;

    }



    /* フォーム */

    .order_form {

        padding: 50px 0 150px;

    }

    .order_form .text.top{

        font-size: 1rem;

        text-align: left;

    }

    .form_wrap table{

        border-collapse: collapse;

        border-spacing: 0;

    }

    form table th,

    form table td{

        width: 100%;

        display: block;

        padding: 10px 15px;

        font-size: 14px;

    }

    form table td{

        padding: 15px;

    }

    form label{

        font-size: 14px;

    }

    form textarea{

        height: 150px;

    }

    .submit_btn input[type="submit"]{

        font-size: 14px;

    }

    .thanks_page {

        height: calc(100vh - 61px);

    }

    .top_btn a{

        font-size: 14px;

    }

    .thanks_page .title_text{

        font-size: 1.5rem;

    }

    .thanks_content .text{

        text-align: left;

    }

}


.title_text{
	font-size: 25px;
}

@media(max-width:767px){

.title_text{
	font-size: 16px;
	}
}

.sinbun{
    width: 800px;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
}

@media(max-width:767px){
    .sinbun{
        width: 300px;
        margin-top: 30px;
    }
}

.mv .flex {
 flex-wrap: nowrap;
     padding-bottom: 0;
}

.mv_btn {
  justify-content: center;
}
.mv .flex_column {
  margin-bottom: 20px;
}

.mv .text_box .text {
  font-size: 1.7rem;
    margin-bottom: 10px;
    line-height: normal;
}

.mv_btn a img {
  width: 170px;
}


@media screen and (max-width: 767px) {
  .mv {
    height: 500px;
  }
}

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

  .mv .flex {
    padding-left: 60px;
  }

    }

    .info-photo{
        display: flex;
      flex-direction: row;
    }
    .info-photo .item{
        width: 33%;
        padding: 5px;
    }

    @media(max-width:767px){
        .info-photo .item{
            width:100%;
            padding: 5px 0px 5px 0px;
        } 

        .info-photo{
          flex-direction: column;
        }
    }


/*add 2022.09.12*/
h1.title_text{font-size:37px;}
h1.title_text::after{width:100%x;height:auto;content: url("img/title_under.png");display: flex;justify-content: center;align-items: center;}
h2.title_text{font-size:30px;}
body{width:100vw;}
.pc_menu > nav > ul > li > ul{background:#1C0B3C;}
.pc_menu > nav > ul > li > ul >li{border-bottom:1px solid #fff;margin:0 !important;}
.pc_menu > nav > ul > li > ul >li:last-child{border: none;}
.pc_menu > nav > ul > li > ul >li a {padding:10px 15px !important;}
.sp_menu > nav > ul > li > a{font-size:120%;text-align: center;}
.sp_menu > nav > ul > li > ul{text-indent:1em;}
.slide1 .wrap,.slide2 .wrap{height: 100%;width:100%; display: flex;justify-content: center;align-items: center;}
.slide1 .text,.slide2 .text{text-align: center;font-size:2.8vw;text-shadow: 0px 0px 5px #FFF;}
.slide1 .title_text,.slide2 .title_text{text-align: center;font-size:4vw;text-shadow: 0px 0px 5px #FFF;}
@media (max-width:575.98px){
	.sec01_btn{flex-direction: column; }
	.sec01_btn a{margin-bottom:10px;}
}
@media (max-width:576px) and (max-width:991.98px){
	.slide1 .text,.slide2 .text{font-size:4vw;}
	.slide1 .title_text,.slide2 .title_text{font-size:5.6vw;}
	.sec01_btn a{width:170px;}
}
@media (max-width:575.98px){
	.slide1 .text,.slide2 .text{font-size:4.8vw;}
	.slide1 .title_text,.slide2 .title_text{font-size:6.8vw;}
}
.slide1{padding-top: 100px;background: url(img/main1.jpg) no-repeat center center / cover;max-height: 600px;height:75vh;}
.slide2{padding-top: 100px;background: url(img/main2.jpg) no-repeat center center / cover;max-height: 600px;height:75vh;}
p small{color:#FFF;}
.anchor{height:50px;}
.sec01_btn{display:flex;justify-content: center;align-items: center;flex-wrap: wrap; }
.sec01_btn a{padding:1em 2em;border-radius:5px;border:1px solid #1C0B3C;background-color:#1C0B3C;color:#FFF;position: relative;}
.sec01_btn a:hover,.sec01_btn a:active{opacity: .7;}
.sec01_btn a::after{font-family:FontAwesome;content:"\f078";display:block;text-align:center;position: absolute;left:0;bottom:0;width: 100%;padding-top:10px;}
.sec01_btn a:hover::after,.sec01_btn a:active::after{bottom:-3px;}
#slide .slick-prev,#slide .slick-next{z-index:998 !important;top:50% !important;font-size: 3vw !important;}
#slide .slick-prev::before,#slide .slick-next::before{font-family:FontAwesome;color:#1c0b3c;font-size: 3vw !important;}
#slide .slick-prev::before{content:"\f053" !important;}
#slide .slick-next::before{content:"\f054" !important;}
#slide .slick-prev{left:1em !important;}
#slide .slick-next{right:1em !important;}