@charset "UTF-8";

html{/*overflow-x:hidden;*/
  overflow-y:auto;scroll-behavior:smooth;-webkit-scroll-behavior:smooth;}
body{font-family:'Noto Sans JP',sans-serif;font-feature-settings:"pkna" 1;font-size:15px;font-weight:500;line-height:1.8;color:#353535;padding:0;margin:0;position:relative;letter-spacing:0.1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}

.noto_sans_200{font-family:"Noto Sans JP", sans-serif;font-weight:200;font-style:normal}
.noto_sans_300{font-family:"Noto Sans JP", sans-serif;font-weight:300;font-style:normal}
.noto_sans_400{font-family:"Noto Sans JP", sans-serif;font-weight:400;font-style:normal}
.noto_sans_500{font-family:"Noto Sans JP", sans-serif;font-weight:500;font-style:normal}
.noto_sans_700{font-family:"Noto Sans JP", sans-serif;font-weight:700;font-style:normal}
.noto_sans_900{font-family:"Noto Sans JP", sans-serif;font-weight:900;font-style:normal}

@font-face{font-family:riesling;font-style:normal;src: url("../font/riesling.woff2") format("woff2"),url("../font/riesling.woff") format("woff")}
@font-face{font-family:optima;font-style:normal;src: url("../font/optima.woff2") format("woff2"),url("../font/optima.woff") format("woff")}

.fonttype_riesling{font-family:riesling;font-weight:100}
.fonttype_optima{font-family:optima;font-weight:100}


@media screen and (max-width:414px) {
body{font-size:100%}
}

.navfixed{position:fixed;top:0;width:100%;z-index:10000}

.mincho{font-family:'Noto Serif JP',serif}

.fontcolor_white{color:#fff}
.fontcolor_red{color:#ff0000}
.fontcolor_blue{color:#0080cc}
.fontcolor_orange{color:#fc512a}
.fontcolor_green{color:#4bc106}
.fontcolor_pink{color:#ff013d}

.fontsize_12{font-size:12px}
.fontsize_13{font-size:13px}
.fontsize_14{font-size:14px}
.fontsize_16{font-size:16px}
.fontsize_18{font-size:18px}
.fontsize_19{font-size:19px}
.fontsize_20{font-size:20px}
.fontsize_22{font-size:22px}
.fontsize_24{font-size:24px}
.fontsize_25{font-size:25px}
.fontsize_30{font-size:30px}
.fontsize_35{font-size:35px}
.fontsize_40{font-size:40px}
.fontsize_45{font-size:45px}
.fontsize_50{font-size:50px}
.fontsize_60{font-size:60px}
.fontsize_80{font-size:80px}
.fontsize_100{font-size:100px}
.fontsize_110{font-size:110px}
.fontsize_150{font-size:150px}

@media screen and (max-width:1500px) {
.fontsize_40{font-size:35px}
.fontsize_50{font-size:40px}
}
@media screen and (max-width:1150px) {	
.fontsize_30{font-size:20px}
.fontsize_40{font-size:30px}
.fontsize_50{font-size:35px}
.fontsize_150{font-size:100px}
}
@media screen and (max-width:1024px) {
.fontsize_80{font-size:50px}
.fontsize_110{font-size:80px}
}	
@media screen and (max-width:768px) {
.fontsize_22{font-size:20px}
.fontsize_24{font-size:24px}
.fontsize_25{font-size:25px}
.fontsize_35{font-size:25px}
.fontsize_40{font-size:25px}
.fontsize_45{font-size:25px}
.fontsize_50{font-size:25px}
.fontsize_60{font-size:25px}
.fontsize_100{font-size:50px}
.fontsize_110{font-size:80px}
.fontsize_150{font-size:80px}
}
@media screen and (max-width:414px) {
.fontsize_22{font-size:20px}
.fontsize_24{font-size:20px}
.fontsize_25{font-size:20px}
.fontsize_30{font-size:20px}
.fontsize_35{font-size:20px}
.fontsize_40{font-size:20px}
.fontsize_45{font-size:20px}
.fontsize_50{font-size:20px}
.fontsize_60{font-size:20px}
.fontsize_80{font-size:20px}
.fontsize_100{font-size:20px}
.fontsize_110{font-size:20px}
.fontsize_150{font-size:20px}
}
.fontweight_100{font-weight:100}
.fontweight_500{font-weight:500}
.fontweight_700{font-weight:700}
.fontweight_900{font-weight:900}

.space_20{padding:20px 0}
.space_30{padding:30px 0}
.space_40{padding:40px 0}
.space_50{padding:50px 0}
.space_70{padding:70px 0}
.space_100{padding:100px 0}
.space_150{padding:150px 0}
.space_170{padding:170px 0}
.space_200{padding:200px 0}

/*.space_top_30{padding:30px 0 0 0}
.space_top_40{padding:40px 0 0 0}
.space_top_60{padding:60px 0 0 0}
.space_top_70{padding:70px 0 0 0}
.space_top_80{padding:80px 0 0 0}
.space_top_100{padding:100px 0 0 0}
.space_top_120{padding:120px 0 0 0}
.space_top_150{padding:150px 0 0 0}
.space_top_200{padding:200px 0 0 0}
.space_top_300{padding:300px 0 0 0}*/

.space_bottom_10{padding:0 0 10px 0}
.space_bottom_20{padding:0 0 20px 0}
.space_bottom_30{padding:0 0 30px 0}
.space_bottom_40{padding:0 0 40px 0}
.space_bottom_50{padding:0 0 50px 0}
.space_bottom_60{padding:0 0 60px 0}
.space_bottom_70{padding:0 0 70px 0}
.space_bottom_80{padding:0 0 80px 0}
.space_bottom_90{padding:0 0 90px 0}
.space_bottom_100{padding:0 0 100px 0}
.space_bottom_150{padding:0 0 150px 0}
.space_bottom_170{padding:0 0 170px 0}
.space_bottom_200{padding:0 0 200px 0}
.space_bottom_250{padding:0 0 250px 0}
.space_bottom_300{padding:0 0 300px 0}

.space_left_05{padding:0 0 0 .5em}
.space_left_1{padding:0 0 0 1em}
.space_left_15{padding:0 0 0 1.5em}

@media screen and (max-width:498px) {
.space_left_15{padding:0 0 0 1em}
}


.sp_display_off{display:block}
.sp_display_on{display:none!important}

@media screen and (max-width:1080px){
.sp_display_off{display:none}
.sp_display_on{display:block!important}
}



@media screen and (max-width:1024px) {
.space_100{padding:50px 0}
.space_150{padding:100px 0}
.space_170{padding:100px 0}
.space_200{padding:150px 0}
.space_300{padding:200px 0}

/*.space_top_70{padding:40px 0 0 0}
.space_top_80{padding:40px 0 0 0}
.space_top_100{padding:50px 0 0 0}
.space_top_120{padding:60px 0 0 0}
.space_top_150{padding:100px 0 0 0}
.space_top_200{padding:100px 0 0 0}
.space_top_300{padding:150px 0 0 0}*/

.space_bottom_100{padding:0 0 50px 0}
.space_bottom_150{padding:0 0 70px 0}
.space_bottom_170{padding:0 0 70px 0}
.space_bottom_200{padding:0 0 100px 0}
.space_bottom_250{padding:0 0 100px 0}
.space_bottom_300{padding:0 0 150px 0}
}
@media screen and (max-width:768px) {
.space_200{padding:100px 0}
}
@media screen and (max-width:599px) {
.space_40{padding:30px 0}
.space_50{padding:30px 0}
.space_70{padding:30px 0}
.space_100{padding:50px 0}
.space_150{padding:50px 0}
.space_170{padding:50px 0}
.space_200{padding:70px 0}

/*.space_top_40{padding:20px 0 0 0}
.space_top_70{padding:30px 0 0 0}
.space_top_80{padding:30px 0 0 0}
.space_top_100{padding:30px 0 0 0}
.space_top_120{padding:40px 0 0 0}
.space_top_150{padding:50px 0 0 0}
.space_top_200{padding:70px 0 0 0}
.space_top_300{padding:70px 0 0 0}*/

.space_bottom_40{padding:0 0 30px 0}
.space_bottom_50{padding:0 0 30px 0}
.space_bottom_60{padding:0 0 30px 0}
.space_bottom_70{padding:0 0 30px 0}
.space_bottom_80{padding:0 0 40px 0}
.space_bottom_90{padding:0 0 40px 0}
.space_bottom_100{padding:0 0 50px 0}
.space_bottom_150{padding:0 0 50px 0}
.space_bottom_200{padding:0 0 70px 0}
.space_bottom_250{padding:0 0 70px 0}
.space_bottom_300{padding:0 0 70px 0}
}

.full{width:100%;max-width:100%;height:auto;}
.fade{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}

a:link{color:#222326;text-decoration:none}
a:visited{color:#222326;text-decoration:none}
a:hover{color:#39C2E2;text-decoration:underline}
a:active{color:#39C2E2;text-decoration:underline}


.line_height_1{line-height:1}
.line_height_12{line-height:1.2}
.line_height_4{line-height:4}

@media screen and (max-width:1024px){
.line_height_4{line-height:3}
}

.letter_0{letter-spacing:0}
.letter_1{letter-spacing:0.1em}
.letter_2{letter-spacing:0.2em}
.letter_3{letter-spacing:0.3em}
.letter_4{letter-spacing:0.4em}
.letter_5{letter-spacing:0.5em}
.letter_6{letter-spacing:0.6em}

@media screen and (max-width:414px){
.letter_2{letter-spacing:0.1em}
}

.left{text-align:left;}
.right_pc{text-align:right;}
.center{text-align:center}
.center_pc{text-align:center}
.center_sp{text-align:inherit}

@media screen and (max-width:768px) {
.right_pc{text-align:left}
.center_pc{text-align:left}
.center_sp{text-align:center}
}

.underline{text-decoration:underline}
.shadow{box-shadow: 0 8px 23px 0 rgba(0, 0, 0, .3);}

a.anchor{display:block;margin-top:-200px;padding-top:200px;}

select{text-align:-moz-center;text-align:-webkit-center;}
img{vertical-align:middle;/*width:100%;*/border-style:none}

.fade{-webkit-transition:0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out}
.fade:hover{opacity:0.7;filter: alpha(opacity=70)}

.fadein{animation: 2s fadeIn;}
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

.img_zoom{width:100%;position:relative;overflow:hidden;box-sizing:border-box;}
.img_zoom img{transition-duration:0.3s;}
.img_zoom img:hover{transform:scale(1.1);transition-duration:0.3s;opacity:0.6;cursor:pointer;}


@media only screen and (max-width:1024px) {
.flex_order_1{order:1}
.flex_order_2{order:2}
.flex_order_3{order:3}
}



/*Pagetop
----------------------------*/
.pagetop{position:fixed;bottom:30px;right:30px;opacity:0;filter:alpha(opacity=0); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.pagetop a:link{color:#FFFFFF;display:block;width:50px;height:50px;background-color:#ec5f1a;border-radius:100%;text-align:center;font-size:24px;text-decoration:none;line-height:50px;opacity:0.9;}
.pagetop a:visited{color:#FFFFFF;}
.pagetop a:hover{color:#fff;background-color:#da5311;opacity:0.9;}
.pagetop a:active{color:#f74b08;}

.pagetop.show{opacity:1;filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform:scale(1);}

@media screen and (max-width:768px) {
.pagetop{bottom:30px;right:15px;opacity:1;z-index:11483247!important;}
.pagetop a:link{width:40px;height:40px;line-height:40px;}
}


/*Loader
----------------------------*/
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #fef4e8;
  position: fixed;
  top: 0;
  left: 0;
  z-index:2147483646!important;

  background: linear-gradient(0deg, #fffbf6, #efdbc4);

  -webkit-animation: load_bg 12s ease infinite;
  -moz-animation: load_bg 12s ease infinite;
  animation: load_bg 12s ease infinite;
}

@-webkit-keyframes load_bg {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@-moz-keyframes load_bg {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@keyframes load_bg {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}

.spinner {
  width: 100px;
  height: 100px;
  margin: 1% auto 0 auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}


.loaded {
  opacity: 0;
  visibility: hidden;
}

#loading_logo{max-width:200px;margin:20% auto 0 auto;}






/*header
----------------------------*/

.header_bar{
  height:120px; 
  margin:0;display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  position:fixed;
  top:0;
   z-index:2047483647;
  box-sizing:border-box;
  width: 100%;
}

#header_inner{max-width:1700px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
#header_logo{max-width:276px;width:100%;max-height:58px;height:auto;margin:auto 0 auto 3%;padding:0}
#header_logo a{display: block}
#header_textarea{margin:0 auto 0 3%}
/* 
@media only screen and (max-width:1200px) {
  header{
    width:calc(100% - 130px);
    margin:0;
    top:0;
  }
} */
@media screen and (max-width:1150px){
.header_bar > #logo{max-width:100px}
}
@media screen and (max-width:599px){
#header_textarea{display:none}
}




/*title
----------------------------*/
.section_title_wrapper_1{position:relative}
.section_title_jp{font-size:12px;margin:0 auto 0 6%}
.section_title_jp_flat{font-size:12px;margin:0}

.section_title_en{font-family:'riesling';line-height:1;margin:0 auto 0 6%}
.section_title_en_flat{font-family:'riesling';line-height:1;margin:0}

.section_title_wrapper_2{width:fit-content;margin:0 0 0 auto;position:relative}
.section_title_wrapper_2::before{content:'';width:25%;margin:0 30% 0 -25%;display:block;position:absolute;left:0;border-bottom:1px solid #222326;top:calc(40%);transition:all 0.4s ease}

.section_title_wrapper_3{position:relative}
.section_title_wrapper_4{width:100%;margin:0;padding:0 0 10px 0;border-bottom:#AAB3BB 1px solid;position:relative}

@media screen and (max-width:1024px){
.section_title_wrapper_3{margin: 0 auto 0 0;}
}



/*sub_page
----------------------------*/
#sub_main{max-width:97%;margin:7% 0 3% auto;display:flex;align-items:center}

.sub_main_price{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_price:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/price/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_aboutus{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_aboutus:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/aboutus/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_column{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_column:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/column/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_news{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_news:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/news/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_flow{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_flow:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/flow/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_assignment{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_assignment:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/assignment/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_homepage{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_homepage:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/homepage/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_seo{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_seo:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/seo/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_faq{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_faq:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/faq/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_system{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_system:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/system/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_print{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_print:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/print/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_support{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_support:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/support/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_works{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_works:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/works/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}
.sub_main_works{width:100%;height:400px;position:relative;overflow:hidden}
.sub_main_works:after{content:'';position:absolute;width:100%;height:100%;top:0;display:block;background:url(../img/404/mv.webp) no-repeat center center;background-size:cover;animation:zoom 1.5s ease}


#sub_main_catchcopy{color:#fff;white-space:nowrap;padding:0 0 0 4%;position:absolute;z-index:2147483647;box-sizing:border-box;}
#sub_main_catchcopy::before{content:'';width:25%;display:block;position:absolute;left:-12%;border-bottom:1px solid #222326;top:calc(55%);transition:all 0.4s ease}

@keyframes page_main{0%{opacity:1;top:-100px;}100%{opacity:1;top:0}}
@keyframes zoom{0%{transform:scale(1.2);}100%{transform:scale(1)}}


@media screen and (max-width:1024px){
#sub_main{margin:115px 0 10% auto}
#sub_main_catchcopy::before{width:17%;top:calc(45%)}
}
@media screen and (max-width:768px){
#sub_main{max-width:93%}
#sub_main_catchcopy{min-width:90%;max-width:90%;padding:15px 20px 45px 20px}
#sub_main_catchcopy_jp{font-size:25px;line-height:1.5}
	
.sub_main_price,.sub_main_aboutus,.sub_main_column,.sub_main_news,.sub_main_flow,.sub_main_assignment,.sub_main_homepage,.sub_main_seo,.sub_main_faq,.sub_main_system,.sub_main_print,.sub_main_support,.sub_main_works{height:350px}
}


/*cta
----------------------------*/
/*#cta{margin:0 auto;padding:90px 0;border:#AAB3BB 1px solid;
background: url(../img/common/contact/bg-1.svg),url(../img/common/contact/bg-2.svg);
background-repeat:no-repeat,no-repeat;
background-position:0 60%,100% 0;
background-size:20%,30%;
background-attachment:fixed,fixed;
}
#cta_inner{max-width:1500px;margin:0 auto;box-sizing:border-box}
ul#cta_col{display:flex;flex-direction:row;justify-content:space-around}
ul#cta_col li{text-align:center;max-width:700px;width:100%;padding:30px;border:#AAB3BB 1px solid;position:relative;box-sizing:border-box}
ul#cta_col li a{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}


.cta_col_bt{width:75px;height:75px;text-align:center;line-height:75px;margin:1.5%;border-radius:50%;display:inline-block;background:#AAB3BB;position:relative;overflow:hidden;transition:all 0.4s ease}
.cta_col_bt a{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}
.cta_col_bt .bt_col_mail{max-width:35px;max-height:25px}
.cta_col_bt .bt_col_tel{max-width:20px;max-height:35px}
.cta_col_bt a path{fill:#fff}


ul#cta_col li:hover{color:#fff;background:#222326;transition:all 0.4s ease}
ul#cta_col li:hover .cta_col_bt{background:#fff;transition:all 0.4s ease}

ul#cta_col li:hover path{fill:#222326}


@media (max-width:1650px) {
ul#cta_col li{width:47%}
}
@media screen and (max-width:1024px){
#cta{padding:50px 0 0 0;background-position:0 90%,100% 0;background-size:25%,30%}
ul#cta_col{flex-direction:column}
ul#cta_col li{width:94%;max-width:100%;margin:0 auto 30px auto}
}
@media screen and (max-width:480px){
#cta{padding:50px 3% 0 3%;background-position:0 85%,110% 0;background-size:35%,50%}
ul#cta_col li{width:100%}
}*/


/*footer
----------------------------*/


ul#floating_btn{display:none}

@media screen and (max-width:768px) {
ul#floating_btn{width:100%;padding:20px;background:#AAB3BB;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;z-index:2147483647!important;box-sizing:border-box}
ul#floating_btn li{color:#222326;line-height:1;width:48%;font-weight:700;padding:10px;background:#fff;display:flex;border-radius:10px;flex-direction:row;align-items:center;justify-content:flex-start;box-sizing:border-box;transition:all .5s ease;border:none;position:relative;box-sizing:border-box}

.floating_img{max-width:50px;width:100%;margin:0 10px 0 0}

ul#floating_btn li a{position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer}
ul#floating_btn li + li{border:none}

}


.floating_anime{
  position:sticky;left:0;bottom:0;width:100%;transform:translateY(100%);transition:.3s;
}
.active{transform:translate(0);}



/*floating_banner
----------------------------*/
#flyin{
z-index:100;
border-radius:10px 0 0;
-moz-border-radius:10px 0 0;
-webkit-border-radius:10px 0 0;
max-width:360px;
position:fixed;
bottom:0;
right:10px;
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation:flipInY 1s cubic-bezier(0.77,0,.175,1);
-moz-animation:flipInY 1s cubic-bezier(0.77,0,.175,1);
-o-animation:flipInY 1s cubic-bezier(0.77,0,.175,1);
animation:flipInY 1s cubic-bezier(0.77,0,.175,1);
-webkit-transition:bottom .5s ease,background-position .5s ease;
transition:bottom .5s ease,background-position .5s ease;
padding:0;
filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.2));
transition:0.3s ease-in-out;
z-index:99999;
}

#flyin .flyinclose{
content:'';
width:30px;
height:30px;
margin:0;
padding:0;
-webkit-transition:0 .5s ease .2s,opacity .5s ease,top .5s ease .2s;
transition:transform .5s ease .2s,opacity .5s ease,top .5s ease .2s;
display:block;
z-index:2;
border-radius:30px;
background:#fff url(../img/common/bt_close.png) no-repeat center center;
position:absolute;
top:-10px;
left:-5px;
cursor:pointer;
}

.hide {opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;}
.hide div{top:60%!important;-webkit-transition:top 1s ease;transition:top 1s ease;}
.target.is-hidden{line-height:0;padding-top:0;padding-bottom:0;pointer-events:none;display:none;}
div#flyin:hover{transform:translateY(-5px);transition: all .5s;}

@media only screen and (max-width:768px) {
#flyin{display:none;}
}




/*Contents
----------------------------*/
#wrapper{position:relative;display: block;}


.bg_white{background:#fff}
.bg_gray{background-color:#848F95}
.bg_light_gray{background-color:#F6F6F6}
.bg_blue{background-color:#DBEBF5}
.bg_ocher{background-color:#939C37}
.bg_black{background-color:#2F3032}

.bg_inner_white_space_bottom{max-width:1700px;width:100%;margin:0 auto 70px auto;padding:110px 0;background-color:#fff;display:block;box-sizing:border-box;}
.bg_inner_white{max-width:1700px;width:100%;margin:0 auto;padding:110px 0;background-color:#fff;display:block;box-sizing:border-box;}

@media only screen and (max-width:1700px) {
.bg_inner_white_space_bottom{max-width:90%;padding:90px 5%;}
.bg_inner_white{max-width:90%;padding:90px 5%;}
}

@media only screen and (max-width:1024px) {
.bg_white{padding:80px 0;}
.bg_gray{padding:80px 0;}
.bg_skyblue{padding:80px 0;}
.bg_inner_white_space_bottom{padding:80px 0;}
.bg_inner_white{padding:80px 0;}
}
@media screen and (max-width:768px) {
.bg_white{padding:40px 0;}
.bg_gray{padding:40px 0;}
.bg_skyblue{padding:40px 0;}
.bg_inner_white_space_bottom{padding:40px 0;}
.bg_inner_white{padding:40px 0;}
}


.bt_previous{color:#fff;line-height:1;letter-spacing:-0.05em;max-width:260px;width:100%;margin:0 auto;position:relative;text-decoration:none;display:inline-block;text-align:center;background:#0f0f0f;/*outline:none;*/transition:ease 0.2s;box-sizing:border-box;/*z-index:1;border:none;*/}
.bt_previous:hover{color:#0f0f0f!important;background:#ebf3fc;}
.bt_previous::after{content:'';border:0;border-bottom:solid 1px #fff;border-left:solid 1px #fff;display:inline-block;width:8px;height:8px;position:absolute;top:50%;left:20px;transform:translateY(-50%) rotate(45deg);z-index:2;}
.bt_previous:hover::after{border-bottom:solid 1px #0f0f0f;border-left:solid 1px #0f0f0f;}

.bt_previous a{width:100%;height:100%;padding:20px 0;display:block;position:absolute;top:0;left:0;z-index:2}
.bt_previous a:link{color:#fff!important;text-decoration:none!important;display:block;position:relative;}
.bt_previous a:visited{color:#fff!important;text-decoration:none!important;}
.bt_previous a:hover{color:#0f0f0f!important;text-decoration:none!important;}
.bt_previous a:active{color:#0f0f0f!important;text-decoration:none!important;}


.bt_next{color:#fff;line-height:1;letter-spacing:-0.05em;max-width:260px;width:100%;margin:0 auto;position:relative;text-decoration:none;display:inline-block;text-align:center;background:#0f0f0f;/*outline:none;*/transition:ease 0.2s;box-sizing:border-box;/*z-index:1;border:none;*/}
.bt_next:hover{color:#0f0f0f;background:#ebf3fc;}
.bt_next::after{content:'';border:0;border-top:solid 1px #fff;border-right:solid 1px #fff;display:inline-block;width:8px;height:8px;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(45deg);z-index:2;}
.bt_next:hover::after{border-top:solid 1px #0f0f0f;border-right:solid 1px #0f0f0f;}

.bt_next a{width:100%;height:100%;padding:20px 0;display:block;position:absolute;top:0;left:0;z-index:2}
.bt_next a:link{color:#fff!important;text-decoration:none!important;display:block;position:relative;}
.bt_next a:visited{color:#fff!important;text-decoration:none!important;}
.bt_next a:hover{color:#0f0f0f!important;text-decoration:none!important;}
.bt_next a:active{color:#0f0f0f!important;text-decoration:none!important;}

@media screen and (max-width:414px){
.bt_previous{letter-spacing:0;max-width:100%;margin:2.5% auto;}
.bt_next{letter-spacing:0;max-width:100%;margin:2.5% auto;}
}


.contents_type_1{max-width:1200px;width:100%;margin:0 auto;position:relative;display:block;box-sizing:border-box}
.contents_type_2{max-width:1600px;width:100%;margin:0 auto;position:relative;display:block;box-sizing:border-box}
.contents_type_3{max-width:1750px;width:100%;margin:0 auto;position:relative;display:block;box-sizing:border-box}
@media only screen and (max-width:1800px) {
.contents_type_3{width:94%}
}
@media only screen and (max-width:1640px) {
.contents_type_2, .contents_type_3{width:94%}
}
@media only screen and (max-width:1250px) {
.contents_type_1{width:94%}
}

@media only screen and (max-width:767px) {
.contents_type_1{width:90%}
}


ul.contents_col2{display:flex}
ul.contents_col2 li{width:50%;margin-right:6em;position:relative;display:flex;flex-direction:column;box-sizing:border-box}
ul.contents_col2 li:first-child::after{content:"";width:1px;height:100%;margin:0 3rem;background-color:#AAB3BB;position:absolute;top:0;left:100%}
ul.contents_col2 li:last-child{margin-right:0}

ul.contents_col3{display:flex}
ul.contents_col3 li{width:33%;margin-right:6em;position:relative;display:flex;flex-direction:column;box-sizing:border-box}
/*ul.contents_col3 li:first-child::after{content:"";width:1px;height:100%;margin:0 3rem;background-color:#AAB3BB;position:absolute;top:0;left:100%}*/
ul.contents_col3 li::after{content:"";width:1px;height:100%;margin:0 3rem;background-color:#AAB3BB;position:absolute;top:0;left:100%}
ul.contents_col3 li:last-child::after{width:0}

ul.col_4_white{display:flex;flex-wrap:wrap;justify-content:space-between}
ul.col_4_white li{max-width:22%;width:100%;text-align:center;margin:0 0 4% 0;padding:20px;background:#fff;box-sizing:border-box}
ul.col_5_white{display:flex;flex-wrap:wrap;justify-content:space-between}
ul.col_5_white li{max-width:17%;width:100%;text-align:center;margin:0 0 4% 0;padding:20px;background:#fff;box-sizing:border-box}

.set_flex{display:flex;align-items:center;justify-content:space-between}
.set_img_470{max-width:470px;width:100%}
.set_img_680{max-width:680px;width:100%}
.set_img_840{max-width:840px;width:100%}
.set_text_left{max-width:900px;width:100%;margin:0 10% 0 0}
.set_text_right{max-width:900px;width:100%;margin:0 0 0 10%}
.set_text_both{max-width:900px;width:100%;margin:0 8%}

.set_type_1{display:flex;align-items:center;justify-content:space-between}
.set_type_1_text{max-width:900px;width:100%}
.set_type_1_img{max-width:470px;width:100%}

.set_type_2{display:flex;justify-content:space-between}
.set_type_2_text{max-width:900px;width:100%;margin:0 5%}
.set_type_2_img{max-width:840px;width:100%}


@media only screen and (max-width:1024px) {
.set_flex{flex-direction:column}
.set_img_470{margin:5% auto}
.set_img_680{margin:5% auto}
.set_img_840{margin:5% auto;padding:0 4%;box-sizing:border-box}	
.set_text_left{max-width:100%;margin:0 auto}
.set_text_right{max-width:100%;margin:0 auto}
.set_text_both{max-width:100%;margin:0 auto;padding:0 4%;box-sizing:border-box}

ul.contents_col2{flex-direction:column}
ul.contents_col2 li::after{display:none}
ul.contents_col2 li{width:100%;margin:0 auto 100px auto}
	
ul.contents_col3{flex-direction:column}
ul.contents_col3 li::after{display:none}
ul.contents_col3 li{width:100%;margin:0 auto 100px auto}
/*ul.contents_col3 li:last-child{margin:0 auto}*/
}


/*Pagetitle
----------------------------*/
.pagetitle_spacer{margin:60px auto 0 auto}




/*Heading
----------------------------*/
.heading_en{font-family:'Lato', sans-serif;font-size:50px;line-height:1;font-weight:700}
.heading_jp{font-size:14px;line-height:2.5;margin:30px auto 80px auto;border-bottom:#0f0f0f 1px solid;display:inline-block}

.heading_page{font-size:50px;font-weight:700;text-align:center;margin:0 auto}
.heading_page_sub{font-size:14px;text-align:center;margin:40px auto 80px auto}

.heading_bg_gray{font-size:20px;text-align:center;margin:0 auto 20px auto;padding:15px;background:#ebf3fc;box-sizing:border-box}

.heading_left{text-align:left}
.heading_center{text-align:center}

@media screen and (max-width:768px) {
.heading_jp{font-size:26px;margin:0 auto 50px auto;}
}
@media screen and (max-width:414px) {
.heading_en{font-size:30px;}
.heading_jp{font-size:16px;margin:0 auto 40px auto;}
	
.heading_page{font-size:30px;}
.heading_page_sub{margin:0 auto 40px auto;}
}


.contents_heading_cover{text-align:center;width:100%;margin:70px auto 50px auto;}
.contents_heading{color:#3675b9;font-size:40px;font-weight:300;text-align:center;letter-spacing:0.1em;margin:0 auto;position:relative;display:inline-block;margin-bottom:1em;}
.contents_heading:before {
  content:'';
  position:absolute;
  bottom:-1px;
  display:inline-block;
  width:40px;
  height:2px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  background-color:#3675b9;
  border-radius:2px;
}
.contents_heading_sp{font-size:40px;}
.contents_heading_jp{font-size:13px;font-weight:700;margin:15px auto;}

@media only screen and (max-width:1700px) {
.contents_heading_cover{margin:0 auto 50px auto;}
}
@media only screen and (max-width:768px) {
.contents_heading_cover{margin:0 auto 30px auto;}
.contents_heading{font-size:30px;line-height:1.2;margin-bottom:0.5em;}
.contents_heading_sp{font-size:26px;}
}





/*SNS
----------------------------*/
.line-scroll {
    letter-spacing: 0.1em;
    font-size:80%;
    position: absolute;
    z-index:2;
    left:42%;
	bottom:3%;
}

@media screen and (max-width:767px) {
.line-scroll {
	bottom:10%;
}
}
.line-scroll a {
    display: inline-block;
    line-height: 1;
    font-family: Bellefair, serif;
    color: #838b98;
    transition: .2s ease
}
.line-scroll a:hover {
    color: #838b98;
    opacity: .6
}
.line-scroll div {
    position: relative;
    top: 10px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.line-scroll span {
    position: absolute;
    top: 20px;
    left: .5rem;
    width: 1px;
    height: 6.0rem;
    background: #eff2f2;
    display: block
}
.line-scroll span:before {
    content: ' ';
    width: 1px;
    height: 6.0rem;
    background: #838b98;
    display: block;
    -webkit-animation: LINE_ANIME 3s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: LINE_ANIME 3s cubic-bezier(.77, 0, .175, 1) infinite
}
@keyframes LINE_ANIME {
0% {
-webkit-transform-origin:center top;
transform-origin:center top;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
40% {
-webkit-transform-origin:center top;
transform-origin:center top;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
60% {
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
100% {
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
}





/*Column
----------------------------*/
/*ul.contents_col3{margin:0 auto 0 auto;padding:0 0 50px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.contents_col3::after{content:"";display:block;width:330px;}
ul.contents_col3 a:link{color:#ced6d5;text-decoration:none;}
ul.contents_col3 a:visited{color:#ced6d5;text-decoration:none;}
ul.contents_col3 a:hover{color:#ced6d5;text-decoration:underline;}
ul.contents_col3 a:active{color:#ced6d5;text-decoration:underline;}


ul.contents_col3 li{margin:0 auto 0 0;}
ul.contents_col3 li.col_blog{width:350px;margin:0 0 0 0;background-color:#627976;}
ul.contents_col3 li.line_2{width:350px;margin:0 0 40px 0;background-color:#627976;}
ul.contents_col3 li.col_white{width:350px;margin:0 0 0 0;background-color:#ffffff;}

ul.contents_col3 li .col3_photo{width:100%;height:240px;margin:0 0 0 0;position:relative;overflow:hidden;}
ul.contents_col3 li .col3_photo img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:block;transition-duration:0.3s;}
ul.contents_col3 li .col3_photo img:hover{transform:scale(1.1);transition-duration:0.3s;opacity:0.6;cursor:pointer;}

ul.contents_col3 li .col3_date{font-size:70%;color:#ced6d5;margin:15px 15px 0 15px;}
ul.contents_col3 li .col3_text{font-size:90%;color:#ced6d5;margin:0 15px 15px 15px;}
ul.contents_col3 li .col3_text_single{font-size:90%;color:#ced6d5;margin:15px;}


ul.contents_col3 li .col3_type_min{font-size:70%;margin:0 15px 15px 15px;}
ul.contents_col3 li .col3_type_middle{margin:0 15px;}
ul.contents_col3 li .col3_type_wide{font-size:110%;margin:15px;}
ul.contents_col3 .col3_type_right{font-size:70%;width:100%;text-align:right;margin:15px 0 0 0;}

@media screen and (max-width:1400px) {
ul.contents_col3 li.col_blog{width:30%;}
ul.contents_col3 li.line_2{width:30%;}
ul.contents_col3 li.col_white{width:30%;}
ul.contents_col3 li .col3_photo{height:200px;}
}
@media screen and (max-width:1200px) {
ul.contents_col3 li .col3_photo{height:170px;}
}
@media screen and (max-width:1024px) {
ul.contents_col3 li .col3_photo{height:150px;}
}
@media screen and (max-width:768px) {
ul.contents_col3{padding:0 0 30px 0;flex-direction:column;}
ul.contents_col3 li{margin:0 auto 0 auto;padding:0 0 0 0;}
ul.contents_col3 li.col_blog{width:100%;margin:0 auto 30px auto;}
ul.contents_col3 li.col_white{width:100%;margin:0 auto 30px auto;}
ul.contents_col3 li .col3_photo{height:230px;}
ul.contents_col3 li .col3_text{padding:0 0 0 0;}	
}

ul.contents_col3_line2{margin:0 auto 0 auto;padding:0 0 0 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.contents_col3_line2::after{content:"";display:block;width:330px;}

ul.contents_col3_line2 a:link{color:#ced6d5;text-decoration:none;}
ul.contents_col3_line2 a:visited{color:#ced6d5;text-decoration:none;}
ul.contents_col3_line2 a:hover{color:#ced6d5;text-decoration:none;}
ul.contents_col3_line2 a:active{color:#ced6d5;text-decoration:none;}

ul.contents_col3_line2 li{letter-spacing:0;color:#ced6d5;margin:0 auto 0 0;}
ul.contents_col3_line2 li.col_contents{width:330px;margin:0 0 50px 0;background-color:#627976;}


ul.contents_col3_line2 li .col3_type_min{font-size:70%;margin:0 15px 15px 15px;}
ul.contents_col3_line2 li .col3_type_middle{margin:0 15px 15px 15px;}
ul.contents_col3_line2 li .col3_type_wide{font-size:110%;margin:15px;}

ul.contents_col3_line2 li .col3_photo{width:100%;height:220px;margin:0 0 0 0;position:relative;overflow:hidden;}
ul.contents_col3_line2 li .col3_photo img{max-width:330px;height:auto; margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:block;transition-duration:0.3s;}
ul.contents_col3_line2 li .col3_photo img:hover{transform:scale(1.1);transition-duration:0.3s;opacity: 0.6;cursor:pointer;}

ul.contents_col3_line2 li .col3_title{font-size:120%;color:#687e7b;text-align:center;padding:15px 0 5px 0;background-color:#fefefd;}
ul.contents_col3_line2 li .col3_title_min{font-size:70%;margin:0 auto;}
ul.contents_col3_line2 li .col3_date{font-size:70%;color:#ced6d5;margin:15px 15px 0 15px;}
ul.contents_col3_line2 li .col3_text{font-size:90%;color:#ced6d5;margin:0 15px 15px 15px;}
ul.contents_col3_line2 li .col3_text_single{font-size:90%;color:#ced6d5;margin:15px;}*/


/*@media screen and (max-width:1400px) {
ul.contents_col3_line2 li.col_blog{width:30%;}
ul.contents_col3_line2 li.line_2{width:30%;}
ul.contents_col3_line2 li.col_white{width:30%;}
ul.contents_col3_line2 li .col3_photo{height:200px;}
}
@media screen and (max-width:1200px) {
ul.contents_col3_line2 li .col3_photo{height:170px;}
}
@media screen and (max-width:1024px) {
ul.contents_col3_line2 li .col3_photo{height:150px;}
}
@media screen and (max-width:768px) {
ul.contents_col3_line2{padding:0 0 30px 0;}
ul.contents_col3_line2::after{content: "";display:block;width:50%;height:0;}		
ul.contents_col3_line2 li{margin:0 auto 0 auto;padding:0 0 0 0;}
ul.contents_col3_line2 li.col_contents{width:45%;margin:0 auto 30px auto;}
ul.contents_col3_line2 li .col3_photo{height:120px;}
ul.contents_col3_line2 li .col3_photo img{max-width:200px;}
ul.contents_col3_line2 li .col3_text{padding:0 0 0 0;}	
}

ul.contents_col4_line2{margin:0 auto 0 auto;padding:0 0 0 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.contents_col4_line2 li{margin:0 auto 0 0;}
ul.contents_col4_line2 a:link{color:#ced6d5;text-decoration:none!important;}
ul.contents_col4_line2 a:visited{color:#ced6d5;text-decoration:none!important;}
ul.contents_col4_line2 a:hover{color:#ced6d5;text-decoration:none!important;}
ul.contents_col4_line2 a:active{color:#ced6d5;text-decoration:none!important;}

ul.contents_col4_line2 li.col_contents{width:280px;margin:0 0 50px 0;background-color:#627976;}

ul.contents_col4_line2 li .col4_photo{width:100%;height:240px;margin:0 0 0 0;position:relative;overflow:hidden;}
ul.contents_col4_line2 li .col4_photo img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:block;transition-duration:0.3s;}
ul.contents_col4_line2 li .col4_photo img:hover{transform:scale(1.1);transition-duration:0.3s;opacity: 0.6;cursor:pointer;}

ul.contents_col4_line2 li .col4_title{font-size:120%;color:#687e7b;text-align:center;padding:15px 0 5px 0;background-color:#fefefd;}
ul.contents_col4_line2 li .col4_title_min{font-size:70%;margin:0 auto;}
ul.contents_col4_line2 li .col4_date{font-size:70%;color:#ced6d5;margin:15px 15px 0 15px;}
ul.contents_col4_line2 li .col4_text{font-size:90%;color:#ced6d5;margin:0 15px 15px 15px;}
ul.contents_col4_line2 li .col4_text_single{font-size:80%;line-height:120%;color:#ced6d5;margin:15px;}


@media screen and (max-width:768px) {
ul.contents_col4_line2{padding:0 0 30px 0;}
ul.contents_col4_line2 li{margin:0 auto 0 auto;padding:0 0 0 0;}
ul.contents_col4_line2 li.col_contents{width:45%;margin:0 auto 30px auto;}
ul.contents_col4_line2 li .col4_photo{height:150px;}
ul.contents_col4_line2 li .col4_title{font-size:100%;letter-spacing:0;}
ul.contents_col4_line2 li .col4_text{padding:0 0 0 0;}	
}

ul.col4{width:100%;margin:0 auto 0 auto;padding:0 0 0 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;}
ul.col4 li{width:25%;margin:0 auto 0 0;}

@media only screen and (max-width:798px) {
ul.col4{padding:0 0 0 0;display:block;}
ul.col4 li{width:100%;margin:0 auto;}
}*/




/*archive
----------------------------*/
#archive_col{display:flex;flex-direction:row;justify-content:space-around}
#archive_main{max-width:1100px;width:100%!important}
#archive_single{max-width:1100px}
#archive_single h1{font-family:"Noto Sans JP", sans-serif;font-weight:500;font-style:normal;font-size:30px;line-height:1.2;margin:40px auto}
#archive_single h2{font-family:"Noto Sans JP", sans-serif;font-weight:500;font-style:normal;font-size:22px;line-height:1.2;margin:40px auto;padding:0 0 10px 0;border-bottom:#AAB3BB 1px solid}
#archive_single h3{font-family:"Noto Sans JP", sans-serif;font-weight:500;font-style:normal;font-size:22px;line-height:1.2;margin:40px auto;padding:0 60px;position:relative;display:inline-block}
#archive_single h3:after{content:'';width:50px;height:1px;position:absolute;top:50%;left:0;display:inline-block;background-color: #AAB3BB}
.archive_single_text{font-size:14px}

#archive_side{max-width:400px}
.archive_side_inner{margin:0 auto 30px auto;padding:0 0 30px 0;border-bottom:#AAB3BB 1px solid}
.archive_side_title::before{content:"\f02e";font-family:"Font Awesome 5 Free";font-weight:900;margin:0 .5em 0 0}
.archive_side_title{margin:0 auto 30px auto}
ul#archive_side_category{display:flex;flex-direction:row;flex-wrap:wrap!important;justify-content:space-around}
ul#archive_side_category li{font-size:14px;width:50%!important;margin:0 auto 1em 0}
ul#archive_side_category li:last-child{margin:0 auto 0 0}

ul#archive_side_column{width:100%;height:100%!important;display:flex;flex-direction:column}
ul#archive_side_column li{width:100%;margin:0 auto 40px auto;position:relative;display:flex;flex-direction:row;flex-grow:1;box-sizing:border-box}
ul#archive_side_column li a{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}

ul#archive_side_column li:first-child::after{content:"";margin:0 auto!important;background-color:transparent!important;top:auto!important;left:auto!important}

ul#archive_side_column li .column_photo{max-width:100px;width:100%;height:70px;position:relative;overflow:hidden}
ul#archive_side_column li .column_photo:after{content:"";width:100%;height:100%;display:block;position:absolute;top:0;background: url(../img/index/column-sample.webp) no-repeat center center;background-size:cover;transition:all .3s ease-out}

ul#archive_side_column li .column_textarea{width:100%!important;margin:0 auto 0 7%}
ul#archive_side_column li .column_textarea{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}

ul#archive_side_column li .column_category{font-size:10px;text-align:center;margin:0 auto 0 0;padding:5px 10px;border:#AAB3BB 1px solid;display:initial}

ul#archive_side_column li:hover .column_photo:after{transform:scale(1.1);transition-duration:0.3s;cursor:pointer}
ul#archive_side_column li:hover .column_textarea p{color:#222326;text-decoration:underline}


@media screen and (max-width:1500px) {
#archive_main{max-width:70%}
#archive_single{max-width:70%}
#archive_side{max-width:20%}
}
@media screen and (max-width:1500px) {
ul#archive_side_category{flex-direction:column}
}
@media screen and (max-width:1024px) {
#archive_col{flex-direction:column}
#archive_main{max-width:100%}
#archive_single{max-width:100%;margin:0 auto 100px auto}
#archive_side{max-width:100%}
ul#archive_side_category{flex-direction:row}
ul#archive_side_category li{width:auto!important}
}
@media screen and (max-width:768px) {
#archive_single h1{font-size:22px}
}
@media screen and (max-width:468px) {
ul#archive_side_column li .column_photo{max-width:70px}
}


/*archive
----------------------------*/
/*ul#archive_area{width:100%;padding:0;}
ul#archive_area li{width:100%;margin:0 auto 50px auto;display:-webkit-flex;display:flex;position:relative;}
ul#archive_area li a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;} 

ul#archive_area li .archive_photo{width:150px;height:100px;float:left;overflow:hidden;position:relative;background:#f4f9f9;}
ul#archive_area li .archive_photo img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:block;transition-duration:0.3s;}
ul#archive_area li .archive_photo img:hover{transform:scale(1.1);transition-duration:0.3s;opacity:0.6;cursor:pointer;}

ul#archive_area li ul#archive_category{width:100%;margin:0 auto 5px auto;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center!important;}
ul#archive_area li ul#archive_category li{font-size:70%;letter-spacing:0;width:7%;text-align:center;margin:0 0.5% 0 0;padding:13px 1% 13px 1%;background-color:#fb4724;;position:relative;}
ul#archive_area li ul#archive_category li a{position:absolute;top:0;left:0;height:100%;width:100%;text-decoration:none;display:block;}

ul#archive_area li ul#archive_category li a:link{color:#ffffff;text-decoration:none;}
ul#archive_area li ul#archive_category li a:visited{color:#ffffff;text-decoration:none;}
ul#archive_area li ul#archive_category li a:hover{color:#ffffff;text-decoration:underline;}
ul#archive_area li ul#archive_category li a:active{color:#ffffff;text-decoration:underline;}

ul#archive_area li .archive_text{color:#4f6b64;width:86%;margin:0 auto;padding:0 2%;float:left;}
ul#archive_area li .archive_text .archive_date{font-size:70%;text-align:left;line-height:100%;letter-spacing:0;max-width:100px;font-weight:900;margin:0 0 0 0;padding:10px 0;}
ul#archive_area li .archive_text .archivelist_heading{line-height:100%;font-weight:100;}

@media screen and (max-width:1500px) {
ul#archive_area li ul#archive_category li{width:30%;}
}

@media screen and (max-width:1024px) {
ul#archive_area li .archive_photo{width:120px;height:60px;}
}
@media only screen and (max-width:768px) {
ul#archive_area{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul#archive_area li{width:45%;display:-webkit-block;display:block;}
ul#archive_area li .archive_photo{width:100%;height:150px;margin:0 auto 20px auto;}
ul#archive_area li .archive_text{width:100%;margin:0 auto 0 auto;padding:0 0;float:none;}
	
ul#archive_area li ul#archive_category li{width:50%;}
}*/


/*single
----------------------------*/
/*#single{width:100%;margin:0 auto 20px auto;background:#FFFFFF;box-sizing:border-box;}
#single img{text-align:center;max-width:1000px;width:100%;height:auto;margin:70px auto;display:block;}

#single ul#archive_category{width:100%;margin:0 auto 10px auto;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center!important;}
#single ul#archive_category li{font-size:70%;letter-spacing:0;width:7%;text-align:center;margin:0 0.5% 0 0;padding:0;position:relative;}
#single ul#archive_category li a{position:absolute;top:0;left:0;height:100%;width:100%;text-decoration:none;display:block;}

#single ul#archive_category li a:link{color:#ffffff;text-decoration:none;}
#single ul#archive_category li a:visited{color:#ffffff;text-decoration:none;}
#single ul#archive_category li a:hover{color:#ffffff;text-decoration:underline;}
#single ul#archive_category li a:active{color:#ffffff;text-decoration:underline;}

#single #date{font-size:70%;color:#010075;line-height:100%;letter-spacing:0;max-width:100px;text-align:center;font-weight:700;margin:0 0 10px 0;padding:10px 0;border:#010075 1px solid;}
#single #heading{font-size:140%;color:#FFFFFF;text-align:left;line-height:100%;letter-spacing:0.1em;margin:0 auto 70px auto;padding:15px 30px;background:#4a4a4a;}

#single #text{width:100%;margin:0 auto 50px auto;padding:0;box-sizing:border-box;}

@media screen and (max-width:1080px) {
#single{padding:20px;}
#single #heading{font-size:120%;margin:0 auto 30px auto;}
#single img{width:100%;}
}*/


/*tag
----------------------------*/
ul.bt_tag{width:100%;margin:0 auto 50px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
ul.bt_tag li{font-size:70%;height:20px; min-width:9%;white-space:nowrap;letter-spacing:0;text-align:center;margin:0 0.5% 10px 0;padding:5px 10px;background-color:#454142;;position:relative;border-radius:5px;}
ul.bt_tag li a{color:#FFFFFF;position:absolute;top:0;left:0;height:100%;width:100%;text-decoration:none;display:block;}
ul.bt_tag li a:hover{color:#454142;}
ul.bt_tag li:hover {background-color:#FFFFFF;}

@media screen and (max-width:1000px) {
ul.bt_tag li{font-size:80%;height:20px;min-width:20%;padding:5px 25px;}
}


/*search
----------------------------*/
#search_area{width:100%;margin:0 auto 50px auto;padding:15px 0;background-color:#627976;}
#search_area ul#search_area_inner{max-width:650px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#search_area ul#search_area_inner li#search_text{font-size:100%;color:#FFFFFF;font-weight:100;vertical-align:middle;letter-spacing:0;width:25%;}
#search_area ul#search_area_inner li#search_input{font-size:100%;color:#FFFFFF;font-weight:100;letter-spacing:0;width:75%;}

@media screen and (max-width:1000px) {
#search_area ul#search_area_inner{width:90%;flex-direction:column;}
#search_area ul#search_area_inner li#search_text{width:100%;}
#search_area ul#search_area_inner li#search_input{margin:0 auto 0 auto;width:100%;}
}

.search {
  height:40px;
  margin:0 auto;
  background: #454142;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.search input {
  max-width: 370px;
  padding: 10px 5px;
  float: left;
  color: #FFFFFF;
  font-weight: 100;
  border: 0;
  background: transparent;
  border-radius: 3px 0 0 3px;
}
.search input:focus {
  outline: 0;
  background: transparent;
}
.search button {
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;font-size: 100%;
  height: 40px;
  width: 120px;
  color: #FFFFFF;
  background: transparent;
  border-left: 1px solid #fff;
  border-radius: 0 3px 3px 0;
}
.search button:hover {
  background: #fff;
  color: #444;
}
.search button:active {
  box-shadow: 0px 0px 12px 0px #e1e1e1;
}
.search button:focus {
  outline: 0;
}


#result{width:100%;text-align:center;margin:0 auto;padding:3% 0 0 0;}
#result_img{max-width:63px;margin:0 auto;padding:2% 0 2% 0;}


@media screen and (max-width:1400px) {
#search_area #search_area_inner{text-align:center;max-width:90%;}
#search_area #search_area_inner #search_text{max-width:100%;margin:0 auto 20px auto;float:none;display:block;}
#search_area #search_area_inner #search_input{max-width:100%;float:none;display:block;}
.search input {padding:3px 5px 0 5px;}
}

@media screen and (max-width:798px) {
.search button {
  width: 80px;
}
}


/*Pankuzu
----------------------------*/
#page_pan ul{width:97%;margin:0 auto 3% 3%}
#page_pan ul li{font-size:12px;color:#222326;letter-spacing:0;display:inline;list-style:none}
#page_pan ul li:after{content:'>';padding:0 3px;color:#222326}
#page_pan ul li:last-child:after{content:''}
#page_pan ul li a{text-decoration:none;color:#222326}
#page_pan ulli a:hover{text-decoration:underline}

@media screen and (max-width:1000px) {
#page_pan ul{display:none}
}


/* tel_link
--------------------------------*/
@media (min-width:798px) {a[href*="tel:"] {pointer-events:none;cursor:default;text-decoration:none;}
}



/* button
--------------------------------*/
.bt_type_single{text-align:center;max-width:300px;width:100%;margin:0 auto;border:1px solid #222326;background:transparent;position:relative;transition:all 0.2s ease;position:relative;display:flex;align-items:center;
z-index:9}
.bt_type_single_right{text-align:center;max-width:300px;margin:0 0 0 auto;border:1px solid #222326;background:transparent;position:relative;transition:all 0.2s ease;position:relative;display:flex;z-index:9}
.bt_type_single_white_full{text-align:center;max-width:100%;margin:0 auto;border:1px solid #fff;background:transparent;position:relative;transition:all 0.2s ease;position:relative;display:flex;z-index:9;box-sizing:border-box}


@media (max-width:1024px) {
.bt_type_single_right{margin:0 auto 0 auto}
}


.bt_single_1{color:#fff;background:#222326;padding:0;border:none;position:relative}
.bt_single_1 span{width:100%;/*height:100%;*/padding:30px;display:block;position:relative}
.bt_single_1 span a{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}

.bt_single_1:before,.bt_single_1:after{content:"";position:absolute;height:0%;width:1px;background:#222326}
.bt_single_1:before{right:0;top:0;transition:all 500ms ease}
.bt_single_1:after{left:0;bottom:0;transition:all 500ms ease}
.bt_single_1:hover{color:#222326;background:#fff;}
.bt_single_1:hover:before{transition: all 500ms ease;height:100%}
.bt_single_1:hover:after{transition: all 500ms ease;height:100%}

.bt_single_1 span:before,.bt_single_1 span:after{content:"";position:absolute;background:#222326}
.bt_single_1 span:before{left:0;top:0;width:0%;height:1px;transition:all 600ms ease}
.bt_single_1 span:after{right:0;bottom:0;width:0%;height:1px;transition:all 600ms ease}
.bt_single_1 span:hover:before{width:100%}
.bt_single_1 span:hover:after{width:100%}

.bt_single_1 span a:link{color:#fff!important;text-decoration:none!important}
.bt_single_1 span a:visited{color:#fff!important;text-decoration:none!important}
.bt_single_1 span a:hover{color:#222326!important;text-decoration:none!important}
.bt_single_1 span a:active{color:#222326!important;text-decoration:none!important}


.bt_single_2{text-align:center;width:100%;padding:25px;border:#fff solid 1px;position:relative;box-sizing:border-box;transition:all 0.4s ease}
.bt_single_2:hover{color:#222326;background:#fff;transition:all 0.4s ease}
.bt_single_2 a{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}
.bt_single_2 a:link{color:#fff!important;text-decoration:none!important}
.bt_single_2 a:visited{color:#fff!important;text-decoration:none!important}
.bt_single_2 a:hover{color:#222326!important;text-decoration:none!important}
.bt_single_2 a:active{color:#222326!important;text-decoration:none!important}


.bt_single_3{font-family:"Noto Sans JP", sans-serif;font-weight:700;font-style:normal;font-size:20px;color:#fff;font-weight:100;text-align:center;width:100%;padding:20px;background:#222326;border:#222326 solid 1px;position:relative;box-sizing:border-box;transition:all 0.4s ease}
.bt_single_3:hover{color:#222326;background:#fff;transition:all 0.4s ease}
.bt_single_3 a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 52px;
    display: flex;
    align-items: center;
    justify-content: center
}
.bt_single_3_arrow{max-width:50px;margin:0 auto 0 auto}


ul.bt_anchor_col3{display:flex;justify-content:space-between}
ul.bt_anchor_col3 li{width:31%}

ul.bt_anchor_col4{display:flex;justify-content:space-between}
ul.bt_anchor_col4 li{width:23%}

@media screen and (max-width:1500px) {
#archive_main{max-width:70%}
#archive_single{max-width:70%}
#archive_side{max-width:20%}
}
@media only screen and (max-width:768px) {
ul.bt_anchor_col3{flex-wrap:wrap}
ul.bt_anchor_col3 li{width:49%;margin:0 0 2% 0}
ul.bt_anchor_col4{flex-wrap:wrap}
ul.bt_anchor_col4 li{width:49%;margin:0 0 2% 0}
}



/* pagenation
--------------------------------*/
.pagination {
	clear: both;
	margin:0 auto 50px auto;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 通常の文字色 */
	background: #fb4724; /* 通常の背景色 */
}
.pagination a:hover{
	color: #fff; /* マウスホバー時の文字色 */
	background: #000000; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	color: #000000; /* 現在のページの文字色 */
	background: #fff; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;
}
.pagination .current{
	padding: 8px 10px 8px 10px;
}
}



/* modal
--------------------------------*/
.hide-area{
  display: none;
}

.modaal-close:after, 
.modaal-close:before{
  background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}

/*#modaal-title{
  font-size:1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}*/

.modaal-video .modaal-inner-wrapper{
  padding:0;
}

.info-list dl,
.gallery-list{
  display: flex;
}

.info-list dt{
  margin:0 10px 0 0;
}

.gallery-list li{
  margin:0 10px 0 0;
}



/* table
--------------------------------*/
/* .tablecolor_type_1{background:#F7FAFC}

table{width:100%;margin:0 auto}
table tr{text-align:left;vertical-align:middle;clear:both}
table tr:last-child{border-bottom:#dcdfea 1px solid}
table th{width:30%;vertical-align:middle;font-weight:normal;padding:20px 0 20px 2%;border-bottom:#a0a8a8 1px solid;box-sizing:border-box}

table td{vertical-align:middle;width:auto;padding:20px 0 20px 2%;border-bottom:#e9e5e5 1px solid;border:#AAB3BB 1px solid;border-top:none;border-left:none;border-right:none;box-sizing:border-box}
table td br{display:block}

.table_wrap{white-space:wrap!important}


table.cell_line_white{color:#fff;width:100%;margin:0 auto}
table.cell_line_white tr{text-align:left;vertical-align:middle;clear:both}
table.cell_line_white th{vertical-align:middle;font-weight:normal;padding:20px;border:#fff 1px solid;box-sizing:border-box}

table.cell_line_white td{vertical-align:middle;width:auto;padding:20px;border:#fff 1px solid;box-sizing:border-box}
table.cell_line_white td br{display:block}


table.cell_basic{width:100%;margin:0 auto}
table.cell_basic tr{text-align:left;vertical-align:middle;clear:both}
table.cell_basic th{vertical-align:middle;font-weight:normal;padding:20px;border:#AAB3BB 1px solid;background:#EFF4F8;box-sizing:border-box}

table.cell_basic td{vertical-align:middle;width:auto;padding:20px;border:#AAB3BB 1px solid;box-sizing:border-box}
table.cell_basic td br{display:block}



@media screen and (max-width:1024px) {
table{width:100%;margin:50px auto 0 auto;}
table th{text-align:center;width:100%;padding:15px;display:block;background:#fff;;border-bottom:none}
table td{text-align:center;width:100%;margin:0;padding:15px;display:block}

table.cell_line_white th{color:#222326}

.scroll_table_wrap{overflow-x:scroll}
.scroll_table{font-size:14px;width:100%;border-collapse:collapse}

.scroll_table th{text-align:inherit!important;width:auto!important;margin:0 auto!important;padding:15px!important;display:revert!important}
.scroll_table td{text-align:inherit!important;width:auto!important;margin:0 auto!important;padding:15px!important;display:revert!important} */
	
/*}*/













/* accordion
--------------------------------*/
.accordion ul {
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box		
}

.accordion li {
  width: 48%;
  margin: 0 0 2% 0 !important;
  padding: 15px 5% 15px 20px !important;
  background-color: #fff;
  position: relative;
  list-style: none;
  cursor: pointer;
  box-sizing: border-box;
  counter-increment: num 1;
}
.accordion ul.list_boder_all li{border: #AAB3BB 1px solid}

.accordion li:last-child {
  margin: 0 auto 0 auto;
}
@media only screen and (max-width:1560px) {
  .accordion ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .accordion li {
    margin: 0 auto 50px auto;
    padding: 20px;
  }
}
@media only screen and (max-width:1200px) {
  .accordion li {
    margin: 0 auto 50px auto;
    padding: 20px 10% 20px 20px;
  }
}
.accordion > ul > li > a:link {
  color: #222326;
  display: block;
  text-decoration: none;
  cursor: pointer;
  padding: 0.8em 1em;
  position: relative;
}
.accordion > ul > li > a:visited {
  color: #222326;
  text-decoration: none;
}
.accordion > ul > li > a:hover {
  color: #222326;
  text-decoration: none;
}
.accordion > ul > li > a:active {
  color: #222326;
  text-decoration: none;
}
.accordion > ul > li > a h4 {
  font-size: 18px;
  font-weight: normal;
  display: flex;
  align-items: center
	
}
.accordion > ul > li > a h4::before {
  content: "Q" counter(num) ".";
  font-family:optima;font-weight:100;
  margin: 0 15px 0 0;
  text-indent: 0;
  border-right: #AAB3BB 1px solid;
  padding: 0 15px 0 0;
  font-size: 40px;
}
.accordion > ul > li > a h4:hover {
  color: #2A8BA7;
  text-decoration: none;
}
.faq_text {
  margin:20px auto 0 auto;
}
.accordion > ul > li > .faq_text {
  display: none;
  text-align: left;
  padding: 0
}
.accordion > ul > li > .faq_text > .faq_text_inner:before {
  content: 'A.';
  color: #FF8644;
  font-weight: 700;
  display: inline-block;
  width: 1.3em;
  margin: 0;
  text-indent: 0;
}
.accordion > ul > li > .faq_text > .faq_text_inner {
  display: flex
}
.accordion li .accordion_icon, .accordion li .accordion_icon span {
  display: inline-block;
  transition: all .3s;
  box-sizing: border-box;
}
.accordion li .accordion_icon {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50px;
  right: 30px;
}
.accordion li .accordion_icon span {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color:#AAB3BB;
}
.accordion li .accordion_icon span:nth-of-type(1) {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
  display: none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

@media only screen and (max-width:1100px) {
.accordion > ul > li > a h4::before{font-size:30px}
}
@media only screen and (max-width:1024px) {
.bt_single_3{font-size:16px;padding:10px}
.accordion ul{flex-direction:column}
.accordion ul.list_boder_all li{width:100%}
.accordion li{width:100%}
}
@media only screen and (max-width:768px) {
.accordion > ul > li > a h4::before{font-size:25px}
.accordion > ul > li > a h4{font-size:16px;line-height:1.4;width:93%}
.accordion li{margin:0 auto 30px auto;border-bottom: #dbe1e2 1px solid}
.accordion li .accordion_icon{width:15px;height:15px;top:30px;right:15px}
}
@media only screen and (max-width:414px) {
.accordion li{margin: 0 auto 20px auto;}
.accordion > ul > li > a h4{font-size:inherit;line-height: 1.5;}
.accordion > ul > li > .faq_text{line-height:1.5;padding: 0 0 0 1em;}
.faq_text{margin:20px auto 0 auto;}
}










/* map
--------------------------------*/
.youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


/* map
--------------------------------*/
.map_canvas{width:100%;position:relative;margin:0 auto 200px auto;padding:0 0 35% 0;height:100%;overflow:hidden;}
.map_canvas iframe{position:absolute;top:0;left:0;width:100%!important;height:100% !important;}

@media screen and (max-width:1600px) {
.map_canvas{width:100%;padding:0 0 55%;}
}

@media screen and (max-width:1024px) {
.map_canvas{width:100%;margin:0 auto 100px auto;padding:0 0 65%;}
}
@media screen and (max-width:414px) {
.map_canvas{margin:0 auto 30px auto;padding:0 0 85%;}
}


/* form
--------------------------------*/
/*.submit_bt{width:30%;padding:10px;margin:30px auto 10px auto;cursor:hand;}*/
form {margin:0;padding:0;}
form div{padding:10px 20px;}
input{font-size:100%;border:#d7d0d0 1px solid;}
textarea{border:#d7d0d0 1px solid;}
#thanks_form{text-align:center;margin:150px auto;}
.form_text_answer{
	/*font-size:200%;*/
	width:60%;
	padding: 5px;
	zoom: 1;
}

.form_text, textarea, .dropdown{
	padding: 5px;
	zoom: 1;
}
.form_text_10{
	width:10%!important;
	padding: 5px;
}
.form_text_20{
	width:20%!important;
	padding: 5px;
}
.form_text_40{
	width:40%!important;
	padding: 5px;
}

.form_text_60{
	width:60%!important;
	padding: 5px;
}
.form_text_80{
	width:80%!important;
	padding: 5px;
}
.form_text_100{
	width:100%!important;
	padding: 5px;
}

.LabelSelected,.RadioSelected {
	font-weight:normal;
	width:17%;
	padding:10px;
	padding: 5px;
	zoom: 1;
}



#formarea{}
#formarea table {width:100%;border-collapse: collapse;background-color: #FFFFFF;}
#formarea th.t_top {border-top:#ffbe00 4px solid;}
#formarea th {color:#FFFFFF;font-weight:200;text-align:center;border-bottom:#dddddd 1px solid;border-left:#dddddd 1px solid;background:#5e5e5e;padding:10px;font-weight:normal;vertical-align: middle;}
#formarea td.t_top{border-top:#dddddd 1px solid;}
#formarea td{border-bottom:#dddddd 1px solid;border-right:#dddddd 1px solid;text-align:left;padding:10px;}

@media screen and (max-width:980px) {
#formarea{padding:0;margin:0;}
}

@media screen and (max-width:798px) {
.form_text_20{width:22%!important;box-sizing:border-box}
.form_text_40{width:100%!important;box-sizing:border-box}
.form_text_60{width:100%!important;box-sizing:border-box}
.form_text_80{width:100%!important;box-sizing:border-box}
.LabelSelected,.RadioSelected{width:100%!important;box-sizing:border-box}

#formarea th.t_top {border:none}
#formarea th{margin:0 auto 0 auto;padding:10px 0 10px 0;border:none;width:100%;display:block}
#formarea th br{display:none}
#formarea td.t_top {border-top:none;border-bottom:#e3e3e3 1px solid}
#formarea td{width:93%;margin:0 auto 0 auto;display:block;border-right:none}
}


#form_terms{max-height:300px;height:100%;max-width:1080px;width:100%;margin:0 auto 10px auto;padding:40px 20px;border:#021476 1px solid;background-color:#ffffff;overflow-y:scroll;box-sizing:border-box;}

@media screen and (max-width:1080px) {
#form_terms{max-height:200px;max-width:100%;padding:10px 10px;}
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 90%;
	/*padding: 10px 0 10px 0;*/
	font-size: 100%;
	font-weight: 100;
	padding: 1%;
	border: 1px solid #d0d5d8;
	/*border-radius: 3px;*/
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄の色を変更する */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255,255,255,1);
}

@media screen and (max-width:798px) {
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {width: 100%;box-sizing: border-box;}
}	
	
	
.wpcf7 input[type="button"] {font-weight:700;letter-spacing:0.1em;text-align:center;color:#ffffff;width:300px;padding:20px 0;position:relative;display:inline-block;background:#010080;transition:.2s;box-sizing:border-box;}

.wpcf7-list-item{display:inline-block;margin:0 1em 0 0!important;}



/* 送信ボタン */	
/*input.wpcf7c-btn-back,input.wpcf7-submit,input.wpcf7-confirm {font-weight:700;letter-spacing:0.1em;text-align:center;color:#ffffff;width:300px;padding:20px 0;position:relative;display:inline-block;background:#010080;transition:.2s;cursor:hand;cursor:pointer;box-sizing:border-box;}

input.wpcf7c-btn-back::before,input.wpcf7-submit::before,input.wpcf7-confirm::before{content:'';width:0;height:0;border-style:solid;border-width:10px 0 10px 14px;border-color:transparent transparent transparent #ffffff;position:absolute;top:50%;right:20px;margin-top:-10px;}

input.wpcf7c-btn-back:hover,input.wpcf7-submit:hover,input.wpcf7-confirm:hover{color:#010080;outline:#010080 3px solid;outline-offset:-3px;background:transparent;}*/

input.wpcf7c-btn-back,input.wpcf7-submit,input.wpcf7-confirm {color:#fff;line-height:1;letter-spacing:-0.05em;max-width:260px;width:100%;margin:0 auto;padding:20px 0;position:relative;text-decoration:none;display:inline-block;text-align:center;background:#0f0f0f;transition:ease 0.2s;box-sizing:border-box;transition:ease 0.2s;box-sizing:border-box;z-index:1;transition:.2s;cursor:hand;cursor:pointer;box-sizing:border-box;}

input.wpcf7c-btn-back::before,input.wpcf7-submit::before,input.wpcf7-confirm::before{content:'';width:0;height:0;border-style:solid;border-width:10px 0 10px 14px;border-color:transparent transparent transparent #ffffff;position:absolute;top:50%;right:20px;margin-top:-10px;}

input.wpcf7c-btn-back:hover,input.wpcf7-submit:hover,input.wpcf7-confirm:hover{color:#0f0f0f;background:#ebf3fc;}


/*.bt_next{color:#fff;line-height:1;letter-spacing:-0.05em;max-width:260px;width:100%;margin:0 auto;position:relative;text-decoration:none;display:inline-block;text-align:center;background:#0f0f0f;transition:ease 0.2s;box-sizing:border-box;}
.bt_next:hover{color:#0f0f0f;background:#ebf3fc;}
.bt_next::after{content:'';border:0;border-top:solid 1px #fff;border-right:solid 1px #fff;display:inline-block;width:8px;height:8px;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(45deg);z-index:2;}
.bt_next:hover::after{border-top:solid 1px #0f0f0f;border-right:solid 1px #0f0f0f;}*/






/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}
/* エラーメッセージの上部を消去 */
div.screen-reader-response{
  display: none;
}


/* reCAPTCHA */
.grecaptcha-badge {
padding:0 auto auto 0;
}
@media only screen and (max-width:798px) {
.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
}
}


/* and KIDS */

.header_nav{
	display: flex;
	color: #fff;
	padding-right: 138px;
	box-sizing: border-box;
}
 .header_nav li:not(:first-child){
	margin-left:70px
}
.header_nav li a{
	text-align: center;
	font-size: 14px;
color: #fff;
    letter-spacing: 0.1em;
}

.header_nav .spread_txt{
	text-decoration: none;
   color: transparent;
  background: linear-gradient(to right, #030303 50%, #fff 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
}


.header_nav .spread_txt:hover {
  background-position: 0 100%;
}  

#TopPage .header_nav .spread_txt{
	text-decoration: none;
   color: transparent;
  background: linear-gradient(to right, #c3bc9b 50%, #fff 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
}

#TopPage .header_nav .spread_txt:hover {
  background-position: 0 100%;
}  

@media only screen and (max-width:1200px) {
    .header_nav li:not(:first-child){
	margin-left:40px
}
  .header_nav li a{
	font-size: 13px;
}
  #header_logo{
    max-width:250px;
  }
}
@media only screen and (max-width:1024px) {
  .header_nav{
	display: none
}
    header { width: 100%}
}
@media only screen and (max-width:414px) {
  #header_logo{
    max-width:60.39vw;
  }
}

/* Color changes when scrolling
--------------------------------------*/
.header {
  background-color:transparent;
  transition: .5s;
  margin-top: 0;
  padding-top: 0;
}

/*
.header.change-color {
  background: #fff; 
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  width: 100%;
}
*/

.header_nav li a{
	 transition: .5s;
}





#TopPage .header_nav_sp.change-color ul li a {
  color: #030303;
}


.header_nav.change-color .spread_txt {
    color: #030303;
}

#TopPage .header_nav.change-color .spread_txt {
    color: #030303;
}



.header_nav.change-color .spread_txt{
	text-decoration: none;
   color: transparent;
  background: linear-gradient(to right, #c3bc9b 50%, #030303 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
}

.header_nav.change-color .spread_txt:hover {
  background-position: 0 100%;
}  


#TopPage .header_nav.change-color .spread_txt:hover{
	text-decoration: none;
   color: transparent;
  background: linear-gradient(to right, #c3bc9b 50%, #030303 50%) 100%;
  background-clip: text;
  background-size: 200% 100%;
  transition: background-position 0.3s;
}

#TopPage .header_nav.change-color .spread_txt:hover {
  background-position: 0 100%;
}  


.header-logo.headerLogoScroll.-before {
  display : none;
}
.header-logo.-after {
  display : none;
}
.header-logo.headerLogoScroll.-after {
  display : block;
}

.header_nav_sp.change-color ul li a {
  color: #030303;
}