@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:16px;font-weight:500;line-height:2;color:#fff;padding:0;margin:0;position:relative;letter-spacing:0;/*letter-spacing:0.05em;*/-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}

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

.navfixed{position:fixed;top:0;width:100%;z-index:10000;}
.smooth{text-align:100%;margin:0;padding:0;}

.mincho{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight:100;}
.italic{font-style:italic;}

.fontcolor_white{color:#fff;}
.fontcolor_red{color:#ff0000;}
.fontcolor_orange{color:#fc512a;}
.fontcolor_green{color:#4bc106;}
.fontcolor_blue{color:#005eea;}
.fontcolor_pink{color:#ff013d;}

.fontsize_30{font-size:30px;}
.fontsize_26{font-size:26px;}
.fontsize_20{font-size:20px;}

@media screen and (max-width:1024px) {
.fontsize_30{font-size:23px;}
}
@media screen and (max-width:414px) {
.fontsize_30{font-size:20px;line-height:1.7;}
}

.weight_500{font-weight:500;}
.weight_700{font-weight:700;}
.weight_900{font-weight:900;}

.underline{text-decoration:underline}
.marker_yelloe{background:linear-gradient(transparent 60%, #f6ff61 60%);display:inline-block;}

.letter_0{letter-spacing:0;}
.letter_1{letter-spacing:0.1em;}
.letter_2{letter-spacing:0.2em;}

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

.l_height_100{line-height:100%;}
.l_height_110{line-height:110%;}
.l_height_120{line-height:120%;}

.right{text-align:right;}
.center{text-align:center;}
.center_pc{text-align:center;margin:0 auto}


.text_letterspacing{letter-spacing:0.1em;}
.text_ll_orange_900_i{font-size:200%;color:#fc512a;font-weight:900;letter-spacing:0.1em;font-style:italic;}
.text_l_orange_900_i{font-size:180%;color:#fc512a;font-weight:900;letter-spacing:0.1em;font-style:italic;}
.text_m_orange_900_i{font-size:160%;color:#fc512a;font-weight:900;letter-spacing:0.05em;font-style:italic;}

@media screen and (max-width:1080px) {
.center_pc{text-align:left;}
.text_ll_orange_900_i{font-size:130%;color:#fc512a;font-weight:900;letter-spacing:0.1em;font-style:italic;}
.text_l_orange_900_i{font-size:130%;color:#fc512a;font-weight:900;letter-spacing:0.1em;font-style:italic;}
.text_m_orange_900_i{font-size:120%;color:#fc512a;font-weight:900;letter-spacing:0.05em;font-style:italic;}
}

.list{margin-left:15px;list-style:disc;list-style-position:outside;}


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

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

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

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






.list_type_disc li{margin:0 auto 10px 15px;list-style:disc;list-style-position:outside;}
.list_type_disc li:last-child{margin:0 auto 0 15px;}
.list_type_circle{margin:0 auto 20px auto;list-style:circle;}





.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix {zoom: 1; } /* IE6 */
*:first-child+html .clearfix {zoom: 1; } /* IE7 */

.letter-spacing_0{letter-spacing:0;}
.left{text-align:left;}
.center{text-align:center!important;text-align:-webkit-center!important;vertical-align:middle;}

select {text-align:-moz-center;text-align:-webkit-center;}


img{vertical-align:middle;border-style:none;}
.img_left{float:left;}
.img_right{float:right;}
.image_horizontal{width:100%;margin:50px auto;}
.full{width:100%;max-width:100%;height:auto;}

a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#ffde00;text-decoration:none;}
a:active{color:#ffde00;text-decoration:none;}


.link_hover_none a:link{color:#231815;text-decoration:none;}
.link_hover_none a:visited{color:#231815;text-decoration:none;}
.link_hover_none a:hover{color:#2ea7e0;text-decoration:none;}
.link_hover_none a:active{color:#2ea7e0;text-decoration:none;}


.cursor,
.follower {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index:2147483647;
}

.cursor {
  width: 8px;
  height: 8px;
  background-color: #000;
  z-index: 1001;
}


.space_side{padding:0}
.space_top{margin:100px auto 0 auto;}
.space_top_20{padding:20px 0 0 0;}
.space_top_40{padding:40px 0 0 0;}
.space_top_50{padding:50px 0 0 0;}
.space_top_80{padding:80px 0 0 0;}
.space_top_100{padding:100px 0 0 0;}
.space_top_150{padding:150px 0 0 0;}
.space_top_200{padding:200px 0 0 0;}

.space_bottom_10{margin:0 auto 10px auto;}
.space_bottom_20{padding:0 0 20px 0;}
.space_bottom_40{margin:0 auto 40px auto;}
.space_bottom_60{margin:0 auto 60px auto;}
.space_bottom_70{margin:0 auto 70px auto;}

.space_bottom_50{padding-bottom:50px;}
.space_bottom_80{padding-bottom:80px;}
.space_bottom_150{padding-bottom:150px;}
.space_bottom_200{padding-bottom:200px;}

@media screen and (max-width:1024px){
.space_bottom_80{padding-bottom:50px;}
}

@media screen and (max-width:768px){
.space_side{padding:0 5%}
.space_top_150{padding:100px 0 0 0;}
.space_top_100{padding:50px 0 0 0;}
.space_top_50{padding:30px 0 0 0;}
.space_top_200{padding:100px 0 0 0;}
/*.space_bottom_80{padding-bottom:50px;}*/
.space_bottom_150{padding-bottom:100px;}
.space_bottom_200{padding-bottom:100px;}
}

@media screen and (max-width:414px) {
.space_top_150{padding:60px 0 0 0;}
.space_top_200{padding:60px 0 0 0;}
.space_bottom_40{margin:0 auto 20px auto;}
.space_bottom_70{margin:0 auto 40px auto;}
.space_bottom_80{padding-bottom:40px;}
.space_bottom_150{padding-bottom:60px;}
}

.space_top_min{margin:40px auto 0 auto;}
.space_top_middle{margin:200px auto 0 auto;}
.space_top_wide{margin:300px auto 0 auto;}
.space_top_innner{margin:120px auto 0 auto;}
.space_middle{margin:200px auto;}
.space_bottom{padding-bottom:100px;}
.space_bottom_min{padding-bottom:40px;}
.space_bottom_middle{padding-bottom:200px;}
.space_bottom_wide{padding-bottom:300px;}

.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);}


.hover:hover{opacity: 0.7;filter: alpha(opacity=70);}

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

@media screen and (max-width:1024px) {
.space_top_middle{margin:100px auto 0 auto;}
.space_middle{margin:100px auto;}
.space_bottom_wide{padding-bottom:150px;}
}



.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;}


/*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);
/*  background-size: 400% 400%;*/

  -webkit-animation: load_bg 12s ease infinite;
  -moz-animation: load_bg 12s ease infinite;
  animation: load_bg 12s ease infinite;
}
/*.css-selector {
    background: linear-gradient(0deg, #fffbf6, #e8d0b2);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s 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{width:100%;margin:0 auto;padding:25px 3%;background:rgba(255, 255, 255, 1);display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2147483647;box-sizing:border-box;}
#header_inner{max-width:1700px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
header > #logo{max-width:280px;width:100%;max-height:50px;height:auto;margin:0;padding:0;}

header > #telarea{color:#173098;text-align:right;max-width:250px;width:100%;height:auto;margin:0;padding:0;}
header > #telarea > #tel{font-size:33px;font-weight:600;line-height:1;margin:0 auto}
header > #telarea > #tel a:link{color:#173098;text-decoration:none;}
header > #telarea > #tel a:visited{color:#173098;text-decoration:none;}
header > #telarea > #tel a:hover{color:#ebb40e;text-decoration:none;}
header > #telarea > #tel a:active{color:#ebb40e;text-decoration:none;}
header > #telarea > #tel i{margin:0 3% 0 auto}
header > #telarea > #time{font-size:12px;color:#173098;font-weight:500;line-height:1;margin:10px auto 0 auto}

header > #btn_add{color:#fff;width:160px;margin:0 0 0 2%;padding:10px 15px;background:#363e6e;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;-webkit-transition:all .2s;transition:all .2s;}
header > #btn_add:hover{background:#b86fb4;}
header > #btn_add a{position:absolute;top:0;left:0;width:100%;height:100%;}
header > #btn_add_icon{width:25px;}
header > #btn_add img{width:25px;margin:0 10px 0 auto;}

@media screen and (max-width:1210px){
header{padding:10px 2%;}
}

@media screen and (max-width:1150px){
header > #logo{max-width:200px;}
header > #btn_add{display:none;}
header > #telarea{display:none;}
}

.is-fixed{position:fixed;top:0;left:0;z-index:247483647!important;width:100%;}





/*sub_page
----------------------------*/
#sub_main{max-width:94%;max-height:600px;margin:50px auto;-webkit-clip-path:inset(0);clip-path:inset(0);display:flex;align-items:center;}
#sub_main img{margin:0 auto;position:relative;display:block;animation:zoom 1.5s ease;}
#sub_main_catchcopy{min-width:500px;padding:50px 80px;position:absolute;background:#fee937;background-color:rgba(255,255,255,0.9);background-size:100% 100%;filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.3));z-index:99999;}
#sub_main_catchcopy_inner{color:#151d23;text-align:left;line-height:1;letter-spacing:0.2em;margin:0 auto 0 0;}
#sub_main_catchcopy_en{font-family:'Lato', sans-serif;font-size:45px;color:#0c308c;font-weight:700;margin:0 auto 20px auto;}
#sub_main_catchcopy_jp{font-family:'Noto Sans JP', sans-serif;font-size:14px;font-weight:500;}

@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:1750px){
#sub_main{max-width:90%;}
#sub_main_catchcopy{padding:50px 0 50px 50px;}
}
@media screen and (max-width:1112px){
#sub_main_catchcopy{max-width:400px;padding:25px 0 25px 50px;}
#sub_main_catchcopy_en{font-size:30px;margin:0 auto 5px;}
}
@media screen and (max-width:1024px){
#sub_main{max-width:100%;width:100%;margin:0 auto 100px;}
#sub_main_catchcopy_en{font-size:20px;margin:0 auto 20px;}
}
@media screen and (max-width:768px){
#sub_main{max-height:700px;margin:0 auto 50px;align-items:flex-end;}
#sub_main_catchcopy{min-width:80%;padding:15px 30px;box-sizing:border-box;}
}
@media screen and (max-width:414px){
#sub_main_catchcopy_en{font-size:14px;margin:0 auto 15px;}
#sub_main_catchcopy_jp{font-size:20px;}
}



/*footer
----------------------------*/
footer{width:100%;padding:45px 0;background:#ebf3fc;}

footer a:link{color:#0f0f0f!important;text-decoration:none!important;}
footer a:visited{color:#0f0f0f!important;text-decoration:none!important;}
footer a:hover{color:#ebb40e!important;text-decoration:none!important;}
footer a:active{color:#ebb40e!important;text-decoration:none!important;}

#footer_inner{max-width:1700px;width:100%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box;}
#footer_icon{max-width:160px;width:100%;margin:0 auto 0 0;box-sizing:border-box;}
#footer_logo{max-width:280px;width:100%;margin:0;}
ul#footer_sns{margin:30px auto 0 0;display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box;}
ul#footer_sns li{max-width:30px;width:100%;margin:0;}

#footer_navarea{text-align:right;max-width:800px;width:100%;margin:0 0 0 auto;display:flex;flex-direction:column;box-sizing:border-box;}
#footer_nav{font-size:13px;letter-spacing:0.1em;font-weight:700;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;}

#copyright{font-size:11px;margin:30px 0 0 auto;}


@media screen and (max-width:1700px) {
#footer_inner{max-width:94%;}
}
@media screen and (max-width:1700px) {
#footer_nav{max-width:100%;}
}

@media screen and (max-width:768px) {
footer{text-align:center;padding:20px 0;}
#footer_nav{display:none;}
ul#footer_sns{margin:20px auto 30px auto;}
#copyright{/* color: #ffffff; */margin:0 auto 10px auto;}

#footer_icon{max-width:100%;margin:0 auto 0 auto;}
#footer_logo{margin:20px auto 30px auto;}
ul#footer_sns{width:80%;}
ul#footer_sns li{max-width:auto;}
ul#footer_sns svg{width:100%;height:30px;}	
	
#footer_inner{flex-direction:column;}
}


ul#floating_btn{display:none;}

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

.floating_text_row{display:flex;flex-direction:row;align-items:center}

ul#floating_btn li .side_nav_text_large{font-size:20px!important;}
	
#floating_tel{background:#0c308c;}
#floating_tel_img{max-width:30px;width:100%;margin:0 auto 10px auto}
	
#floating_contact{background:#030c32;}
#floating_contact_img{max-width:30px;width:100%;margin:0 auto 5px auto}	

ul#floating_btn li a{color:#6296ea;position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer;}

ul#floating_btn li + li{border:none;}
ul#floating_btn svg{width:25px;}
}


.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{padding:150px 0;background:#ffffff;}
.bg_gray{padding:150px 0;background-color:#ebf3fc;}


.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{/*max-width:1050px;*/max-width:1400px;width:100%;margin:0 auto;position:relative;/*z-index:9999999;*/display:block;box-sizing:border-box;}
.contents_white{max-width:1200px;width:100%;margin:0 auto;padding:50px;position:relative;/*z-index:9999999;*/display:block;background:#FFFFFF;box-sizing:border-box;}

.contents_cover{padding:200px 0;}
.contents_top{max-width:1200px;margin:250px auto 0 auto;position:relative;/*z-index:9999999;*/}
.contents_white_top{max-width:1200px;width:100%;margin:100px auto 0 auto;padding:50px;position:relative;/*z-index:9999999;*/display:block;background:#FFFFFF;box-sizing:border-box;}

.contents_col2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;}


.contents_col2 .image_400{max-width:400px;width:100%;}
.contents_col2 .image_500{max-width:500px;width:100%;}
.contents_col2 .image_550{max-width:550px;width:100%;}
.contents_col2 .image_600{max-width:600px;}
.contents_col2 .image_650{max-width:650px;}
.contents_col2 .image_700{max-width:700px;}

.contents_col2 .left_text{max-width:600px;width:100%;margin:0 auto 0 0;}
.contents_col2 .left_text .col2_inner_text{margin:0 auto 60px auto;}
.contents_col2 .right_text{max-width:500px;width:100%;margin:0 0 0 auto;}
.contents_col2 .right_text_short{max-width:500px;width:100%;margin:0 0 0 auto;}
.contents_col2 .right_text .col2_inner_text{margin:0 auto 60px auto;}

.contents_col2 .shop_text{max-width:650px;width:100%;margin:0 0 0 auto;}
.contents_col2 .shop_text .col2_inner_text{margin:0 auto 60px auto;}

ul.contents_col2_continue li{margin:0 auto 100px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.contents_col2_continue li .left_image{width:20%;}
ul.contents_col2_continue li .left_image img{width:230px;}
ul.contents_col2_continue li .right_text{}
ul.contents_col2_continue li:last-child{margin:0 auto 0 auto;}

.contents_border{padding:30px;border:dashed 1px #232323;}
.contents_wide_image{max-width:1200px;max-height:550px;margin:0 auto 40px auto;-webkit-clip-path:inset(0);clip-path:inset(0);display:block;}


@media only screen and (max-width:1400px) {
.contents{width:94%;}
.contents_white{width:94%;padding:4%;}
}






/*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
----------------------------*/
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%;/*padding:40px;*/margin:0 auto 20px auto;background:#FFFFFF;box-sizing:border-box;}
/*#single h3{font-size:160%!important;font-weight:normal!important;line-height:100%;text-align:center;margin:0 auto 30px auto;padding:20px;border-top:#a3bab5 1px solid;border-bottom:#a3bab5 1px solid;}*/
#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%;}
/*#search_area ul#search_area_inner li#search_input input{width:70%;padding:5px 10px;}*/

@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{max-width:1400px;margin:15px auto 0 auto;}
#page_pan ul li{color:#516561;font-size:80%;font-weight:900;letter-spacing:0;display:inline;list-style:none;}
#page_pan ul li:after{content: '>';padding: 0 3px;color:#516561;}
#page_pan ul li:last-child:after{content: '';}
#page_pan ul li a{text-decoration:none;color:#516561;}
#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_min{width:160px;margin:0 auto;box-sizing:border-box;}
.bt_nomal{max-width:300px;width:100%; margin:0 auto;}
.bt_nomal_top_space{max-width:300px;width:100%; margin:50px auto 0 auto;}

.bt_space{text-align:center;margin:0 auto;}

.bt_col_2{max-width:650px;width:100%;margin:60px auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box}

.bt_single{color:#fff;text-align:center;text-decoration:none;width:260px;margin:0 auto;padding:15px 30px;display:flex;flex-direction: column; position:relative;display:inline-block;border:1px solid #fff;background:#151d23; outline:none;transition: all .2s linear;box-sizing:border-box;}
.bt_single:hover{color:#151d23;border:1px solid #151d23;background:#fff;}
.bt_single::before{content:"";position:absolute;top:50%;right:-10px;width:30px;height:1px;/*background:#ebebeb;*/background:#fff;transition: all .2s linear;mix-blend-mode:difference;}
.bt_single:hover::before{right:-20px;/*background:#28333c;*/background:#fff;mix-blend-mode:difference;}

a.bt_single:link{color:#fff!important;text-decoration:none!important;}
a.bt_single:visited{color:#fff!important;text-decoration:none!important;}
a.bt_single:hover{color:#151d23!important;text-decoration:none!important;}
a.bt_single:active{color:#151d23!important;text-decoration:none!important;}


.bt_single_border{line-height:1;min-width:200px;position:relative;overflow:hidden;text-decoration:none;display:inline-block;padding:20px;text-align:center;background:#fff;border:#0f0f0f 1px solid; outline:none;transition:ease 0.2s;box-sizing:border-box;z-index:1;}
.bt_single_border:hover{background:#0f0f0f;}
.bt_single_border span{position:relative;z-index:3;color:#0f0f0f;font-size:14px;}
.bt_single_border:hover span{color:#fff;}


.bt_single_border_white{line-height:1;min-width:200px;position:relative;overflow:hidden;text-decoration:none;display:inline-block;padding:20px;text-align:center;border:#fff 1px solid; outline:none;transition:ease 0.2s;box-sizing:border-box;z-index:1;}
.bt_single_border_white:hover{background:#fff;}
.bt_single_border_white span{position:relative;z-index:3;color:#fff;font-size:14px;}
.bt_single_border_white:hover span{color:#ebb40e;}


#bt_app_size{max-width:400px;width:100%; margin:0 auto;}
#bt_app {
  font-size:20px;letter-spacing:0.15em;width:100%;box-sizing:border-box;
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding:20px 40px;
  color:#222222;
  border:#222222 solid 1px;
  text-align: center;
  text-decoration: none;position:relative;-webkit-transition: all .3s;transition: all .3s;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
#bt_app::before,
#bt_app::after {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  transition: all .5s;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
#bt_app::before {
  border-top: 2px solid #005eaf;
  border-bottom: 2px solid #005eaf;
  transform: scale(0, 1);
}
#bt_app::after {
  border-right: 2px solid #005eaf;
  border-left: 2px solid #005eaf;
  transform: scale(1, 0);
}
#bt_app:hover {
  color: #005eaf;
  background:transparent;
}
#bt_app:hover::after,
#bt_app:hover::before {
  transform: scale(1);
}

#bt_app a{
    z-index: 3;
    display: block;
    position: absolute;
    top: -2px;
    left: 2px;
    height: 100%;
    width: 100%;
}


@media only screen and (max-width:1024px) {
.bt_nomal{width:300px;box-sizing:border-box;}
.bt_nomal_top_space{width:300px;box-sizing:border-box;}
.bt_middle{width:340px;box-sizing:border-box;}	
.bt_single{margin:0 auto;white-space:nowrap;box-sizing:border-box;display:flex;justify-content:center;}

ul.bt_col{margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
ul.bt_col li{margin:0 auto 20px auto;}
	
ul.bt_col_left{margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
ul.bt_col_left li{margin:0 auto 20px auto;}
}

@media only screen and (max-width:414px) {
.bt_col_2{margin:30px auto;flex-direction:column;}
.bt_col_2 a{margin:0 auto 30px auto;}
.bt_col_2 a:last-child{margin:0 auto 0 auto;}
#bt_app_size{width:90%;}
}


/* 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
--------------------------------*/
/*table{width:100%;margin:0 auto;}
table tr{border-top:#151d23 1px solid;}
table tr:last-child{border-bottom:#151d23 1px solid;}
table th{vertical-align:middle;font-weight:normal;width:30%;margin:0 auto;padding:10px 0;box-sizing:border-box}
table td{vertical-align:middle;text-align:left;width:100%;padding:10px 10px;box-sizing:border-box;}

table.nomal{width:100%;margin:25px auto 25px auto;}
table.nomal td{text-align:left;vertical-align:middle;padding:30px;border:#1b1c1d 1px solid;}
*/

/*@media screen and (max-width:1024px) {
table th{text-align:left;width:100%;padding:20px;display:block;box-sizing:border-box;}
table th::after{display:none;}
table td{width:100%;padding:0 20px 20px 20px;display:block;box-sizing:border-box;}
}*/

@media screen and (max-width:768px) {
/*table{max-width:100%;margin:0 auto;padding:20px 0 0 0;}
table th{padding:20px 0;}
table td{padding:0 0 10px 0;}*/
}

@media screen and (max-width:414px) {
table.nomal td{display:block;}
}


.scroll_table{overflow:visible;white-space:nowrap;}

@media screen and (max-width:1200px) {
.scroll_table{overflow:auto;white-space:nowrap;}
.scroll_table table{max-width:auto!important;}	
.scroll_table th{width:auto!important;display:revert!important;box-sizing:border-box;}
.scroll_table th::after{display:none;}
.scroll_table td{width:auto!important;margin:0 auto 0 auto!important;display:revert!important;}

}




/* accordion
--------------------------------*/
.accordion ul {
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
}

.accordion li {
  margin:0 auto 2% auto;
  padding: 20px 5%;
  background-color: #fff;
  position: relative;
  list-style: none;
  cursor: pointer;
  /*border-top: #c7c7c7 1px solid;
  border-right: #c7c7c7 1px solid;
  border-left: #c7c7c7 1px solid;*/
  box-sizing: border-box;
  counter-increment: num 1;
}
.accordion li:last-child {
  margin: 0 auto 0 auto;
  /*border: #c7c7c7 1px solid;*/
}
@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: #0f0f0f;
  display: block;
  text-decoration: none;
  cursor: pointer;
  padding: 0.8em 1em;
  position: relative;
}
.accordion > ul > li > a:visited {
  color: #0f0f0f;
  text-decoration: none;
}
.accordion > ul > li > a:hover {
  color: #0f0f0f;
  text-decoration: none;
}
.accordion > ul > li > a:active {
  color: #0f0f0f;
  text-decoration: none;
}
.accordion > ul > li > a h4 {
  font-size: 20px;
  font-weight: normal;
  display: table;
	
}
.accordion > ul > li > a h4:before {
  /*content: 'Q.';*/	
  content: "Q" counter(num) ".";
  color: #0c308c;
  font-weight: 700;
  display: table-cell;
  width: 2em;
  margin: 0 10px 0 1em;
  text-indent: 0;
}
.accordion > ul > li > a h4:hover {
  color: #0c308c;
  text-decoration: none;
}
.faq_text {
  margin: 40px auto 0 auto;
}
.accordion > ul > li > .faq_text {
  display: none;
  text-align: left;
  padding: 0 .8em 1.4em 1em;
}
.accordion > ul > li > .faq_text:before {
  content: 'A.';
  color: #f7482c;
  font-weight: 700;
  display: inline-block;
  width: 1.3em;
  margin: 0 auto 0 auto;
  text-indent: 0;
  float: left;
}
.accordion > ul > li > .faq_text > .faq_text_inner {
  width: 95%;
  float: left;
}
.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: 40px;
  right: 30px;
}
.accordion li .accordion_icon span {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #3b4047;
}
.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:798px) {
  .accordion > ul > li > a h4 {
    font-size: 120%;
    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;padding:0 0 30% 0;margin:0 auto;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%;padding:0 0 65%;}
}
@media screen and (max-width:414px) {
.map_canvas{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;
}


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



#formarea{}
#formarea table {width:100%;font-size:90%;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{font-size:90%;width:22%!important;box-sizing:border-box;}
.form_text_40{font-size:90%;width:100%!important;box-sizing:border-box;}
.form_text_60{font-size:90%;width:100%!important;box-sizing:border-box;}
.form_text_80{font-size:90%;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;
}
}






/*Blog
----------------------------*/
/*.blog_details_data{margin:0 auto 20px 0;}
.blog_details_image{max-width:1200px;margin:0 auto 50px auto;}

#blog_details h3{font-size:180%;font-weight:100;line-height:100%;text-align:center;margin:0 auto 30px auto;padding:20px;border-top:#d9d9d9 1px solid;border-bottom:#d9d9d9 1px solid;}
#blog_details img{max-width:800px;margin:70px auto;display:block;}*/
