@charset "UTF-8";
/* 	
CSS page.css */
/*
base #312b2b
green #19ad5a
*/


/*//////////////////
#index
//////////////////*/

/* common */
#index {  }
/* #mainv */
#index #mainv { position: relative; width: 100%; height: 100vh; height: 100svh; overflow: hidden; min-height: 800px; z-index: -1; display: flex; justify-content: center; align-items: center; }
#index #mainv .bg { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#index #mainv #logo { width: 114px; height: 548px; z-index: 1; position: relative; margin-left: 50px; }
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 767px){
    #index #mainv { min-height: 600px; }
    #index #mainv #logo { width: 68px; height: 328px; margin-left: 32px;}
}
@media screen and (max-width: 500px){
}

/* #sec_1 */
#index #sec_1 { padding: 260px 0; }
#index #sec_1 .box1{ text-align: center;  }
#index #sec_1 .box1>.inwrap{ display: flex; justify-content: center; flex-direction: row-reverse;}
#index #sec_1 .box1 .txt { height: 400px; line-height: 2.1; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; display: inline-block; text-align: justify; }
#index #sec_1 .box1 .txt p:not(:first-child) { margin-right: 20px; }
#index #sec_1 .box2 { display: block; margin: 0 auto; padding-top: 120px; margin-top: 120px; position: relative; width: 600px; }
#index #sec_1 .box2::after { content: ""; font-size: 0; line-height: 0; width: 300px; height: 1px; background-color: #312b2b; position: absolute; top: 0; left: calc(50% - 150px); }
#index #sec_1 .box2 .title1 { }
#index #sec_1 .box2 ul.list1 { text-align: left; margin: 15px 0;}
#index #sec_1 .box2 ul.list1>li { display: inline-block; margin-right: 1em;}
@media screen and (max-width: 1400px){
    #index #sec_1 .box1 .txt { height: 450px; }
}
@media screen and (max-width: 1100px){
    #index #sec_1 .box1{ height: auto; }
    #index #sec_1 .box1 .txt { height: auto; writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb; }
    #index #sec_1 .box1 .txt p:not(:first-child) { margin-right: 0; margin-top: 2em; }
    #index #sec_1 .box2 { padding-top: 70px; margin-top: 70px; width: 100%; }
    #index #sec_1 .box2 .txt2 br { display: none; }
}
@media screen and (max-width: 767px){
    #index #sec_1 { padding: 180px 0; }
}



/*//////////////////
#privacy
//////////////////*/

/* #mainv */
#privacy  { }








/*//////////////////
#contact
//////////////////*/

/* common */
#contact #footer .fcontactbox { display: none;}

/* sec_1 */

/* sec_form */
#contact #sec_form{ position: relative; padding: 120px 0; }
#contact #sec_form .txt1 { margin-bottom: 40px;}
#contact #sec_form .formbox1 { margin-bottom: 60px;}
#contact #sec_form .formbox1 li { margin-bottom: 30px;}
#contact #sec_form .formbox1 dl { display: flex; }
#contact #sec_form .formbox1 dl>dt { display: flex; align-items: flex-start; width: 200px; margin-top: 20px;}
#contact #sec_form .formbox1 dl>dd { width: 100%;}
@media screen and (max-width: 767px){
    #contact #sec_form{ padding: 80px 0; }
    #contact #sec_form .formbox1 { margin-bottom: 40px;}
    #contact #sec_form .formbox1 li { margin-bottom: 20px;}
    #contact #sec_form .formbox1 dl { flex-wrap: wrap;}
    #contact #sec_form .formbox1 dl>dt { width: 100%; margin-top: 0; margin-bottom: 10px;}
    #contact #sec_form .formbox1 dl>dd { width: 100%; }
}
/* thanks */
#contact.thanks #sec_form { min-height: 600px;}
@media screen and (max-width: 767px){
    #contact.thanks #sec_form { min-height: 300px;}
}
/* _check */
#contact #sec_form .formbox1._check li { margin-bottom: 40px;}
#contact #sec_form .formbox1._check li:last-child { margin-bottom: 80px;}
#contact #sec_form .formbox1._check dl>dt { margin-top: 0px; align-items: center;}
@media screen and (max-width: 767px){
    #contact #sec_form .formbox1._check li { margin-bottom: 30px;}
    #contact #sec_form .formbox1._check li:last-child { margin-bottom: 60px;}
    #contact #sec_form .formbox1._check dl>dt { margin-top: 10px;}
}