/* gartencloud save_gc_style_cssfile */


.o7wid_post_box{
width:100%;
max-width:var(--base_width);
border:0px;
background-color:transparent;
margin:auto;
}
.o7apr_post_box{
}
.o7wid_post_body{
width:100%;
margin:0px auto;
}
.o7apr_post_body{
font-size:100%;
line-height:200%;
}
#o7cms_dialog{
width:100%;
max-width:400px;
border:1px solid var(--footercolor_font);
border-radius:10px;
background-color:var(--footercolor);
color:var(--footercolor_font);
font-size:var(--font_size);
}
#o7cms_dialog_close{
font-size:120%;
padding:3px 10px;
}
.o7cms_dialog_button_box{
display:flex;
flex-direction:row;
justify-content:flex-end;
}
.gc_auto_body{
font-family:var(--font-family);
background-color:var(--basecolor1);
color:var(--basecolor1_font);
width:100%;
overflow-y:auto;
-webkit-text-size-adjust:100%;
font-size:var(--font_size);
}
.gc_auto_frame_header_home{
}
.bg_headermenu{
background:var(--headercolor);
color:var(--headercolor_font);
}
.header_space_normal{
display:block;
height:var(--header_height);
}
.header_space_plusmenu{
display:block;
height:calc(var(--header_height) + 50px);
}
.text_shadow_headercolor{
text-shadow:1px 1px 1px var(--headercolor);
}
.text_shadow_white{
text-shadow:1px 1px 1px #ffffff;
}
.gc_auto_frame_header_home .bg_svg{
position:relative;
margin:auto;
}
.gc_auto_frame_header_home .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.bg_header{
position:fixed;
top:0;
width:100%;
height:var(--header_height);
background-color:var(--headercolor);
display:none;
z-index:500;
}
.catch_catch .h1catch{
margin-block-start:0;
margin-block-end:0;
}
.headermenu_type1_100vh{
padding-left:min(350px,350vw/1200*100);
box-sizing:border-box;
position:relative;
}
.headermenu_type1{
width:min(350px,350vw/1200*100);
height:100vh;
padding:min(30px,30vw/1200*100);
box-sizing:border-box;
position:fixed;
top:0;
left:0;
z-index:1000;
}
.headermenu_type1 .headermenu{
width:100%;
}
.headermenu_type1 .headermenu_logo{
width:100%;
padding:10px;
box-sizing:border-box;
cursor:pointer;
}
.headermenu_type1 .headermenu_logo img{
display:block;
width:100%;
}
.headermenu_type1 .bg_pc_menu{
width:100%;
margin:min(100px,100vw/1200*100) auto 0 auto;
font-size:min(16px,16vw/1200*100);
line-height:1.8em;
}
.headermenu_type1 .pc_menu{
width:100%;
}
.headermenu_type1 .menu_group{
width:100%;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
text-align:center;
position:relative;
cursor:pointer;
}
.headermenu_type1 .menu_sub{
display:none;
width:max-content;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
background-color:var(--menucolor);
color:var(--menucolor_font);
position:absolute;
left:100%;
margin-left:min(30px,30vw/1200*100);
top:0;
}
.headermenu_type1 .menu_inner{
width:100%;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
text-align:center;
cursor:pointer;
}
.headermenu_type1 .menu_inner:hover{
background-color:var(--menucolor);
color:var(--menucolor_font);
}
.headermenu_type1 .menu_group .menu_inner{
margin-bottom:min(10px,10vw/1200*100);
border-bottom:solid 1px var(--menucolor_font);
}
.bg_headerhome_headermenu_type2{
width:100%;
display:flex;
}
.bg_headerhome_headermenu_type2 .heroimage_type {
width:100%;
}
.headermenu_type2{
width:min(350px,350vw/1200*100);
padding:min(30px,30vw/1200*100) 0;
box-sizing:border-box;
z-index:1000;
}
.headermenu_type2 .headermenu_logo{
width:85%;
padding:10px;
box-sizing:border-box;
margin:auto;
cursor:pointer;
}
.headermenu_type2 .headermenu_logo img{
display:block;
width:100%;
}
.headermenu_type2 .bg_pc_menu{
width:100%;
margin:min(100px,100vw/1200*100) auto 0 auto;
font-size:min(16px,16vw/1200*100);
line-height:1.8em;
}
.headermenu_type2 .pc_menu{
width:100%;
}
.headermenu_type2 .menu_group{
width:100%;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
text-align:center;
position:relative;
cursor:pointer;
}
.headermenu_type2 .menu_sub{
display:none;
width:max-content;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
background-color:var(--menucolor);
color:var(--menucolor_font);
position:absolute;
left:100%;
margin-left:0;
top:0;
}
.headermenu_type2 .menu_inner{
width:100%;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
text-align:center;
cursor:pointer;
}
.headermenu_type2 .menu_inner:hover{
background-color:var(--menucolor);
color:var(--menucolor_font);
}
.headermenu_type2 .menu_group .menu_inner{
margin-bottom:min(10px,10vw/1200*100);
border-bottom:solid 1px var(--menucolor_font);
}
.headermenu_type3{
width:100%;
height:var(--header_height);
position:fixed;
top:0;
left:0;
z-index:1000;
}
.headermenu_type3 .headermenu{
height:100%;
position:relative;
z-index:1000;
}
.headermenu_type3 .headermenu_logo{
width:300px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
cursor:pointer;
}
.headermenu_type3 .headermenu_logo img{
display:block;
width:100%;
height:calc(var(--header_height) - 20px);
object-fit:contain;
}
.headermenu_type4{
width:100%;
height:var(--header_height);
position:fixed;
top:0;
left:0;
z-index:1000;
}
.headermenu_type4 .headermenu{
width:min(var(--base_width),100%);
height:100%;
margin:auto;
position:relative;
z-index:1000;
}
.headermenu_type4 .headermenu_logo{
width:350px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 0 0;
cursor:pointer;
}
.headermenu_type4 .headermenu_logo img{
display:block;
width:calc(100% - 20px);
height:calc(var(--header_height) - 20px);
object-fit:contain;
}
.headermenu_type4 .bg_pc_menu{
width:max-content;
height:100%;
display:flex;
align-items:center;
position:absolute;
top:0;
left:350px;
}
.headermenu_type4 .pc_menu{
width:max-content;
height:100%;
display:flex;
align-items:center;
gap:10px;
}
.headermenu_type4 .menu_group{
width:max-content;
height:100%;
padding:min(10px,10vw/1200*100) min(20px,20vw/1200*100);
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
position:relative;
cursor:pointer;
}
.headermenu_type4 .menu_sub{
display:none;
width:max-content;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
background-color:var(--menucolor);
color:var(--menucolor_font);
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.headermenu_type4 .menu_inner{
width:max-content;
padding:min(10px,10vw/1200*100) min(20px,20vw/1200*100);
box-sizing:border-box;
cursor:pointer;
}
.headermenu_type4 .menu_inner:hover{
background-color:var(--menucolor);
color:var(--menucolor_font);
}
.headermenu_type4 .pc_menu div:last-child{
border-right:none;
}
.headermenu_type4 .menu_group .menu_inner{
width:100%;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
text-align:center;
margin-bottom:min(10px,10vw/1200*100);
border-bottom:solid 1px var(--menucolor_font);
border-right:none;
}
.headermenu_type5{
width:100%;
height:var(--header_height);
position:fixed;
top:0;
left:0;
z-index:1000;
}
.headermenu_type5 .headermenu{
width:min(var(--base_width),100%);
height:100%;
margin:auto;
}
.headermenu_type5 .headermenu_logo{
width:350px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 0 0;
cursor:pointer;
}
.headermenu_type5 .headermenu_logo img{
display:block;
width:100%;
height:calc(var(--header_height) - 20px);
object-fit:contain;
}
.headermenu_type5 .bg_pc_menu{
width:max-content;
min-width:100vw;
height:50px;
background:var(--menucolor);
font-size:min(16px,16vw/1200*100);
line-height:min(30px,30vw/1200*100);
color:var(--menucolor_font);
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:100%;
left:0;
}
.headermenu_type5 .pc_menu{
width:max-content;
height:100%;
display:flex;
flex-wrap:nowrap;
}
.headermenu_type5 .pc_menu_space{
width:25px;
height:100%;
}
.headermenu_type5 .menu_group{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:100%;
position:relative;
cursor:pointer;
}
.headermenu_type5 .menu_sub{
display:none;
width:max-content;
padding:min(20px,20vw/1200*100) min(10px,10vw/1200*100) min(10px,10vw/1200*100) min(10px,10vw/1200*100);
box-sizing:border-box;
background-color:var(--menucolor);
color:var(--menucolor_font);
position:absolute;
top:50px;
left:50%;
transform:translate(-50%,0%);
}
.headermenu_type5 .menu_inner{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:100%;
cursor:pointer;
}
.headermenu_type5 .menu_inner:hover{
background-color:var(--menucolor);
color:var(--menucolor_font);
}
.headermenu_type5 .menu_border{
height:30px;
padding:0 min(20px,20vw/1200*100);
box-sizing:border-box;
border-width: 0 1px 0 0;
border-color:var(--menucolor_font);
border-style:solid;
}
.headermenu_type5 .pc_menu .menu_menu:last-child .menu_border{
border-right:none;
}
.headermenu_type5 .menu_group .menu_inner{
width:100%;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
text-align:center;
margin-bottom:min(10px,10vw/1200*100);
border-bottom:solid 1px var(--menucolor_font);
border-right:none;
}
.headermenu_type7{
width:100%;
height:var(--header_height);
position:fixed;
top:0;
left:0;
z-index:1000;
}
.headermenu_type7 .headermenu{
width:100%;
height:100%;
margin:auto;
position:relative;
z-index:1000;
}
.headermenu_type7 .headermenu_logo{
width:350px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 0 0;
cursor:pointer;
}
.headermenu_type7 .headermenu_logo img{
display:block;
width:100%;
height:calc(var(--header_height) - 20px);
object-fit:contain;
}
.headermenu_type8{
width:100%;
height:var(--header_height);
position:fixed;
top:0;
left:0;
z-index:1000;
}
.headermenu_type8 .headermenu{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
position:relative;
z-index:1000;
}
.headermenu_type8 .headermenu_logo{
width:350px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.headermenu_type8 .headermenu_logo img{
display:block;
width:100%;
height:calc(var(--header_height) - 20px);
object-fit:contain;
}
.headermenu_type8 .bg_pc_menu{
width:max-content;
height:100%;
max-width:50%;
}
.headermenu_type8 .pc_menu{
width:max-content;
height:100%;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
}
.headermenu_type8 .menu_group{
width:max-content;
height:100%;
padding:min(10px,10vw/1200*100) min(20px,20vw/1200*100);
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
position:relative;
cursor:pointer;
}
.headermenu_type8 .menu_sub{
display:none;
width:max-content;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
background-color:var(--menucolor);
color:var(--menucolor_font);
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.headermenu_type8 .menu_inner{
width:max-content;
padding:min(10px,10vw/1200*100) min(20px,20vw/1200*100);
box-sizing:border-box;
cursor:pointer;
}
.headermenu_type8 .menu_inner:hover{
background-color:var(--menucolor);
color:var(--menucolor_font);
}
.headermenu_type8 .pc_menu div:last-child{
border-right:none;
}
.headermenu_type8 .menu_group .menu_inner{
width:100%;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
text-align:center;
margin-bottom:min(10px,10vw/1200*100);
border-bottom:solid 1px var(--menucolor_font);
border-right:none;
}
.headermenu_type8 .pc_menu_center{
width:350px;
}
.headermenu_type9{
width:100%;
height:var(--header_height);
position:fixed;
top:0;
left:0;
z-index:1000;
}
.headermenu_type9 .headermenu{
width:min(var(--base_width),100%);
height:100%;
margin:auto;
position:relative;
z-index:1000;
}
.headermenu_type9 .headermenu_logo{
width:350px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 0 0;
cursor:pointer;
}
.headermenu_type9 .headermenu_logo img{
display:block;
width:100%;
height:calc(var(--header_height) - 20px);
object-fit:contain;
}
.headermenu_type10{
width:100%;
height:var(--header_height);
position:fixed;
top:0;
left:0;
z-index:1000;
}
.headermenu_type10 .headermenu{
width:100%;
height:100%;
margin:auto;
}
.headermenu_type10 .headermenu_logo{
width:350px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 0 0;
cursor:pointer;
}
.headermenu_type10 .headermenu_logo img{
display:block;
width:100%;
height:calc(var(--header_height) - 20px);
object-fit:contain;
}
.headermenu_type10 .bg_pc_menu{
width:100%;
height:50px;
background:var(--menucolor);
font-size:min(16px,16vw/1200*100);
line-height:min(30px,30vw/1200*100);
color:var(--menucolor_font);
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:100%;
left:0;
}
.headermenu_type10 .pc_menu{
width:max-content;
height:100%;
display:flex;
flex-wrap:nowrap;
}
.headermenu_type10 .menu_group{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:100%;
position:relative;
cursor:pointer;
}
.headermenu_type10 .menu_sub{
display:none;
width:max-content;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
background-color:var(--menucolor);
color:var(--menucolor_font);
position:absolute;
top:50px;
left:50%;
transform:translate(-50%,0%);
}
.headermenu_type10 .menu_inner{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:100%;
cursor:pointer;
}
.headermenu_type10 .menu_inner:hover{
background-color:var(--menucolor);
color:var(--menucolor_font);
}
.headermenu_type10 .menu_border{
height:30px;
padding:0 min(20px,20vw/1200*100);
box-sizing:border-box;
border-width: 0 1px 0 0;
border-color:var(--menucolor_font);
border-style:solid;
}
.headermenu_type10 .pc_menu .menu_menu:last-child .menu_border{
border-right:none;
}
.headermenu_type10 .menu_group .menu_inner{
width:100%;
padding:min(10px,10vw/1200*100);
box-sizing:border-box;
text-align:center;
margin-bottom:min(10px,10vw/1200*100);
border-bottom:solid 1px var(--menucolor_font);
border-right:none;
}
.bg_contactbutton{
position:fixed;
z-index:2000;
top:0;
}
.bg_contactbutton_width_base{
width:var(--base_width);
max-width:100vw;
left:50%;
transform:translate(-50%,0);
}
.bg_contactbutton_width_base_circle{
width:calc(var(--base_width) + 260px);
max-width:100vw;
left:50%;
transform:translate(-50%,0);
}
.bg_contactbutton_width_window{
width:100%;
left:0;
}
.contactbutton_type1 .contactbutton{
width:150px;
height:var(--header_height);
position:absolute;
z-index:2000;
top:0;
right:0;
}
.contactbutton_type1 .contactbutton_content{
width:120px;
display:flex;
flex-wrap:wrap;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.contactbutton_type1 .menu_button{
width:var(--header_height);
height:var(--header_height);
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:0;
right:150px;
z-index:5000;
cursor:pointer;
}
.contactbutton_type1 .contactbutton_none_menubutton_position{
top:0px;
right:0px;
}
.contactbutton_type1 .menu_button .bg_svg{
width:50px;
height:50px;
}
.contactbutton_type1 .bg_snsbutton{
position:absolute;
z-index:2000;
top:0;
right:calc(150px + var(--header_height));
}
.contactbutton_type1 .contactbutton_none_snsbutton_position{
top:0px;
right:var(--header_height);
}
.contactbutton_type1 .bg_snsbutton .snsbutton_content{
display:flex;
align-items:center;
gap:20px;
width:max-content;
height:var(--header_height);
padding:0 20px;
box-sizing:border-box;
}
.contactbutton_type1 .bg_snsbutton a{
display:block;
width:20px;
height:20px;
background:none!important;
}
.contactbutton_type1 .hide_headermenu2 {
width:50vw;
height:var(--header_height);
background:var(--headercolor);
position:absolute;
top:0;
right:-50vw;
}
.contactbutton_type2 .contactbutton{
width:200px;
height:200px;
border-radius:100px;
position:absolute;
z-index:2000;
top:35px;
right:50px;
}
.contactbutton_type2 .contactbutton_content{
width:150px;
display:flex;
flex-wrap:wrap;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.contactbutton_type2 .menu_button{
width:100px;
height:100px;
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:35px;
right:270px;
z-index:5000;
cursor:pointer;
}
.contactbutton_type2 .contactbutton_none_menubutton_position{
top:35px;
right:50px;
}
.contactbutton_type2 .menu_button .bg_svg{
width:40px;
height:40px;
}
.contactbutton_type2 .bg_snsbutton{
position:fixed;
z-index:2000;
top:0px;
right:0;
}
.contactbutton_type2 .bg_snsbutton .snsbutton_content{
display:block;
width:max-content;
position:absolute;
z-index:2000;
top:50vh;
right:50px;
transform:translate(0,-50%);
}
.contactbutton_type2 .bg_snsbutton a{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border-radius:20px;
margin-bottom:10px;
}
.contactbutton_type2 .bg_snsbutton a:last-child{
margin-bottom:0px;
}
.contactbutton_type2 .bg_snsbutton .bg_svg{
width:20px;
height:20px;
}
.contactbutton_type2 .hide_headermenu {
width:370px;
height:var(--header_height);
background:var(--headercolor);
position:absolute;
top:0;
right:0;
}
.contactbutton_type2 .contactbutton_none_hide_headermenu_position {
width:150px;
}
.contactbutton_type2 .hide_headermenu2 {
width:50vw;
height:var(--header_height);
background:var(--headercolor);
position:absolute;
top:0;
right:-50vw;
}
.bg_menu_button_popup{
display:none;
width:100vw;
min-height:100vh;
height:100%;
background:var(--popupmenucolor);
color:var(--popupmenucolor_font);
padding-bottom:45px;
box-sizing:border-box;
border-width:0;
font-size:1.5em;
line-height:1.8em;
position:fixed;
top:0;
left:50%;
overflow-x:hidden;
overflow-y:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
transform:translate(-50%,0%);
z-index:10000;
}
.bg_menu_button_popup::-webkit-scrollbar{
display:none;
}
.menu_button_popup{
width:100%;
height:auto;
display:flex;
}
.menu_left{
width:50%;
min-height:100vh;
height:auto;
box-sizing:border-box;
border-width:0 1px 0 0;
border-style:solid;
}
.menu_left .home_button{
width:100%;
min-height:121px;
border-width:0 0 1px 0;
border-style:dashed;
padding:5px 10px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.bg_menu_button_popup .menu_left .bg_snsbutton_content{
width:100%;
min-height:max-content;
box-sizing:border-box;
border-width:0 0 1px 0;
border-style:dashed;
}
.bg_menu_button_popup .menu_left .snsbutton_content{
width:100%;
min-height:121px;
padding:5px 10px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
gap:15px;
}
.bg_menu_button_popup .snsbutton_content a{
display:block;
width:20px;
height:20px;
}
.bg_menu_button_popup .snsbutton_content a .bg_svg{
width:20px;
height:20px;
}
.bg_menu_button_popup .snsbutton_content a .bg_svg svg{
fill:var(--popupmenucolor_font);
}
.menu_right{
width:50%;
min-height:100vh;
height:auto;
}
.bg_menu_button_popup .menu_right .menu_group{
width:100%;
box-sizing:border-box;
border-width:0 0 1px 0;
border-style:dashed;
cursor:pointer;
}
.bg_menu_button_popup .menu_right .menu_group_text{
width:100%;
min-height:60px;
border-width:0 0 1px 0;
border-style:dashed;
padding:5px 10px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.bg_menu_button_popup .menu_sub{
width:100%;
display:none;
flex-wrap:wrap;
}
.bg_menu_button_popup .menu_inner_group{
width:50%;
min-height:60px;
border-width:0 0 1px 0;
border-style:dashed;
padding:5px 10px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.bg_menu_button_popup .menu_inner_group:nth-child(2n+1){
border-width:0 1px 1px 0 ;
}
.menu_button_popup .menu_inner{
width:100%;
min-height:60px;
border-width:0 0 1px 0;
border-style:dashed;
padding:5px 10px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.bg_menu_button_popup .bg_closebutton{
display:flex;
align-items:center;
justify-content:center;
width:80px;
height:60px;
position:absolute;
top:0px;
right:0px;
z-index:11000;
cursor:pointer;
}
.bg_menu_button_popup .closebutton{
width:50px;
height:50px;
position:relative;
z-index:11000;
cursor:pointer;
}
.bg_menu_button_popup .closebutton svg{
fill:var(--popupmenucolor_font);
}
.contactbutton{
z-index:5000;
}
.contactbutton_text{
width:100%;
box-sizing:border-box;
border-width:0 0 1px 0;
border-style:solid;
font-size:17px;
height:2em;
display:flex;
align-items:center;
justify-content:center;
}
.linkbutton1 .contactbutton_text{
width:100%;
border-width:0 0 0 0;
}
.linkbutton1 a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:30px;
cursor:pointer;
}
.linkbutton2 a{
display:flex;
align-items:center;
justify-content:center;
width:50%;
height:30px;
cursor:pointer;
border-width:0 1px 0 0;
border-style:solid;
box-sizing:border-box;
}
.linkbutton2 a:last-child{
border-width:0 0 0 0;
}
.linkbutton3 a{
display:flex;
align-items:center;
justify-content:center;
width:33.3%;
height:30px;
border-width:0 1px 0 0;
border-style:solid;
box-sizing:border-box;
cursor:pointer;
}
.linkbutton3 a:last-child{
border-width:0 0 0 0;
}
.contactbutton_content .bg_svg{
width:20px;
height:20px;
}
.contactbutton_bg_color_footerfixcolor{
background:var(--footerfixcolor);
}
.contactbutton_bg_color_footerfixcolor .snsbutton_content a{
background:var(--footerfixcolor);
}
.contactbutton_text_color_footerfixcolor{
color:var(--footerfixcolor_font);
}
.contactbutton_text_color_footerfixcolor a{
color:var(--footerfixcolor_font);
}
.contactbutton_text_color_footerfixcolor svg{
fill:var(--footerfixcolor_font);
}
.contactbutton_border_color_footerfixcolor{
border-color:var(--footerfixcolor_font);
}
.menubutton_bg_color_footerfixcolor{
background:var(--footerfixcolor);
}
.menubutton_color_footerfixcolor svg{
fill:var(--footerfixcolor_font);
}
.catch_type1 .bg_catch_catch{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.catch_type1 .catch_catch{
max-width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.catch_type1 .catch_contents{
width:max-content;
max-width:min(100%,var(--base_width));
max-height:var(--hero_height);
padding:5% min(var(--base_width) * 8.3 / 100,8.3vw);
box-sizing:border-box;
margin:auto;
text-align:center;
position:relative;
z-index:400;
}
.catch_type1 .catch_contents .catch_accent{
width:100%;
height:1px;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
margin:min(var(--base_width) * 2 / 100,2vw) 0;
}
.catch_type2 .bg_catch_catch{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.catch_type2 .catch_catch{
max-width:100%;
position:absolute;
top:50%;
left:0%;
transform:translate(0%,-50%);
z-index:300;
}
.catch_type2 .catch_bg_color{
display:none;
}
.catch_type2 .catch_contents{
width:max-content;
max-width:min(100%,var(--base_width));
max-height:var(--hero_height);
text-align:left;
position:relative;
z-index:400;
}
.catch_type2 .maincatch span{
display:inline;
padding:0.1em 0.5em;
}
.catch_type2 .subcatch span{
display:inline;
padding:0.1em 0.5em;
}
.catch_type2 .catch_contents .catch_accent{
display:none;
}
.catch_type2 .h1catch{
padding-left:1em;
}
.catch_type3 .bg_catch_catch{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.catch_type3 .catch_catch{
max-width:100%;
position:absolute;
top:50%;
right:0%;
transform:translate(0%,-50%);
z-index:300;
}
.catch_type3 .catch_bg_color{
display:none;
}
.catch_type3 .catch_contents{
width:max-content;
max-width:min(100%,var(--base_width));
max-height:var(--hero_height);
text-align:right;
position:relative;
z-index:400;
}
.catch_type3 .maincatch span{
display:inline;
padding:0.1em 0.5em;
}
.catch_type3 .subcatch span{
display:inline;
padding:0.1em 0.5em;
}
.catch_type3 .catch_contents .catch_accent{
display:none;
}
.catch_type3 .h1catch{
padding-right:1em;
}
.catch_type4 .bg_catch_catch{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.catch_type4 .catch_catch{
max-width:100%;
position:absolute;
top:50%;
left:0%;
transform:translate(0%,-50%);
z-index:300;
}
.catch_type4 .catch_bg_color{
display:none;
}
.catch_type4 .catch_contents{
width:max-content;
max-width:min(100%,var(--base_width));
max-height:var(--hero_height);
text-align:left;
position:relative;
z-index:400;
}
.catch_type4 .catch_contents .catch_accent{
display:none;
}
.catch_type4 .maincatch{
width:max-content;
max-width:100%;
padding:0.1em 0.5em;
box-sizing:border-box;
margin:0 auto 0 0;
}
.catch_type4 .subcatch{
width:max-content;
max-width:100%;
padding:0.1em 0.5em;
box-sizing:border-box;
margin:1em auto 0 0;
}
.catch_type4 .h1catch{
margin-top:2em;
padding-left:1em;
}
.catch_type5 .bg_catch_catch{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.catch_type5 .catch_catch{
max-width:100%;
position:absolute;
top:50%;
right:0%;
transform:translate(0%,-50%);
z-index:300;
}
.catch_type5 .catch_bg_color{
display:none;
}
.catch_type5 .catch_contents{
width:max-content;
max-width:min(100%,var(--base_width));
max-height:var(--hero_height);
text-align:right;
position:relative;
z-index:400;
}
.catch_type5 .catch_contents .catch_accent{
display:none;
}
.catch_type5 .maincatch{
width:max-content;
max-width:100%;
padding:0.1em 0.5em;
box-sizing:border-box;
margin:0 0 0 auto;
}
.catch_type5 .subcatch{
width:max-content;
max-width:100%;
padding:0.1em 0.5em;
box-sizing:border-box;
margin:1em 0 0 auto ;
}
.catch_type5 .h1catch{
margin-top:2em;
padding-right:1em;
}
.catch_type6 .bg_catch_catch{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.catch_type6 .catch_catch{
max-width:100%;
position:absolute;
bottom:0;
left:0;
right:0;
z-index:300;
}
.catch_type6 .catch_contents{
width:100%;
max-width:100%;
max-height:var(--hero_height);
padding:0 0 1.5% 0;
box-sizing:border-box;
text-align:center;
position:relative;
z-index:400;
}
.catch_type6 .catch_contents .catch_accent{
display:none;
}
.heroimage_type .catch_bg_color {
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:350;
}
.heroimage_type .catch_bg_color_none {
display:none;
}
.heroimage_type .catch_bg_color_text_white{
background:linear-gradient(transparent 0%, #ffffff 0%);
}
.heroimage_type .catch_bg_color_text_black{
background:linear-gradient(transparent 0%, #383838 0%);
}
.heroimage_type .catch_bg_color_text_basecolor1{
background:linear-gradient(transparent 0%, var(--basecolor1) 0%);
}
.heroimage_type .catch_bg_color_text_basecolor2{
background:linear-gradient(transparent 0%, var(--basecolor2) 0%);
}
.heroimage_type .catch_bg_color_text_header{
background:linear-gradient(transparent 0%, var(--headercolor) 0%);
}
.heroimage_type .catch_bg_color_text_menu{
background:linear-gradient(transparent 0%, var(--menucolor) 0%);
}
.heroimage_type .catch_bg_color_text_footer{
background:linear-gradient(transparent 0%, var(--footercolor) 0%);
}
.heroimage_type .catch_bg_color_text_customcolor1{
background:linear-gradient(transparent 0%, var(--customcolor1) 0%);
}
.heroimage_type .catch_bg_color_text_customcolor2{
background:linear-gradient(transparent 0%, var(--customcolor2) 0%);
}
.heroimage_type .catch_bg_color_text_customcolor3{
background:linear-gradient(transparent 0%, var(--customcolor3) 0%);
}
.heroimage_type .catch_text_color_white {
color:#ffffff;
}
.heroimage_type .catch_text_color_black {
color:#383838;
}
.heroimage_type .catch_text_color_basecolor1 {
color:var(--basecolor1_font);
}
.heroimage_type .catch_text_color_basecolor2 {
color:var(--basecolor2_font);
}
.heroimage_type .catch_text_color_headercolor {
color:var(--headercolor_font);
}
.heroimage_type .catch_text_color_menucolor {
color:var(--menucolor_font);
}
.heroimage_type .catch_text_color_footercolor {
color:var(--footercolor_font);
}
.heroimage_type .catch_text_color_customcolor1 {
color:var(--customcolor1_font);
}
.heroimage_type .catch_text_color_customcolor2 {
color:var(--customcolor2_font);
}
.heroimage_type .catch_text_color_customcolor3 {
color:var(--customcolor3_font);
}
.heroimage_type .text_shadow_main_white{
text-shadow:3px 3px 5px #ffffff;
}
.heroimage_type .text_shadow_sub_white{
text-shadow:3px 3px 5px #ffffff;
}
.heroimage_type .text_shadow_h1_white{
text-shadow:1px 1px 2px #ffffff;
}
.heroimage_type .text_shadow_main_black{
text-shadow:3px 3px 5px #383838;
}
.heroimage_type .text_shadow_sub_black{
text-shadow:3px 3px 5px #383838;
}
.heroimage_type .text_shadow_h1_black{
text-shadow:1px 1px 2px #383838;
}
.heroimage_type .catch_logo_size_80 {
display:block;
width:80%;
margin:auto;
}
.heroimage_type .catch_logo_size_60 {
display:block;
width:60%;
margin:auto;
}
.heroimage_type .catch_logo_size_40 {
display:block;
width:40%;
margin:auto;
}
.heroimage_type .fontsize_caption_large {
font-size:min(var(--base_width) * 4.0 / 100,4.0vw);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_caption_medium {
font-size:min(var(--base_width) * 3.6 / 100,3.6vw);
line-height:2em;
font-weight:normal;
margin-block-start:0;
margin-block-end:0;
}
.heroimage_type .fontsize_caption_small {
font-size:min(var(--base_width) * 2.8 / 100,2.8vw);
line-height:2em;
font-weight:normal;
margin-block-start:0;
margin-block-end:0;
}
.heroimage_type .fontsize_sub_large{
font-size:min(var(--base_width) * 3.0 / 100,3.0vw);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_sub_medium {
font-size:min(var(--base_width) * 2.4 / 100,2.4vw);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_sub_small {
font-size:min(var(--base_width) * 1.9 / 100,1.9vw);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_h1_none {
display:none;
}
.heroimage_type .fontsize_h1_large {
font-size:min(var(--base_width) * 1.6 / 100,1.6vw);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_h1_medium {
font-size:min(var(--base_width) * 1.0 / 100,1.0vw);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_h1_small {
font-size:min(var(--base_width) * 0.8 / 100,0.8vw);
line-height:2em;
font-weight:normal;
}
.bg_heroimage_heroimage{
width:100%;
position:relative;
}
.bg_hero_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:60;
}
.bg_hero_image{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:50;
}
.heroimage_heroimage{
position:relative;
z-index:100;
}
.heroimage_margintop_normal{
margin-top:var(--header_height);
}
.heroimage_margintop0_pc{
margin-top:0!important;
}
.heroimage_margintop0{
margin-top:0!important;
}
.heroimage_margintop_plusmenu{
margin-top:calc(var(--header_height) + 50px);
}
.bg_slideimage{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
}
.slide_slide{
width:100%;
height:100%;
}
.slideimage{
width:100%;
height:100%;
z-index:0;
background-size:cover;
background-position:center;
}
.heroimage_type1 .heroimage_heroimage{
width:100%;
}
.heroimage_type2 .heroimage_heroimage{
width:min(var(--base_width),100%);
margin:auto;
}
.heroimage_type3 .heroimage_heroimage{
width:100%;
}
.heroimage_type3 .svg1{
width:min(940px,940vw / 2000 * 100);
height:min(240px,240vw / 2000 * 100);
position:absolute;
bottom:0;
left:0%;
z-index:250;
}
.heroimage_type3 .svg2{
width:min(416px,416vw / 2000 * 100);
height:min(435px,435vw / 2000 * 100);
position:absolute;
bottom:0;
right:30px;
z-index:250;
}
.heroimage_type3 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type4 .heroimage_heroimage{
width:100%;
}
.heroimage_type4 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type4 .svg2{
width:min(482px,482vw / 2000 * 100);
height:min(475px,475vw / 2000 * 100);
position:absolute;
top:0;
left:0;
z-index:250;
}
.heroimage_type4 .svg3{
width:min(559px,559vw / 2000 * 100);
height:min(365px,365vw / 2000 * 100);
position:absolute;
top:0;
right:0;
z-index:250;
}
.heroimage_type4 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type4 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type4 .catch_type6 .catch_contents{
padding-bottom:50px!important;
box-sizing:border-box;
}
.heroimage_type5 .heroimage_heroimage{
width:100%;
}
.heroimage_type5 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type5 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type5 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type5 .catch_type6 .catch_contents{
padding-bottom:50px!important;
box-sizing:border-box;
}
.heroimage_type6 .heroimage_heroimage{
width:100%;
}
.heroimage_type6 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type6 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type6 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type6 .catch_type6 .catch_contents{
padding-bottom:50px!important;
box-sizing:border-box;
}
.heroimage_type7 .heroimage_heroimage{
width:100%;
}
.heroimage_type7 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type7 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type7 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type7 .catch_type6 .catch_contents{
padding-bottom:50px!important;
box-sizing:border-box;
}
.heroimage_type8 .heroimage_heroimage{
width:100%;
}
.heroimage_type8 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type8 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type9 .heroimage_heroimage{
width:100%;
}
.heroimage_type9 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type9 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type9 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type9 .catch_type6 .catch_contents{
text-align:right!important;
padding:0 4% 50px 0!important;
box-sizing:border-box;
}
.heroimage_type10 .heroimage_heroimage{
width:100%;
}
.heroimage_type10 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type10 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type11 .heroimage_heroimage{
width:100%;
}
.heroimage_type11 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type11 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type11 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type11 .catch_type6 .catch_contents{
padding-bottom:70px!important;
box-sizing:border-box;
}
.heroimage_type12 .heroimage_heroimage{
width:100%;
}
.heroimage_type12 .slide_slide{
width:77%;
height:77%;
position:absolute;
top:2.5vw;
right:2.5vw;
bottom:auto;
left:auto;
border-radius:10px;
overflow:hidden;
}
.heroimage_type12 .svg1{
width:min(1853px,1853vw / 2000 * 100);
height:min(440px,440vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type12 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type12 .bg_catch_catch{
width:min(1853px,1853vw / 2000 * 100);
height:min(440px,440vw / 2000 * 100);
position:absolute;
top:auto;
bottom:0;
left:0;
transform:translate(0%,0%);
z-index:300;
}
.heroimage_type12 .catch_bg_color{
display:none;
}
.heroimage_type12 .catch_catch{
position:absolute;
top:auto;
bottom:2.5vw;
left:2.5vw;
transform:translate(0%,0%);
z-index:300;
}
.heroimage_type12 .catch_type1 .catch_contents{
width:max-content;
max-width:var(--base_width);
max-height:var(--hero_height);
padding:0;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:400;
}
.heroimage_type12 .catch_type1 .catch_contents .catch_accent{
width:100%;
height:1px;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
margin:min(var(--base_width) * 2 / 100,2vw) 0;
}
.heroimage_type12 .fontsize_caption_large {
font-size:min(66px,66vw/2000*100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type12 .fontsize_caption_medium {
font-size:min(56px,56vw/2000*100);
line-height:1.8em;
font-weight:normal;
margin-block-start:0;
margin-block-end:0;
}
.heroimage_type12 .fontsize_caption_small {
font-size:min(46px,46vw/2000*100);
line-height:1.8em;
font-weight:normal;
margin-block-start:0;
margin-block-end:0;
}
.heroimage_type12 .subcatch {
display:none;
}
.heroimage_type12 .fontsize_h1_large {
font-size:min(36px,36vw/2000*100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type12 .fontsize_h1_medium {
font-size:min(30px,30vw/2000*100);
line-height:1.8em;
}
.heroimage_type12 .fontsize_h1_small {
font-size:min(24px,24vw/2000*100);
line-height:1.8em;
}
.heroimage_type13 .heroimage_heroimage{
width:100%;
}
.heroimage_type13 .slide_slide{
width:calc(100% - 5vw);
height:calc(100% - 5vw);
position:absolute;
top:50%;
left:50%;
right:auto;
bottom:auto;
transform:translate(-50%,-50%);
}
.heroimage_type13 .svg1{
width:min(1296px,1296vw / 2000 * 100);
height:min(368px,368vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
opacity:0.95;
}
.heroimage_type13 .svg2{
width:min(847px,847vw / 2000 * 100);
height:min(219px,219vw / 2000 * 100);
position:absolute;
bottom:0;
right:0;
z-index:250;
opacity:0.85;
}
.heroimage_type13 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type13 .bg_catch_catch{
width:min(1296px,1296vw / 2000 * 100);
height:min(368px,368vw / 2000 * 100);
position:absolute;
top:auto;
bottom:0;
left:0;
transform:translate(0%,0%);
z-index:300;
}
.heroimage_type13 .catch_bg_color{
display:none;
}
.heroimage_type13 .catch_catch{
position:absolute;
top:auto;
bottom:2.5vw;
left:2.5vw;
transform:translate(0%,0%);
z-index:300;
}
.heroimage_type13 .catch_type1 .catch_contents{
width:max-content;
max-width:var(--base_width);
max-height:var(--hero_height);
padding:0;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:400;
}
.heroimage_type13 .catch_type1 .catch_contents .catch_accent{
width:100%;
height:1px;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
margin:min(var(--base_width) * 2 / 100,2vw) 0;
}
.heroimage_type13 .fontsize_caption_large {
font-size:min(66px,66vw/2000*100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type13 .fontsize_caption_medium {
font-size:min(56px,56vw/2000*100);
line-height:1.8em;
font-weight:normal;
margin-block-start:0;
margin-block-end:0;
}
.heroimage_type13 .fontsize_caption_small {
font-size:min(46px,46vw/2000*100);
line-height:1.8em;
font-weight:normal;
margin-block-start:0;
margin-block-end:0;
}
.heroimage_type13 .subcatch {
display:none;
}
.heroimage_type13 .fontsize_h1_large {
font-size:min(36px,36vw/2000*100);
line-height:2em;
font-weight:normal;
}
.heroimage_type13 .fontsize_h1_medium {
font-size:min(30px,30vw/2000*100);
line-height:1.8em;
}
.heroimage_type13 .fontsize_h1_small {
font-size:min(24px,24vw/2000*100);
line-height:1.8em;
}
.heroimage_type14 .heroimage_heroimage{
width:100%;
}
.heroimage_type14 .slide_slide{
width:calc(100% - 2.5vw);
height:calc(100% - 2.5vw);
position:absolute;
top:50%;
left:50%;
right:auto;
bottom:auto;
transform:translate(-50%,-50%);
border-radius:2.5vw;
overflow:hidden;
}
.heroimage_type14 .svg1{
width:100vw;
height:min(418vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type14 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type15 .heroimage_heroimage{
width:100%;
}
.heroimage_type15 .slide_slide{
width:calc(100% - 3.75vw);
height:calc(100% - 3.75vw);
position:absolute;
top:50%;
left:50%;
right:auto;
bottom:auto;
transform:translate(-50%,-50%);
border-radius:2.5vw;
overflow:hidden;
}
.heroimage_type15 .svg1{
width:min(467px,467vw / 2000 * 100);
height:min(737px,737vw / 2000 * 100);
position:absolute;
top:0;
left:0;
z-index:250;
}
.heroimage_type15 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type16 .heroimage_heroimage{
width:100%;
}
.heroimage_type16 .svg1{
width:100vw;
height:calc(324vw / 2000 * 100);
position:absolute;
top:0;
left:0;
z-index:250;
}
.heroimage_type16 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type16 .catch_type1 .catch_catch{
position:absolute;
top:60%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type16 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type16 .catch_type6 .catch_contents{
padding:20px!important;
box-sizing:border-box;
}
.heroimage_type17 .heroimage_heroimage{
width:100%;
}
.heroimage_type17 .svg1{
width:100vw;
height:calc(414vw / 2000 * 100);
position:absolute;
top:-1px;
left:0;
z-index:250;
}
.heroimage_type17 .svg2{
width:100vw;
height:calc(289vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type17 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type17 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type17 .catch_type6 .catch_contents{
padding-bottom:50px!important;
box-sizing:border-box;
}
.heroimage_type18 .heroimage_heroimage{
width:100%;
}
.heroimage_type18 .svg1{
width:100vw;
height:calc(289vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type18 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type18 .catch_type1 .catch_catch{
position:absolute;
top:40%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type18 .catch_type6{
position:relative;
z-index:200;
}
.heroimage_type18 .catch_type6 .catch_contents{
padding-bottom:50px!important;
box-sizing:border-box;
}
.heroimage_type19 .heroimage_heroimage{
width:100%;
}
.heroimage_type19 .svg1{
width:min(802px,802vw/2000*100);
height:min(253px,253vw/2000*100);
position:absolute;
bottom:0;
left:0;
z-index:252;
opacity:0.9;
}
.heroimage_type19 .svg2{
width:min(1333px,1333vw/2000*100);
height:min(181px,181vw/2000*100);
position:absolute;
bottom:0;
left:0;
z-index:250;
opacity:0.9;
filter:brightness(1.4);
}
.heroimage_type19 .svg3{
width:min(820px,820vw/2000*100);
height:min(170px,170vw/2000*100);
position:absolute;
bottom:0;
right:0;
z-index:251;
opacity:0.9;
filter:brightness(1.2);
}
.heroimage_type19 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type19 .catch_type1 .catch_catch{
position:absolute;
top:40%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type20 .heroimage_heroimage{
width:100%;
}
.heroimage_type20 .slide_slide{
width:calc(100% - 2.5vw);
height:calc(100% - 1.25vw);
position:absolute;
bottom:0;
left:50%;
right:auto;
top:auto;
transform:translate(-50%,0%);
border-radius:2.5vw 2.5vw 0 0;
overflow:hidden;
}
.heroimage_type20 .svg1{
width:100vw;
height:calc(440vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type20 .svg1{
width:100vw;
height:calc(165.3vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:251;
opacity:0.9;
}
.heroimage_type20 .svg2{
width:min(640px,640vw/2000*100);
height:min(331px,331vw/2000*100);
position:absolute;
bottom:0;
left:0;
z-index:252;
opacity:0.9;
filter:brightness(1.4);
}
.heroimage_type20 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type20 .svg3{
width:min(640px,640vw/2000*100);
height:min(296px,296vw/2000*100);
position:absolute;
bottom:0;
right:0;
z-index:250;
opacity:0.9;
filter:brightness(1.2);
}
.heroimage_type20 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type20 .catch_type1 .catch_catch{
position:absolute;
top:40%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type21 .heroimage_heroimage{
width:100%;
}
.heroimage_type21 .slide_slide{
width:calc(100% - 2.5vw);
height:calc(100% - 2.5vw);
position:absolute;
top:50%;
left:50%;
right:auto;
bottom:auto;
transform:translate(-50%,-50%);
border-radius:2.5vw;
overflow:hidden;
}
.heroimage_type21 .svg1{
width:100vw;
height:calc(284vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type21 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type22 .heroimage_heroimage{
width:100%;
}
.heroimage_type22 .slide_slide{
width:calc(100% - 2.5vw);
height:calc(100% - 2.5vw);
position:absolute;
top:50%;
left:50%;
right:auto;
bottom:auto;
transform:translate(-50%,-50%);
border-radius:2.5vw;
overflow:hidden;
}
.heroimage_type22 .svg1{
width:min(461px,461vw / 2000 * 100);
height:min(356px,356vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type22 .svg2{
width:min(428px,428vw / 2000 * 100);
height:min(388px,388vw / 2000 * 100);
position:absolute;
bottom:0;
right:0;
z-index:250;
}
.heroimage_type22 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type23 .heroimage_heroimage{
width:100%;
}
.heroimage_type23 .svg1{
width:100vw;
height:calc(138vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type23 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type24 .heroimage_heroimage{
width:100%;
}
.heroimage_type24 .svg1{
width:calc(454vw / 2000 * 100);
height:calc(348vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:250;
opacity:0.9;
}
.heroimage_type24 .svg2{
width:calc(1372vw / 2000 * 100);
height:calc(205vw / 2000 * 100);
position:absolute;
bottom:0;
left:0;
z-index:249;
opacity:0.9;
filter:brightness(1.2);
}
.heroimage_type24 .svg3{
width:calc(1197vw / 2000 * 100);
height:calc(156vw / 2000 * 100);
position:absolute;
bottom:0;
right:0;
z-index:250;
opacity:0.8;
filter:brightness(1.4);
}
.heroimage_type24 .svg4{
width:calc(389vw / 2000 * 100);
height:calc(280vw / 2000 * 100);
position:absolute;
bottom:0;
right:0;
z-index:249;
opacity:0.9;
}
.heroimage_type24 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type24 .catch_type1 .catch_catch{
position:absolute;
top:40%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type25 .heroimage_heroimage{
width:100%;
}
.heroimage_type25 .svg1{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
z-index:250;
}
.heroimage_type25 .svg2{
width:min(469px,469vw/2000*100);
height:min(737px,737vw/2000*100);
position:absolute;
top:0;
left:0;
z-index:250;
}
.heroimage_type25 .svg3{
width:min(428px,428vw/2000*100);
height:min(388px,388vw/2000*100);
position:absolute;
bottom:0;
right:0;
z-index:250;
}
.heroimage_type25 .bg_svg svg{
width:100%;
height:100%;
}
.heroimage_type25 .catch_type1 .catch_catch{
position:absolute;
top:40%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.hero_width_100{
width:100%;
}
.hero_width_basewidth{
width:min(var(--base_width),100%);
margin:auto;
}
.hero_height_normal{
height:var(--hero_height);
}
.hero_height_100vh{
height:100vh;
}
.hero_height_normal{
height:var(--hero_height);
}
.hero_height_100vh{
height:100vh;
}
.slideshow_stop1 .slide0{
}
.slideshow_stop1 .slide1{
display:none!important;
}
.slideshow_stop1 .slide2{
display:none!important;
}
.slideshow_stop1 .slide3{
display:none!important;
}
.slideshow_stop1 .slide4{
display:none!important;
}
.slideshow_stop2 .slide0{
display:none!important;
}
.slideshow_stop2 .slide1{
}
.slideshow_stop2 .slide2{
display:none!important;
}
.slideshow_stop2 .slide3{
display:none!important;
}
.slideshow_stop2 .slide4{
display:none!important;
}
.slideshow_stop3 .slide0{
display:none!important;
}
.slideshow_stop3 .slide1{
display:none!important;
}
.slideshow_stop3 .slide2{
}
.slideshow_stop3 .slide3{
display:none!important;
}
.slideshow_stop3 .slide4{
display:none!important;
}
.slideshow_stop4 .slide0{
display:none!important;
}
.slideshow_stop4 .slide1{
display:none!important;
}
.slideshow_stop4 .slide2{
display:none!important;
}
.slideshow_stop4 .slide3{
}
.slideshow_stop4 .slide4{
display:none!important;
}
.slideshow_stop5 .slide0{
display:none!important;
}
.slideshow_stop5 .slide1{
display:none!important;
}
.slideshow_stop5 .slide2{
display:none!important;
}
.slideshow_stop5 .slide3{
display:none!important;
}
.slideshow_stop5 .slide4{
}
.heroimage_type .slide_size_pc_auto{
background-size:cover;
}
.heroimage_type .slide_size_pc_100{
background-size:100%;
}
.heroimage_type .slide_size_pc_150{
background-size:150%;
}
.heroimage_type .slide_size_pc_200{
background-size:200%;
}
.heroimage_type .slide_size_pc_250{
background-size:250%;
}
.heroimage_type .slide_size_pc_300{
background-size:300%;
}
.heroimage_type .slide_size_pc_400{
background-size:400%;
}
.heroimage_type .slide_size_pc_500{
background-size:500%;
}
.heroimage_type .slide_x_pc_center{
background-position-x:center;
}
.heroimage_type .slide_x_pc_left{
background-position-x:left;
}
.heroimage_type .slide_x_pc_25{
background-position-x:25%;
}
.heroimage_type .slide_x_pc_75{
background-position-x:75%;
}
.heroimage_type .slide_x_pc_right{
background-position-x:right;
}
.heroimage_type .slide_y_pc_center{
background-position-y:center;
}
.heroimage_type .slide_y_pc_top{
background-position-y:top;
}
.heroimage_type .slide_y_pc_25{
background-position-y:25%;
}
.heroimage_type .slide_y_pc_75{
background-position-y:75%;
}
.heroimage_type .slide_y_pc_bot{
background-position-y:bottom;
}
.heroimage_type .mix_blend_color{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:200;
}
.heroimage_type .mix_blend_color_none{
display:none;
}
.backgroundcolor_none{
background:none;
}
.backgroundcolor_white{
background:#ffffff;
}
.backgroundcolor_black{
background:#383838;
}
.backgroundcolor_basecolor1{
background:var(--basecolor1);
}
.backgroundcolor_basecolor1_font{
background:var(--basecolor1_font);
}
.backgroundcolor_basecolor2{
background:var(--basecolor2);
}
.backgroundcolor_basecolor2_font{
background:var(--basecolor2_font);
}
.backgroundcolor_headercolor{
background:var(--headercolor);
}
.backgroundcolor_headercolor_font{
background:var(--headercolor_font);
}
.backgroundcolor_menucolor{
background:var(--menucolor);
}
.backgroundcolor_menucolor_font{
background:var(--menucolor_font);
}
.backgroundcolor_footercolor{
background:var(--footercolor);
}
.backgroundcolor_footercolor_font{
background:var(--footercolor_font);
}
.backgroundcolor_customcolor1{
background:var(--customcolor1);
}
.backgroundcolor_customcolor1_font{
background:var(--customcolor1_font);
}
.backgroundcolor_customcolor2{
background:var(--customcolor2);
}
.backgroundcolor_customcolor2_font{
background:var(--customcolor2_font);
}
.backgroundcolor_customcolor3{
background:var(--customcolor3);
}
.backgroundcolor_customcolor3_font{
background:var(--customcolor3_font);
}
.backgroundcolor_imp_none{
background:none!important;
}
.backgroundcolor_imp_white{
background:#ffffff!important;
}
.backgroundcolor_imp_black{
background:#383838!important;
}
.backgroundcolor_imp_basecolor1{
background:var(--basecolor1)!important;
}
.backgroundcolor_imp_basecolor1_font{
background:var(--basecolor1_font)!important;
}
.backgroundcolor_imp_basecolor2{
background:var(--basecolor2)!important;
}
.backgroundcolor_imp_basecolor2_font{
background:var(--basecolor2_font)!important;
}
.backgroundcolor_imp_headercolor{
background:var(--headercolor)!important;
}
.backgroundcolor_imp_headercolor_font{
background:var(--headercolor_font)!important;
}
.backgroundcolor_imp_menucolor{
background:var(--menucolor)!important;
}
.backgroundcolor_imp_menucolor_font{
background:var(--menucolor_font)!important;
}
.backgroundcolor_imp_footercolor{
background:var(--footercolor)!important;
}
.backgroundcolor_imp_footercolor_font{
background:var(--footercolor_font)!important;
}
.backgroundcolor_imp_customcolor1{
background:var(--customcolor1)!important;
}
.backgroundcolor_imp_customcolor1_font{
background:var(--customcolor1_font)!important;
}
.backgroundcolor_imp_customcolor2{
background:var(--customcolor2)!important;
}
.backgroundcolor_imp_customcolor2_font{
background:var(--customcolor2_font)!important;
}
.backgroundcolor_imp_customcolor3{
background:var(--customcolor3)!important;
}
.backgroundcolor_imp_customcolor3_font{
background:var(--customcolor3_font)!important;
}
.textcolor_white{
color:#ffffff;
}
.textcolor_white svg{
fill:#ffffff;
}
.textcolor_white a{
color:#ffffff;
}
.textcolor_black{
color:#383838;
}
.textcolor_black svg{
fill:#383838;
}
.textcolor_black a{
color:#383838;
}
.textcolor_basecolor1{
color:var(--basecolor1_font);
}
.textcolor_basecolor1 svg{
fill:var(--basecolor1_font);
}
.textcolor_basecolor1 a{
color:var(--basecolor1_font);
}
.textcolor_basecolor1_bg{
color:var(--basecolor1);
}
.textcolor_basecolor1_bg svg{
fill:var(--basecolor1);
}
.textcolor_basecolor1_bg a{
color:var(--basecolor1);
}
.textcolor_basecolor2{
color:var(--basecolor2_font);
}
.textcolor_basecolor2 svg{
fill:var(--basecolor2_font);
}
.textcolor_basecolor2 a{
color:var(--basecolor2_font);
}
.textcolor_basecolor2_bg{
color:var(--basecolor2);
}
.textcolor_basecolor2_bg svg{
fill:var(--basecolor2);
}
.textcolor_basecolor2_bg a{
color:var(--basecolor2);
}
.textcolor_headercolor{
color:var(--headercolor_font);
}
.textcolor_headercolor svg{
fill:var(--headercolor_font);
}
.textcolor_headercolor a{
color:var(--headercolor_font);
}
.textcolor_headercolor_bg{
color:var(--headercolor);
}
.textcolor_headercolor_bg svg{
fill:var(--headercolor);
}
.textcolor_headercolor_bg a{
color:var(--headercolor);
}
.textcolor_menucolor{
color:var(--menucolor_font);
}
.textcolor_menucolor svg{
fill:var(--menucolor_font);
}
.textcolor_menucolor a{
color:var(--menucolor_font);
}
.textcolor_menucolor_bg{
color:var(--menucolor);
}
.textcolor_menucolor_bg svg{
fill:var(--menucolor);
}
.textcolor_menucolor_bg a{
color:var(--menucolor);
}
.textcolor_footercolor{
color:var(--footercolor_font);
}
.textcolor_footercolor svg{
fill:var(--footercolor_font);
}
.textcolor_footercolor a{
color:var(--footercolor_font);
}
.textcolor_footercolor_bg{
color:var(--footercolor);
}
.textcolor_footercolor_bg svg{
fill:var(--footercolor);
}
.textcolor_footercolor_bg a{
color:var(--footercolor);
}
.textcolor_customcolor1{
color:var(--customcolor1_font);
}
.textcolor_customcolor1 svg{
fill:var(--customcolor1_font);
}
.textcolor_customcolor1 a{
color:var(--customcolor1_font);
}
.textcolor_customcolor1_bg{
color:var(--customcolor1);
}
.textcolor_customcolor1_bg svg{
fill:var(--customcolor1);
}
.textcolor_customcolor1_bg a{
color:var(--customcolor1);
}
.textcolor_customcolor2{
color:var(--customcolor2_font);
}
.textcolor_customcolor2 svg{
fill:var(--customcolor2_font);
}
.textcolor_customcolor2 a{
color:var(--customcolor2_font);
}
.textcolor_customcolor2_bg{
color:var(--customcolor2);
}
.textcolor_customcolor2_bg svg{
fill:var(--customcolor2);
}
.textcolor_customcolor2_bg a{
color:var(--customcolor2);
}
.textcolor_customcolor3{
color:var(--customcolor3_font);
}
.textcolor_customcolor3 svg{
fill:var(--customcolor3_font);
}
.textcolor_customcolor3 a{
color:var(--customcolor3_font);
}
.textcolor_customcolor3_bg{
color:var(--customcolor3);
}
.textcolor_customcolor3_bg svg{
fill:var(--customcolor3);
}
.textcolor_customcolor1_bg a{
color:var(--customcolor3);
}
.textcolor_imp_white{
color:#ffffff!important;
}
.textcolor_imp_white svg{
fill:#ffffff!important;
}
.textcolor_imp_white a{
color:#ffffff!important;
}
.textcolor_imp_black{
color:#383838!important;
}
.textcolor_imp_black svg{
fill:#383838!important;
}
.textcolor_imp_black a{
color:#383838!important;
}
.textcolor_imp_basecolor1{
color:var(--basecolor1_font)!important;
}
.textcolor_imp_basecolor1 svg{
fill:var(--basecolor1_font)!important;
}
.textcolor_imp_basecolor1 a{
color:var(--basecolor1_font)!important;
}
.textcolor_imp_basecolor1_bg{
color:var(--basecolor1)!important;
}
.textcolor_imp_basecolor1_bg svg{
fill:var(--basecolor1)!important;
}
.textcolor_imp_basecolor1_bg a{
color:var(--basecolor1)!important;
}
.textcolor_imp_basecolor2{
color:var(--basecolor2_font)!important;
}
.textcolor_imp_basecolor2 svg{
fill:var(--basecolor2_font)!important;
}
.textcolor_imp_basecolor2 a{
color:var(--basecolor2_font)!important;
}
.textcolor_imp_basecolor2_bg{
color:var(--basecolor2)!important;
}
.textcolor_imp_basecolor2_bg svg{
fill:var(--basecolor2)!important;
}
.textcolor_imp_basecolor2_bg a{
color:var(--basecolor2)!important;
}
.textcolor_imp_headercolor{
color:var(--headercolor_font)!important;
}
.textcolor_imp_headercolor svg{
fill:var(--headercolor_font)!important;
}
.textcolor_imp_headercolor a{
color:var(--headercolor_font)!important;
}
.textcolor_imp_headercolor_bg{
color:var(--headercolor)!important;
}
.textcolor_imp_headercolor_bg svg{
fill:var(--headercolor)!important;
}
.textcolor_imp_headercolor_bg a{
color:var(--headercolor)!important;
}
.textcolor_imp_menucolor{
color:var(--menucolor_font)!important;
}
.textcolor_imp_menucolor svg{
fill:var(--menucolor_font)!important;
}
.textcolor_imp_menucolor a{
color:var(--menucolor_font)!important;
}
.textcolor_imp_menucolor_bg{
color:var(--menucolor)!important;
}
.textcolor_imp_menucolor_bg svg{
fill:var(--menucolor)!important;
}
.textcolor_imp_menucolor_bg a{
color:var(--menucolor)!important;
}
.textcolor_imp_footercolor{
color:var(--footercolor_font)!important;
}
.textcolor_imp_footercolor svg{
fill:var(--footercolor_font)!important;
}
.textcolor_imp_footercolor a{
color:var(--footercolor_font)!important;
}
.textcolor_imp_footercolor_bg{
color:var(--footercolor)!important;
}
.textcolor_imp_footercolor_bg svg{
fill:var(--footercolor)!important;
}
.textcolor_imp_footercolor_bg a{
color:var(--footercolor)!important;
}
.textcolor_imp_customcolor1{
color:var(--customcolor1_font)!important;
}
.textcolor_imp_customcolor1 svg{
fill:var(--customcolor1_font)!important;
}
.textcolor_imp_customcolor1 a{
color:var(--customcolor1_font)!important;
}
.textcolor_imp_customcolor1_bg{
color:var(--customcolor1)!important;
}
.textcolor_imp_customcolor1_bg svg{
fill:var(--customcolor1)!important;
}
.textcolor_imp_customcolor1_bg a{
color:var(--customcolor1)!important;
}
.textcolor_imp_customcolor2{
color:var(--customcolor2_font)!important;
}
.textcolor_imp_customcolor2 svg{
fill:var(--customcolor2_font)!important;
}
.textcolor_imp_customcolor2 a{
color:var(--customcolor2_font)!important;
}
.textcolor_imp_customcolor2_bg{
color:var(--customcolor2)!important;
}
.textcolor_imp_customcolor2_bg svg{
fill:var(--customcolor2)!important;
}
.textcolor_imp_customcolor2_bg a{
color:var(--customcolor2)!important;
}
.textcolor_imp_customcolor3{
color:var(--customcolor3_font)!important;
}
.textcolor_imp_customcolor3 svg{
fill:var(--customcolor3_font)!important;
}
.textcolor_imp_customcolor3 a{
color:var(--customcolor3_font)!important;
}
.textcolor_imp_customcolor3_bg{
color:var(--customcolor3)!important;
}
.textcolor_imp_customcolor3_bg svg{
fill:var(--customcolor3)!important;
}
.textcolor_imp_customcolor1_bg a{
color:var(--customcolor3)!important;
}
.svgcolor_white svg{
fill:#ffffff;
}
.svgcolor_black svg{
fill:#383838;
}
.svgcolor_basecolor1 svg{
fill:var(--basecolor1);
}
.svgcolor_basecolor1_font svg{
fill:var(--basecolor1_font);
}
.svgcolor_basecolor2 svg{
fill:var(--basecolor2);
}
.svgcolor_basecolor2_font svg{
fill:var(--basecolor2_font);
}
.svgcolor_headercolor svg{
fill:var(--headercolor);
}
.svgcolor_headercolor_font svg{
fill:var(--headercolor_font);
}
.svgcolor_menucolor svg{
fill:var(--menucolor);
}
.svgcolor_menucolor_font svg{
fill:var(--menucolor_font);
}
.svgcolor_footercolor svg{
fill:var(--footercolor);
}
.svgcolor_footercolor_font svg{
fill:var(--footercolor_font);
}
.svgcolor_customcolor1 svg{
fill:var(--customcolor1);
}
.svgcolor_customcolor1_font svg{
fill:var(--customcolor1_font);
}
.svgcolor_customcolor2 svg{
fill:var(--customcolor2);
}
.svgcolor_customcolor2_font svg{
fill:var(--customcolor2_font);
}
.svgcolor_customcolor3 svg{
fill:var(--customcolor3);
}
.svgcolor_customcolor3_font svg{
fill:var(--customcolor3_font);
}
.svgcolor_white_imp svg{
fill:#ffffff!important;
}
.svgcolor_black_imp svg{
fill:#383838!important;
}
.svgcolor_basecolor1_imp svg{
fill:var(--basecolor1)!important;
}
.svgcolor_basecolor1_font_imp svg{
fill:var(--basecolor1_font)!important;
}
.svgcolor_basecolor2_imp svg{
fill:var(--basecolor2)!important;
}
.svgcolor_basecolor2_font_imp svg{
fill:var(--basecolor2_font)!important;
}
.svgcolor_headercolor_imp svg{
fill:var(--headercolor)!important;
}
.svgcolor_headercolor_font_imp svg{
fill:var(--headercolor_font)!important;
}
.svgcolor_menucolor_imp svg{
fill:var(--menucolor)!important;
}
.svgcolor_menucolor_font_imp svg{
fill:var(--menucolor_font)!important;
}
.svgcolor_footercolor_imp svg{
fill:var(--footercolor)!important;
}
.svgcolor_footercolor_font_imp svg{
fill:var(--footercolor_font)!important;
}
.svgcolor_customcolor1_imp svg{
fill:var(--customcolor1)!important;
}
.svgcolor_customcolor1_font_imp svg{
fill:var(--customcolor1_font)!important;
}
.svgcolor_customcolor2_imp svg{
fill:var(--customcolor2)!important;
}
.svgcolor_customcolor2_font_imp svg{
fill:var(--customcolor2_font)!important;
}
.svgcolor_customcolor3_imp svg{
fill:var(--customcolor3)!important;
}
.svgcolor_customcolor3_font_imp svg{
fill:var(--customcolor3_font)!important;
}
.bordercolor_white{
border-color:#ffffff;
}
.bordercolor_black{
border-color:#383838;
}
.bordercolor_basecolor1{
border-color:var(--basecolor1);
}
.bordercolor_basecolor1_font{
border-color:var(--basecolor1_font);
}
.bordercolor_basecolor2{
border-color:var(--basecolor2);
}
.bordercolor_basecolor2_font{
border-color:var(--basecolor2_font);
}
.bordercolor_headercolor{
border-color:var(--headercolor);
}
.bordercolor_headercolor_font{
border-color:var(--headercolor_font);
}
.bordercolor_menucolor{
border-color:var(--menucolor);
}
.bordercolor_menucolor_font{
border-color:var(--menucolor_font);
}
.bordercolor_footercolor{
border-color:var(--footercolor);
}
.bordercolor_footercolor_font{
border-color:var(--footercolor_font);
}
.bordercolor_customcolor1{
border-color:var(--customcolor1);
}
.bordercolor_customcolor1_font{
border-color:var(--customcolor1_font);
}
.bordercolor_customcolor2{
border-color:var(--customcolor2);
}
.bordercolor_customcolor2_font{
border-color:var(--customcolor2_font);
}
.bordercolor_customcolor3{
border-color:var(--customcolor3);
}
.bordercolor_customcolor3_font{
border-color:var(--customcolor3_font);
}
.opacity_10{
opacity:1.0;
}
.opacity_09{
opacity:0.9;
}
.opacity_08{
opacity:0.8;
}
.opacity_07{
opacity:0.7;
}
.opacity_06{
opacity:0.6;
}
.opacity_05{
opacity:0.5;
}
.opacity_04{
opacity:0.4;
}
.opacity_03{
opacity:0.3;
}
.opacity_02{
opacity:0.2;
}
.opacity_01{
opacity:0.1;
}
.opacity_00{
opacity:0;
}
.mix_blend_mode_multiply{
mix-blend-mode:multiply;
}
.mix_blend_mode_colorburn{
mix-blend-mode:color-burn;
}
.mix_blend_mode_screen{
mix-blend-mode:screen;
}
.mix_blend_mode_colordodge{
mix-blend-mode:color-dodge;
}
.mix_blend_mode_overlay{
mix-blend-mode:overlay;
}
.mix_blend_mode_softlight{
mix-blend-mode:soft-light;
}
.mix_blend_mode_color{
mix-blend-mode:color;
}
.mix_blend_mode_hue{
mix-blend-mode:hue;
}
.fontfamily_honbun {
font-family:var(--font-family);
}
.fontfamily_big_headline {
font-family:var(--font-family-big-headline);
}
.fontfamily_small_headline {
font-family:var(--font-family-small-headline);
}
.fontfamily_button {
font-family:var(--font-family-button);
}
.fontfamily_europ {
font-family:var(--font-family-europ);
}
.bg_youtube_player_hopweb {
width:100%;
aspect-ratio:16 / 9;
}
.bg_youtube_player_hopweb_width_height_style{
width:100%;
aspect-ratio:16 / 9;
}
.bg_youtube_player_hopweb_width_height_style iframe{
width:100%;
height:100%;
}
.bg_googlemap_hopweb {
width:100%;
height:500px;
}
.bg_googlemap_hopweb_width_height_style{
width:100%;
height:500px;
}
.bg_googlemap_hopweb_width_height_style iframe{
width:100%;
height:100%;
}
.headermenu_type2 .bg_pc_menu a{
display:block;
color:var(--headercolor_font);
}
.headermenu_type2 .bg_pc_menu a:hover{
background-color:var(--menucolor);
color:var(--menucolor_font);
text-decoration:none;
}
.headermenu_type4 .bg_pc_menu a{
display:block;
color:var(--headercolor_font);
}
.headermenu_type4 .bg_pc_menu a:hover{
text-decoration:none;
}
.headermenu_type5 .bg_pc_menu a{
color:var(--menucolor_font);
}
.headermenu_type5 .bg_pc_menu a:hover{
text-decoration:none;
}
.headermenu_type8 .bg_pc_menu a{
display:block;
color:var(--headercolor_font);
}
.headermenu_type8 .bg_pc_menu a:hover{
text-decoration:none;
}
.headermenu_type10 .bg_pc_menu a{
color:var(--menucolor_font);
}
.headermenu_type10 .bg_pc_menu a:hover{
text-decoration:none;
}
.gc_auto_frame_welcome_message{
}
.gc_auto_frame_welcome_message .welcome_type{
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:20;
}
.gc_auto_frame_welcome_message .welcome_type .background_image{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:10;
}
.gc_auto_frame_welcome_message .bg_welcome{
position:relative;
z-index:50;
}
.gc_auto_frame_welcome_message img{
display:block;
}
.gc_auto_frame_welcome_message .bg_button{
cursor:pointer;
border-radius:var(--button_border_radius);
}
.gc_auto_frame_welcome_message .bg_svg{
position:relative;
width:1em;
height:1em;
}
.gc_auto_frame_welcome_message .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_background:nth-child(2n) .welcome_type .backgroundcolor_auto{
background:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .welcome_type .svgcolor_auto svg{
fill:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n+1) .welcome_type .backgroundcolor_auto{
background:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .welcome_type .svgcolor_auto svg{
fill:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n) .welcome_type .textcolor_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .welcome_type .textcolor_auto .title{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .welcome_type .textcolor_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .welcome_type .textcolor_auto .title{
border-color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .welcome_type .accent_color_auto{
color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .welcome_type .accent_color_auto{
color:var(--basecolor1);
}
.gc_auto_frame_welcome_message .accent_color_white{
border-color:#ffffff;
}
.gc_auto_frame_welcome_message .accent_color_black{
border-color:#383838;
}
.gc_auto_frame_welcome_message .accent_color_basecolor1{
border-color:var(--basecolor1);
}
.gc_auto_frame_welcome_message .accent_color_basecolor2{
border-color:var(--basecolor2);
}
.gc_auto_frame_welcome_message .accent_color_headercolor{
border-color:var(--headercolor);
}
.gc_auto_frame_welcome_message .accent_color_menucolor{
border-color:var(--menucolor);
}
.gc_auto_frame_welcome_message .accent_color_footercolor{
border-color:var(--footercolor);
}
.gc_auto_frame_welcome_message .accent_color_customcolor1{
border-color:var(--customcolor1);
}
.gc_auto_frame_welcome_message .accent_color_customcolor2{
border-color:var(--customcolor2);
}
.gc_auto_frame_welcome_message .accent_color_customcolor3{
border-color:var(--customcolor3);
}
.gc_auto_frame_background:nth-child(2n) .welcome_type .button_border_color_auto{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .welcome_type .button_border_color_auto{
border-color:var(--basecolor2_font);
}
.gc_auto_frame_welcome_message .button_border_none{
border-width:0!important;
}
.gc_auto_frame_background:nth-child(2n) .welcome_type .button_textcolor_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .welcome_type .button_textcolor_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1)  .welcome_type .button_textcolor_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1)  .welcome_type .button_textcolor_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_welcome_message .image_size_auto img{
width:100%;
height:100%;
object-fit:cover;
}
.gc_auto_frame_welcome_message .image_size_100 img{
width:100%;
height:auto;
}
.gc_auto_frame_welcome_message .image_size_150 img{
width:150%;
height:auto;
}
.gc_auto_frame_welcome_message .image_size_200 img{
width:200%;
height:auto;
}
.gc_auto_frame_welcome_message .image_size_250 img{
width:250%;
height:auto;
}
.gc_auto_frame_welcome_message .image_size_300 img{
width:300%;
height:auto;
}
.gc_auto_frame_welcome_message .image_size_400 img{
width:400%;
height:auto;
}
.gc_auto_frame_welcome_message .image_size_500 img{
width:400%;
height:auto;
}
.gc_auto_frame_welcome_message .image_object_position00 img{
object-position:0% 0%;
}
.gc_auto_frame_welcome_message .image_object_position025 img{
object-position:0% 25%;
}
.gc_auto_frame_welcome_message .image_object_position050 img{
object-position:0% 50%;
}
.gc_auto_frame_welcome_message .image_object_position075 img{
object-position:0% 75%;
}
.gc_auto_frame_welcome_message .image_object_position0100 img{
object-position:0% 100%;
}
.gc_auto_frame_welcome_message .image_object_position250 img{
object-position:25% 0%;
}
.gc_auto_frame_welcome_message .image_object_position2525 img{
object-position:25% 25%;
}
.gc_auto_frame_welcome_message .image_object_position2550 img{
object-position:25% 50%;
}
.gc_auto_frame_welcome_message .image_object_position2575 img{
object-position:25% 75%;
}
.gc_auto_frame_welcome_message .image_object_position25100 img{
object-position:25% 100%;
}
.gc_auto_frame_welcome_message .image_object_position500 img{
object-position:50% 0%;
}
.gc_auto_frame_welcome_message .image_object_position5025 img{
object-position:50% 25%;
}
.gc_auto_frame_welcome_message .image_object_position5050 img{
object-position:50% 50%;
}
.gc_auto_frame_welcome_message .image_object_position5075 img{
object-position:50% 75%;
}
.gc_auto_frame_welcome_message .image_object_position50100 img{
object-position:50% 100%;
}
.gc_auto_frame_welcome_message .image_object_position750 img{
object-position:75% 0%;
}
.gc_auto_frame_welcome_message .image_object_position7525 img{
object-position:75% 25%;
}
.gc_auto_frame_welcome_message .image_object_position7550 img{
object-position:75% 50%;
}
.gc_auto_frame_welcome_message .image_object_position7575 img{
object-position:75% 75%;
}
.gc_auto_frame_welcome_message .image_object_position75100 img{
object-position:75% 100%;
}
.gc_auto_frame_welcome_message .image_object_position1000 img{
object-position:100% 0%;
}
.gc_auto_frame_welcome_message .image_object_position10025 img{
object-position:100% 25%;
}
.gc_auto_frame_welcome_message .image_object_position10050 img{
object-position:100% 50%;
}
.gc_auto_frame_welcome_message .image_object_position10075 img{
object-position:100% 75%;
}
.gc_auto_frame_welcome_message .image_object_position100100 img{
object-position:100% 100%;
}
.gc_auto_frame_welcome_message .image_absolute_position00 img{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_welcome_message .image_absolute_position050 img{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.gc_auto_frame_welcome_message .image_absolute_position0100 img{
position:absolute;
bottom:0;
left:0;
}
.gc_auto_frame_welcome_message .image_absolute_position500 img{
position:absolute;
top:0;
left:50%;
transform:translate(-50%,0);
}
.gc_auto_frame_welcome_message .image_absolute_position5050 img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_welcome_message .image_absolute_position50100 img{
position:absolute;
bottom:0;
left:50%;
transform:translate(-50%,0);
}
.gc_auto_frame_welcome_message .image_absolute_position1000 img{
position:absolute;
top:0;
right:0;
}
.gc_auto_frame_welcome_message .image_absolute_position10050 img{
position:absolute;
top:50%;
right:0;
transform:translate(0%,-50%);
}
.gc_auto_frame_welcome_message .image_absolute_position100100 img{
position:absolute;
bottom:0;
right:0;
}
.gc_auto_frame_welcome_message .welcome_type1 .welcome_message{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_welcome_message .welcome_type1 .welcome_contents{
width:100%;
padding:10% 2%;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:space-between;
}
.gc_auto_frame_welcome_message .welcome_type1 .bg_text{
width:49.5%;
}
.gc_auto_frame_welcome_message .welcome_type1 .title{
width:100%;
padding:5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
margin-bottom:8%;
font-size:2.2em;
line-height:1.8em;
font-weight:var(--font-family-big-headline);
}
.gc_auto_frame_welcome_message .welcome_type1 .text{
width:100%;
padding:0 5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_welcome_message .welcome_type1 .bg_button{
width:62%;
height:55px;
box-sizing:border-box;
border-style:solid;
border-width:1px;
margin-left:5%;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type1 .button_text{
width:max-content;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type1 .bg_svg{
margin-left:1em;
}
.gc_auto_frame_welcome_message .welcome_type1 .bg_image_area{
width:47%;
padding-top:47%;
box-sizing:border-box;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type1 .image_area{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.gc_auto_frame_welcome_message .welcome_type2 .welcome_message{
width:100%;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type2 .welcome_contents{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_welcome_message .welcome_type2 .bg_text{
width:50%;
padding:10% 5%;
box-sizing:border-box;
margin:0 0 0 auto;
}
.gc_auto_frame_welcome_message .welcome_type2 .title{
width:100%;
padding:5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
margin-bottom:8%;
font-size:2.2em;
line-height:1.8em;
font-weight:var(--font-family-big-headline);
}
.gc_auto_frame_welcome_message .welcome_type2 .text{
width:100%;
padding:0 5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_welcome_message .welcome_type2 .bg_button{
width:62%;
height:55px;
box-sizing:border-box;
border-style:solid;
border-width:1px;
margin-left:5%;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type2 .button_text{
width:max-content;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type2 .bg_svg{
margin-left:1em;
}
.gc_auto_frame_welcome_message .welcome_type2 .bg_image_area{
width:50%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_welcome_message .welcome_type2 .image_area{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.gc_auto_frame_welcome_message .welcome_type3 .welcome_message{
width:100%;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type3 .welcome_contents{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_welcome_message .welcome_type3 .bg_text{
width:50%;
padding:10% 5%;
box-sizing:border-box;
margin:0 auto 0 0;
}
.gc_auto_frame_welcome_message .welcome_type3 .title{
width:100%;
padding:5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
margin-bottom:8%;
font-size:2.2em;
line-height:1.8em;
font-weight:var(--font-family-big-headline);
}
.gc_auto_frame_welcome_message .welcome_type3 .text{
width:100%;
padding:0 5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_welcome_message .welcome_type3 .bg_button{
width:62%;
height:55px;
box-sizing:border-box;
border-style:solid;
border-width:1px;
margin-left:5%;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type3 .button_text{
width:max-content;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type3 .bg_svg{
margin-left:1em;
}
.gc_auto_frame_welcome_message .welcome_type3 .bg_image_area{
width:50%;
height:100%;
position:absolute;
top:0;
right:0;
}
.gc_auto_frame_welcome_message .welcome_type3 .image_area{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.gc_auto_frame_welcome_message .welcome_type3 .frame_svg{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
.gc_auto_frame_welcome_message .welcome_type3 .frame_svg svg{
width:100%;
height:100%;
}
.gc_auto_frame_welcome_message .welcome_type4 .welcome_message{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_welcome_message .welcome_type4 .welcome_contents{
width:100%;
padding:10% 2%;
box-sizing:border-box;
display:flex;
align-items:flex-end;
justify-content:space-between;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type4 .triangle_tl{
width:0px;
height:0px;
border-width:0 0 90px 90px;
border-style:solid;
border-bottom:90px solid transparent!important;
position:absolute;
top:11%;
left:0;
z-index:10;
}
.gc_auto_frame_welcome_message .welcome_type4 .triangle_br{
width:0px;
height:0px;
border-width:90px 90px 0 0;
border-style:solid;
border-top:90px solid transparent!important;
position:absolute;
bottom:11%;
right:0;
z-index:10;
}
.gc_auto_frame_welcome_message .welcome_type4 .bg_text{
width:49.5%;
padding-bottom:12%;
box-sizing:border-box;
}
.gc_auto_frame_welcome_message .welcome_type4 .title{
width:100%;
padding:5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:2.2em;
line-height:1.8em;
font-weight:var(--font-family-big-headline);
}
.gc_auto_frame_welcome_message .welcome_type4 .text{
width:100%;
padding:0 5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_welcome_message .welcome_type4 .bg_button{
width:62%;
height:55px;
box-sizing:border-box;
border-style:solid;
border-width:1px;
margin-left:5%;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type4 .button_text{
width:max-content;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type4 .bg_svg{
margin-left:1em;
}
.gc_auto_frame_welcome_message .welcome_type4 .bg_image_area{
width:45%;
padding-top:45%;
box-sizing:border-box;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type4 .image_area{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.gc_auto_frame_welcome_message .welcome_type5 .welcome_message{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_welcome_message .welcome_type5 .welcome_contents{
width:100%;
padding:10% 2%;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_welcome_message .welcome_type5 .bg_text{
width:100%;
}
.gc_auto_frame_welcome_message .welcome_type5 .title{
width:max-content;
max-width:100%;
padding:5%;
box-sizing:border-box;
margin:0 auto 5% auto;
font-size:2.2em;
line-height:1.8em;
font-weight:var(--font-family-big-headline);
text-align:center;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type5 .kakko_tl{
width:90px;
height:90px;
position:absolute;
top:0;
left:0;
border-style:solid;
border-width:1px 0 0 1px ;
}
.gc_auto_frame_welcome_message .welcome_type5 .kakko_br{
width:90px;
height:90px;
position:absolute;
bottom:0;
right:0;
border-style:solid;
border-width:0 1px 1px 0;
}
.gc_auto_frame_welcome_message .welcome_type5 .text{
width:max-content;
max-width:100%;
margin:0 auto 5% auto;
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_welcome_message .welcome_type5 .bg_button{
width:355px;
height:55px;
box-sizing:border-box;
border-style:solid;
border-width:1px;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type5 .button_text{
width:max-content;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type5 .bg_svg{
margin-left:1em;
}
.gc_auto_frame_welcome_message .welcome_type5 .bg_image_area{
display:none;
}
.gc_auto_frame_welcome_message .welcome_type6 .welcome_message{
width:100%;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type6 .welcome_contents{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_welcome_message .welcome_type6 .bg_text{
width:50%;
padding:5% 0;
box-sizing:border-box;
margin:0 0 0 auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
flex-direction:row-reverse;
}
.gc_auto_frame_welcome_message .welcome_type6 .title{
width:max-content;
max-height:40vw;
padding-left:2.5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 0 1px;
margin-bottom:8%;
font-size:2.2em;
line-height:1.8em;
font-weight:var(--font-family-big-headline);
-ms-writing-mode:tb-rl;
writing-mode:vertical-rl;
order:1;
}
.gc_auto_frame_welcome_message .welcome_type6 .text{
width:max-content;
max-height:40vw;
padding:0 5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:1em;
line-height:1.8em;
writing-mode:vertical-rl;
order:2;
}
.gc_auto_frame_welcome_message .welcome_type6 .bg_button{
width:80%;
height:55px;
box-sizing:border-box;
border-style:solid;
border-width:1px;
display:flex;
align-items:center;
justify-content:center;
order:3;
}
.gc_auto_frame_welcome_message .welcome_type6 .button_text{
width:max-content;
display:flex;
align-items:center;
justify-content:center;
}
.gc_auto_frame_welcome_message .welcome_type6 .bg_svg{
margin-left:1em;
}
.gc_auto_frame_welcome_message .welcome_type6 .bg_image_area{
width:50%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_welcome_message .welcome_type6 .image_area{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.llllll{
width:100%;
height:500px;
padding:50px 0;
background-color:#ffffff;
}
.ababa{
width:100%;
height:100%;
margin:auto;
background-color:#0000ff;
}
.gc_auto_frame_appeal_point{
}
.appeal_point_type{
width:100%;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
overflow:hidden;
}
.appeal_point_type .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:20;
}
.appeal_point_type .background_image{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:10;
}
.appeal_point_type .background_image_hero{
background-repeat:no-repeat;
}
.appeal_point_type .bg_big_title{
position:relative;
}
.appeal_point_type .title_background_color{
height:100%;
position:absolute;
top:0;
left:0;
z-index:60;
}
.appeal_point_type .title_background_image{
height:100%;
position:absolute;
top:0;
left:0;
z-index:50;
}
.appeal_point_type .title_background_image_hero{
background-repeat:no-repeat;
}
.appeal_point_type .title_eng{
position:relative;
z-index:200;
}
.appeal_point_type .title_jpn{
position:relative;
z-index:200;
}
.appeal_point_type .font_smallheadline{
font-family:var(--font-family-small-headline);
}
.appeal_point_type .font_europ{
font-family:var(--font-family-europ);
}
.appeal_point_type .icon{
position:relative;
}
.appeal_point_type .bg_icon_svg{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.appeal_point_type .bg_icon_svg svg{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.appeal_point_type .item{
position:relative;
border-style:solid;
}
.appeal_point_type .item_background{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:-1;
}
.appeal_point_type .bg_button{
cursor:pointer;
border-radius:var(--button_border_radius);
}
.appeal_point_type .bg_button .bg_svg{
position:relative;
}
.appeal_point_type .bg_button .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.appeal_point_type1 .appeal_point{
width:100%;
padding:0 0 5% 0;
box-sizing:border-box;
}
.appeal_point_type1 .contents{
width:min(var(--base_width),100%);
margin:auto;
position:relative;
z-index:100;
}
.appeal_point_type1 .bg_big_title{
width:100%;
padding:5% 0;
box-sizing:border-box;
margin-bottom:5%;
text-align:center;
}
.appeal_point_type1 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type1 .title_background_color{
width:100%;
}
.appeal_point_type1 .title_background_image{
width:100%;
}
.appeal_point_type1 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type1 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type1 .bg_items{
width:100%;
display:flex;
justify-content:space-evenly;
}
.appeal_point_type1 .item{
width:28%;
padding:5% 2.5%;
box-sizing:border-box;
}
.appeal_point_type1 .title{
height:3.6em;
font-size:1.5em;
line-height:1.8em;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}
.appeal_point_type1 .desc{
width:100%;
}
.appeal_point_type1 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
margin:10% auto;
position:relative;
}
.appeal_point_type1 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type1 .image{
width:85%;
padding-top:85%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
margin:10% auto;
}
.appeal_point_type1 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type1 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type1 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type1 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type2 .appeal_point{
width:100%;
padding:0 0 5% 0;
box-sizing:border-box;
}
.appeal_point_type2 .contents{
width:min(var(--base_width),100%);
margin:auto;
position:relative;
z-index:100;
}
.appeal_point_type2 .bg_big_title{
width:100%;
padding:5% 0;
box-sizing:border-box;
margin-bottom:5%;
text-align:center;
}
.appeal_point_type2 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type2 .title_background_color{
width:100%;
}
.appeal_point_type2 .title_background_image{
width:100%;
}
.appeal_point_type2 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type2 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type2 .bg_items{
width:100%;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:50px;
}
.appeal_point_type2 .item{
width:26%;
padding:2.5% 5%;
box-sizing:border-box;
}
.appeal_point_type2 .title{
min-height:3.6em;
display:flex;
align-items:center;
justify-content:center;
font-size:1.5em;
line-height:1.8em;
text-align:center;
}
.appeal_point_type2 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
margin:10% auto;
position:relative;
}
.appeal_point_type2 .icon .bg_icon_svg{
width:60%;
padding-top:60%;
box-sizing:border-box;
}
.appeal_point_type2 .image{
width:85%;
padding-top:85%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
margin:10% auto;
}
.appeal_point_type2 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type2 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type2 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type2 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type3 .appeal_point{
width:100%;
padding:0 0 5% 0;
box-sizing:border-box;
}
.appeal_point_type3 .contents{
width:min(var(--base_width),100%);
margin:auto;
position:relative;
z-index:100;
}
.appeal_point_type3 .bg_big_title{
width:100%;
padding:5% 0;
box-sizing:border-box;
margin-bottom:5%;
text-align:center;
}
.appeal_point_type3 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type3 .title_background_color{
width:100%;
}
.appeal_point_type3 .title_background_image{
width:100%;
}
.appeal_point_type3 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type3 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type3 .bg_items{
width:100%;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type3 .item{
width:90%;
min-height:175px;
padding:3% 7.5%;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.appeal_point_type3 .title{
width:80%;
font-size:1.5em;
line-height:1em;
margin-bottom:3%;
}
.appeal_point_type3 .desc{
width:80%;
}
.appeal_point_type3 .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
position:absolute;
top:50%;
right:5%;
transform:translate(0%,-50%);
}
.appeal_point_type3 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type3 .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
right:5%;
transform:translate(0%,-50%);
}
.appeal_point_type3 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type3 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type3 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type3 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type4 .appeal_point{
width:100%;
padding:0 0 5% 0;
box-sizing:border-box;
}
.appeal_point_type4 .contents{
width:min(var(--base_width),100%);
margin:auto;
position:relative;
z-index:100;
}
.appeal_point_type4 .bg_big_title{
width:100%;
padding:5% 0;
box-sizing:border-box;
margin-bottom:5%;
text-align:center;
}
.appeal_point_type4 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type4 .title_background_color{
width:100%;
}
.appeal_point_type4 .title_background_image{
width:100%;
}
.appeal_point_type4 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type4 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type4 .bg_items{
width:100%;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type4 .item{
width:90%;
min-height:175px;
padding:3% 7.5%;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.appeal_point_type4 .title{
width:80%;
margin:0 0 3% auto;
font-size:1.5em;
line-height:1em;
}
.appeal_point_type4 .desc{
width:80%;
margin:0 0 0 auto;
}
.appeal_point_type4 .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
position:absolute;
top:50%;
left:5%;
transform:translate(0%,-50%);
}
.appeal_point_type4 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type4 .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
left:5%;
transform:translate(0%,-50%);
}
.appeal_point_type4 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type4 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type4 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type4 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type5 .appeal_point{
width:100%;
padding:0 0 5% 0;
box-sizing:border-box;
}
.appeal_point_type5 .contents{
width:min(var(--base_width),100%);
margin:auto;
position:relative;
z-index:100;
}
.appeal_point_type5 .bg_big_title{
width:100%;
padding:5% 0;
box-sizing:border-box;
margin-bottom:5%;
text-align:center;
}
.appeal_point_type5 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type5 .title_background_color{
width:100%;
}
.appeal_point_type5 .title_background_image{
width:100%;
}
.appeal_point_type5 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type5 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type5 .appeal_point{
padding:0 0 5% 0;
box-sizing:border-box;
}
.appeal_point_type5 .bg_items{
width:100%;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type5 .item{
width:90%;
min-height:175px;
padding:3% 7.5%;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.appeal_point_type5 .title{
width:80%;
font-size:1.5em;
line-height:1em;
}
.appeal_point_type5 .item:nth-child(2n+1) .title{
margin:0 auto 3% 0;
}
.appeal_point_type5 .item:nth-child(2n) .title{
margin:0 0 3% auto;
}
.appeal_point_type5 .desc{
width:80%;
}
.appeal_point_type5 .item:nth-child(2n+1) .desc{
margin:0 auto 0 0;
}
.appeal_point_type5 .item:nth-child(2n) .desc{
margin:0 0 0 auto;
}
.appeal_point_type5 .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
position:absolute;
top:50%;
transform:translate(0%,-50%);
}
.appeal_point_type5 .item:nth-child(2n+1) .icon{
right:5%;
}
.appeal_point_type5 .item:nth-child(2n) .icon{
left:5%;
}
.appeal_point_type5 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type5 .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
transform:translate(0%,-50%);
}
.appeal_point_type5 .item:nth-child(2n+1) .image{
right:5%;
}
.appeal_point_type5 .item:nth-child(2n) .image{
left:5%;
}
.appeal_point_type5 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type5 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type5 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type5 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type6 .appeal_point{
width:100%;
padding:0 0 5% 0;
box-sizing:border-box;
}
.appeal_point_type6 .contents{
width:min(var(--base_width),100%);
margin:auto;
position:relative;
z-index:100;
}
.appeal_point_type6 .bg_big_title{
width:100%;
padding:5% 0;
box-sizing:border-box;
margin-bottom:5%;
text-align:center;
}
.appeal_point_type6 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type6 .title_background_color{
width:100%;
}
.appeal_point_type6 .title_background_image{
width:100%;
}
.appeal_point_type6 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type6 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type6 .appeal_point{
padding:0 0 5% 0;
box-sizing:border-box;
}
.appeal_point_type6 .bg_items{
width:100%;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type6 .item{
width:90%;
min-height:175px;
padding:3% 5%;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
}
.appeal_point_type6 .title{
width:30%;
font-size:1.5em;
line-height:1.8em;
text-align:center;
}
.appeal_point_type6 .desc{
width:45%;
}
.appeal_point_type6 .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
margin:0 5%;
}
.appeal_point_type6 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type6 .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
margin:0 5%;
}
.appeal_point_type6 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type6 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type6 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type6 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type7 .appeal_point{
width:min(var(--base_width),100%);
padding:5% 0;
box-sizing:border-box;
margin:auto;
display:flex;
align-items:center;
justify-content:right;
}
.appeal_point_type7 .contents{
width:67%;
position:relative;
z-index:100;
}
.appeal_point_type7 .bg_big_title{
width:max-content;
max-width:33%;
padding:5%;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:200;
}
.appeal_point_type7 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type7 .title_background_color{
width:40%;
}
.appeal_point_type7 .title_background_image{
width:40%;
}
.appeal_point_type7 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type7 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type7 .bg_items{
width:100%;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type7 .item{
width:90%;
min-height:175px;
padding:3% 7.5%;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.appeal_point_type7 .title{
width:80%;
font-size:1.5em;
line-height:1em;
margin:0 auto 3% 0;
}
.appeal_point_type7 .desc{
width:80%;
margin:0 auto 0 0;
}
.appeal_point_type7 .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
position:absolute;
top:50%;
right:5%;
transform:translate(0%,-50%);
}
.appeal_point_type7 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type7 .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
right:5%;
transform:translate(0%,-50%);
}
.appeal_point_type7 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type7 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type7 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type7 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type8 .appeal_point{
width:min(var(--base_width),100%);
padding:5% 0;
box-sizing:border-box;
margin:auto;
display:flex;
align-items:center;
justify-content:right;
}
.appeal_point_type8 .contents{
width:67%;
position:relative;
z-index:100;
}
.appeal_point_type8 .bg_big_title{
width:max-content;
max-width:33%;
padding:5%;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:200;
}
.appeal_point_type8 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type8 .title_background_color{
width:40%;
}
.appeal_point_type8 .title_background_image{
width:40%;
}
.appeal_point_type8 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type8 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type8 .bg_items{
width:100%;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type8 .item{
width:90%;
min-height:175px;
padding:3% 7.5%;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.appeal_point_type8 .title{
width:80%;
font-size:1.5em;
line-height:1em;
margin:0 0 3% auto;
}
.appeal_point_type8 .desc{
width:80%;
margin:0 0 0 auto;
}
.appeal_point_type8 .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
position:absolute;
top:50%;
left:5%;
transform:translate(0%,-50%);
}
.appeal_point_type8 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type8 .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
left:5%;
transform:translate(0%,-50%);
}
.appeal_point_type8 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type8 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type8 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type8 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type9 .appeal_point{
width:min(var(--base_width),100%);
padding:5% 0;
box-sizing:border-box;
margin:auto;
display:flex;
align-items:center;
justify-content:right;
}
.appeal_point_type9 .contents{
width:67%;
position:relative;
z-index:100;
}
.appeal_point_type9 .bg_big_title{
width:max-content;
max-width:33%;
padding:5%;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:200;
}
.appeal_point_type9 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type9 .title_background_color{
width:40%;
}
.appeal_point_type9 .title_background_image{
width:40%;
}
.appeal_point_type9 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type9 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type9 .bg_items{
width:100%;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type9 .item{
width:90%;
min-height:175px;
padding:3% 7.5%;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.appeal_point_type9 .title{
width:80%;
font-size:1.5em;
line-height:1em;
}
.appeal_point_type9 .item:nth-child(2n+1) .title{
margin:0 auto 3% 0;
}
.appeal_point_type9 .item:nth-child(2n) .title{
margin:0 0 3% auto;
}
.appeal_point_type9 .desc{
width:80%;
}
.appeal_point_type9 .item:nth-child(2n+1) .desc{
margin:0 auto 0 0;
}
.appeal_point_type9 .item:nth-child(2n) .desc{
margin:0 0 0 auto;
}
.appeal_point_type9 .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
position:absolute;
top:50%;
transform:translate(0%,-50%);
}
.appeal_point_type9 .item:nth-child(2n+1) .icon{
right:5%;
}
.appeal_point_type9 .item:nth-child(2n) .icon{
left:5%;
}
.appeal_point_type9 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type9 .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
transform:translate(0%,-50%);
}
.appeal_point_type9 .item:nth-child(2n+1) .image{
right:5%;
}
.appeal_point_type9 .item:nth-child(2n) .image{
left:5%;
}
.appeal_point_type9 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type9 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type9 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type9 .bg_button .bg_svg{
width:1em;
height:1em;
}
.appeal_point_type10 .appeal_point{
width:min(var(--base_width),100%);
padding:5% 0;
box-sizing:border-box;
margin:auto;
display:flex;
align-items:center;
justify-content:right;
}
.appeal_point_type10 .contents{
width:67%;
position:relative;
z-index:100;
}
.appeal_point_type10 .bg_big_title{
width:max-content;
max-width:33%;
padding:5%;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:200;
}
.appeal_point_type10 .title_marginbottom0{
margin-bottom:0!important;
}
.appeal_point_type10 .title_background_color{
width:40%;
}
.appeal_point_type10 .title_background_image{
width:40%;
}
.appeal_point_type10 .title_eng{
font-size:3em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type10 .title_jpn{
font-size:1.5em;
line-height:1em;
}
.appeal_point_type10 .bg_items{
width:100%;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type10 .item{
width:90%;
min-height:175px;
padding:3% 5%;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
}
.appeal_point_type10 .title{
width:30%;
font-size:1.5em;
line-height:1.8em;
text-align:center;
}
.appeal_point_type10 .desc{
width:45%;
}
.appeal_point_type10 .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
margin:0 5%;
}
.appeal_point_type10 .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.appeal_point_type10 .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
margin:0 5%;
}
.appeal_point_type10 .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type10 .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.appeal_point_type10 .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.appeal_point_type10 .bg_button .bg_svg{
width:1em;
height:1em;
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .backgroundcolor_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .item_backgroundcolor_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .icon_backgroundcolor_auto2{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .backgroundcolor_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .item_backgroundcolor_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .icon_backgroundcolor_auto2{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .button_bg_color_auto{
background-color:var(--basecolor1);
}
.appeal_point_type .backgroundcolor_none{
background-color:none;
}
.appeal_point_type .mix_blend_mode_normal07{
opacity:0.7;
}
.appeal_point_type .mix_blend_mode_normal06{
opacity:0.6;
}
.appeal_point_type .mix_blend_mode_normal05{
opacity:0.5;
}
.appeal_point_type .mix_blend_mode_normal04{
opacity:0.4;
}
.appeal_point_type .mix_blend_mode_normal03{
opacity:0.3;
}
.appeal_point_type .mix_blend_mode_normal02{
opacity:0.2;
}
.appeal_point_type .mix_blend_mode_normal01{
opacity:0.1;
}
.appeal_point_type .mix_blend_mode_multiply{
mix-blend-mode:multiply;
}
.appeal_point_type .mix_blend_mode_colorburn{
mix-blend-mode:color-burn;
}
.appeal_point_type .mix_blend_mode_screen{
mix-blend-mode:screen;
}
.appeal_point_type .mix_blend_mode_colordodge{
mix-blend-mode:color-dodge;
}
.appeal_point_type .mix_blend_mode_overlay{
mix-blend-mode:overlay;
}
.appeal_point_type .mix_blend_mode_softlight{
mix-blend-mode:soft-light;
}
.appeal_point_type .mix_blend_mode_color{
mix-blend-mode:color;
}
.appeal_point_type .mix_blend_mode_hue{
mix-blend-mode:hue;
}
.appeal_point_type .background_image_size_cover{
background-size:cover;
}
.appeal_point_type .background_image_size_100{
background-size:100%;
}
.appeal_point_type .background_image_size_100_hero{
background-size:100%;
}
.appeal_point_type .background_image_size_150{
background-size:150%;
}
.appeal_point_type .background_image_size_150_hero{
background-size:150%;
}
.appeal_point_type .background_image_size_200{
background-size:200%;
}
.appeal_point_type .background_image_size_200_hero{
background-size:200%;
}
.appeal_point_type .background_image_size_250{
background-size:250%;
}
.appeal_point_type .background_image_size_250_hero{
background-size:250%;
}
.appeal_point_type .background_image_size_300{
background-size:300%;
}
.appeal_point_type .background_image_size_300_hero{
background-size:300%;
}
.appeal_point_type .background_image_size_400{
background-size:400%;
}
.appeal_point_type .background_image_size_400_hero{
background-size:400%;
}
.appeal_point_type .background_image_size_500{
background-size:500%;
}
.appeal_point_type .background_image_size_500_hero{
background-size:500%;
}
.appeal_point_type .background_image_hero_x_left{
background-position-x:left;
}
.appeal_point_type .background_image_hero_x_25{
background-position-x:25%;
}
.appeal_point_type .background_image_hero_x_center{
background-position-x:center;
}
.appeal_point_type .background_image_hero_x_75{
background-position-x:75%;
}
.appeal_point_type .background_image_hero_x_right{
background-position-x:right;
}
.appeal_point_type .background_image_hero_y_top{
background-position-y:top;
}
.appeal_point_type .background_image_hero_y_25{
background-position-y:25%;
}
.appeal_point_type .background_image_hero_y_center{
background-position-y:center;
}
.appeal_point_type .background_image_hero_y_75{
background-position-y:75%;
}
.appeal_point_type .background_image_hero_y_bottom{
background-position-y:bottom;
}
.appeal_point_type .image_filter_none{
}
.appeal_point_type .image_filter_grayscale{
filter:grayscale(1);
}
.appeal_point_type .image_filter_blur1{
filter:blur(7px);
width:calc(100% + 20px)!important;
height:calc(100% + 20px)!important;
}
.appeal_point_type .image_filter_blur2{
filter:blur(5px);
width:calc(100% + 20px)!important;
height:calc(100% + 20px)!important;
}
.appeal_point_type .image_filter_blur3{
filter:blur(3px);
width:calc(100% + 20px)!important;
height:calc(100% + 20px)!important;
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .title_textcolor_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .item_backgroundcolor_auto_fortext{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .button_text_color_auto svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .title_textcolor_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .item_backgroundcolor_auto_fortext{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .button_text_color_auto svg{
fill:var(--basecolor2_font);
}
.appeal_point_type .border_none{
border-width:0px;
}
.appeal_point_type .border_4d{
border-width:1px;
}
.appeal_point_type .border_topbottom{
border-width:1px 0px;
}
.appeal_point_type .border_bottom{
border-width:0px 0px 1px 0px;
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .bordercolor_auto{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .bordercolor_auto{
border-color:var(--basecolor2_font);
}
.appeal_point_type .item_icon_shape_circle{
border-radius:50vh;
}
.appeal_point_type .item_icon_shape_square{
border-radius:0;
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .item_backgroundcolor_auto_fortext .icon_backgroundcolor_auto1{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .item_backgroundcolor_auto_fortext .icon_backgroundcolor_auto1{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .button_text_color_auto .button_svg_color_auto{
fill:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .button_text_color_auto .button_svg_color_auto{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .item_backgroundcolor_auto_fortext .icon_backgroundcolor_auto1 .item_icon_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .item_backgroundcolor_auto_fortext .icon_backgroundcolor_auto1 .item_icon_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .icon_backgroundcolor_auto2 .item_icon_color_auto{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .icon_backgroundcolor_auto2 .item_icon_color_auto{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .item_backgroundcolor_auto_fortext .backgroundcolor_none .item_icon_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .item_backgroundcolor_auto_fortext .backgroundcolor_none .item_icon_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .appeal_point_type .item_backgroundcolor_none_fortext .backgroundcolor_none .item_icon_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .appeal_point_type .item_backgroundcolor_none_fortext .backgroundcolor_none .item_icon_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_post_index_home{
width:100%;
margin:auto;
}
.home_work_type{
position:relative;
}
.home_work_type .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:20;
}
.home_work_type .background_image{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:10;
}
.bg_home_work{
width:100%;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
z-index:50;
}
.bg_home_work img{
max-width:100%;
height:auto;
}
.bg_home_work .home_work{
width:min(var(--base_width) , 100%);
padding:0 20px;
box-sizing:border-box;
margin:auto;
}
.bg_home_work .home_work_contents{
width:100%;
}
.bg_home_work .item{
cursor:pointer;
}
.bg_home_work .thumbnail{
position:relative;
overflow:hidden;
background-color:#f0f0f0;
}
.bg_home_work .thumbnail img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.bg_home_work .bg_button{
cursor:pointer;
border-radius:var(--button_border_radius);
}
.bg_home_work .bg_svg{
position:relative;
}
.bg_home_work .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.bg_home_work .font_europ{
font-family:var(--font-family-europ);
}
.bg_home_work .font_big_headline{
font-family:var(--font-family-big-headline);
}
.bg_home_work .font_small_headline{
font-family:var(--font-family-small-headline);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type1 .item{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type .backgroundcolor_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type .backgroundcolor_auto{
background-color:var(--basecolor2);
}
.home_work_type .color_basecolor1_font{
color:var(--basecolor1_font)!important;
}
.home_work_type .color_basecolor2_font{
color:var(--basecolor2_font)!important;
}
.home_work_type .color_headercolor_font{
color:var(--headercolor_font)!important;
}
.home_work_type .color_menucolor_font{
color:var(--menucolor_font)!important;
}
.home_work_type .color_footercolor_font{
color:var(--footercolor_font)!important;
}
.home_work_type .color_customcolor1_font{
color:var(--customcolor1_font)!important;
}
.home_work_type .color_customcolor2_font{
color:var(--customcolor2_font)!important;
}
.home_work_type .color_customcolor3_font{
color:var(--customcolor3_font)!important;
}
.home_work_type .svg_color_basecolor1_font svg{
fill:var(--basecolor1_font)!important;
}
.home_work_type .svg_color_basecolor2_font svg{
fill:var(--basecolor2_font)!important;
}
.home_work_type .svg_color_headercolor_font svg{
fill:var(--headercolor_font)!important;
}
.home_work_type .svg_color_menucolor_font svg{
fill:var(--menucolor_font)!important;
}
.home_work_type .svg_color_footercolor_font svg{
fill:var(--footercolor_font)!important;
}
.home_work_type .svg_color_customcolor1_font svg{
fill:var(--customcolor1_font)!important;
}
.home_work_type .svg_color_customcolor2_font svg{
fill:var(--customcolor2_font)!important;
}
.home_work_type .svg_color_customcolor3_font svg{
fill:var(--customcolor3_font)!important;
}
.home_work_type1 .bg_home_work .home_work_contents{
padding:10% 0;
box-sizing:border-box;
}
.home_work_type1 .bg_home_work .category_title{
width:100%;
margin-bottom:5%;
font-size:3.3em;
line-height:1em;
text-align:center;
}
.home_work_type1 .bg_home_work .category_desc{
width:100%;
margin-bottom:5%;
font-size:1.5em;
line-height:1.8em;
text-align:center;
}
.home_work_type1 .bg_home_work .bg_items{
width:100%;
display:flex;
justify-content:center;
column-gap:2.6%;
}
.home_work_type1 .bg_home_work .item{
width:23%;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type1 .item{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type1 .item{
color:var(--basecolor1_font);
}
.home_work_type1 .bg_home_work .thumbnail{
width:100%;
height:0px;
padding-top:100%;
box-sizing:border-box;
}
.home_work_type1 .bg_home_work .thumbnail img{
position:absolute;
bottom:0;
left:0;
right:0;
}
.home_work_type1 .bg_home_work .bg_text{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
position:relative;
}
.home_work_type1 .bg_home_work .backgroundcolor{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type1 .backgroundcolor{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type1 .backgroundcolor{
background-color:var(--basecolor1);
}
.home_work_type1 .bg_home_work .date{
line-height:1.8em;
position:relative;
}
.home_work_type1 .bg_home_work .title{
height:5.4em;
line-height:1.8em;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
position:relative;
}
.home_work_type1 .bg_home_work .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type1 .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type1 .button_bg_color_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type1 .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type1 .button_text_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type1 .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type1 .button_text_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type1 .button_svg_color_auto svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type1 .button_svg_color_auto svg{
fill:var(--basecolor1_font);
}
.home_work_type1 .bg_home_work .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.home_work_type1 .bg_home_work .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.home_work_type1 .bg_home_work .bg_svg{
width:1em;
height:1em;
}
.home_work_type2 .bg_home_work .home_work_contents{
padding:10% 0;
box-sizing:border-box;
}
.home_work_type2 .bg_home_work .category_title{
width:100%;
margin-bottom:5%;
font-size:3.3em;
line-height:1em;
text-align:center;
}
.home_work_type2 .bg_home_work .category_desc{
width:100%;
margin-bottom:5%;
font-size:1.5em;
line-height:1.8em;
text-align:center;
}
.home_work_type2 .bg_home_work .bg_items{
width:100%;
display:flex;
justify-content:center;
column-gap:2.6%;
}
.home_work_type2 .bg_home_work .item{
width:23%;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type2 .item{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type2 .item{
color:var(--basecolor2_font);
}
.home_work_type2 .bg_home_work .thumbnail{
width:100%;
height:0px;
padding-top:100%;
box-sizing:border-box;
border-radius:50vh;
}
.home_work_type2 .bg_home_work .thumbnail img{
position:absolute;
bottom:0;
left:0;
right:0;
}
.home_work_type2 .bg_home_work .bg_text{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
}
.home_work_type2 .bg_home_work .backgroundcolor{
display:none;
}
.home_work_type2 .bg_home_work .date{
line-height:1.8em;
}
.home_work_type2 .bg_home_work .title{
height:5.4em;
line-height:1.8em;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.home_work_type2 .bg_home_work .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type2 .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type2 .button_bg_color_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type2 .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type2 .button_text_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type2 .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type2 .button_text_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type2 .button_svg_color_auto svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type2 .button_svg_color_auto svg{
fill:var(--basecolor1_font);
}
.home_work_type2 .bg_home_work .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.home_work_type2 .bg_home_work .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.home_work_type2 .bg_home_work .bg_svg{
width:1em;
height:1em;
}
.home_work_type3 .bg_home_work .home_work_contents{
padding:10% 0;
box-sizing:border-box;
}
.home_work_type3 .bg_home_work .category_title{
width:100%;
margin-bottom:5%;
font-size:3.3em;
line-height:1em;
text-align:center;
}
.home_work_type3 .bg_home_work .category_desc{
width:100%;
margin-bottom:5%;
font-size:1.5em;
line-height:1.8em;
text-align:center;
}
.home_work_type3 .bg_home_work .bg_items{
width:100%;
display:flex;
justify-content:left;
flex-wrap:wrap;
column-gap:3%;
}
.home_work_type3 .bg_home_work .item:nth-child(-n+2){
width:48.5%;
margin-bottom:3%;
}
.home_work_type3 .bg_home_work .item:nth-child(n+3){
width:22.75%;
}
.home_work_type3 .bg_home_work .thumbnail{
width:100%;
height:0px;
padding-top:100%;
box-sizing:border-box;
}
.home_work_type3 .bg_home_work .item:nth-child(-n+2) .thumbnail{
width:100%;
height:0px;
padding-top:75%;
box-sizing:border-box;
}
.home_work_type3 .bg_home_work .thumbnail img{
position:absolute;
bottom:0;
left:0;
right:0;
}
.home_work_type3 .bg_home_work .bg_text{
width:100%;
padding:5%;
box-sizing:border-box;
position:absolute;
bottom:0;
left:0;
}
.home_work_type3 .bg_home_work .item:nth-child(-n+2) .bg_text{
padding:2.5%;
}
.home_work_type3 .bg_home_work .item_text_color_auto{
color:#ffffff;
}
.home_work_type3 .bg_home_work .backgroundcolor{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity:0.3;
}
.home_work_type3 .bg_home_work .item_bg_color_auto{
background:#383838;
}
.home_work_type3 .bg_home_work .date{
line-height:1.8em;
position:relative;
}
.home_work_type3 .bg_home_work .title{
height:3.6em;
line-height:1.8em;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
position:relative;
}
.home_work_type3 .bg_home_work .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type3 .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type3 .button_bg_color_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type3 .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type3 .button_text_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type3 .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type3 .button_text_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type3 .button_svg_color_auto svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type3 .button_svg_color_auto svg{
fill:var(--basecolor1_font);
}
.home_work_type3 .bg_home_work .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.home_work_type3 .bg_home_work .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.home_work_type3 .bg_home_work .bg_svg{
width:1em;
height:1em;
}
.home_work_type4 .bg_home_work .home_work_contents{
padding:10% 0;
box-sizing:border-box;
}
.home_work_type4 .bg_home_work .bg_title_desc{
width:100%;
margin-bottom:5%;
display:flex;
align-items:center;
justify-content:left;
gap:0 8%;
}
.home_work_type4 .bg_home_work .category_title{
width:max-content;
font-size:3.3em;
line-height:1em;
text-align:center;
}
.home_work_type4 .bg_home_work .category_desc{
width:max-content;
font-size:1em;
line-height:1.8em;
}
.home_work_type4 .bg_home_work .bg_items{
width:100%;
display:flex;
justify-content:space-between;
}
.home_work_type4 .bg_home_work .bg_items_left{
width:50%;
}
.home_work_type4 .bg_home_work .bg_items_left .item{
width:100%;
background:#ffffff;
}
.home_work_type4 .bg_home_work .bg_items_left .thumbnail{
width:100%;
height:0px;
padding-top:95%;
box-sizing:border-box;
}
.home_work_type4 .bg_home_work .bg_items_right{
width:47.5%;
display:flex;
align-items:flex-start;
justify-content:left;
flex-wrap:wrap;
gap:5%;
}
.home_work_type4 .bg_home_work .bg_items_right .item{
width:47.5%;
background:#ffffff;
}
.home_work_type4 .bg_home_work .bg_items_right .thumbnail{
width:100%;
height:0px;
padding-top:100%;
box-sizing:border-box;
}
.home_work_type4 .bg_home_work .thumbnail img{
position:absolute;
bottom:0;
left:0;
right:0;
}
.home_work_type4 .bg_home_work .bg_text{
width:100%;
padding:5%;
box-sizing:border-box;
position:absolute;
bottom:0;
left:0;
}
.home_work_type4 .bg_home_work .item_text_color_auto{
color:#ffffff;
}
.home_work_type4 .bg_home_work .item:nth-child(1) .bg_text{
padding:2.5%;
}
.home_work_type4 .bg_home_work .backgroundcolor{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity:0.3;
}
.home_work_type4 .bg_home_work .item_bg_color_auto{
background:#383838;
}
.home_work_type4 .bg_home_work .date{
line-height:1.8em;
position:relative;
}
.home_work_type4 .bg_home_work .title{
height:3.6em;
line-height:1.8em;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
position:relative;
}
.home_work_type4 .bg_home_work .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% 0 0 auto;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type4 .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type4 .button_bg_color_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type4 .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type4 .button_text_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type4 .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type4 .button_text_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type4 .button_svg_color_auto svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type4 .button_svg_color_auto svg{
fill:var(--basecolor1_font);
}
.home_work_type4 .bg_home_work .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.home_work_type4 .bg_home_work .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.home_work_type4 .bg_home_work .bg_svg{
width:1em;
height:1em;
}
.home_work_type5 .bg_home_work .home_work_contents{
padding:10% 0;
box-sizing:border-box;
}
.home_work_type5 .bg_home_work .bg_title_desc{
width:100%;
margin-bottom:5%;
display:flex;
align-items:center;
justify-content:left;
gap:0 8%;
}
.home_work_type5 .bg_home_work .category_title{
width:max-content;
font-size:3.3em;
line-height:1em;
text-align:center;
}
.home_work_type5 .bg_home_work .category_desc{
width:max-content;
font-size:1em;
line-height:1.8em;
}
.home_work_type5 .bg_home_work .bg_items{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
}
.home_work_type5 .bg_home_work .bg_items_left{
width:50%;
}
.home_work_type5 .bg_home_work .bg_items_left .item{
width:100%;
}
.home_work_type5 .bg_home_work .bg_items_left .thumbnail{
width:100%;
height:0px;
padding-top:100%;
box-sizing:border-box;
}
.home_work_type5 .bg_home_work .bg_items_left .bg_text{
width:100%;
padding:5%;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:left;
flex-wrap:wrap;
position:relative;
}
.home_work_type5 .bg_home_work .bg_items_right{
width:45%;
display:flex;
flex-wrap:wrap;
}
.home_work_type5 .bg_home_work .bg_items_right .item{
width:100%;
display:flex;
margin-bottom:8%;
}
.home_work_type5 .bg_home_work .bg_items_right .thumbnail{
width:35%;
height:0px;
padding-top:35%;
box-sizing:border-box;
}
.home_work_type5 .bg_home_work .thumbnail img{
position:absolute;
bottom:0;
left:0;
right:0;
}
.home_work_type5 .bg_home_work .bg_text{
width:65%;
padding:5%;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:left;
flex-wrap:wrap;
position:relative;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type5 .item{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type5 .item{
color:var(--basecolor2_font);
}
.home_work_type5 .bg_home_work .backgroundcolor{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity:0.3;
}
.home_work_type5 .bg_home_work .item_bg_color_auto{
background:none;
}
.home_work_type5 .bg_home_work .date{
width:100%;
line-height:1.8em;
position:relative;
}
.home_work_type5 .bg_home_work .title{
height:3.6em;
line-height:1.8em;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
position:relative;
}
.home_work_type5 .bg_home_work .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% 0 0 auto;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type5 .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type5 .button_bg_color_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type5 .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type5 .button_text_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type5 .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type5 .button_text_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type5 .button_svg_color_auto svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type5 .button_svg_color_auto svg{
fill:var(--basecolor1_font);
}
.home_work_type5 .bg_home_work .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.home_work_type5 .bg_home_work .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.home_work_type5 .bg_home_work .bg_svg{
width:1em;
height:1em;
}
.home_work_type6 .bg_home_work .home_work_contents{
padding:10% 0;
box-sizing:border-box;
}
.home_work_type6 .bg_home_work .category_title{
width:100%;
margin-bottom:5%;
font-size:3.3em;
line-height:1em;
text-align:center;
}
.home_work_type6 .bg_home_work .category_desc{
width:100%;
margin-bottom:5%;
font-size:1.5em;
line-height:1.8em;
text-align:center;
}
.home_work_type6 .bg_home_work .bg_items{
width:100%;
display:flex;
justify-content:space-between;
}
.home_work_type6 .bg_home_work .item{
width:23%;
background:#ffffff;
}
.home_work_type6 .bg_home_work .thumbnail{
width:100%;
height:0px;
padding-top:100%;
box-sizing:border-box;
}
.home_work_type6 .bg_home_work .thumbnail img{
position:absolute;
bottom:0;
left:0;
right:0;
}
.home_work_type6 .bg_home_work .bg_text{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
position:relative;
}
.home_work_type6 .bg_home_work .backgroundcolor{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.home_work_type6 .bg_home_work .date{
line-height:1.8em;
position:relative;
}
.home_work_type6 .bg_home_work .title{
height:5.4em;
line-height:1.8em;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
position:relative;
}
.home_work_type6 .bg_home_work .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type6 .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type6 .button_bg_color_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type6 .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .home_work_type6 .button_text_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type6 .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type6 .button_text_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .home_work_type6 .button_svg_color_auto svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .home_work_type6 .button_svg_color_auto svg{
fill:var(--basecolor1_font);
}
.home_work_type6 .bg_home_work .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.home_work_type6 .bg_home_work .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.home_work_type6 .bg_home_work .bg_svg{
width:1em;
height:1em;
}
.home_work_hover_type1 .item:hover{
opacity:0.8;
text-decoration:underline;
}
.home_work_hover_type1 .bg_button:hover{
opacity:0.8;
text-decoration:underline;
}
.home_work_hover_type2 .item:hover{
text-decoration:underline;
}
.home_work_hover_type2 .thumbnail img:hover {
transform:scale(1.2,1.2);
transition:0.5s all;
}
.home_work_hover_type2 .bg_button:hover{
opacity:0.8;
text-decoration:underline;
}
.bg_home_work .bg_animation_pc{
width:100%;
}
.bg_post_index_home{
width:100%;
margin:auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.bg_post_index_home{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.bg_post_index_home .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:20;
}
.bg_post_index_home .background_image{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:10;
}
.bg_post_index_home img{
max-width:100%;
height:auto;
}
.post_index_home{
width:min(100%,var(--base_width));
padding:5% 20px;
box-sizing:border-box;
margin:auto;
position:relative;
z-index:50;
}
.bg_post_index_home .bg_button .bg_svg{
position:relative;
}
.bg_post_index_home .bg_button .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_post_index_home_box_title_box_c{
padding:0 0 5% 0;
box-sizing:border-box;
margin:auto;
display:flex;
font-size:3.3em;
line-height:1em;
flex-direction:column;
justify-content:center;
}
.gc_auto_frame_post_index_home_box_title{
margin:0px;
font-family:var(--font-family-big-headline);
}
.gc_auto_frame_post_index_home_box_title_e{
margin:0px;
font-family:var(--font-family-europ);
font-size:150%;
}
.gc_auto_frame_post_index_home_box_memo{
font-size:50%;
margin:15px 10px;
}
.gc_auto_frame_post_index_home_box_title_c{
margin:0px;
text-align:center;
font-family:var(--font-family-big-headline);
}
.gc_auto_frame_post_index_home_box_title_c_e{
margin:0px;
text-align:center;
font-family:var(--font-family-europ);
font-size:150%;
}
.gc_auto_frame_post_index_home_box_memo_c{
font-size:50%;
margin:0px;
text-align:center;
padding-top:var(--grid_1);
}
.gc_auto_frame_post_index_home_box_title_r{
margin:0px;
text-align:right;
font-family:var(--font-family-big-headline);
}
.gc_auto_frame_post_index_home_box_title_r_e{
margin:0px;
text-align:right;
font-family:var(--font-family-europ);
font-size:150%;
}
.gc_auto_frame_post_index_home_box_memo_r{
font-size:50%;
margin:15px 10px;
text-align:right;
}
.gc_auto_frame_post_index_home_box_contents_box_tile{
width:100%;
display:flex;
justify-content:center;
column-gap:2.6%;
}
.gc_auto_frame_post_index_home_box_contents_cell_tile{
width:23%;
}
.gc_auto_frame_post_index_home_box_contents_cell_image{
width:100%;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_inner{
position:relative;
padding-bottom:100%;
height:0;
overflow:hidden;
background-color:#f0f0f0;
}
.gc_auto_frame_post_index_home_box_contents_cell_image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.gc_auto_frame_post_index_home_box_contents_cell_text_tile{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
position:relative;
}
.gc_auto_frame_post_index_home_box_contents_cell_date_tile{
line-height:1.8em;
position:relative;
}
.gc_auto_frame_post_index_home_box_contents_cell_caption_tile{
height:5.4em;
line-height:1.8em;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
position:relative;
}
.gc_auto_frame_post_index_home_box_contents_box_list{
width:100%;
margin:auto;
padding:var(--grid_h) var(--grid_2);
box-sizing:border-box;
}
.gc_auto_frame_post_index_home_box_contents_cell_list{
margin:5px;
padding:10px;
border-bottom:1px dashed;
cursor:pointer;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_null{
display:none;
}
.gc_auto_frame_post_index_home_box_contents_cell_text_list{
width:100%;
display:flex;
flex-direction:row;
align-items:center;
}
.gc_auto_frame_post_index_home_box_contents_cell_text_list:hover{
text-decoration:underline;
}
.gc_auto_frame_post_index_home_box_contents_cell_svg_list{
width:10px;
margin:1px 5px;
fill:var(--basecolor1_font);
}
.gc_auto_frame_post_index_home_box_contents_cell_date_list{
margin:0px 10px 0px 0px;
max-width:150px;
font-size:80%;
}
.gc_auto_frame_post_index_home_box_contents_cell_caption_list{
word-break:break-all;
}
.gc_auto_frame_post_index_home_box_contents_box_flow{
overflow:hidden;
padding:20px;
border-radius:4px;
background-color:var(--basecolor2);
color:var(--basecolor2_font);
height:40px;
position:relative;
}
.gc_auto_frame_post_index_home_box_contents_box_flow_belt{
border-radius:0px;
display:flex;
flex-direction:row;
flex-wrap:norwrap;
align-items:center;
position:absolute;
top:0;
bottom:0;
}
.gc_auto_frame_post_index_home_box_contents_cell_flow{
width:100%;
}
#gc_auto_frame_post_index_home_box_contents_cell_flow_last{
background-color:red;
}
.gc_auto_frame_post_index_home_box_contents_cell_text_flow{
display:flex;
flex-direction:row;
flex-wrap:norwrap;
align-items:center;
cursor:pointer;
}
.gc_auto_frame_post_index_home_box_contents_cell_date_flow{
white-space:nowrap;
margin-left:30px;
}
.gc_auto_frame_post_index_home_box_contents_cell_caption_flow{
white-space:nowrap;
margin:0px 50px 0px 5px;
}
.gc_auto_frame_post_index_home_box_contents_cell_svg_flow{
width:10px;
margin:1px 5px;
fill:var(--basecolor2_font);
}
.gc_auto_frame_post_index_home_box_contents_box_imgidx{
width:100%;
display:flex;
flex-wrap:wrap;
font-size:90%;
padding:0px var(--grid_h);
box-sizing:border-box;
}
.gc_auto_frame_post_index_home_box_contents_cell_imgidx{
width:33%;
padding:var(--grid_h);
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_imgidx{
width:50%;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_inner{
position:relative;
padding-bottom:100%;
height:0;
overflow:hidden;
background-color:#f0f0f0;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_imgidx img{
width:100%;
height:100%;
object-fit:cover;
display:block;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.gc_auto_frame_post_index_home_box_contents_cell_text_imgidx{
width:50%;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-itemx:center;
background-color:var(--basecolor2);
color:var(--basecolor2_font);
border-radius:0px 0px 4px 4px;
}
.gc_auto_frame_post_index_home_box_contents_cell_date_imgidx{
width:25%;
padding:10px;
line-height:150%;
box-sizing:border-box;
}
.gc_auto_frame_post_index_home_box_contents_cell_caption_imgidx{
height:100px;
padding:10px;
line-height:120%;
box-sizing:border-box;
word-break:break-all;
overflow:hidden;
}
.gc_auto_frame_post_index_home_box_contents_box_tweet{
width:100%;
display:flex;
align-itemx:flex-start;
justify-content:space-between;
font-size:90%;
padding:0px var(--grid_h);
box-sizing:border-box;
}
.gc_auto_frame_post_index_home_box_contents_cell_tweet{
width:23%;
padding:var(--grid_h) 0;
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
cursor:pointer;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_tweet{
width:50%;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_inner{
position:relative;
padding-bottom:100%;
height:0;
overflow:hidden;
border-radius:4px 4px 0px 0px;
background-color:#f0f0f0;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_tweet img{
width:150%;
height:auto;
display:block;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.gc_auto_frame_post_index_home_box_contents_cell_text_tweet{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
border-radius:0px 0px 4px 4px;
}
.gc_auto_frame_post_index_home_box_contents_cell_date_tweet{
width:25%;
padding:10px;
line-height:150%;
box-sizing:border-box;
}
.gc_auto_frame_post_index_home_box_contents_cell_caption_tweet{
padding:10px;
line-height:120%;
box-sizing:border-box;
word-break:break-all;
overflow:hidden;
}
.gc_auto_frame_post_index_home_box_contents_cell_svg_tweet{
width:40px;
min-width:40px;
margin:1px 5px;
fill:var(--basecolor_font);
}
.gc_auto_frame_post_index_home_box_button{
display:flex;
flex-direction:row;
flex-wrap:norwrap;
justify-content:center;
align-items:center;
background-color:var(--buttoncolor);
color:var(--buttoncolor_font);
fill:var(--buttoncolor_font);
border:1px solid var(--buttoncolor);
width:80%;
max-width:var(--grid_14);
padding:10px;
border-radius:2px;
margin:var(--grid_2) auto 0px;
cursor:pointer;
font-family:var(--font-family-button);
}
.gc_auto_frame_post_index_home_box_button:hover{
background-color:var(--buttoncolor_font);
color:var(--buttoncolor);
fill:var(--buttoncolor);
}
.gc_auto_frame_post_index_home_box_button_none{
display:flex;
flex-direction:row;
flex-wrap:norwrap;
justify-content:center;
align-items:center;
color:var(--buttoncolor);
fill:var(--buttoncolor);
width:80%;
max-width:var(--grid_14);
padding:10px;
border-radius:40px;
margin:var(--grid_2) auto 0px;
cursor:pointer;
font-family:var(--font-family-button);
}
.gc_auto_frame_post_index_home_box_button_none:hover{
color:var(--buttoncolor);
fill:var(--buttoncolor);
text-decoration:underline;
}
.gc_auto_frame_post_index_home_box_button_text{
font-family:var(--font-family-button);
}
.gc_auto_frame_post_index_home_box_button_svg{
width:20px;
padding:5px 0px 0px 5px;
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .backgroundcolor_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .backgroundcolor_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_backgroundcolor_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_backgroundcolor_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_textcolor_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_textcolor_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_textcolor_auto svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_textcolor_auto svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_bordercolor_auto{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_bordercolor_auto{
border-color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_textcolor_auto2{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_textcolor_auto2{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_textcolor_auto2 svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_textcolor_auto2 svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_bordercolor_auto2{
border-color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_bordercolor_auto2{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .button_bg_color_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .button_svg_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .button_svg_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.bg_post_index_home .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
border-radius:var(--button_border_radius);
margin:10% auto 0 auto;
cursor:pointer;
}
.bg_post_index_home .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.bg_post_index_home .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.bg_post_index_home .bg_button .bg_svg{
width:1em;
height:1em;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_inner .instagram-media{
position:absolute;
top:-54px;
left:50%;
transform:translate(-50%,0);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .backgroundcolor_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .backgroundcolor_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_backgroundcolor_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_backgroundcolor_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_textcolor_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_textcolor_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_textcolor_auto svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_textcolor_auto svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_bordercolor_auto{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_bordercolor_auto{
border-color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_textcolor_auto2{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_textcolor_auto2{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_textcolor_auto2 svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_textcolor_auto2 svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .contents_bordercolor_auto2{
border-color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .contents_bordercolor_auto2{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .button_bg_color_auto{
background-color:var(--basecolor1);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .button_bg_color_auto{
background-color:var(--basecolor2);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .button_text_color_auto{
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1) .bg_post_index_home .button_svg_color_auto svg{
fill:var(--basecolor1_font)!important;
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .button_text_color_auto{
color:var(--basecolor2_font);
}
.gc_auto_frame_background:nth-child(2n) .bg_post_index_home .button_svg_color_auto svg{
fill:var(--basecolor2_font)!important;
}
.bg_post_index_home .bg_button{
width:max-content;
max-width:100%;
min-width:300px;
padding:1.5% 8%;
box-sizing:border-box;
border-radius:var(--button_border_radius);
margin:10% auto 0 auto;
cursor:pointer;
}
.bg_post_index_home .button_contents{
display:flex;
align-items:center;
justify-content:center;
gap:1em;
}
.bg_post_index_home .button_text{
width:max-content;
font-size:1em;
line-height:1em;
}
.bg_post_index_home .bg_button .bg_svg{
width:1em;
height:1em;
}
.gc_auto_frame_post_index_home_box_contents_cell_image_inner .instagram-media{
position:absolute;
top:-54px;
left:50%;
transform:translate(-50%,0);
}
.gc_auto_frame_footer{
background-color:var(--footercolor)!important;
color:var(--footercolor_font)!important;
margin:auto;
width:100%;
min-height:200px;
box-sizing:border-box;
}
.bg_footer_contents{
width:100%;
height:100%;
position:relative;
}
.gc_auto_frame_footer .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:20;
}
.gc_auto_frame_footer .backgroundcolor_auto{
background:var(--footercolor);
}
.gc_auto_frame_footer .background_image{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:10;
}
.footer_contents{
width:min(var(--base_width),100%);
padding:var(--grid_4) 0px var(--grid_7) 0px;
margin:auto;
position:relative;
z-index:50;
}
.footer_contents .footer_logo{
width:30%;
margin:0 auto var(--grid_2) auto;
}
.footer_contents .footer_logo img{
display:block;
width:100%;
height:auto;
}
.footer_contents .footer_text{
font-size:1em;
line-height:1.8em;
text-align:center;
margin:0 auto var(--grid_1) auto;
}
.footer_contents .footer_copyright {
font-size:1em;
line-height:1.8em;
text-align:center;
margin:auto;
}
.background_image_size_cover{
background-size:cover;
}
.background_image_size_100{
background-size:100%;
}
.background_image_size_100_hero{
background-size:100%;
}
.background_image_size_150{
background-size:150%;
}
.background_image_size_150_hero{
background-size:150%;
}
.background_image_size_200{
background-size:200%;
}
.background_image_size_200_hero{
background-size:200%;
}
.background_image_size_250{
background-size:250%;
}
.background_image_size_250_hero{
background-size:250%;
}
.background_image_size_300{
background-size:300%;
}
.background_image_size_300_hero{
background-size:300%;
}
.background_image_size_400{
background-size:400%;
}
.background_image_size_400_hero{
background-size:400%;
}
.background_image_size_500{
background-size:500%;
}
.background_image_size_500_hero{
background-size:500%;
}
.background_image_hero_x_left{
background-position-x:left;
}
.background_image_hero_x_25{
background-position-x:25%;
}
.background_image_hero_x_center{
background-position-x:center;
}
.background_image_hero_x_75{
background-position-x:75%;
}
.background_image_hero_x_right{
background-position-x:right;
}
.background_image_hero_y_top{
background-position-y:top;
}
.background_image_hero_y_25{
background-position-y:25%;
}
.background_image_hero_y_center{
background-position-y:center;
}
.background_image_hero_y_75{
background-position-y:75%;
}
.background_image_hero_y_bottom{
background-position-y:bottom;
}
.image_filter_none{
}
.image_filter_grayscale{
filter:grayscale(1);
}
.image_filter_blur1{
filter:blur(7px);
width:calc(100% + 20px)!important;
height:calc(100% + 20px)!important;
}
.image_filter_blur2{
filter:blur(5px);
width:calc(100% + 20px)!important;
height:calc(100% + 20px)!important;
}
.image_filter_blur3{
filter:blur(3px);
width:calc(100% + 20px)!important;
height:calc(100% + 20px)!important;
}
.gc_auto_frame_footer_fixed{
background-color:var(--footerfixcolor)!important;
color:var(--footerfixcolor_font)!important;
fill:var(--footerfixcolor_font)!important;
position:fixed;
left:0px;
bottom:0px;
width:100%;
height:45px;
padding:1px 0 0 0;
z-index:10000;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.gc_auto_frame_spotitem{
width:100%;
margin:auto;
}
.gc_auto_frame_spotitem_basewidth{
width:100%;
max-width:var(--base_width);
margin:auto;
}
.gc_auto_frame_spotitem_box{
width:100%;
margin:0px auto;
clear:both;
}
.gc_auto_frame_spotitem_body{
width:var(--body_width);
margin:0px;
}
.gc_auto_frame_spotitem img{
max-width:100%;
height:auto;
}
.gc_auto_frame_spotitem .linktext_color_blue a{
color:#065fd4;
}
.gc_auto_frame_spotitem .linktext_color_white a{
color:#ffffff;
}
.gc_auto_frame_spotitem .linktext_color_black a{
color:#383838;
}
.gc_auto_frame_spotitem .linktext_color_basecolor1 a{
color:var(--basecolor1_font);
}
.gc_auto_frame_spotitem .linktext_color_basecolor2 a{
color:var(--basecolor2_font);
}
.gc_auto_frame_spotitem .linktext_color_headercolor a{
color:var(--headercolor_font);
}
.gc_auto_frame_spotitem .linktext_color_menucolor a{
color:var(--menucolor_font);
}
.gc_auto_frame_spotitem .linktext_color_footercolor a{
color:var(--footercolor_font);
}
.gc_auto_frame_spotitem .linktext_color_customcolor1 a{
color:var(--customcolor1_font);
}
.gc_auto_frame_spotitem .linktext_color_customcolor2 a{
color:var(--customcolor2_font);
}
.gc_auto_frame_spotitem .linktext_color_customcolor3 a{
color:var(--customcolor3_font);
}
.backgroundcolor_none{
background:none;
}
.backgroundcolor_white{
background:#ffffff;
}
.backgroundcolor_black{
background:#383838;
}
.backgroundcolor_basecolor1{
background:var(--basecolor1);
}
.backgroundcolor_basecolor1_font{
background:var(--basecolor1_font);
}
.backgroundcolor_basecolor2{
background:var(--basecolor2);
}
.backgroundcolor_basecolor2_font{
background:var(--basecolor2_font);
}
.backgroundcolor_headercolor{
background:var(--headercolor);
}
.backgroundcolor_headercolor_font{
background:var(--headercolor_font);
}
.backgroundcolor_menucolor{
background:var(--menucolor);
}
.backgroundcolor_menucolor_font{
background:var(--menucolor_font);
}
.backgroundcolor_footercolor{
background:var(--footercolor);
}
.backgroundcolor_footercolor_font{
background:var(--footercolor_font);
}
.backgroundcolor_customcolor1{
background:var(--customcolor1);
}
.backgroundcolor_customcolor1_font{
background:var(--customcolor1_font);
}
.backgroundcolor_customcolor2{
background:var(--customcolor2);
}
.backgroundcolor_customcolor2_font{
background:var(--customcolor2_font);
}
.backgroundcolor_customcolor3{
background:var(--customcolor3);
}
.backgroundcolor_customcolor3_font{
background:var(--customcolor3_font);
}
.textcolor_white{
color:#ffffff;
}
.textcolor_white svg{
fill:#ffffff;
}
.textcolor_white a{
color:#ffffff;
}
.textcolor_black{
color:#383838;
}
.textcolor_black svg{
fill:#383838;
}
.textcolor_black a{
color:#383838;
}
.textcolor_basecolor1{
color:var(--basecolor1_font);
}
.textcolor_basecolor1 svg{
fill:var(--basecolor1_font);
}
.textcolor_basecolor1 a{
color:var(--basecolor1_font);
}
.textcolor_basecolor1_bg{
color:var(--basecolor1);
}
.textcolor_basecolor1_bg svg{
fill:var(--basecolor1);
}
.textcolor_basecolor1_bg a{
color:var(--basecolor1);
}
.textcolor_basecolor2{
color:var(--basecolor2_font);
}
.textcolor_basecolor2 svg{
fill:var(--basecolor2_font);
}
.textcolor_basecolor2 a{
color:var(--basecolor2_font);
}
.textcolor_basecolor2_bg{
color:var(--basecolor2);
}
.textcolor_basecolor2_bg svg{
fill:var(--basecolor2);
}
.textcolor_basecolor2_bg a{
color:var(--basecolor2);
}
.textcolor_headercolor{
color:var(--headercolor_font);
}
.textcolor_headercolor svg{
fill:var(--headercolor_font);
}
.textcolor_headercolor a{
color:var(--headercolor_font);
}
.textcolor_headercolor_bg{
color:var(--headercolor);
}
.textcolor_headercolor_bg svg{
fill:var(--headercolor);
}
.textcolor_headercolor_bg a{
color:var(--headercolor);
}
.textcolor_menucolor{
color:var(--menucolor_font);
}
.textcolor_menucolor svg{
fill:var(--menucolor_font);
}
.textcolor_menucolor a{
color:var(--menucolor_font);
}
.textcolor_menucolor_bg{
color:var(--menucolor);
}
.textcolor_menucolor_bg svg{
fill:var(--menucolor);
}
.textcolor_menucolor_bg a{
color:var(--menucolor);
}
.textcolor_footercolor{
color:var(--footercolor_font);
}
.textcolor_footercolor svg{
fill:var(--footercolor_font);
}
.textcolor_footercolor a{
color:var(--footercolor_font);
}
.textcolor_footercolor_bg{
color:var(--footercolor);
}
.textcolor_footercolor_bg svg{
fill:var(--footercolor);
}
.textcolor_footercolor_bg a{
color:var(--footercolor);
}
.textcolor_customcolor1{
color:var(--customcolor1_font);
}
.textcolor_customcolor1 svg{
fill:var(--customcolor1_font);
}
.textcolor_customcolor1 a{
color:var(--customcolor1_font);
}
.textcolor_customcolor1_bg{
color:var(--customcolor1);
}
.textcolor_customcolor1_bg svg{
fill:var(--customcolor1);
}
.textcolor_customcolor1_bg a{
color:var(--customcolor1);
}
.textcolor_customcolor2{
color:var(--customcolor2_font);
}
.textcolor_customcolor2 svg{
fill:var(--customcolor2_font);
}
.textcolor_customcolor2 a{
color:var(--customcolor2_font);
}
.textcolor_customcolor2_bg{
color:var(--customcolor2);
}
.textcolor_customcolor2_bg svg{
fill:var(--customcolor2);
}
.textcolor_customcolor2_bg a{
color:var(--customcolor2);
}
.textcolor_customcolor3{
color:var(--customcolor3_font);
}
.textcolor_customcolor3 svg{
fill:var(--customcolor3_font);
}
.textcolor_customcolor3 a{
color:var(--customcolor3_font);
}
.textcolor_customcolor3_bg{
color:var(--customcolor3);
}
.textcolor_customcolor3_bg svg{
fill:var(--customcolor3);
}
.textcolor_customcolor1_bg a{
color:var(--customcolor3);
}
.svgcolor_white svg{
fill:#ffffff;
}
.svgcolor_black svg{
fill:#383838;
}
.svgcolor_basecolor1 svg{
fill:var(--basecolor1);
}
.svgcolor_basecolor1_font svg{
fill:var(--basecolor1_font);
}
.svgcolor_basecolor2 svg{
fill:var(--basecolor2);
}
.svgcolor_basecolor2_font svg{
fill:var(--basecolor2_font);
}
.svgcolor_headercolor svg{
fill:var(--headercolor);
}
.svgcolor_headercolor_font svg{
fill:var(--headercolor_font);
}
.svgcolor_menucolor svg{
fill:var(--menucolor);
}
.svgcolor_menucolor_font svg{
fill:var(--menucolor_font);
}
.svgcolor_footercolor svg{
fill:var(--footercolor);
}
.svgcolor_footercolor_font svg{
fill:var(--footercolor_font);
}
.svgcolor_customcolor1 svg{
fill:var(--customcolor1);
}
.svgcolor_customcolor1_font svg{
fill:var(--customcolor1_font);
}
.svgcolor_customcolor2 svg{
fill:var(--customcolor2);
}
.svgcolor_customcolor2_font svg{
fill:var(--customcolor2_font);
}
.svgcolor_customcolor3 svg{
fill:var(--customcolor3);
}
.svgcolor_customcolor3_font svg{
fill:var(--customcolor3_font);
}
.bordercolor_white{
border-color:#ffffff;
}
.bordercolor_black{
border-color:#383838;
}
.bordercolor_basecolor1{
border-color:var(--basecolor1);
}
.bordercolor_basecolor1_font{
border-color:var(--basecolor1_font);
}
.bordercolor_basecolor2{
border-color:var(--basecolor2);
}
.bordercolor_basecolor2_font{
border-color:var(--basecolor2_font);
}
.bordercolor_headercolor{
border-color:var(--headercolor);
}
.bordercolor_headercolor_font{
border-color:var(--headercolor_font);
}
.bordercolor_menucolor{
border-color:var(--menucolor);
}
.bordercolor_menucolor_font{
border-color:var(--menucolor_font);
}
.bordercolor_footercolor{
border-color:var(--footercolor);
}
.bordercolor_footercolor_font{
border-color:var(--footercolor_font);
}
.bordercolor_customcolor1{
border-color:var(--customcolor1);
}
.bordercolor_customcolor1_font{
border-color:var(--customcolor1_font);
}
.bordercolor_customcolor2{
border-color:var(--customcolor2);
}
.bordercolor_customcolor2_font{
border-color:var(--customcolor2_font);
}
.bordercolor_customcolor3{
border-color:var(--customcolor3);
}
.bordercolor_customcolor3_font{
border-color:var(--customcolor3_font);
}
.opacity_10{
opacity:1.0;
}
.opacity_09{
opacity:0.9;
}
.opacity_08{
opacity:0.8;
}
.opacity_07{
opacity:0.7;
}
.opacity_06{
opacity:0.6;
}
.opacity_05{
opacity:0.5;
}
.opacity_04{
opacity:0.4;
}
.opacity_03{
opacity:0.3;
}
.opacity_02{
opacity:0.2;
}
.opacity_01{
opacity:0.1;
}
.opacity_00{
opacity:0;
}
.mix_blend_mode_multiply{
mix-blend-mode:multiply;
}
.mix_blend_mode_colorburn{
mix-blend-mode:color-burn;
}
.mix_blend_mode_screen{
mix-blend-mode:screen;
}
.mix_blend_mode_colordodge{
mix-blend-mode:color-dodge;
}
.mix_blend_mode_overlay{
mix-blend-mode:overlay;
}
.mix_blend_mode_softlight{
mix-blend-mode:soft-light;
}
.mix_blend_mode_color{
mix-blend-mode:color;
}
.mix_blend_mode_hue{
mix-blend-mode:hue;
}
.fontfamily_honbun {
font-family:var(--font-family);
}
.fontfamily_big_headline {
font-family:var(--font-family-big-headline);
}
.fontfamily_small_headline {
font-family:var(--font-family-small-headline);
}
.fontfamily_button {
font-family:var(--font-family-button);
}
.fontfamily_europ {
font-family:var(--font-family-europ);
}
.bg_youtube_player_hopweb {
width:100%;
aspect-ratio:16 / 9;
}
.bg_youtube_player_hopweb_width_height_style{
width:100%;
aspect-ratio:16 / 9;
}
.bg_youtube_player_hopweb_width_height_style iframe{
width:100%;
height:100%;
}
.bg_googlemap_hopweb {
width:100%;
height:500px;
}
.bg_googlemap_hopweb_width_height_style{
width:100%;
height:500px;
}
.bg_googlemap_hopweb_width_height_style iframe{
width:100%;
height:100%;
}
.gc_auto_frame_spotitem_lp span:nth-child(2n){
display:block;
background-color:var(--basecolor1);
color:var(--basecolor1_font);
}
.gc_auto_frame_spotitem_lp span:nth-child(4n){
display:block;
background-color:var(--basecolor2);
color:var(--basecolor2_font);
}
.gc_auto_frame_spotitem_lp .lp_temp_sec span{
display:inline;
background:none;
}
.lp_temp_kiji_w{
margin:auto;
position:relative;
}
.lp_temp_kiji_contents{
width:100%;
padding:7.5% 0;
box-sizing:border-box;
}
.lp_temp_sec {
position:relative;
}
.lp_temp_bg {
width:100%;
height:100%;
position:absolute;
top:0%;
left:0%;
}
.lp_jump_point{
padding-top:80px;
margin-top:-80px;
}
.gc_auto_frame_spotitem_lp .eyecatch_h1title{
width:100%;
padding:1%;
box-sizing:border-box;
font-size:var(--font_size);
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .eyecatch_img{
width:100%;
height:var(--hero_height);
background-repeat:no-repeat;
}
.gc_auto_frame_spotitem_lp .eyecatch_img_100vh{
width:100%;
height:calc(100vh - var(--header_height));
background-repeat:no-repeat;
}
.gc_auto_frame_spotitem_lp .eyecatch_img img{
width:100%;
height:100%;
object-fit:cover;
}
.gc_auto_frame_spotitem_lp .eyecatch_textbox{
width:75%;
max-width:1000px;
max-height:50%;
background:none;
border-width:0;
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.gc_auto_frame_spotitem_lp .eyecatch_bgcolor{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
opacity:0.85;
}
.gc_auto_frame_spotitem_lp .eyecatch_text1{
text-align:center;
font-family:var(--font-family-big-headline);
position:relative;
}
.gc_auto_frame_spotitem_lp .text1_fontsize_large_pc{
font-size:55px;
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .text1_fontsize_medium_pc{
font-size:40px;
line-height:1.5em;
}
.gc_auto_frame_spotitem_lp .text1_fontsize_small_pc{
font-size:33.px;
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .eyecatch_text2{
font-family:var(--font-family-big-headline);
text-align:center;
position:relative;
}
.gc_auto_frame_spotitem_lp .text2_fontsize_large_pc{
font-size:56px;
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .text2_fontsize_medium_pc{
font-size:48px;
line-height:1.5em;
}
.gc_auto_frame_spotitem_lp .text2_fontsize_small_pc{
font-size:40px;
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .eyecatch_text3{
text-align:center;
position:relative;
}
.gc_auto_frame_spotitem_lp .text3_fontsize_large_pc{
font-size:20px;
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .text3_fontsize_medium_pc{
font-size:16px;
line-height:1.5em;
}
.gc_auto_frame_spotitem_lp .text3_fontsize_small_pc{
font-size:12px;
line-height:1.35em;
}
.eyecatch_image_size_pc_auto{
background-size:cover;
}
.eyecatch_image_size_pc_100{
background-size:100%;
}
.eyecatch_image_size_pc_150{
background-size:150%;
}
.eyecatch_image_size_pc_200{
background-size:200%;
}
.eyecatch_image_size_pc_250{
background-size:250%;
}
.eyecatch_image_size_pc_300{
background-size:300%;
}
.eyecatch_image_size_pc_400{
background-size:400%;
}
.eyecatch_image_size_pc_500{
background-size:500%;
}
.eyecatch_image_x_pc_center{
background-position-x:center;
}
.eyecatch_image_x_pc_left{
background-position-x:left;
}
.eyecatch_image_x_pc_25{
background-position-x:25%;
}
.eyecatch_image_x_pc_75{
background-position-x:75%;
}
.eyecatch_image_x_pc_right{
background-position-x:right;
}
.eyecatch_image_y_pc_center{
background-position-y:center;
}
.eyecatch_image_y_pc_top{
background-position-y:top;
}
.eyecatch_image_y_pc_25{
background-position-y:25%;
}
.eyecatch_image_y_pc_75{
background-position-y:75%;
}
.eyecatch_image_y_pc_bot{
background-position-y:bottom;
}
.gc_auto_frame_spotitem_lp .eyecatch0_h1title{
width:100%;
padding:1%;
box-sizing:border-box;
font-size:var(--font_size);
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .eyecatch0_image img{
display:block;
width:100%;
height:auto;
}
.gc_auto_frame_spotitem_lp .eyecatch0_smp_image img{
display:none;
}
.gc_auto_frame_spotitem_lp .onayami_h2title{
width:max-content;
max-width:100%;
padding:3.75% 1.25% 1.25% 1.25%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .onayami_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .onayami_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .onayami_title_svg{
width:3em;
height:3em;
}
.gc_auto_frame_spotitem_lp .onayami_title_svg_left{
position:absolute;
bottom:30%;
left:-25%;
}
.gc_auto_frame_spotitem_lp .onayami_title_svg_right{
position:absolute;
bottom:30%;
right:-25%;
}
.gc_auto_frame_spotitem_lp .onayami_title_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_spotitem_lp .onayami_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .onayami_img img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .onayami_text1{
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .onayami_box{
padding:1.25%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .onayami_talker{
display:flex;
}
.gc_auto_frame_spotitem_lp .onayami_talker_img{
width:20%;
}
.gc_auto_frame_spotitem_lp .onayami_talker_img img{
display:block;
width:100%;
height:auto;
border-radius:50%;
object-fit:cover;
border-width:0;
}
.gc_auto_frame_spotitem_lp .onayami_talker_left_txt{
display:inline-block;
width:80%;
min-width:120px;
max-width:100%;
padding:2.5%;
box-sizing:border-box;
border-radius:3px;
margin:1.5em 0 1.5em 15px;
font-size:1em;
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .bg_onym_h_text{
display:flex;
align-items:flex-start;
}
.gc_auto_frame_spotitem_lp .onayami_hukidasi_svg{
min-width:1em;
max-width:1em;
min-height:1em;
max-height:1em;
margin-top:0.4em;
margin-right:0.5em;
position:relative;
}
.gc_auto_frame_spotitem_lp .onayami_hukidasi_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_spotitem_lp .onayami_hito_svg{
width:20%;
height:0;
padding:10% 0;
box-sizing:border-box;
position:relative;
}
.gc_auto_frame_spotitem_lp .onayami_hito_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_spotitem_lp .onayami_text2{
padding:0 1.25%;
box-sizing:border-box;
margin:7.5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .merit_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .merit_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .merit_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .merit_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .merit_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .merit_img{
width:100%;
}
.gc_auto_frame_spotitem_lp .merit_img img {
display:block;
max-width:100%;
height:auto;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .merit_text1{
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .meritlist{
padding:0 5%;
box-sizing:border-box;
border-width:0 0 0 0;
font-size:var(--font_size);
line-height:1.8em;
display:flex;
align-items:flex-start;
justify-content:left;
}
.gc_auto_frame_spotitem_lp .meritc_title{
padding:0;
font-size:1.5em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .meritc_text{
margin:0.5em 0;
font-size:1em;
line-height:1.8em;
}
.merit_svg{
width:2em;
height:2em;
position:relative;
margin:0.35em 1em 0 0;
}
.merit_svg svg{
position:absolute;
top:0;
left:0;
fill:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .merit_text2{
padding:0 1.25%;
box-sizing:border-box;
margin:7.5% auto 0 auto;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .reason_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .reason_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .reason_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .reason_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .reason_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .reason_img img{
display:block;
width:100%;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .reason_text1{
width:100%;
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 7.5% auto;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .reason_box{
display:flex;
justify-content:space-evenly;
flex-wrap:wrap;
}
.gc_auto_frame_spotitem_lp .rsn_list{
width:42.5%;
padding:6% 1.5% 3% 1.5%;
box-sizing:border-box;
border-width:1px;
border-style:solid;
border-radius:1px;
background:none;
margin:0 0 5% 0;
position:relative;
}
.gc_auto_frame_spotitem_lp .rsn_contents{
width:100%;
}
.gc_auto_frame_spotitem_lp .rsn_title{
padding:0;
font-size:1.3em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .rsn_text{
padding:0;
font-size:1em;
line-height:1.8em;
}
.bg_reason_svg{
width:60px;
height:60px;
border-radius:50%;
position:absolute;
top:0%;
left:50%;
transform:translate(-50%,-50%);
}
.reason_svg{
width:2em;
height:2em;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.reason_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_spotitem_lp .reason_text2{
width:100%;
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 0 auto;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .compare_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .compare_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .compare_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .compare_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .compare_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .compare_img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .compare_text1{
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .compare_box{
padding:2.5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .comparelist{
display:flex;
flex-wrap:wrap;
padding:0;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .compare_topmenu{
width:33.3%;
padding:2.5%;
box-sizing:border-box;
border-width:0px 1px 2px 0px;
}
.gc_auto_frame_spotitem_lp .compare_menu{
width:33.3%;
padding:2.5%;
box-sizing:border-box;
border-width:0px 1px 1px 0px;
}
.gc_auto_frame_spotitem_lp .compare_top1{
width:33.3%;
padding:2.5%;
box-sizing:border-box;
border-width:1px 1px 2px 0px;
text-align:left;
}
.gc_auto_frame_spotitem_lp .compare_1{
width:33.3%;
padding:2.5%;
box-sizing:border-box;
border-width:0px 1px 1px 0px;
text-align:left;
}
.gc_auto_frame_spotitem_lp .compare_top2{
width:33.3%;
padding:2.5%;
box-sizing:border-box;
border-width:1px 1px 2px 0px;
text-align:left;
}
.gc_auto_frame_spotitem_lp .compare_2{
width:33.3%;
padding:2.5%;
box-sizing:border-box;
border-width:0px 1px 1px 0px;
text-align:left;
}
.gc_auto_frame_spotitem_lp .compare_text2{
padding:0 1.25%;
box-sizing:border-box;
margin:7.5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .price_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .price_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .price_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .price_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .price_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .price_img img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .price_text1{
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .price_box{
padding:2.5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .pricelist{
display:flex;
flex-wrap:wrap;
padding:0;
box-sizing:border-box;
border-width:0 0 0 0;
}
.gc_auto_frame_spotitem_lp .price_menu{
width:50%;
padding:2.5%;
box-sizing:border-box;
border-width:0 0 1px 0;
font-size:1.25em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .price_price{
width:50%;
padding:2.5%;
box-sizing:border-box;
border-width:0 0 1px 0;
font-size:1.25em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .price_text2{
padding:0 1.25%;
box-sizing:border-box;
margin:7.5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .price_template_text_type1 .price_menu{
text-align:left;
}
.gc_auto_frame_spotitem_lp .price_template_text_type1 .price_price{
text-align:right;
}
.gc_auto_frame_spotitem_lp .price_template_text_type2 .price_menu{
text-align:left;
}
.gc_auto_frame_spotitem_lp .price_template_text_type2 .price_price{
text-align:left;
}
.gc_auto_frame_spotitem_lp .jisseki_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .jisseki_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .jisseki_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .jisseki_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .jisseki_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .jisseki_img img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .jisseki_text1{
width:100%;
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .jisseki_box{
width:100%;
padding:0 2.5%;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
gap:0 5%;
}
.gc_auto_frame_spotitem_lp .jsk_list{
width:45%;
padding:2.5%;
box-sizing:border-box;
border-width:0;
margin:0 0 5% 0;
}
.gc_auto_frame_spotitem_lp .jsk_img{
width:100%;
}
.gc_auto_frame_spotitem_lp .jsk_img img{
max-width:100%;
height:auto;
}
.gc_auto_frame_spotitem_lp .jsk_text{
width:100%;
margin-top:3%;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .jisseki_text2{
width:100%;
padding:0 1.25%;
box-sizing:border-box;
margin:2.5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .voice_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .voice_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .voice_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .voice_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .voice_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .voice_img img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .voice_text1{
width:100%;
padding:0 1.25%;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .voice_box{
width:100%;
padding:0 5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .voice_talker{
display:flex;
width:100%;
padding:0 5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .vce_talker_img{
width:max-content;
}
.gc_auto_frame_spotitem_lp .vce_talker_img img{
display:block;
width:80%;
height:auto;
margin:auto;
object-fit:cover;
}
.gc_auto_frame_spotitem_lp .voice_svg{
width:70px;
height:70px;
position:relative;
margin:0 3% 0 0;
}
.gc_auto_frame_spotitem_lp .voice_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_spotitem_lp .vce_talker_txt{
display:block;
width:100%;
min-width:auto;
max-width:none;
padding:2.5% 2.5% 5% 2.5%;
box-sizing:border-box;
border-radius:3px;
margin:0 0 3% 3%;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .vce_talker_txt:before{
content:"";
margin-top:0;
position:absolute;
top:30px;
left:-25px;
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_white{
background-color:#ffffff;
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_white:before{
content:"";
border:10px solid transparent;
border-right:15px solid #ffffff;
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_black{
background-color:#383838;
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_black:before{
content:"";
border:10px solid transparent;
border-right:15px solid #383838;
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_gray{
background-color:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_gray:before{
content:"";
border:10px solid transparent;
border-right:15px solid #f4f4f4;
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_basecolor1{
background-color:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_basecolor1:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_basecolor2{
background-color:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_basecolor2:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_basecolor3{
background-color:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_basecolor3:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_accentcolor1{
background-color:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_accentcolor1:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_accentcolor2{
background-color:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_accentcolor2:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_accentcolor3{
background-color:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_accentcolor3:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_customcolor1{
background-color:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_customcolor1:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_customcolor2{
background-color:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_customcolor2:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_customcolor3{
background-color:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .voice_hukidasi_backgroundcolor_customcolor3:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .voice_text2{
padding:0 1.25%;
margin:4.5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .flow_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
position:relative;
}
.gc_auto_frame_spotitem_lp .flow_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .flow_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .flow_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .flow_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .flow_img img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .flow_text1{
padding:0 1.25%;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .flow_box{
padding:0 5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .flowlist{
padding:0 0 2.5% 0;
box-sizing:border-box;
border-width:0 0 1px 0;
margin-bottom:2%;
display:flex;
align-items:flex-start;
}
.gc_auto_frame_spotitem_lp span:nth-child(2n) .flowlist{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_spotitem_lp span:nth-child(4n) .flowlist{
border-color:var(--basecolor2_font);
}
.gc_auto_frame_spotitem_lp .flowmark{
max-width:100px;
min-width:100px;
max-height:100px;
min-height:100px;
border-style:solid;
border-width:1px;
border-radius:50%;
margin:0 5% 0 0 ;
display:flex;
align-items:flex-start;
justify-content:center;
flex-wrap:wrap;
}
.gc_auto_frame_spotitem_lp .fm_step{
width:100%;
margin:15px 0 -5px 0;
font-size:1.5em;
line-height:1em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .fm_number{
width:100%;
font-size:2.4em;
line-height:1em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .flowtext{
width:100%;
padding:4% 0 0 0;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .ft_title{
padding:0;
font-size:1.75em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .ft_text{
margin-top:2%;
font-size:1.25em;
line-height:1.8em;
color:#383838;
}
.gc_auto_frame_spotitem_lp .flow_text2{
padding:0 1.25%;
box-sizing:border-box;
margin:5.5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .faq0{
display:none;
}
#qa0:checked + .faq0{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq1{
display:none;
}
#qa1:checked + .faq1{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq2{
display:none;
}
#qa2:checked + .faq2{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq3{
display:none;
}
#qa3:checked + .faq3{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq4{
display:none;
}
#qa4:checked + .faq4{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq5{
display:none;
}
#qa5:checked + .faq5{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq6{
display:none;
}
#qa6:checked + .faq6{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq7{
display:none;
}
#qa7:checked + .faq7{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq8{
display:none;
}
#qa8:checked + .faq8{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq9{
display:none;
}
#qa9:checked + .faq9{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq10{
display:none;
}
#qa10:checked + .faq10{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq11{
display:none;
}
#qa11:checked + .faq11{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq12{
display:none;
}
#qa12:checked + .faq12{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq13{
display:none;
}
#qa13:checked + .faq13{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq14{
display:none;
}
#qa14:checked + .faq14{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq15{
display:none;
}
#qa15:checked + .faq15{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq16{
display:none;
}
#qa16:checked + .faq16{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq17{
display:none;
}
#qa17:checked + .faq17{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq18{
display:none;
}
#qa18:checked + .faq18{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq19{
display:none;
}
#qa19:checked + .faq19{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq20{
display:none;
}
#qa20:checked + .faq20{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq21{
display:none;
}
#qa21:checked + .faq21{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq22{
display:none;
}
#qa22:checked + .faq22{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq23{
display:none;
}
#qa23:checked + .faq23{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq24{
display:none;
}
#qa24:checked + .faq24{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq25{
display:none;
}
#qa25:checked + .faq25{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq26{
display:none;
}
#qa26:checked + .faq26{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq27{
display:none;
}
#qa27:checked + .faq27{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq28{
display:none;
}
#qa28:checked + .faq28{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq29{
display:none;
}
#qa29:checked + .faq29{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq30{
display:none;
}
#qa30:checked + .faq30{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq31{
display:none;
}
#qa31:checked + .faq31{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq32{
display:none;
}
#qa32:checked + .faq32{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq33{
display:none;
}
#qa33:checked + .faq33{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq34{
display:none;
}
#qa34:checked + .faq34{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq35{
display:none;
}
#qa35:checked + .faq35{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq36{
display:none;
}
#qa36:checked + .faq36{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq37{
display:none;
}
#qa37:checked + .faq37{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq38{
display:none;
}
#qa38:checked + .faq38{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq39{
display:none;
}
#qa39:checked + .faq39{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq40{
display:none;
}
#qa40:checked + .faq40{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq41{
display:none;
}
#qa41:checked + .faq41{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq42{
display:none;
}
#qa42:checked + .faq42{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq43{
display:none;
}
#qa43:checked + .faq43{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq44{
display:none;
}
#qa44:checked + .faq44{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq45{
display:none;
}
#qa45:checked + .faq45{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq46{
display:none;
}
#qa46:checked + .faq46{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq47{
display:none;
}
#qa47:checked + .faq47{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq48{
display:none;
}
#qa48:checked + .faq48{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq49{
display:none;
}
#qa49:checked + .faq49{
display:flex;
}
.gc_auto_frame_spotitem_lp .faq50{
display:none;
}
#qa50:checked + .faq50{
display:flex;
}
.gc_auto_frame_spotitem_lp input[type="checkbox"]{
display:none;
}
.gc_auto_frame_spotitem_lp .faq_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .faq_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .faq_h2title_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .faq_h2title_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .faq_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .faq_img img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .faq_text1{
padding:0 1.25%;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .faq_box{
padding:0 5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .faqlist{
display:flex;
flex-wrap:wrap;
padding:0;
box-sizing:border-box;
border-width:0 0 0 0 ;
margin-bottom:2.5%;
}
.gc_auto_frame_spotitem_lp .lp_qa_label{
display:flex;
width:100%;
padding:1.5%;
box-sizing:border-box;
border-width:0 0 0 0;
border-left:12px solid var(--basecolor3);
margin-bottom:2.5%;
font-size:1.25em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .faq_qq{
display:inline;
width:max-content;
padding:0;
background:none;
border-width:0 0 0 0 ;
margin-right:0.5em;
font-size:1.25em;
line-height:1.8em;
color:#E04444;
text-align:center;
}
.gc_auto_frame_spotitem_lp .faq_qtext{
width:100%;
padding:0;
border-width:0 0 0 0 ;
}
.gc_auto_frame_spotitem_lp .faq_bg_a{
align-items:flex-start;
padding:1.5%;
border-width:0 0 0 0 ;
font-size:1.25em;
line-height:1.8em;
color:#383838;
}
.gc_auto_frame_spotitem_lp .faq_aa{
width:max-content;
padding:0;
border-width:0 0 0 0 ;
margin-right:0.5em;
}
.gc_auto_frame_spotitem_lp .faq_atext{
width:100%;
padding:0;
}
.gc_auto_frame_spotitem_lp .faq_text2{
padding:0 1.25%;
box-sizing:border-box;
margin:5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .sokyu_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
font-size:var(--font_size);
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .sokyu_h2title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .sokyu_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .sokyu_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .sokyu_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .sokyu_img img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .sokyu_text1{
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .sokyu_box{
padding:0 5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .sokyu_talker{
display:flex;
justify-content:space-between;
}
.gc_auto_frame_spotitem_lp .sky_talker_txt{
order:1;
display:inline-block;
width:72%;
max-width:100%;
min-width:120px;
padding:2.5%;
box-sizing:border-box;
border-radius:3px;
margin:0;
font-size:1.25em;
line-height:1.8em;
position:relative;
}
.gc_auto_frame_spotitem_lp .sky_talker_txt:before{
content:"";
margin-top:-15px;
position:absolute;
top:40px;
left:100%;
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_white{
background-color:#ffffff;
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_white:before{
content:"";
border:10px solid transparent;
border-left:15px solid #ffffff;
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_black{
background-color:#383838;
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_black:before{
content:"";
border:10px solid transparent;
border-left:15px solid #383838;
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_gray{
background-color:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_gray:before{
content:"";
border:10px solid transparent;
border-left:15px solid #f4f4f4;
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_basecolor1{
background-color:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_basecolor1:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_basecolor2{
background-color:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_basecolor2:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_basecolor3{
background-color:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_basecolor3:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_accentcolor1{
background-color:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_accentcolor1:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_accentcolor2{
background-color:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_accentcolor2:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_accentcolor3{
background-color:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_accentcolor3:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_customcolor1{
background-color:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_customcolor1:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_customcolor2{
background-color:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_customcolor2:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_customcolor3{
background-color:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .sokyu_hukidasi_backgroundcolor_customcolor3:before{
content:"";
border:10px solid transparent;
border-left:15px solid var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .sky_talker_img{
order:2;
width:22%;
}
.gc_auto_frame_spotitem_lp .sky_talker_img img{
display:block;
width:100%;
height:auto;
border-radius:50%;
border-width:0;
object-fit:cover;
}
.gc_auto_frame_spotitem_lp .sokyu_hito_svg{
order:2;
width:20%;
height:0;
padding:10% 0;
box-sizing:border-box;
position:relative;
}
.gc_auto_frame_spotitem_lp .sokyu_hito_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_spotitem_lp .sokyu_text2{
padding:0 1.25%;
box-sizing:border-box;
margin:7.5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .area_h2title{
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
position:relative;
}
.gc_auto_frame_spotitem_lp .area_h2title:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor3);
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.gc_auto_frame_spotitem_lp .area_h2_b{
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .area_h2_s{
font-size:1em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .area_img{
width:100%;
margin-bottom:7.5%;
}
.gc_auto_frame_spotitem_lp .area_img img{
display:block;
max-width:100%;
height:auto;
margin:auto;
}
.gc_auto_frame_spotitem_lp .area_text1{
padding:0 1.25%;
box-sizing:border-box;
margin:0 auto 7.5% auto;
}
.gc_auto_frame_spotitem_lp .area_box{
padding:0 5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .area_contents{
padding:2.5%;
box-sizing:border-box;
border-width:1px 1px 1px 1px;
font-size:1.25em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .area_text2{
padding:0 1.25%;
box-sizing:border-box;
margin:7.5% auto 0 auto;
}
.gc_auto_frame_spotitem_lp .contact_backgroundcolor{
background-color:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .contact_backgroundcolor .lp_temp_kiji_contents{
}
.gc_auto_frame_spotitem_lp .contact_box{
padding:0 5%;
box-sizing:border-box;
background:none;
}
.gc_auto_frame_spotitem_lp .contact_text1{
padding:0;
margin-bottom:2%;
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .contactlist{
display:flex;
align-items:center;
justify-content:center;
gap:5%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
}
.gc_auto_frame_spotitem_lp .contact_tel{
width:max-content;
padding:0;
font-size:1.25em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .contact_tel a{
display:flex;
font-size:2em;
line-height:1.8em;
align-items:center;
}
.gc_auto_frame_spotitem_lp .contact_tel .bg_svg{
width:1.5em;
height:1.5em;
position:relative;
margin:0 0.25em 0 0;
}
.gc_auto_frame_spotitem_lp .contact_tel .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_spotitem_lp .contact_mail{
width:max-content;
min-width:40%;
padding:2%;
box-sizing:border-box;
border-radius:5px;
border-width:0 0 0 0;
background-color:var(--buttoncolor);
font-size:1.25em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .contact_mail a {
display:flex;
align-items:center;
justify-content:center;
text-align:center;
text-decoration:none;
}
.gc_auto_frame_spotitem_lp .contact_mail a span{
font-size:1.5em;
line-height:1.8em;
color:var(--buttoncolor_font)!important;
}
.gc_auto_frame_spotitem_lp .contact_mail .bg_svg{
width:1.5em;
height:1.5em;
position:relative;
margin:0 0.5em 0 0;
}
.gc_auto_frame_spotitem_lp .contact_mail .bg_svg svg{
position:absolute;
top:0;
left:0;
fill:var(--buttoncolor_font);
}
.gc_auto_frame_spotitem_lp .contact_tex2{
padding:0;
margin-top:2%;
font-size:2em;
line-height:1.8em;
text-align:center;
}
.gc_auto_frame_spotitem_lp .backgroundcolor_none{
background:none;
}
.gc_auto_frame_spotitem_lp .backgroundcolor_white{
background:#ffffff;
}
.gc_auto_frame_spotitem_lp .backgroundcolor_black{
background:#383838;
}
.gc_auto_frame_spotitem_lp .backgroundcolor_gray{
background:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .backgroundcolor_basecolor1{
background:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_basecolor1_font{
background:var(--basecolor1_font);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_basecolor2{
background:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_basecolor2_font{
background:var(--basecolor2_font);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_basecolor3{
background:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_basecolor3_font{
background:var(--basecolor3_font);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_accentcolor1{
background:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_accentcolor1_font{
background:var(--accentcolor1_font);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_accentcolor2{
background:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_accentcolor2_font{
background:var(--accentcolor2_font);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_accentcolor3{
background:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_accentcolor3_font{
background:var(--accentcolor3_font);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_customcolor1{
background:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_customcolor1_font{
background:var(--customcolor1_font);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_customcolor2{
background:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_customcolor2_font{
background:var(--customcolor2_font);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_customcolor3{
background:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .backgroundcolor_customcolor3_font{
background:var(--customcolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_white{
color:#ffffff;
}
.gc_auto_frame_spotitem_lp .textcolor_white svg{
fill:#ffffff;
}
.gc_auto_frame_spotitem_lp .textcolor_white a{
color:#ffffff;
}
.gc_auto_frame_spotitem_lp .textcolor_black{
color:#383838;
}
.gc_auto_frame_spotitem_lp .textcolor_black svg{
fill:#383838;
}
.gc_auto_frame_spotitem_lp .textcolor_black a{
color:#383838;
}
.gc_auto_frame_spotitem_lp .textcolor_gray{
color:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .textcolor_gray svg{
fill:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .textcolor_gray a{
color:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor1{
color:var(--basecolor1_font);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor1 svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor1 a{
color:var(--basecolor1_font);
}
.textcolor_basecolor1_bg{
color:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor1_bg svg{
fill:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor1_bg a{
color:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor2{
color:var(--basecolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor2 svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor2 a{
color:var(--basecolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor2_bg{
color:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor2_bg svg{
fill:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor2_bg a{
color:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor3{
color:var(--basecolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor3 svg{
fill:var(--basecolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor3 a{
color:var(--basecolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor3_bg{
color:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor3_bg svg{
fill:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .textcolor_basecolor3_bg a{
color:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor1{
color:var(--accentcolor1_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor1 svg{
fill:var(--accentcolor1_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor1 a{
color:var(--accentcolor1_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor1_bg{
color:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor1_bg svg{
fill:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor1_bg a{
color:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor2{
color:var(--accentcolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor2 svg{
fill:var(--accentcolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor2 a{
color:var(--accentcolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor2_bg{
color:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor2_bg svg{
fill:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor2_bg a{
color:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor3{
color:var(--accentcolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor3 svg{
fill:var(--accentcolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor3 a{
color:var(--accentcolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor3_bg{
color:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor3_bg svg{
fill:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .textcolor_accentcolor3_bg a{
color:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor1{
color:var(--customcolor1_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor1 svg{
fill:var(--customcolor1_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor1 a{
color:var(--customcolor1_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor1_bg{
color:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor1_bg svg{
fill:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor1_bg a{
color:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor2{
color:var(--customcolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor2 svg{
fill:var(--customcolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor2 a{
color:var(--customcolor2_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor2_bg{
color:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor2_bg svg{
fill:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor2_bg a{
color:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor3{
color:var(--customcolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor3 svg{
fill:var(--customcolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor3 a{
color:var(--customcolor3_font);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor3_bg{
color:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor3_bg svg{
fill:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .textcolor_customcolor1_bg a{
color:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .svgcolor_white svg{
fill:#ffffff;
}
.gc_auto_frame_spotitem_lp .svgcolor_black svg{
fill:#383838;
}
.gc_auto_frame_spotitem_lp .svgcolor_gray svg{
fill:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .svgcolor_basecolor1 svg{
fill:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .svgcolor_basecolor1_font svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_spotitem_lp .svgcolor_basecolor2 svg{
fill:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .svgcolor_basecolor2_font svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_spotitem_lp .svgcolor_basecolor3 svg{
fill:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .svgcolor_basecolor3_font svg{
fill:var(--basecolor3_font);
}
.gc_auto_frame_spotitem_lp .svgcolor_accentcolor1 svg{
fill:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .svgcolor_accentcolor1_font svg{
fill:var(--accentcolor1_font);
}
.gc_auto_frame_spotitem_lp .svgcolor_accentcolor2 svg{
fill:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .svgcolor_accentcolor2_font svg{
fill:var(--accentcolor2_font);
}
.gc_auto_frame_spotitem_lp .svgcolor_accentcolor3 svg{
fill:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .svgcolor_accentcolor3_font svg{
fill:var(--accentcolor3_font);
}
.gc_auto_frame_spotitem_lp .svgcolor_customcolor1 svg{
fill:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .svgcolor_customcolor1_font svg{
fill:var(--customcolor1_font);
}
.gc_auto_frame_spotitem_lp .svgcolor_customcolor2 svg{
fill:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .svgcolor_customcolor2_font svg{
fill:var(--customcolor2_font);
}
.gc_auto_frame_spotitem_lp .svgcolor_customcolor3 svg{
fill:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .svgcolor_customcolor3_font svg{
fill:var(--customcolor3_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_white{
border-color:#ffffff;
}
.gc_auto_frame_spotitem_lp .bordercolor_black{
border-color:#383838;
}
.gc_auto_frame_spotitem_lp .bordercolor_gray{
border-color:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .bordercolor_basecolor1{
border-color:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .bordercolor_basecolor1_font{
border-color:var(--basecolor1_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_basecolor2{
border-color:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .bordercolor_basecolor2_font{
border-color:var(--basecolor2_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_basecolor3{
border-color:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .bordercolor_basecolor3_font{
border-color:var(--basecolor3_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_accentcolor1{
border-color:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .bordercolor_accentcolor1_font{
border-color:var(--accentcolor1_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_accentcolor2{
border-color:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .bordercolor_accentcolor2_font{
border-color:var(--accentcolor2_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_accentcolor3{
border-color:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .bordercolor_accentcolor3_font{
border-color:var(--accentcolor3_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_customcolor1{
border-color:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .bordercolor_customcolor1_font{
border-color:var(--customcolor1_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_customcolor2{
border-color:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .bordercolor_customcolor2_font{
border-color:var(--customcolor2_font);
}
.gc_auto_frame_spotitem_lp .bordercolor_customcolor3{
border-color:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .bordercolor_customcolor3_font{
border-color:var(--customcolor3_font);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_white{
background:#ffffff;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_white:before{
content:"";
border:10px solid transparent;
border-right:15px solid #ffffff;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_black{
background:#383838;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_black:before{
content:"";
border:10px solid transparent;
border-right:15px solid #383838;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_gray{
background:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_gray:before{
content:"";
border:10px solid transparent;
border-right:15px solid #f4f4f4;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor1{
background:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor1:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor2{
background:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor2:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor3{
background:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor3:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor1{
background:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor1:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor2{
background:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor2:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor3{
background:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor3:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor1{
background:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor1:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor2{
background:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor2:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor3{
background:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor3:before{
content:"";
border:10px solid transparent;
border-right:15px solid var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_white{
background:#ffffff;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_white:before{
content:"";
border:23px solid transparent;
border-top:40px solid #ffffff;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_black{
background:#383838;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_black:before{
content:"";
border:23px solid transparent;
border-top:40px solid #383838;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_gray{
background:#f4f4f4;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_gray:before{
content:"";
border:23px solid transparent;
border-top:40px solid #f4f4f4;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor1{
background:var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor2{
background:var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor3{
background:var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor1{
background:var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor2{
background:var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor3{
background:var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor1{
background:var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor2{
background:var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor3{
background:var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor3);
}
.header_lp{
width:100%;
height:var(--header_height);
background:var(--headercolor);
color:var(--headercolor_font);
position:fixed;
top:0;
left:0;
z-index:1000;
}
.header_lp_space{
display:block;
height:var(--header_height);
}
.header_lp .header_lp_logo{
width:300px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 0 0;
}
.header_lp .header_lp_logo img{
display:block;
width:100%;
height:calc(var(--header_height) - 20px);
object-fit:contain;
}
.header_lp .menu_button{
width:var(--header_height);
height:var(--header_height);
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:0;
right:0;
z-index:5000;
cursor:pointer;
}
.header_lp .menu_button .bg_svg{
width:50px;
height:50px;
}
.bg_menu_button_popup{
display:none;
width:100vw;
min-height:100vh;
height:100%;
background:var(--popupmenucolor);
color:var(--popupmenucolor_font);
padding-bottom:45px;
box-sizing:border-box;
border-width:0;
font-size:1.5em;
line-height:1.8em;
position:fixed;
top:0;
left:50%;
overflow-x:hidden;
overflow-y:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
transform:translate(-50%,0%);
z-index:10000;
}
.bg_menu_button_popup::-webkit-scrollbar{
display:none;
}
.menu_button_popup{
width:100%;
height:auto;
display:flex;
}
.menu_left{
width:100%;
min-height:100vh;
height:auto;
box-sizing:border-box;
border-width:0 1px 0 0;
border-style:solid;
}
.menu_left .menu_inner{
width:100%;
min-height:60px;
padding:5px 10px;
box-sizing:border-box;
border-width:0 0 1px 0;
border-style:dashed;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.menu_left a{
color:var(--popupmenucolor_font)!important;
}
.bg_menu_button_popup .menu_left .bg_snsbutton_content{
width:100%;
min-height:max-content;
box-sizing:border-box;
border-width:0 0 1px 0;
border-style:dashed;
}
.bg_menu_button_popup .menu_left .snsbutton_content{
width:100%;
min-height:60px;
padding:5px 10px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
gap:15px;
}
.bg_menu_button_popup .snsbutton_content a{
display:block;
width:20px;
height:20px;
}
.bg_menu_button_popup .snsbutton_content a .bg_svg{
width:20px;
height:20px;
}
.bg_menu_button_popup .snsbutton_content a .bg_svg svg{
fill:var(--popupmenucolor_font);
}
.menu_right{
width:50%;
min-height:100vh;
height:auto;
}
.bg_menu_button_popup .bg_closebutton{
display:flex;
align-items:center;
justify-content:center;
width:80px;
height:60px;
position:absolute;
top:0px;
right:0px;
z-index:11000;
cursor:pointer;
}
.bg_menu_button_popup .closebutton{
width:50px;
height:50px;
position:relative;
z-index:11000;
cursor:pointer;
}
.bg_menu_button_popup .closebutton svg{
fill:var(--popupmenucolor_font);
}
.gc_auto_frame_background:nth-child(2n){
background-color:var(--basecolor1);
color:var(--basecolor1_font);
}
.gc_auto_frame_background:nth-child(2n+1){
background-color:var(--basecolor2);
color:var(--basecolor2_font);
}
.gc_auto_frame_background_sub{
background-color:var(--headercolor);
color:var(--headercolor_font);
}
.gc_auto_frame_page_title{
width:100%;
}
.gc_auto_frame_page_title .pagetitle_type{
font-size:var(--font_size);
line-height:1.8em;
position:relative;
overflow:hidden;
}
.gc_auto_frame_page_title .contents{
position:relative;
z-index:100;
}
.gc_auto_frame_page_title .background_image{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:10;
}
.gc_auto_frame_page_title .background_color{
position:relative;
z-index:30;
}
.gc_auto_frame_page_title .background_blend_color{
position:relative;
z-index:30;
}
.gc_auto_frame_page_title h1{
display:block;
margin-block-start:0;
margin-block-end:0;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_page_title .breadcrumbs_button{
cursor:pointer;
}
.gc_auto_frame_page_title .breadcrumbs_arrow{
cursor:default;
}
.gc_auto_frame_page_title .background_color_white{
background:#ffffff;
}
.gc_auto_frame_page_title .background_color_black{
background:#383838;
}
.gc_auto_frame_page_title .background_color_basecolor1{
background:var(--basecolor1);
}
.gc_auto_frame_page_title .background_color_basecolor2{
background:var(--basecolor2);
}
.gc_auto_frame_page_title .background_color_headercolor{
background:var(--headercolor);
}
.gc_auto_frame_page_title .background_color_menucolor{
background:var(--menucolor);
}
.gc_auto_frame_page_title .background_color_footercolor{
background:var(--footercolor);
}
.gc_auto_frame_page_title .background_color_customcolor1{
background:var(--customcolor1);
}
.gc_auto_frame_page_title .background_color_customcolor2{
background:var(--customcolor2);
}
.gc_auto_frame_page_title .background_color_customcolor3{
background:var(--customcolor3);
}
.gc_auto_frame_page_title .filter_none{
}
.gc_auto_frame_page_title .filter_grayscale{
filter:grayscale(1);
}
.gc_auto_frame_page_title .filter_blur1{
width:calc(100% + 20px)!important;
height:calc(100% + 20px)!important;
filter:blur(7px);
}
.gc_auto_frame_page_title .filter_blur2{
width:calc(100% + 15px)!important;
height:calc(100% + 15px)!important;
filter:blur(5px);
}
.gc_auto_frame_page_title .filter_blur3{
width:calc(100% + 10px)!important;
height:calc(100% + 10px)!important;
filter:blur(3px);
}
.gc_auto_frame_page_title .mix_blend_mode_normal09{
opacity:0.9;
}
.gc_auto_frame_page_title .mix_blend_mode_normal08{
opacity:0.8;
}
.gc_auto_frame_page_title .mix_blend_mode_normal07{
opacity:0.7;
}
.gc_auto_frame_page_title .mix_blend_mode_normal06{
opacity:0.6;
}
.gc_auto_frame_page_title .mix_blend_mode_normal05{
opacity:0.5;
}
.gc_auto_frame_page_title .mix_blend_mode_normal04{
opacity:0.4;
}
.gc_auto_frame_page_title .mix_blend_mode_normal03{
opacity:0.3;
}
.gc_auto_frame_page_title .mix_blend_mode_normal02{
opacity:0.2;
}
.gc_auto_frame_page_title .mix_blend_mode_normal01{
opacity:0.1;
}
.gc_auto_frame_page_title .mix_blend_mode_multiply{
mix-blend-mode:multiply;
}
.gc_auto_frame_page_title .mix_blend_mode_colorburn{
mix-blend-mode:color-burn;
}
.gc_auto_frame_page_title .mix_blend_mode_screen{
mix-blend-mode:screen;
}
.gc_auto_frame_page_title .mix_blend_mode_colordodge{
mix-blend-mode:color-dodge;
}
.gc_auto_frame_page_title .mix_blend_mode_overlay{
mix-blend-mode:overlay;
}
.gc_auto_frame_page_title .mix_blend_mode_softlight{
mix-blend-mode:soft-light;
}
.gc_auto_frame_page_title .mix_blend_mode_color{
mix-blend-mode:color;
}
.gc_auto_frame_page_title .mix_blend_mode_hue{
mix-blend-mode:hue;
}
.gc_auto_frame_page_title .image_size_pc_auto{
background-size:cover;
}
.gc_auto_frame_page_title .image_size_pc_100{
background-size:100%;
}
.gc_auto_frame_page_title .image_size_pc_150{
background-size:150%;
}
.gc_auto_frame_page_title .image_size_pc_200{
background-size:200%;
}
.gc_auto_frame_page_title .image_size_pc_250{
background-size:250%;
}
.gc_auto_frame_page_title .image_size_pc_300{
background-size:300%;
}
.gc_auto_frame_page_title .image_size_pc_400{
background-size:400%;
}
.gc_auto_frame_page_title .image_size_pc_500{
background-size:500%;
}
.gc_auto_frame_page_title .image_x_pc_center{
background-position-x:center;
}
.gc_auto_frame_page_title .image_x_pc_left{
background-position-x:left;
}
.gc_auto_frame_page_title .image_x_pc_25{
background-position-x:25%;
}
.gc_auto_frame_page_title .image_x_pc_75{
background-position-x:75%;
}
.gc_auto_frame_page_title .image_x_pc_right{
background-position-x:right;
}
.gc_auto_frame_page_title .image_y_pc_center{
background-position-y:center;
}
.gc_auto_frame_page_title .image_y_pc_top{
background-position-y:top;
}
.gc_auto_frame_page_title .image_y_pc_25{
background-position-y:25%;
}
.gc_auto_frame_page_title .image_y_pc_75{
background-position-y:75%;
}
.gc_auto_frame_page_title .image_y_pc_bot{
background-position-y:bottom;
}
.gc_auto_frame_page_title .textcolor_white{
color:#ffffff;
}
.gc_auto_frame_page_title .textcolor_black{
color:#383838;
}
.gc_auto_frame_page_title .textcolor_basecolor1{
color:var(--basecolor1_font);
}
.gc_auto_frame_page_title .textcolor_basecolor2{
color:var(--basecolor2_font);
}
.gc_auto_frame_page_title .textcolor_headercolor{
color:var(--headercolor_font);
}
.gc_auto_frame_page_title .textcolor_menucolor{
color:var(--headercolor_font);
}
.gc_auto_frame_page_title .textcolor_footercolor{
color:var(--headercolor_font);
}
.gc_auto_frame_page_title .textcolor_customcolor1{
color:var(--customcolor1_font);
}
.gc_auto_frame_page_title .textcolor_customcolor2{
color:var(--customcolor2_font);
}
.gc_auto_frame_page_title .textcolor_customcolor3{
color:var(--customcolor3_font);
}
.gc_auto_frame_page_title .title_size_mid{
font-size:2.4em;
line-height:1.8em;
}
.gc_auto_frame_page_title .title_size_large{
font-size:3em;
line-height:1.8em;
}
.gc_auto_frame_page_title .title_size_small{
font-size:2em;
line-height:1.8em;
}
.gc_auto_frame_page_title .title_font_honbun{
font-family:var(--font-family);
}
.gc_auto_frame_page_title .title_font_big_headline{
font-family:var(--font-family-big-headline);
}
.gc_auto_frame_page_title .title_font_small_headline{
font-family:var(--font-family-small-headline);
}
.gc_auto_frame_page_title .title_font_button{
font-family:var(--font-family-buttom);
}
.gc_auto_frame_page_title .title_font_europ{
font-family:var(--font-family-europ);
}
.gc_auto_frame_page_title .h1_size_mid{
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_page_title .h1_size_large{
font-size:1.25em;
line-height:1.8em;
}
.gc_auto_frame_page_title .h1_size_small{
font-size:0.75em;
line-height:1.8em;
}
.gc_auto_frame_page_title .h1_font_honbun{
font-family:var(--font-family);
}
.gc_auto_frame_page_title .h1_font_big_headline{
font-family:var(--font-family-big-headline);
}
.gc_auto_frame_page_title .h1_font_small_headline{
font-family:var(--font-family-small-headline);
}
.gc_auto_frame_page_title .h1_font_button{
font-family:var(--font-family-buttom);
}
.gc_auto_frame_page_title .h1_font_europ{
font-family:var(--font-family-europ);
}
.gc_auto_frame_page_title .pagetitle_type1 .contents{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_page_title .pagetitle_type1 .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_page_title .pagetitle_type1 .background_blend_color{
width:50%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_page_title .pagetitle_type1 .background_kurame{
width:100%;
height:100%;
background:#383838;
opacity:0.2;
position:absolute;
top:0;
left:0;
z-index:20;
}
.gc_auto_frame_page_title .pagetitle_type1 .bg_text{
width:100%;
padding:2.5% 2.5% 5% 2.5%;
box-sizing:border-box;
}
.gc_auto_frame_page_title .pagetitle_type1 .breadcrumbs{
width:100%;
margin-bottom:5%;
display:flex;
flex-wrap:wrap;
gap:20px;
font-size:0.8em;
line-height:1em;
}
.gc_auto_frame_page_title .pagetitle_type1 .text{
display:block;
width:100%;
text-align:left;
}
.gc_auto_frame_page_title .pagetitle_type1 .title_box{
margin-bottom:2.5%;
}
.gc_auto_frame_page_title .pagetitle_type2 .contents{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_page_title .pagetitle_type2 .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_page_title .pagetitle_type2 .background_blend_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_page_title .pagetitle_type2 .bg_text{
width:100%;
padding:2.5% 2.5% 5% 2.5%;
box-sizing:border-box;
}
.gc_auto_frame_page_title .pagetitle_type2 .breadcrumbs{
width:100%;
margin-bottom:5%;
display:flex;
flex-wrap:wrap;
gap:20px;
font-size:0.8em;
line-height:1em;
}
.gc_auto_frame_page_title .pagetitle_type2 .text{
display:block;
width:100%;
text-align:left;
}
.gc_auto_frame_page_title .pagetitle_type2 .title_box{
margin-bottom:2.5%;
}
.gc_auto_frame_page_title .pagetitle_type3 .contents{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_page_title .pagetitle_type3 .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_page_title .pagetitle_type3 .background_blend_color{
width:50%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_page_title .pagetitle_type3 .background_kurame{
width:100%;
height:100%;
background:#383838;
opacity:0.2;
position:absolute;
top:0;
left:0;
z-index:20;
}
.gc_auto_frame_page_title .pagetitle_type3 .bg_text{
width:100%;
padding:2.5% 2.5% 5% 2.5%;
box-sizing:border-box;
}
.gc_auto_frame_page_title .pagetitle_type3 .breadcrumbs{
width:100%;
margin-bottom:5%;
display:flex;
justify-content:left;
flex-wrap:wrap;
gap:20px;
font-size:0.8em;
line-height:1em;
}
.gc_auto_frame_page_title .pagetitle_type3 .text{
display:block;
width:100%;
text-align:center;
}
.gc_auto_frame_page_title .pagetitle_type3 .title_box{
margin-bottom:2.5%;
}
.gc_auto_frame_page_title .pagetitle_type4 .contents{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_page_title .pagetitle_type4 .background_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_page_title .pagetitle_type4 .background_blend_color{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_page_title .pagetitle_type4 .bg_text{
width:100%;
padding:2.5% 2.5% 5% 2.5%;
box-sizing:border-box;
}
.gc_auto_frame_page_title .pagetitle_type4 .breadcrumbs{
width:100%;
margin-bottom:5%;
display:flex;
justify-content:left;
flex-wrap:wrap;
gap:20px;
font-size:0.8em;
line-height:1em;
}
.gc_auto_frame_page_title .pagetitle_type4 .text{
display:block;
width:100%;
text-align:center;
}
.gc_auto_frame_page_title .pagetitle_type4 .title_box{
margin-bottom:2.5%;
}
.gc_auto_frame_post_index{
width:100%;
}
.bg_post_index{
width:100%;
font-size:var(--font_size);
line-height:1.8em;
}
.bg_post_index img{
max-width:100%;
height:auto;
}
.post_index{
width:min(var(--base_width),100%);
margin:auto;
}
.post_index_contents{
width:100%;
padding:7.5% 10%;
box-sizing:border-box;
}
.gc_auto_frame_post_index_box{
width:100%;
max-width:var(--base_width);
display:flex;
flex-direction:row;
justify-content:flex-start;
flex-wrap:wrap;
}
.bg_post_index h2{
margin-block-start:0;
margin-block-end:0;
}
.bg_post_index .bg_svg{
position:relative;
}
.bg_post_index .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.bg_post_index .bg_comingsoon{
width:100%;
padding:10%;
box-sizing:border-box;
}
.bg_post_index .comingsoon{
width:100%;
padding:9.5%;
box-sizing:border-box;
background:#f4f4f4;
}
.bg_post_index .comingsoon_text{
width:100%;
margin:0 auto 30px auto;
font-size:min(90px,90vw/1200*100);
line-height:1.8em;
color:#bcbcbc;
text-align:center;
font-family:var(--font-family-big-headline);
font-weight:bold;
}
.bg_post_index .comingsoon_jp{
width:max-content;
max-width:100%;
padding:10px 90px;
box-sizing:border-box;
background:#bcbcbc;
margin:auto;
font-size:var(--font_size);
line-height:1em;
text-align:center;
color:#ffffff;
}
.gc_auto_frame_post_index .background_color_gray{
background-color:#f7f7f7;
}
.gc_auto_frame_post_index .background_color_white{
background-color:#ffffff;
}
.gc_auto_frame_post_index .background_color_black{
background-color:#000000;
}
.gc_auto_frame_post_index .background_color_basecolor1{
background-color:var(--basecolor1);
}
.gc_auto_frame_post_index .background_color_basecolor2{
background-color:var(--basecolor2);
}
.gc_auto_frame_post_index .background_color_headercolor{
background-color:var(--headercolor);
}
.gc_auto_frame_post_index .background_color_menucolor{
background-color:var(--menucolor);
}
.gc_auto_frame_post_index .background_color_footercolor{
background-color:var(--footercolor);
}
.gc_auto_frame_post_index .background_color_customcolor1{
background-color:var(--customcolor1);
}
.gc_auto_frame_post_index .background_color_customcolor2{
background-color:var(--customcolor2);
}
.gc_auto_frame_post_index .background_color_customcolor3{
background-color:var(--customcolor3);
}
.gc_auto_frame_post_index .text_color_white{
color:#ffffff;
}
.gc_auto_frame_post_index .text_color_white svg{
fill:#ffffff;
}
.gc_auto_frame_post_index .text_color_black{
color:#383838;
}
.gc_auto_frame_post_index .text_color_black svg{
fill:#383838;
}
.gc_auto_frame_post_index .text_color_basecolor1{
color:var(--basecolor1_font);
}
.gc_auto_frame_post_index .text_color_basecolor1 svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_post_index .text_color_basecolor2{
color:var(--basecolor2_font);
}
.gc_auto_frame_post_index .text_color_basecolor2 svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_post_index .text_color_headercolor{
color:var(--headercolor_font);
}
.gc_auto_frame_post_index .text_color_headercolor svg{
fill:var(--headercolor_font);
}
.gc_auto_frame_post_index .text_color_menucolor{
color:var(--menucolor_font);
}
.gc_auto_frame_post_index .text_color_menucolor svg{
fill:var(--menucolor_font);
}
.gc_auto_frame_post_index .text_color_footercolor{
color:var(--footercolor_font);
}
.gc_auto_frame_post_index .text_color_footercolor svg{
fill:var(--footercolor_font);
}
.gc_auto_frame_post_index .text_color_customcolor1{
color:var(--customcolor1_font);
}
.gc_auto_frame_post_index .text_color_customcolor1 svg{
fill:var(--customcolor1_font);
}
.gc_auto_frame_post_index .text_color_customcolor2{
color:var(--customcolor2_font);
}
.gc_auto_frame_post_index .text_color_customcolor2 svg{
fill:var(--customcolor2_font);
}
.gc_auto_frame_post_index .text_color_customcolor3{
color:var(--customcolor3_font);
}
.gc_auto_frame_post_index .text_color_customcolor3 svg{
fill:var(--customcolor3_font);
}
.bg_post_index .accent_color_white {
border-color:#ffffff;
}
.bg_post_index .accent_color_white svg{
fill:#ffffff;
}
.bg_post_index .accent_color_black {
border-color:#383838;
}
.bg_post_index .accent_color_black svg{
fill:#383838;
}
.bg_post_index .accent_color_basecolor1 {
border-color:var(--basecolor1);
}
.bg_post_index .accent_color_basecolor1 svg{
fill:var(--basecolor1);
}
.bg_post_index .accent_color_basecolor2 {
border-color:var(--basecolor2);
}
.bg_post_index .accent_color_basecolor2 svg{
fill:var(--basecolor2);
}
.bg_post_index .accent_color_headercolor {
border-color:var(--headercolor);
}
.bg_post_index .accent_color_headercolor svg{
fill:var(--headercolor);
}
.bg_post_index .accent_color_menucolor {
border-color:var(--menucolor);
}
.bg_post_index .accent_color_menucolor svg{
fill:var(--menucolor);
}
.bg_post_index .accent_color_footercolor {
border-color:var(--footercolor);
}
.bg_post_index .accent_color_footercolor svg{
fill:var(--footercolor);
}
.bg_post_index .accent_color_customcolor1 {
border-color:var(--customcolor1);
}
.bg_post_index .accent_color_customcolor1 svg{
fill:var(--customcolor1);
}
.bg_post_index .accent_color_customcolor2 {
border-color:var(--customcolor2);
}
.bg_post_index .accent_color_customcolor2 svg{
fill:var(--customcolor2);
}
.bg_post_index .accent_color_customcolor3 {
border-color:var(--customcolor3);
}
.bg_post_index .accent_color_customcolor3 svg{
fill:var(--customcolor3);
}
.bg_post_index .linktext_color_blue a{
color:#065fd4!important;
}
.bg_post_index .linktext_color_white a{
color:#ffffff!important;
}
.bg_post_index .linktext_color_black a{
color:#383838!important;
}
.bg_post_index .linktext_color_basecolor1 a{
color:var(--basecolor1_font)!important;
}
.bg_post_index .linktext_color_basecolor2 a{
color:var(--basecolor2_font)!important;
}
.bg_post_index .linktext_color_headercolor a{
color:var(--headercolor_font)!important;
}
.bg_post_index .linktext_color_menucolor a{
color:var(--menucolor_font)!important;
}
.bg_post_index .linktext_color_footercolor a{
color:var(--footercolor_font)!important;
}
.bg_post_index .linktext_color_customcolor1 a{
color:var(--customcolor1_font)!important;
}
.bg_post_index .linktext_color_customcolor2 a{
color:var(--customcolor2_font)!important;
}
.bg_post_index .linktext_color_customcolor3 a{
color:var(--customcolor3_font)!important;
}
.gc_auto_frame_post_index_box_contents_cell_list{
margin:5px;
padding:10px;
border-bottom:1px dashed;
border-color:var(--basecolor_font);
cursor:pointer;
}
.gc_auto_frame_post_index_box_contents_cell_text_list{
width:100%;
display:flex;
flex-direction:row;
align-items:center;
}
.gc_auto_frame_post_index_box_contents_cell_text_list:hover{
text-decoration:underline;
}
.gc_auto_frame_post_index_box_contents_cell_date_list{
margin:0px 10px 0px 0px;
max-width:150px;
font-size:80%;
}
.gc_auto_frame_post_index_box_contents_cell_caption_list{
word-break:break-all;
}
.gc_auto_frame_post_index_box_contents_cell_svg_list{
width:10px;
margin:1px 5px;
fill:var(--basecolor1_font);
}
.post_index_type2 .post_index_contents{
width:100%;
display:flex;
flex-wrap:wrap;
gap:0 1.33%;
font-size:90%;
padding:2.5%;
box-sizing:border-box;
}
.gc_auto_frame_post_index_box_contents_cell_tile{
width:24%;
box-sizing:border-box;
margin-bottom:1.33%;
cursor:pointer;
}
.gc_auto_frame_post_index_box_contents_cell_image{
width:100%;
}
.gc_auto_frame_post_index_box_contents_cell_image_inner{
position:relative;
padding-bottom:100%;
height:0;
overflow:hidden;
border-radius:4px 4px 0px 0px;
background-color:#f0f0f0;
}
.gc_auto_frame_post_index_box_contents_cell_image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.gc_auto_frame_post_index_box_contents_cell_text_tile{
display:flex;
flex-wrap:nowrap;
background-color:var(--basecolor2);
color:var(--basecolor2_font);
border-radius:0px 0px 4px 4px;
}
.gc_auto_frame_post_index_box_contents_cell_date_tile{
width:25%;
height:100px;
padding:10px;
line-height:150%;
box-sizing:border-box;
}
.gc_auto_frame_post_index_box_contents_cell_caption_tile{
height:110px;
padding:10px;
line-height:150%;
box-sizing:border-box;
word-break:break-all;
overflow:hidden;
}
.gc_auto_frame_post_index_box_contents_cell_body{
margin:5px;
padding:10px;
border-bottom:1px dashed;
border-color:var(--basecolor_font);
}
.gc_auto_frame_post_index_box_contents_cell_text_body{
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
cursor:default;
}
.gc_auto_frame_post_index_box_contents_cell_text_body:hover{
text-decoration:underline;
}
.gc_auto_frame_post_index_box_contents_cell_caption_body{
word-break:break-all;
}
.post_index_type3 .content{
width:100%;
margin-bottom:7.5%;
}
.post_index_type3 .bg_title{
width:100%;
padding:2.5%;
box-sizing:border-box;
margin-bottom:7.5%;
border-style:solid;
border-width:0 0 0 10px;
cursor:pointer;
}
.post_index_type3 .date{
font-size:0.9em;
line-height:1em;
}
.post_index_type3 .title{
font-size:1.75em;
line-height:1.8em;
font-family:var(--font-family-big-headline);
}
.post_index_type3 .content_body{
width:100%;
position:relative;
overflow:hidden;
font-size:1em;
line-height:1.8em;
}
.post_index_type3 .link_button{
width:100%;
padding:1.5% 0;
box-sizing:border-box;
margin-top:6%;
font-size:1em;
line-height:1em;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.post_index_type3 .bg_svg{
width:1em;
height:1em;
margin-left:0.5em;
}
.gc_post_index_a_footer{
width:100%;
display:flex;
justify-content:flex-start;
margin:20px;
}
.gc_post_index_a_footer_cell{
width:100px;
display:flex;
}
.gc_post_index_a_footer_svg{
width:20px;
fill:var(--basecolor1_font);
cursor:pointer;
}
.gc_post_index_a_footer_svg:hover{
fill:var(--footerfixcolor);
}
.gc_post_index_a_footer_svg_on{
fill:var(--footerfixcolor);
}
.gc_auto_frame_comment_index_form{
width:90%;
max-width:800px;
margin:auto;
}
.gc_auto_frame_comment_index_title{
font-family:var(--font-family-big-headline);
font-size:200%;
width:100%;
max-width:800px;
margin:auto;
text-align:center;
}
.gc_auto_frame_comment_index_desc{
font-family:var(--font-family);
width:calc(100% - 20px);
max-width:800px;
border-radius:3px;
margin:20px auto;
line-height:130%;
}
.gc_auto_frame_comment_index_form_textarea{
width:100%;
max-width:800px;
height:120px;
border-radius:7px;
margin:auto;
padding:10px;
box-sizing:border-box;
}
.gc_auto_frame_comment_index_form_button{
display:flex;
flex-direction:row;
flex-wrap:mowrap;
justify-content:center;
align-items:center;
background-color:var(--customcolor3);
color:var(--customcolor3_font);
fill:var(--customcolor3_font);
border:1px solid var(--customcolor3);
width:80%;
max-width:var(--grid_14);
padding:10px;
border-radius:var(--button_border_radius);
margin:20px auto ;
cursor:pointer;
font-family:var(--font-family-button);
}
.gc_auto_frame_comment_index_form_button:hover{
background-color:var(--customcolor3_font);
color:var(--customcolor3);
fill:var(--customcolor3);
}
.gc_auto_frame_comment_index_form_button_none{
display:none;
}
.gc_auto_frame_comment_form_footer{
max-width:600px;
margin:10px auto;
}
.comment_form_files_add_button{
width:140px;
border-radius:3px;
border:1px solid var(--basecolor1_font);
background-color:var(--basecolor1);
color:var(--basecolor1_font);
text-align:center;
font-family:var(--font-family-button);
padding:5px;
cursor:pointer;
}
.comment_form_files_add_button:hover{
color:var(--basecolor1);
background-color:var(--basecolor1_font);
}
.comment_form_thumbnail{
position:relative;
width:100px;
height:100px;
border:1px solid gray;
border-radius:3px;
margin:10px 10px 0px 0px;
}
.comment_form_thumbnail img{
width:100px;
height:100px;
object-fit:cover;
object-position:top;
}
.comment_form_thumbnail_delete{
width:20px;
height:20px;
font-size:18px;
font-family:Arial;
position:absolute;
top:0px;
right:0px;
cursor:pointer;
background-color:black;
color:white;
border-radius:10px;
text-align:center;
}
.gc_comment_attachment_file_icon{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
background-color:#dddddd;
color:black;
}
.gc_comment_attachment_file_icon_text{
font-size:24px;
}
.gc_comment_user_icon{
width:30px;
height:30px;
border-radius:16px;
border:1px solid #ffffff;
overflow:hidden;
}
.gc_comment_user_icon img{
width:30px;
height:30px;
object-fit:cover;
}
.gc_comment_frame{
width:calc(100% - 20px);
max-width:700px;
margin: 10px auto;
border:1px solid #dddddd;
border-raduis:10px;
padding:20px;
}
.gc_comment_user_line{
display:flex;
flex-direction:row;
justify-content: space-between;
align-items:center;
}
.gc_comment_user_caption{
margin-left:10px;
display:flex;
flex-direction:row;
align-items:center;
}
.gc_comment_text_box{
padding:20px;
}
.gc_comment_attachment_box{
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items:center;
padding:20px;
}
.gc_comment_attachment_thumbnail{
width:100px;
height:100px;
margin: 5px;
border-radius:3px;
}
.gc_comment_attachment_thumbnail img{
width:100px;
height:100px;
object-fit: cover;
}
.gc_comment_attachment_filebox{
width:100px;
height:100px;
margin: 5px;
border:1px solid #aaaaaa;
border-radius:3px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
}
.bg_tag_button{
width:100%;
margin:0 auto 1.5% auto;
display:flex;
flex-wrap:wrap;
}
.tag_button{
font-size:var(--font_size);
line-height:1.8em;
text-align:center;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}
.tag_active_button{
border-style:solid;
border-width:2px;
}
.tag_type1{
gap:1.3%;
}
.tag_type1 .tag_button{
width:24%;
padding:10px 2.5px;
box-sizing:border-box;
border-radius:50vh;
margin-bottom:1.5%;
}
.tag_type2{
gap:2%;
}
.tag_type2 .tag_button{
width:32%;
padding:10px 2.5px;
box-sizing:border-box;
border-radius:50vh;
margin-bottom:2%;
}
.tag_type3{
gap:1.5%;
}
.tag_type3 .tag_button{
width:max-content;
padding:10px 20px;
box-sizing:border-box;
border-radius:50vh;
margin-bottom:2%;
}
.bg_page_button{
width:100%;
margin:30px auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:1em;
}
.page_button{
width:max-content;
line-height:1em;
padding:0.5em 1em;
box-sizing:border-box;
cursor:pointer;
position:relative;
}
.page_button .page_button_border{
width:100%;
height:100%;
border-style:solid;
border-width:1px;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
cursor:pointer;
}
.pagenow .page_button_border{
opacity:0.3;
}
.omission_button{
cursor:default!important;
}
.omission_button .page_button_border{
cursor:default!important;
}
.gc_auto_frame_post_index_box_contents_cell_image_inner .instagram-media{
position:absolute;
top:-54px;
left:50%;
transform:translate(-50%,0);
}
.kiji_in_page_under3{
justify-content:center;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.gc_auto_frame_publicinfo_flow{
}
.publicinfo_flow_type{
font-size:var(--font_size);
line-height:1.8em;
}
.publicinfo_flow_type h2{
margin-block-start:0;
margin-block-end:0;
}
.publicinfo_flow_type .bg_svg{
position:relative;
}
.publicinfo_flow_type svg{
position:absolute;
top:0;
left:0;
}
.publicinfo_flow_type .accent_color_white .title_border1{
border-color:#ffffff;
}
.publicinfo_flow_type .accent_color_white .circle{
background-color:#ffffff;
}
.publicinfo_flow_type .accent_color_white .link_area a:hover{
color:#ffffff;
fill:#ffffff;
}
.publicinfo_flow_type .accent_color_black .title_border1{
border-color:#383838;
}
.publicinfo_flow_type .accent_color_black .circle{
background-color:#383838;
}
.publicinfo_flow_type .accent_color_black .link_area a:hover{
color:#383838;
fill:#383838;
}
.publicinfo_flow_type .accent_color_basecolor1 .title_border1{
border-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color_basecolor1 .circle{
background-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color_basecolor1 .link_area a:hover{
color:var(--basecolor1);
fill:var(--basecolor1);
}
.publicinfo_flow_type .accent_color_basecolor2 .title_border1{
border-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color_basecolor2 .circle{
background-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color_basecolor2 .link_area a:hover{
color:var(--basecolor2);
fill:var(--basecolor2);
}
.publicinfo_flow_type .accent_color_headercolor .title_border1{
border-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color_headercolor .circle{
background-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color_headercolor .link_area a:hover{
color:var(--headercolor);
fill:var(--headercolor);
}
.publicinfo_flow_type .accent_color_menucolor .title_border1{
border-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color_menucolor .circle{
background-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color_menucolor .link_area a:hover{
color:var(--menucolor);
fill:var(--menucolor);
}
.publicinfo_flow_type .accent_color_footercolor .title_border1{
border-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color_footercolor .circle{
background-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color_footercolor .link_area a:hover{
color:var(--footercolor);
fill:var(--footercolor);
}
.publicinfo_flow_type .accent_color_customcolor1 .title_border1{
border-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color_customcolor1 .circle{
background-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color_customcolor1 .link_area a:hover{
color:var(--customcolor1);
fill:var(--customcolor1);
}
.publicinfo_flow_type .accent_color_customcolor2 .title_border1{
border-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color_customcolor2 .circle{
background-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color_customcolor2 .link_area a:hover{
color:var(--customcolor2);
fill:var(--customcolor2);
}
.publicinfo_flow_type .accent_color_customcolor3 .title_border1{
border-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color_customcolor3 .circle{
background-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color_customcolor3 .link_area a:hover{
color:var(--customcolor3);
fill:var(--customcolor3);
}
.publicinfo_flow_type .accent_color2_gray .title_border2{
color:#dedede;
border-color:#dedede;
}
.publicinfo_flow_type .accent_color2_gray .tatesen{
border-color:#dedede;
}
.publicinfo_flow_type .accent_color2_gray .end_border{
border-color:#dedede;
}
.publicinfo_flow_type .accent_color2_gray .step{
color:#dedede;
}
.publicinfo_flow_type .accent_color2_white .title_border2{
color:#ffffff;
border-color:#ffffff;
}
.publicinfo_flow_type .accent_color2_white .tatesen{
border-color:#ffffff;
}
.publicinfo_flow_type .accent_color2_white .end_border{
border-color:#ffffff;
}
.publicinfo_flow_type .accent_color2_white .step{
color:#ffffff;
}
.publicinfo_flow_type .accent_color2_black .title_border2{
color:#383838;
border-color:#383838;
}
.publicinfo_flow_type .accent_color2_black .tatesen{
border-color:#383838;
}
.publicinfo_flow_type .accent_color2_black .end_border{
border-color:#383838;
}
.publicinfo_flow_type .accent_color2_black .step{
color:#383838;
}
.publicinfo_flow_type .accent_color2_basecolor1 .title_border2{
color:var(--basecolor1);
border-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color2_basecolor1 .tatesen{
border-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color2_basecolor1 .end_border{
border-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color2_basecolor1 .step{
color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color2_basecolor2 .title_border2{
color:var(--basecolor2);
border-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color2_basecolor2 .tatesen{
border-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color2_basecolor2 .end_border{
border-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color2_basecolor2 .step{
color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color2_headercolor .title_border2{
color:var(--headercolor);
border-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color2_headercolor .tatesen{
border-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color2_headercolor .end_border{
border-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color2_headercolor .step{
color:var(--headercolor);
}
.publicinfo_flow_type .accent_color2_menucolor .title_border2{
color:var(--menucolor);
border-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color2_menucolor .tatesen{
border-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color2_menucolor .end_border{
border-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color2_menucolor .step{
color:var(--menucolor);
}
.publicinfo_flow_type .accent_color2_footercolor .title_border2{
color:var(--footercolor);
border-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color2_footercolor .tatesen{
border-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color2_footercolor .end_border{
border-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color2_footercolor .step{
color:var(--footercolor);
}
.publicinfo_flow_type .accent_color2_customcolor1 .title_border2{
color:var(--customcolor1);
border-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color2_customcolor1 .tatesen{
border-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color2_customcolor1 .end_border{
border-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color2_customcolor1 .step{
color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color2_customcolor2 .title_border2{
color:var(--customcolor2);
border-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color2_customcolor2 .tatesen{
border-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color2_customcolor2 .end_border{
border-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color2_customcolor2 .step{
color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color2_customcolor3 .title_border2{
color:var(--customcolor3);
border-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color2_customcolor3 .tatesen{
border-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color2_customcolor3 .end_border{
border-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color2_customcolor3 .step{
color:var(--customcolor3);
}
.publicinfo_flow_type .circle_no_position_center_center{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_right_center{
position:absolute;
top:50%;
left:55%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_left_center{
position:absolute;
top:50%;
left:45%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_center_top{
position:absolute;
top:45%;
left:50%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_center_bottom{
position:absolute;
top:55%;
left:50%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_right_top{
position:absolute;
top:45%;
left:55%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_right_bottom{
position:absolute;
top:55%;
left:55%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_left_top{
position:absolute;
top:45%;
left:45%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_left_bottom{
position:absolute;
top:55%;
left:45%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .image_size_100{
width:100%;
margin:auto;
}
.publicinfo_flow_type .image_size_75{
width:75%;
margin:auto;
}
.publicinfo_flow_type .image_size_50{
width:50%;
margin:auto;
}
.publicinfo_flow_type1{
width:100%;
}
.publicinfo_flow_type1 .bg_publicinfo_flow{
width:100%;
}
.publicinfo_flow_type1 .publicinfo_flow{
width:min(var(--base_width),100%);
margin:auto;
}
.publicinfo_flow_type1 .publicinfo_flow_contents{
width:100%;
padding:7.5% 12.5%;
box-sizing:border-box;
}
.publicinfo_flow_type1 .flow_content{
width:100%;
margin-bottom:2.5%;
display:flex;
justify-content:space-between;
position:relative;
overflow:hidden;
}
.publicinfo_flow_type1 .bg_step_circle{
width:min(120px,120vw/1200*100);
position:relative;
overflow:hidden;
}
.publicinfo_flow_type1 .step{
width:100%;
height:1em;
margin-bottom:25%;
font-size:36px;
line-height:1em;
font-family:var(--font-family-europ);
text-align:center;
}
.publicinfo_flow_type1 .circle{
width:min(120px,120vw/1200*100);
height:min(120px,120vw/1200*100);
box-sizing:border-box;
border-radius:100%;
font-size:min(70px,70vw/1200*100);
font-family:var(--font-family-europ);
text-align:center;
position:relative;
}
.publicinfo_flow_type1 .flow_no{
width:max-content;
height:1em;
line-height:1em;
}
.publicinfo_flow_type1 .tatesen{
width:1px;
height:100vh;
border-style:solid;
border-width:0 1px 0 0;
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.publicinfo_flow_type1 .text_area{
width:80%;
padding:5% 0;
box-sizing:border-box;
}
.publicinfo_flow_type1 .title{
width:100%;
padding-bottom:3.75%;
box-sizing:border-box;
margin-bottom:3.75%;
font-size:2em;
line-height:1.8em;
font-family:var(--font-family-small-headline);
position:relative;
}
.publicinfo_flow_type1 .title_border1{
width:37.5%;
height:1px;
border-style:solid;
border-width:0 0 5px 0;
position:absolute;
bottom:0;
left:0;
}
.publicinfo_flow_type1 .title_border2{
width:62.5%;
height:1px;
border-style:solid;
border-width:0 0 5px 0;
position:absolute;
bottom:0;
right:0;
}
.publicinfo_flow_type1 .link_area{
width:100%;
margin:3.75% auto 0 auto;
}
.publicinfo_flow_type1 .tel_link a{
display:flex;
align-items:center;
width:100%;
}
.publicinfo_flow_type1 .tel_link .bg_svg{
width:1em;
height:1em;
margin-right:0.5em;
}
.publicinfo_flow_type1 .contact_link a{
display:flex;
align-items:center;
width:100%;
cursor:pointer;
}
.publicinfo_flow_type1 .contact_link .bg_svg{
width:1em;
height:1em;
margin-right:0.5em;
}
.publicinfo_flow_type1 .line_link a{
display:flex;
align-items:center;
width:100%;
cursor:pointer;
}
.publicinfo_flow_type1 .line_link .bg_svg{
width:1em;
height:1em;
margin-right:0.5em;
}
.publicinfo_flow_type1 .flow_content img{
display:block;
width:75%;
height:auto;
margin:3.75% auto 0 auto;
}
.publicinfo_flow_type1 .bg_end_border{
width:100%;
height:1px;
padding-left:min(120px/2,120vw/2/1200*100);
box-sizing:border-box;
margin-top:-2.5%;
}
.publicinfo_flow_type1 .end_border{
width:100%;
height:1px;
border-style:solid;
border-width:1px 0 0 0;
}
.publicinfo_flow_type{
font-size:var(--font_size);
line-height:1.8em;
}
.publicinfo_flow_type h2{
margin-block-start:0;
margin-block-end:0;
}
.publicinfo_flow_type .bg_svg{
position:relative;
}
.publicinfo_flow_type svg{
position:absolute;
top:0;
left:0;
}
.publicinfo_flow_type .accent_color_white .title_border1{
border-color:#ffffff;
}
.publicinfo_flow_type .accent_color_white .circle{
background-color:#ffffff;
}
.publicinfo_flow_type .accent_color_white .link_area a:hover{
color:#ffffff;
fill:#ffffff;
}
.publicinfo_flow_type .accent_color_black .title_border1{
border-color:#383838;
}
.publicinfo_flow_type .accent_color_black .circle{
background-color:#383838;
}
.publicinfo_flow_type .accent_color_black .link_area a:hover{
color:#383838;
fill:#383838;
}
.publicinfo_flow_type .accent_color_basecolor1 .title_border1{
border-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color_basecolor1 .circle{
background-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color_basecolor1 .link_area a:hover{
color:var(--basecolor1);
fill:var(--basecolor1);
}
.publicinfo_flow_type .accent_color_basecolor2 .title_border1{
border-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color_basecolor2 .circle{
background-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color_basecolor2 .link_area a:hover{
color:var(--basecolor2);
fill:var(--basecolor2);
}
.publicinfo_flow_type .accent_color_headercolor .title_border1{
border-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color_headercolor .circle{
background-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color_headercolor .link_area a:hover{
color:var(--headercolor);
fill:var(--headercolor);
}
.publicinfo_flow_type .accent_color_menucolor .title_border1{
border-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color_menucolor .circle{
background-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color_menucolor .link_area a:hover{
color:var(--menucolor);
fill:var(--menucolor);
}
.publicinfo_flow_type .accent_color_footercolor .title_border1{
border-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color_footercolor .circle{
background-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color_footercolor .link_area a:hover{
color:var(--footercolor);
fill:var(--footercolor);
}
.publicinfo_flow_type .accent_color_customcolor1 .title_border1{
border-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color_customcolor1 .circle{
background-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color_customcolor1 .link_area a:hover{
color:var(--customcolor1);
fill:var(--customcolor1);
}
.publicinfo_flow_type .accent_color_customcolor2 .title_border1{
border-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color_customcolor2 .circle{
background-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color_customcolor2 .link_area a:hover{
color:var(--customcolor2);
fill:var(--customcolor2);
}
.publicinfo_flow_type .accent_color_customcolor3 .title_border1{
border-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color_customcolor3 .circle{
background-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color_customcolor3 .link_area a:hover{
color:var(--customcolor3);
fill:var(--customcolor3);
}
.publicinfo_flow_type .accent_color2_gray .title_border2{
color:#dedede;
border-color:#dedede;
}
.publicinfo_flow_type .accent_color2_gray .tatesen{
border-color:#dedede;
}
.publicinfo_flow_type .accent_color2_gray .end_border{
border-color:#dedede;
}
.publicinfo_flow_type .accent_color2_gray .step{
color:#dedede;
}
.publicinfo_flow_type .accent_color2_white .title_border2{
color:#ffffff;
border-color:#ffffff;
}
.publicinfo_flow_type .accent_color2_white .tatesen{
border-color:#ffffff;
}
.publicinfo_flow_type .accent_color2_white .end_border{
border-color:#ffffff;
}
.publicinfo_flow_type .accent_color2_white .step{
color:#ffffff;
}
.publicinfo_flow_type .accent_color2_black .title_border2{
color:#383838;
border-color:#383838;
}
.publicinfo_flow_type .accent_color2_black .tatesen{
border-color:#383838;
}
.publicinfo_flow_type .accent_color2_black .end_border{
border-color:#383838;
}
.publicinfo_flow_type .accent_color2_black .step{
color:#383838;
}
.publicinfo_flow_type .accent_color2_basecolor1 .title_border2{
color:var(--basecolor1);
border-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color2_basecolor1 .tatesen{
border-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color2_basecolor1 .end_border{
border-color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color2_basecolor1 .step{
color:var(--basecolor1);
}
.publicinfo_flow_type .accent_color2_basecolor2 .title_border2{
color:var(--basecolor2);
border-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color2_basecolor2 .tatesen{
border-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color2_basecolor2 .end_border{
border-color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color2_basecolor2 .step{
color:var(--basecolor2);
}
.publicinfo_flow_type .accent_color2_headercolor .title_border2{
color:var(--headercolor);
border-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color2_headercolor .tatesen{
border-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color2_headercolor .end_border{
border-color:var(--headercolor);
}
.publicinfo_flow_type .accent_color2_headercolor .step{
color:var(--headercolor);
}
.publicinfo_flow_type .accent_color2_menucolor .title_border2{
color:var(--menucolor);
border-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color2_menucolor .tatesen{
border-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color2_menucolor .end_border{
border-color:var(--menucolor);
}
.publicinfo_flow_type .accent_color2_menucolor .step{
color:var(--menucolor);
}
.publicinfo_flow_type .accent_color2_footercolor .title_border2{
color:var(--footercolor);
border-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color2_footercolor .tatesen{
border-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color2_footercolor .end_border{
border-color:var(--footercolor);
}
.publicinfo_flow_type .accent_color2_footercolor .step{
color:var(--footercolor);
}
.publicinfo_flow_type .accent_color2_customcolor1 .title_border2{
color:var(--customcolor1);
border-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color2_customcolor1 .tatesen{
border-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color2_customcolor1 .end_border{
border-color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color2_customcolor1 .step{
color:var(--customcolor1);
}
.publicinfo_flow_type .accent_color2_customcolor2 .title_border2{
color:var(--customcolor2);
border-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color2_customcolor2 .tatesen{
border-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color2_customcolor2 .end_border{
border-color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color2_customcolor2 .step{
color:var(--customcolor2);
}
.publicinfo_flow_type .accent_color2_customcolor3 .title_border2{
color:var(--customcolor3);
border-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color2_customcolor3 .tatesen{
border-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color2_customcolor3 .end_border{
border-color:var(--customcolor3);
}
.publicinfo_flow_type .accent_color2_customcolor3 .step{
color:var(--customcolor3);
}
.publicinfo_flow_type .circle_no_position_center_center{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_right_center{
position:absolute;
top:50%;
left:55%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_left_center{
position:absolute;
top:50%;
left:45%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_center_top{
position:absolute;
top:45%;
left:50%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_center_bottom{
position:absolute;
top:55%;
left:50%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_right_top{
position:absolute;
top:45%;
left:55%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_right_bottom{
position:absolute;
top:55%;
left:55%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_left_top{
position:absolute;
top:45%;
left:45%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .circle_no_position_left_bottom{
position:absolute;
top:55%;
left:45%;
transform:translate(-50%,-50%);
}
.publicinfo_flow_type .image_size_100{
width:100%;
margin:auto;
}
.publicinfo_flow_type .image_size_75{
width:75%;
margin:auto;
}
.publicinfo_flow_type .image_size_50{
width:50%;
margin:auto;
}
.publicinfo_flow_type1{
width:100%;
}
.publicinfo_flow_type1 .bg_publicinfo_flow{
width:100%;
}
.publicinfo_flow_type1 .publicinfo_flow{
width:min(var(--base_width),100%);
margin:auto;
}
.publicinfo_flow_type1 .publicinfo_flow_contents{
width:100%;
padding:7.5% 12.5%;
box-sizing:border-box;
}
.publicinfo_flow_type1 .flow_content{
width:100%;
margin-bottom:2.5%;
display:flex;
justify-content:space-between;
position:relative;
overflow:hidden;
}
.publicinfo_flow_type1 .bg_step_circle{
width:min(120px,120vw/1200*100);
position:relative;
overflow:hidden;
}
.publicinfo_flow_type1 .step{
width:100%;
height:1em;
margin-bottom:25%;
font-size:36px;
line-height:1em;
font-family:var(--font-family-europ);
text-align:center;
}
.publicinfo_flow_type1 .circle{
width:min(120px,120vw/1200*100);
height:min(120px,120vw/1200*100);
box-sizing:border-box;
border-radius:100%;
font-size:min(70px,70vw/1200*100);
font-family:var(--font-family-europ);
text-align:center;
position:relative;
}
.publicinfo_flow_type1 .flow_no{
width:max-content;
height:1em;
line-height:1em;
}
.publicinfo_flow_type1 .tatesen{
width:1px;
height:100vh;
border-style:solid;
border-width:0 1px 0 0;
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.publicinfo_flow_type1 .text_area{
width:80%;
padding:5% 0;
box-sizing:border-box;
}
.publicinfo_flow_type1 .title{
width:100%;
padding-bottom:3.75%;
box-sizing:border-box;
margin-bottom:3.75%;
font-size:2em;
line-height:1.8em;
font-family:var(--font-family-small-headline);
position:relative;
}
.publicinfo_flow_type1 .title_border1{
width:37.5%;
height:1px;
border-style:solid;
border-width:0 0 5px 0;
position:absolute;
bottom:0;
left:0;
}
.publicinfo_flow_type1 .title_border2{
width:62.5%;
height:1px;
border-style:solid;
border-width:0 0 5px 0;
position:absolute;
bottom:0;
right:0;
}
.publicinfo_flow_type1 .link_area{
width:100%;
margin:3.75% auto 0 auto;
}
.publicinfo_flow_type1 .tel_link a{
display:flex;
align-items:center;
width:100%;
}
.publicinfo_flow_type1 .tel_link .bg_svg{
width:1em;
height:1em;
margin-right:0.5em;
}
.publicinfo_flow_type1 .contact_link a{
display:flex;
align-items:center;
width:100%;
cursor:pointer;
}
.publicinfo_flow_type1 .contact_link .bg_svg{
width:1em;
height:1em;
margin-right:0.5em;
}
.publicinfo_flow_type1 .line_link a{
display:flex;
align-items:center;
width:100%;
cursor:pointer;
}
.publicinfo_flow_type1 .line_link .bg_svg{
width:1em;
height:1em;
margin-right:0.5em;
}
.publicinfo_flow_type1 .flow_content img{
display:block;
width:75%;
height:auto;
margin:3.75% auto 0 auto;
}
.publicinfo_flow_type1 .bg_end_border{
width:100%;
height:1px;
padding-left:min(120px/2,120vw/2/1200*100);
box-sizing:border-box;
margin-top:-2.5%;
}
.publicinfo_flow_type1 .end_border{
width:100%;
height:1px;
border-style:solid;
border-width:1px 0 0 0;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.gc_auto_frame_publicinfo_contact{
}
.gc_auto_frame_lp_form_bg{
width:100%;
}
.gc_auto_frame_lp_form_box{
width:100%;
max-width:var(--base_width);
margin:0px auto 0px;
padding:50px 0px 200px;
clear:both;
}
.lp_form_background{
background-color:var(--footercolor);
color:var(--footercolor_font);
}
.gc_auto_frame_lp_form .gc_auto_frame_lp_form_box{
max-width:none;
}
.gc_auto_frame_lp_form_body{
width:100%;
max-width:600px;
margin:0px auto;
}
.gc_auto_frame_lp_form_box_button{
display:flex;
flex-direction:row;
flex-wrap:mowrap;
justify-content:center;
align-items:center;
background-color:var(--buttoncolor);
color:var(--buttoncolor_font);
fill:var(--buttoncolor_font);
border:1px solid var(--buttoncolor);
width:80%;
max-width:var(--grid_14);
padding:10px;
border-radius:2px;
margin:0px auto 0px;
cursor:pointer;
font-family:var(--font-family-button);
}
.gc_auto_frame_lp_form_box_button:hover{
background-color:var(--buttoncolor_font);
color:var(--buttoncolor);
fill:var(--buttoncolor);
}
.gc_auto_frame_lp_form_box_button_round{
display:flex;
flex-direction:row;
flex-wrap:mowrap;
justify-content:center;
align-items:center;
background-color:var(--buttoncolor);
color:var(--buttoncolor_font);
fill:var(--buttoncolor_font);
border:1px solid var(--buttoncolor);
width:80%;
max-width:var(--grid_10);
padding:10px;
border-radius:var(--button_border_radius);
margin:30px auto;
cursor:pointer;
font-family:var(--font-family-button);
}
.gc_auto_frame_lp_form_box_button_round:hover{
}
.gc_auto_frame_lp_form_box_button_none{
display:flex;
flex-direction:row;
flex-wrap:mowrap;
justify-content:center;
align-items:center;
color:var(--buttoncolor);
fill:var(--buttoncolor);
width:80%;
max-width:var(--grid_10);
padding:10px;
border-radius:40px;
margin:0px auto 0px;
cursor:pointer;
font-family:var(--font-family-button);
}
.gc_auto_frame_lp_form_box_button_none:hover{
color:var(--buttoncolor);
fill:var(--buttoncolor);
text-decoration:underline;
}
.gc_auto_frame_lp_form_box_button_text{
font-family:var(--font-family-button);
}
.gc_auto_frame_lp_form_box_button_svg{
width:20px;
padding:5px 0px 0px 5px;
}
#form_lp_form{
padding:0 3%;
}
.gc_form_lp_title{
width:100%;
max-width:600px;
padding:5px 0px 0px 5px;
box-sizing:border-box;
font-family:var(--font-family-small-headline);
margin-top:20px;
text-align:center;
}
.gc_form_lp_label{
width:100%;
max-width:600px;
padding:5px 0px 0px 5px;
box-sizing:border-box;
font-size:100%;
margin-top:20px;
}
.gc_form_lp_data{
}
.gc_form_lp_data_input{
width:100%;
max-width:600px;
padding:10px;
box-sizing:border-box;
border:1px solid var(--footercolor_font);
border-radius:5px;
}
.gc_form_lp_data_input::placeholder{
color:#dddddd;
}
.em_select_prefecture{
padding:10px;
border-radius:5px;
font-size:100%;
}
.gc_form_lp_data_options_box{
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-contents:flex-start;
padding:10px;
border:1px solid var(--footercolor_font);
border-radius:5px;
}
.gc_form_lp_data_options{
padding:0px 20px;
}
.gc_form_lp_data_textarea{
width:100%;
max-width:600px;
height:150px;
padding:10px;
box-sizing:border-box;
border:1px solid var(--footercolor_font);
border-radius:5px;
font-size:100%;
}
#gc_auto_frame_lp_form_dialog{
display:none;
z-index:10000;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
background-color:var(--popupmenucolor);
color:var(--popupmenucolor_font);
overflow-y:auto;
}
#gc_auto_frame_lp_form_dialog_box{
width:100%;
max-width:600px;
margin:30px auto 0px;;
padding:10px;
box-sizing:border-box;
border:1px solid var(--footercolor_font);
border-radius:5px;
font-size:100%;
}
.gc_auto_frame_lp_form_dialog_buttons{
width:100%;
max-width:600px;
margin:0px auto;
box-sizing:border-box;
display:flex;
flex-direction:row;
}
.gc_dialog_lp_form_line{
width:100%;
display:flex;
flex-direction:row;
}
.gc_dialog_lp_form_label{
width:180px;
margin-right:20px;
margin-bottom:5px;
}
.gc_dialog_lp_form_value{
width:400px;
}
.gc_form_lp_label_need{
background-color:red;
color:white;
font-size:70%;
font-weight:bold;
padding:0px 5px;
border-radius:5px;
margin:0px 10px;
}
.privacy_policy{
width:100%;
height:200px;
padding:2.5%;
box-sizing:border-box;
margin-top:40px;
overflow-y:scroll;
border-style:solid;
border-width:1px;
}
.policy_title{
font-weight:bold;
}
.button_backgroundcolor_red .gc_auto_frame_lp_form_box_button_round{
background-color:#FF4848;
border-color:#FF4848;
}
.button_backgroundcolor_red .gc_auto_frame_lp_form_box_button_round:hover{
color:#FF4848;
}
.button_backgroundcolor_red .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:#FF4848;
}
.button_backgroundcolor_white .gc_auto_frame_lp_form_box_button_round{
background-color:#ffffff;
border-color:#ffffff;
}
.button_backgroundcolor_white .gc_auto_frame_lp_form_box_button_round:hover{
color:#ffffff;
}
.button_backgroundcolor_white .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:#ffffff;
}
.button_backgroundcolor_black .gc_auto_frame_lp_form_box_button_round{
background-color:#383838;
border-color:#383838;
}
.button_backgroundcolor_black .gc_auto_frame_lp_form_box_button_round:hover{
color:#383838;
}
.button_backgroundcolor_black .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:#383838;
}
.button_backgroundcolor_basecolor1 .gc_auto_frame_lp_form_box_button_round{
background-color:var(--basecolor1);
border-color:var(--basecolor1);
}
.button_backgroundcolor_basecolor1 .gc_auto_frame_lp_form_box_button_round:hover{
color:var(--basecolor1);
}
.button_backgroundcolor_basecolor1 .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--basecolor1);
}
.button_backgroundcolor_basecolor2 .gc_auto_frame_lp_form_box_button_round{
background-color:var(--basecolor2);
border-color:var(--basecolor2);
}
.button_backgroundcolor_basecolor2 .gc_auto_frame_lp_form_box_button_round:hover{
color:var(--basecolor2);
}
.button_backgroundcolor_basecolor2 .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--basecolor2);
}
.button_backgroundcolor_headercolor .gc_auto_frame_lp_form_box_button_round{
background-color:var(--headercolor);
border-color:var(--headercolor);
}
.button_backgroundcolor_headercolor .gc_auto_frame_lp_form_box_button_round:hover{
color:var(--headercolor);
}
.button_backgroundcolor_headercolor .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--headercolor);
}
.backgroundcolor_menucolor .gc_auto_frame_lp_form_box_button_round{
background-color:var(--menucolor);
border-color:var(--menucolor);
}
.backgroundcolor_menucolor .gc_auto_frame_lp_form_box_button_round:hover{
color:var(--menucolor);
}
.backgroundcolor_menucolor .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--menucolor);
}
.button_backgroundcolor_footercolor .gc_auto_frame_lp_form_box_button_round{
background-color:var(--footercolor);
border-color:var(--footercolor);
}
.button_backgroundcolor_footercolor .gc_auto_frame_lp_form_box_button_round:hover{
color:var(--footercolor);
}
.button_backgroundcolor_footercolor .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--footercolor);
}
.button_backgroundcolor_customcolor1 .gc_auto_frame_lp_form_box_button_round{
background-color:var(--customcolor1);
border-color:var(--customcolor1);
}
.button_backgroundcolor_customcolor1 .gc_auto_frame_lp_form_box_button_round:hover{
color:var(--customcolor1);
}
.button_backgroundcolor_customcolor1 .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--customcolor1);
}
.button_backgroundcolor_customcolor2 .gc_auto_frame_lp_form_box_button_round{
background-color:var(--customcolor2);
border-color:var(--customcolor2);
}
.button_backgroundcolor_customcolor2 .gc_auto_frame_lp_form_box_button_round:hover{
color:var(--customcolor2);
}
.button_backgroundcolor_customcolor2 .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--customcolor2);
}
.button_backgroundcolor_customcolor3 .gc_auto_frame_lp_form_box_button_round{
background-color:var(--customcolor3);
border-color:var(--customcolor3);
}
.button_backgroundcolor_customcolor3 .gc_auto_frame_lp_form_box_button_round:hover{
color:var(--customcolor3);
}
.button_backgroundcolor_customcolor3 .gc_auto_frame_lp_form_box_button_round:hover .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--customcolor3);
}
.button_textcolor_white .gc_auto_frame_lp_form_box_button_round{
color:#ffffff;
}
.button_textcolor_white .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:#ffffff;
}
.button_textcolor_white .gc_auto_frame_lp_form_box_button_round:hover{
background-color:#ffffff;
border-color:#ffffff;
}
.button_textcolor_black .gc_auto_frame_lp_form_box_button_round{
color:#383838;
}
.button_textcolor_black .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:#383838;
}
.button_textcolor_black .gc_auto_frame_lp_form_box_button_round:hover{
background-color:#383838;
border-color:#383838;
}
.button_textcolor_basecolor1 .gc_auto_frame_lp_form_box_button_round{
color:var(--basecolor1_font);
}
.button_textcolor_basecolor1 .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--basecolor1_font);
}
.button_textcolor_basecolor1 .gc_auto_frame_lp_form_box_button_round:hover{
background-color:var(--basecolor1_font);
border-color:var(--basecolor1_font);
}
.button_textcolor_basecolor2 .gc_auto_frame_lp_form_box_button_round{
color:var(--basecolor2_font);
}
.button_textcolor_basecolor2 .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--basecolor2_font);
}
.button_textcolor_basecolor2 .gc_auto_frame_lp_form_box_button_round:hover{
background-color:var(--basecolor2_font);
border-color:var(--basecolor2_font);
}
.button_textcolor_headercolor .gc_auto_frame_lp_form_box_button_round{
color:var(--headercolor_font);
}
.button_textcolor_headercolor .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--headercolor_font);
}
.button_textcolor_headercolor .gc_auto_frame_lp_form_box_button_round:hover{
background-color:var(--headercolor_font);
border-color:var(--headercolor_font);
}
.button_textcolor_menucolor .gc_auto_frame_lp_form_box_button_round{
color:var(--menucolor_font);
}
.button_textcolor_menucolor .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--menucolor_font);
}
.button_textcolor_menucolor .gc_auto_frame_lp_form_box_button_round:hover{
background-color:var(--menucolor_font);
border-color:var(--menucolor_font);
}
.button_textcolor_footercolor .gc_auto_frame_lp_form_box_button_round{
color:var(--footercolor_font);
}
.button_textcolor_footercolor .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--footercolor_font);
}
.button_textcolor_footercolor .gc_auto_frame_lp_form_box_button_round:hover{
background-color:var(--footercolor_font);
border-color:var(--footercolor_font);
}
.button_textcolor_customcolor1 .gc_auto_frame_lp_form_box_button_round{
color:var(--customcolor1_font);
}
.button_textcolor_customcolor1 .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--customcolor1_font);
}
.button_textcolor_customcolor1 .gc_auto_frame_lp_form_box_button_round:hover{
background-color:var(--customcolor1_font);
border-color:var(--customcolor1_font);
}
.button_textcolor_customcolor2 .gc_auto_frame_lp_form_box_button_round{
color:var(--customcolor2_font);
}
.button_textcolor_customcolor2 .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--customcolor2_font);
}
.button_textcolor_customcolor2 .gc_auto_frame_lp_form_box_button_round:hover{
background-color:var(--customcolor2_font);
border-color:var(--customcolor2_font);
}
.button_textcolor_customcolor3 .gc_auto_frame_lp_form_box_button_round{
color:var(--customcolor3_font);
}
.button_textcolor_customcolor3 .gc_auto_frame_lp_form_box_button_round .gc_auto_frame_lp_form_box_button_svg svg{
fill:var(--customcolor3_font);
}
.button_textcolor_customcolor3 .gc_auto_frame_lp_form_box_button_round:hover{
background-color:var(--customcolor3_font);
border-color:var(--customcolor3_font);
}
.input_backgroundcolor_gray .gc_form_lp_data_input{
background:#f4f4f4;
}
.input_backgroundcolor_gray .gc_form_lp_data_textarea{
background:#f4f4f4;
}
.gc_auto_frame_publicinfo_qanda{
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa0{
display:none;
}
#qa0:checked + .bg_answer_qa0{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa1{
display:none;
}
#qa1:checked + .bg_answer_qa1{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa2{
display:none;
}
#qa2:checked + .bg_answer_qa2{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa3{
display:none;
}
#qa3:checked + .bg_answer_qa3{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa4{
display:none;
}
#qa4:checked + .bg_answer_qa4{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa5{
display:none;
}
#qa5:checked + .bg_answer_qa5{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa6{
display:none;
}
#qa6:checked + .bg_answer_qa6{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa7{
display:none;
}
#qa7:checked + .bg_answer_qa7{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa8{
display:none;
}
#qa8:checked + .bg_answer_qa8{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa9{
display:none;
}
#qa9:checked + .bg_answer_qa9{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa10{
display:none;
}
#qa10:checked + .bg_answer_qa10{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa11{
display:none;
}
#qa11:checked + .bg_answer_qa11{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa12{
display:none;
}
#qa12:checked + .bg_answer_qa12{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa13{
display:none;
}
#qa13:checked + .bg_answer_qa13{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa14{
display:none;
}
#qa14:checked + .bg_answer_qa14{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa15{
display:none;
}
#qa15:checked + .bg_answer_qa15{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa16{
display:none;
}
#qa16:checked + .bg_answer_qa16{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa17{
display:none;
}
#qa17:checked + .bg_answer_qa17{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa18{
display:none;
}
#qa18:checked + .bg_answer_qa18{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa19{
display:none;
}
#qa19:checked + .bg_answer_qa19{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa20{
display:none;
}
#qa20:checked + .bg_answer_qa20{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa21{
display:none;
}
#qa21:checked + .bg_answer_qa21{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa22{
display:none;
}
#qa22:checked + .bg_answer_qa22{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa23{
display:none;
}
#qa23:checked + .bg_answer_qa23{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa24{
display:none;
}
#qa24:checked + .bg_answer_qa24{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa25{
display:none;
}
#qa25:checked + .bg_answer_qa25{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa26{
display:none;
}
#qa26:checked + .bg_answer_qa26{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa27{
display:none;
}
#qa27:checked + .bg_answer_qa27{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa28{
display:none;
}
#qa28:checked + .bg_answer_qa28{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa29{
display:none;
}
#qa29:checked + .bg_answer_qa29{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa30{
display:none;
}
#qa30:checked + .bg_answer_qa30{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa31{
display:none;
}
#qa31:checked + .bg_answer_qa31{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa32{
display:none;
}
#qa32:checked + .bg_answer_qa32{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa33{
display:none;
}
#qa33:checked + .bg_answer_qa33{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa34{
display:none;
}
#qa34:checked + .bg_answer_qa34{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa35{
display:none;
}
#qa35:checked + .bg_answer_qa35{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa36{
display:none;
}
#qa36:checked + .bg_answer_qa36{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa37{
display:none;
}
#qa37:checked + .bg_answer_qa37{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa38{
display:none;
}
#qa38:checked + .bg_answer_qa38{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa39{
display:none;
}
#qa39:checked + .bg_answer_qa39{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa40{
display:none;
}
#qa40:checked + .bg_answer_qa40{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa41{
display:none;
}
#qa41:checked + .bg_answer_qa41{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa42{
display:none;
}
#qa42:checked + .bg_answer_qa42{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa43{
display:none;
}
#qa43:checked + .bg_answer_qa43{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa44{
display:none;
}
#qa44:checked + .bg_answer_qa44{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa45{
display:none;
}
#qa45:checked + .bg_answer_qa45{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa46{
display:none;
}
#qa46:checked + .bg_answer_qa46{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa47{
display:none;
}
#qa47:checked + .bg_answer_qa47{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa48{
display:none;
}
#qa48:checked + .bg_answer_qa48{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa49{
display:none;
}
#qa49:checked + .bg_answer_qa49{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa50{
display:none;
}
#qa50:checked + .bg_answer_qa50{
display:block;
}
.gc_auto_frame_publicinfo_qanda input[type="checkbox"]{
display:none;
}
.gc_auto_frame_publicinfo_qanda .bg_publicinfo_qanda{
width:100%;
}
.gc_auto_frame_publicinfo_qanda .publicinfo_qanda{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_publicinfo_qanda .publicinfo_qanda_contents{
width:100%;
padding:7.5% 10%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_qanda .qanda_content{
width:100%;
}
.gc_auto_frame_publicinfo_qanda label{
width:100%;
padding:1.5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
display:flex;
align-items:center;
font-size:1em;
line-height:1.8em;
cursor:pointer;
}
.gc_auto_frame_publicinfo_qanda .q_icon{
width:1.5em;
height:1.5em;
margin-right:1.5%;
background-color:#C95353;
display:flex;
align-items:center;
justify-content:center;
font-size:1.25em;
line-height:1em;
color:#ffffff;
font-family:var(--font-family-europ);
}
.gc_auto_frame_publicinfo_qanda .q_title{
width:max-content;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa{
width:90%;
padding:2.5%;
box-sizing:border-box;
border-style:dashed;
border-width:0 0 1px 1px;
margin:0 0 6.25% auto;
}
.gc_auto_frame_publicinfo_qanda .answer_qa{
width:100%;
padding:3.5% 7%;
box-sizing:border-box;
display:flex;
align-items:flex-start;
}
.gc_auto_frame_publicinfo_qanda .a_icon{
width:1.5em;
height:1.5em;
margin-right:1.5em;
background-color:#547AC6;
display:flex;
align-items:center;
justify-content:center;
font-size:1.25em;
line-height:1em;
color:#ffffff;
font-family:var(--font-family-europ);
}
.gc_auto_frame_publicinfo_qanda .qanda_a{
width:100%;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_publicinfo_qanda img{
display:block;
width:100%;
height:auto;
margin-top:5%;
}
.gc_auto_frame_publicinfo_qanda .accent_color_gray .accent_label{
background-color:#f7f7f7;
}
.gc_auto_frame_publicinfo_qanda .accent_color_white .accent_label{
background-color:#ffffff;
}
.gc_auto_frame_publicinfo_qanda .accent_color_black .accent_label{
background-color:#383838;
}
.gc_auto_frame_publicinfo_qanda .accent_color_basecolor1 .accent_label{
background-color:var(--basecolor1);
}
.gc_auto_frame_publicinfo_qanda .accent_color_basecolor2 .accent_label{
background-color:var(--basecolor2);
}
.gc_auto_frame_publicinfo_qanda .accent_color_headercolor .accent_label{
background-color:var(--headercolor);
}
.gc_auto_frame_publicinfo_qanda .accent_color_menucolor .accent_label{
background-color:var(--menucolor);
}
.gc_auto_frame_publicinfo_qanda .accent_color_footercolor .accent_label{
background-color:var(--footercolor);
}
.gc_auto_frame_publicinfo_qanda .accent_color_customcolor1 .accent_label{
background-color:var(--customcolor1);
}
.gc_auto_frame_publicinfo_qanda .accent_color_customcolor2 .accent_label{
background-color:var(--customcolor2);
}
.gc_auto_frame_publicinfo_qanda .accent_color_customcolor3 .accent_label{
background-color:var(--customcolor3);
}
.gc_auto_frame_publicinfo_qanda .image_size_100{
width:100%;
margin:auto;
}
.gc_auto_frame_publicinfo_qanda .image_size_75{
width:75%;
margin:auto;
}
.gc_auto_frame_publicinfo_qanda .image_size_50{
width:50%;
margin:auto;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa0{
display:none;
}
#qa0:checked + .bg_answer_qa0{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa1{
display:none;
}
#qa1:checked + .bg_answer_qa1{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa2{
display:none;
}
#qa2:checked + .bg_answer_qa2{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa3{
display:none;
}
#qa3:checked + .bg_answer_qa3{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa4{
display:none;
}
#qa4:checked + .bg_answer_qa4{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa5{
display:none;
}
#qa5:checked + .bg_answer_qa5{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa6{
display:none;
}
#qa6:checked + .bg_answer_qa6{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa7{
display:none;
}
#qa7:checked + .bg_answer_qa7{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa8{
display:none;
}
#qa8:checked + .bg_answer_qa8{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa9{
display:none;
}
#qa9:checked + .bg_answer_qa9{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa10{
display:none;
}
#qa10:checked + .bg_answer_qa10{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa11{
display:none;
}
#qa11:checked + .bg_answer_qa11{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa12{
display:none;
}
#qa12:checked + .bg_answer_qa12{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa13{
display:none;
}
#qa13:checked + .bg_answer_qa13{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa14{
display:none;
}
#qa14:checked + .bg_answer_qa14{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa15{
display:none;
}
#qa15:checked + .bg_answer_qa15{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa16{
display:none;
}
#qa16:checked + .bg_answer_qa16{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa17{
display:none;
}
#qa17:checked + .bg_answer_qa17{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa18{
display:none;
}
#qa18:checked + .bg_answer_qa18{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa19{
display:none;
}
#qa19:checked + .bg_answer_qa19{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa20{
display:none;
}
#qa20:checked + .bg_answer_qa20{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa21{
display:none;
}
#qa21:checked + .bg_answer_qa21{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa22{
display:none;
}
#qa22:checked + .bg_answer_qa22{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa23{
display:none;
}
#qa23:checked + .bg_answer_qa23{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa24{
display:none;
}
#qa24:checked + .bg_answer_qa24{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa25{
display:none;
}
#qa25:checked + .bg_answer_qa25{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa26{
display:none;
}
#qa26:checked + .bg_answer_qa26{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa27{
display:none;
}
#qa27:checked + .bg_answer_qa27{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa28{
display:none;
}
#qa28:checked + .bg_answer_qa28{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa29{
display:none;
}
#qa29:checked + .bg_answer_qa29{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa30{
display:none;
}
#qa30:checked + .bg_answer_qa30{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa31{
display:none;
}
#qa31:checked + .bg_answer_qa31{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa32{
display:none;
}
#qa32:checked + .bg_answer_qa32{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa33{
display:none;
}
#qa33:checked + .bg_answer_qa33{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa34{
display:none;
}
#qa34:checked + .bg_answer_qa34{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa35{
display:none;
}
#qa35:checked + .bg_answer_qa35{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa36{
display:none;
}
#qa36:checked + .bg_answer_qa36{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa37{
display:none;
}
#qa37:checked + .bg_answer_qa37{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa38{
display:none;
}
#qa38:checked + .bg_answer_qa38{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa39{
display:none;
}
#qa39:checked + .bg_answer_qa39{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa40{
display:none;
}
#qa40:checked + .bg_answer_qa40{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa41{
display:none;
}
#qa41:checked + .bg_answer_qa41{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa42{
display:none;
}
#qa42:checked + .bg_answer_qa42{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa43{
display:none;
}
#qa43:checked + .bg_answer_qa43{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa44{
display:none;
}
#qa44:checked + .bg_answer_qa44{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa45{
display:none;
}
#qa45:checked + .bg_answer_qa45{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa46{
display:none;
}
#qa46:checked + .bg_answer_qa46{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa47{
display:none;
}
#qa47:checked + .bg_answer_qa47{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa48{
display:none;
}
#qa48:checked + .bg_answer_qa48{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa49{
display:none;
}
#qa49:checked + .bg_answer_qa49{
display:block;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa50{
display:none;
}
#qa50:checked + .bg_answer_qa50{
display:block;
}
.gc_auto_frame_publicinfo_qanda input[type="checkbox"]{
display:none;
}
.gc_auto_frame_publicinfo_qanda .bg_publicinfo_qanda{
width:100%;
}
.gc_auto_frame_publicinfo_qanda .publicinfo_qanda{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_publicinfo_qanda .publicinfo_qanda_contents{
width:100%;
padding:7.5% 10%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_qanda .qanda_content{
width:100%;
}
.gc_auto_frame_publicinfo_qanda label{
width:100%;
padding:1.5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
display:flex;
align-items:center;
font-size:1em;
line-height:1.8em;
cursor:pointer;
}
.gc_auto_frame_publicinfo_qanda .q_icon{
width:1.5em;
height:1.5em;
margin-right:1.5%;
background-color:#C95353;
display:flex;
align-items:center;
justify-content:center;
font-size:1.25em;
line-height:1em;
color:#ffffff;
font-family:var(--font-family-europ);
}
.gc_auto_frame_publicinfo_qanda .q_title{
width:max-content;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa{
width:90%;
padding:2.5%;
box-sizing:border-box;
border-style:dashed;
border-width:0 0 1px 1px;
margin:0 0 6.25% auto;
}
.gc_auto_frame_publicinfo_qanda .answer_qa{
width:100%;
padding:3.5% 7%;
box-sizing:border-box;
display:flex;
align-items:flex-start;
}
.gc_auto_frame_publicinfo_qanda .a_icon{
width:1.5em;
height:1.5em;
margin-right:1.5em;
background-color:#547AC6;
display:flex;
align-items:center;
justify-content:center;
font-size:1.25em;
line-height:1em;
color:#ffffff;
font-family:var(--font-family-europ);
}
.gc_auto_frame_publicinfo_qanda .qanda_a{
width:100%;
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_publicinfo_qanda img{
display:block;
width:100%;
height:auto;
margin-top:5%;
}
.gc_auto_frame_publicinfo_qanda .accent_color_gray .accent_label{
background-color:#f7f7f7;
}
.gc_auto_frame_publicinfo_qanda .accent_color_white .accent_label{
background-color:#ffffff;
}
.gc_auto_frame_publicinfo_qanda .accent_color_black .accent_label{
background-color:#383838;
}
.gc_auto_frame_publicinfo_qanda .accent_color_basecolor1 .accent_label{
background-color:var(--basecolor1);
}
.gc_auto_frame_publicinfo_qanda .accent_color_basecolor2 .accent_label{
background-color:var(--basecolor2);
}
.gc_auto_frame_publicinfo_qanda .accent_color_headercolor .accent_label{
background-color:var(--headercolor);
}
.gc_auto_frame_publicinfo_qanda .accent_color_menucolor .accent_label{
background-color:var(--menucolor);
}
.gc_auto_frame_publicinfo_qanda .accent_color_footercolor .accent_label{
background-color:var(--footercolor);
}
.gc_auto_frame_publicinfo_qanda .accent_color_customcolor1 .accent_label{
background-color:var(--customcolor1);
}
.gc_auto_frame_publicinfo_qanda .accent_color_customcolor2 .accent_label{
background-color:var(--customcolor2);
}
.gc_auto_frame_publicinfo_qanda .accent_color_customcolor3 .accent_label{
background-color:var(--customcolor3);
}
.gc_auto_frame_publicinfo_qanda .image_size_100{
width:100%;
margin:auto;
}
.gc_auto_frame_publicinfo_qanda .image_size_75{
width:75%;
margin:auto;
}
.gc_auto_frame_publicinfo_qanda .image_size_50{
width:50%;
margin:auto;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.gc_auto_frame_publicinfo_company{
}
.gc_auto_frame_publicinfo_company .bg_publicinfo_company{
width:100%;
font-size:var(--font_size);
line-height:1.8em;
}
.gc_auto_frame_publicinfo_company .publicinfo_company{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_publicinfo_company h2{
font-size:1.75em;
line-height:1.8em;
margin-block-start:0;
margin-block-end:0;
}
.gc_auto_frame_publicinfo_company .bg_svg{
position:relative;
}
.gc_auto_frame_publicinfo_company .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_publicinfo_company .accent_color_white .title{
border-color:#ffffff;
}
.gc_auto_frame_publicinfo_company .accent_color_white svg{
fill:#ffffff;
}
:gc_auto_frame_publicinfo_company .accent_color_white a{
color:#ffffff;
}
.gc_auto_frame_publicinfo_company .accent_color_black .title{
border-color:#383838;
}
.gc_auto_frame_publicinfo_company .accent_color_black svg{
fill:#383838;
}
.gc_auto_frame_publicinfo_company .accent_color_black a{
color:#383838;
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor1 .title{
border-color:var(--basecolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor1 svg{
fill:var(--basecolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor1 a{
color:var(--basecolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor2 .title{
border-color:var(--basecolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor2 svg{
fill:var(--basecolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor2 a{
color:var(--basecolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_headercolor .title{
border-color:var(--headercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_headercolor svg{
fill:var(--headercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_headercolor a{
color:var(--headercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_menucolor .title{
border-color:var(--menucolor);
}
.gc_auto_frame_publicinfo_company .accent_color_menucolor svg{
fill:var(--menucolor);
}
.gc_auto_frame_publicinfo_company .accent_color_menucolor a{
color:var(--menucolor);
}
.gc_auto_frame_publicinfo_company .accent_color_footercolor .title{
border-color:var(--footercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_footercolor svg{
fill:var(--footercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_footercolor a{
color:var(--footercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor1 .title{
border-color:var(--customcolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor1 svg{
fill:var(--customcolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor1 a{
color:var(--customcolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor2 .title{
border-color:var(--customcolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor2 svg{
fill:var(--customcolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor2 a{
color:var(--customcolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor3 .title{
border-color:var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor3 svg{
fill:var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor3 a{
color:var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_white {
background-color:#ffffff;
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_white svg{
fill:#383838;
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_black {
background-color:#383838;
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_black svg{
fill:#ffffff;
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_basecolor1 {
background-color:var(--basecolor1);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_basecolor1 svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_basecolor2 {
background-color:var(--basecolor2);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_basecolor2 svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_headercolor {
background-color:var(--headercolor);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_headercolor svg{
fill:var(--headercolor_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_menucolor {
background-color:var(--menucolor);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_menucolor svg{
fill:var(--menucolor_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_footercolor {
background-color:var(--footercolor);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_footercolor svg{
fill:var(--footercolor_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor1 {
background-color:var(--customcolor1);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor1 svg{
fill:var(--customcolor1_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor2 {
background-color:var(--customcolor2);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor2 svg{
fill:var(--customcolor2_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor3 {
background-color:var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor3 svg{
fill:var(--customcolor3_font);
}
.gc_auto_frame_publicinfo_company .image_size_100{
width:100%;
margin:auto;
}
.gc_auto_frame_publicinfo_company .image_size_75{
width:75%;
margin:auto;
}
.gc_auto_frame_publicinfo_company .image_size_45{
width:45%;
margin:auto;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_contents{
width:100%;
padding:7.5% 10% 0 10%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .contents{
width:100%;
padding-bottom:10%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .title{
display:block;
width:100%;
padding:2.5%;
box-sizing:border-box;
margin-bottom:7.5%;
border-style:solid;
border-width:0 0 0 10px;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 img{
display:block;
width:100%;
height:auto;
margin:5% 0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_only .goaisatsu1{
width:100%;
margin-bottom:6%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_only .goaisatsu2{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .goaisatsu_image{
display:block;
width:15%;
height:0%;
padding-top:15%;
box-sizing:border-box;
position:relative;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .goaisatsu_image img{
display:block;
width:100%;
height:100%;
border-radius:50vh;
object-fit:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu{
width:82%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu .goaisatsu1{
width:100%;
margin-bottom:6%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu .goaisatsu2{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content{
width:100%;
padding:2.5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_title{
width:25%;
display:flex;
align-items:center;
justify-content:left;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_text{
width:71.5%;
margin-left:2.5%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_svg{
width:1em;
height:1em;
margin:0 1em 0 0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_map{
width:100%;
height:500px;
margin:5% 0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_image_area{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .image_area{
width:47.5%;
margin-bottom:5%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .image_area img{
display:block;
width:100%;
height:auto;
margin:0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .image_area .image_text{
width:100%;
margin-top:2.5%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_contents_lp{
width:100%;
padding:7.5% 0 0 0;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .lp_title{
display:block;
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
border-width:0;
text-align:center;
position:relative;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .lp_title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.lp_company_title_backgroundcolor_white{
background:#ffffff;
}
.lp_company_title_backgroundcolor_white:before{
content:"";
border:23px solid transparent;
border-top:40px solid #ffffff;
}
.lp_company_title_backgroundcolor_black{
background:#383838;
}
.lp_company_title_backgroundcolor_black:before{
content:"";
border:23px solid transparent;
border-top:40px solid #383838;
}
.lp_company_title_backgroundcolor_gray{
background:#f4f4f4;
}
.lp_company_title_backgroundcolor_gray:before{
content:"";
border:23px solid transparent;
border-top:40px solid #f4f4f4;
}
.lp_company_title_backgroundcolor_basecolor1{
background:var(--basecolor1);
}
.lp_company_title_backgroundcolor_basecolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor1);
}
.lp_company_title_backgroundcolor_basecolor2{
background:var(--basecolor2);
}
.lp_company_title_backgroundcolor_basecolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor2);
}
.lp_company_title_backgroundcolor_basecolor3{
background:var(--basecolor3);
}
.lp_company_title_backgroundcolor_basecolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor3);
}
.lp_company_title_backgroundcolor_accentcolor1{
background:var(--accentcolor1);
}
.lp_company_title_backgroundcolor_accentcolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor1);
}
.lp_company_title_backgroundcolor_accentcolor2{
background:var(--accentcolor2);
}
.lp_company_title_backgroundcolor_accentcolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor2);
}
.lp_company_title_backgroundcolor_accentcolor3{
background:var(--accentcolor3);
}
.lp_company_title_backgroundcolor_accentcolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor3);
}
.lp_company_title_backgroundcolor_customcolor1{
background:var(--customcolor1);
}
.lp_company_title_backgroundcolor_customcolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor1);
}
.lp_company_title_backgroundcolor_customcolor2{
background:var(--customcolor2);
}
.lp_company_title_backgroundcolor_customcolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor2);
}
.lp_company_title_backgroundcolor_customcolor3{
background:var(--customcolor3);
}
.lp_company_title_backgroundcolor_customcolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .contents_appeal{
padding-top:var(--header_height);
margin-top:calc(-1 * var(--header_height));
}
.gc_auto_frame_publicinfo_company .item{
width:90%;
min-height:175px;
padding:3% 7.5%;
border-style:solid;
border-width:0 0 1px 0;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_company .appeal_title{
width:80%;
font-size:1.5em;
line-height:1em;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .appeal_title{
margin:0 auto 3% 0;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .appeal_title{
margin:0 0 3% auto;
}
.gc_auto_frame_publicinfo_company .desc{
width:80%;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .desc{
margin:0 auto 0 0;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .desc{
margin:0 0 0 auto;
}
.gc_auto_frame_publicinfo_company .bg_icon_svg{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_publicinfo_company .bg_icon_svg svg{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_publicinfo_company .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
border-radius:50vh;
position:absolute;
top:50%;
transform:translate(0%,-50%);
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .icon{
right:5%;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .icon{
left:5%;
}
.gc_auto_frame_publicinfo_company .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
border-radius:50vh;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
transform:translate(0%,-50%);
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .image{
right:5%;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .image{
left:5%;
}
.textcolor_white{
color:#ffffff;
}
.textcolor_white svg{
fill:#ffffff;
}
.textcolor_white a{
color:#ffffff;
}
.textcolor_black{
color:#383838;
}
.textcolor_black svg{
fill:#383838;
}
.textcolor_black a{
color:#383838;
}
.textcolor_gray{
color:#f4f4f4;
}
.textcolor_gray svg{
fill:#f4f4f4;
}
.textcolor_gray a{
color:#f4f4f4;
}
.textcolor_basecolor1{
color:var(--basecolor1_font);
}
.textcolor_basecolor1 svg{
fill:var(--basecolor1_font);
}
.textcolor_basecolor1 a{
color:var(--basecolor1_font);
}
.textcolor_basecolor1_bg{
color:var(--basecolor1);
}
.textcolor_basecolor1_bg svg{
fill:var(--basecolor1);
}
.textcolor_basecolor1_bg a{
color:var(--basecolor1);
}
.textcolor_basecolor2{
color:var(--basecolor2_font);
}
.textcolor_basecolor2 svg{
fill:var(--basecolor2_font);
}
.textcolor_basecolor2 a{
color:var(--basecolor2_font);
}
.textcolor_basecolor2_bg{
color:var(--basecolor2);
}
.textcolor_basecolor2_bg svg{
fill:var(--basecolor2);
}
.textcolor_basecolor2_bg a{
color:var(--basecolor2);
}
.textcolor_basecolor3{
color:var(--basecolor3_font);
}
.textcolor_basecolor3 svg{
fill:var(--basecolor3_font);
}
.textcolor_basecolor3 a{
color:var(--basecolor3_font);
}
.textcolor_basecolor3_bg{
color:var(--basecolor3);
}
.textcolor_basecolor3_bg svg{
fill:var(--basecolor3);
}
.textcolor_basecolor3_bg a{
color:var(--basecolor3);
}
.textcolor_accentcolor1{
color:var(--accentcolor1_font);
}
.textcolor_accentcolor1 svg{
fill:var(--accentcolor1_font);
}
.textcolor_accentcolor1 a{
color:var(--accentcolor1_font);
}
.textcolor_accentcolor1_bg{
color:var(--accentcolor1);
}
.textcolor_accentcolor1_bg svg{
fill:var(--accentcolor1);
}
.textcolor_accentcolor1_bg a{
color:var(--accentcolor1);
}
.textcolor_accentcolor2{
color:var(--accentcolor2_font);
}
.textcolor_accentcolor2 svg{
fill:var(--accentcolor2_font);
}
.textcolor_accentcolor2 a{
color:var(--accentcolor2_font);
}
.textcolor_accentcolor2_bg{
color:var(--accentcolor2);
}
.textcolor_accentcolor2_bg svg{
fill:var(--accentcolor2);
}
.textcolor_accentcolor2_bg a{
color:var(--accentcolor2);
}
.textcolor_accentcolor3{
color:var(--accentcolor3_font);
}
.textcolor_accentcolor3 svg{
fill:var(--accentcolor3_font);
}
.textcolor_accentcolor3 a{
color:var(--accentcolor3_font);
}
.textcolor_accentcolor3_bg{
color:var(--accentcolor3);
}
.textcolor_accentcolor3_bg svg{
fill:var(--accentcolor3);
}
.textcolor_accentcolor3_bg a{
color:var(--accentcolor3);
}
.textcolor_customcolor1{
color:var(--customcolor1_font);
}
.textcolor_customcolor1 svg{
fill:var(--customcolor1_font);
}
.textcolor_customcolor1 a{
color:var(--customcolor1_font);
}
.textcolor_customcolor1_bg{
color:var(--customcolor1);
}
.textcolor_customcolor1_bg svg{
fill:var(--customcolor1);
}
.textcolor_customcolor1_bg a{
color:var(--customcolor1);
}
.textcolor_customcolor2{
color:var(--customcolor2_font);
}
.textcolor_customcolor2 svg{
fill:var(--customcolor2_font);
}
.textcolor_customcolor2 a{
color:var(--customcolor2_font);
}
.textcolor_customcolor2_bg{
color:var(--customcolor2);
}
.textcolor_customcolor2_bg svg{
fill:var(--customcolor2);
}
.textcolor_customcolor2_bg a{
color:var(--customcolor2);
}
.textcolor_customcolor3{
color:var(--customcolor3_font);
}
.textcolor_customcolor3 svg{
fill:var(--customcolor3_font);
}
.textcolor_customcolor3 a{
color:var(--customcolor3_font);
}
.textcolor_customcolor3_bg{
color:var(--customcolor3);
}
.textcolor_customcolor3_bg svg{
fill:var(--customcolor3);
}
.textcolor_customcolor1_bg a{
color:var(--customcolor3);
}
.bg_contents_lp .svgcolor_white svg{
fill:#ffffff;
}
.bg_contents_lp .svgcolor_black svg{
fill:#383838;
}
.bg_contents_lp .svgcolor_gray svg{
fill:#f4f4f4;
}
.bg_contents_lp .svgcolor_basecolor1 svg{
fill:var(--basecolor1);
}
.bg_contents_lp .svgcolor_basecolor1_font svg{
fill:var(--basecolor1_font);
}
.bg_contents_lp .svgcolor_basecolor2 svg{
fill:var(--basecolor2);
}
.bg_contents_lp .svgcolor_basecolor2_font svg{
fill:var(--basecolor2_font);
}
.bg_contents_lp .svgcolor_basecolor3 svg{
fill:var(--basecolor3);
}
.bg_contents_lp .svgcolor_basecolor3_font svg{
fill:var(--basecolor3_font);
}
.bg_contents_lp .svgcolor_accentcolor1 svg{
fill:var(--accentcolor1);
}
.bg_contents_lp .svgcolor_accentcolor1_font svg{
fill:var(--accentcolor1_font);
}
.bg_contents_lp .svgcolor_accentcolor2 svg{
fill:var(--accentcolor2);
}
.bg_contents_lp .svgcolor_accentcolor2_font svg{
fill:var(--accentcolor2_font);
}
.bg_contents_lp .svgcolor_accentcolor3 svg{
fill:var(--accentcolor3);
}
.bg_contents_lp .svgcolor_accentcolor3_font svg{
fill:var(--accentcolor3_font);
}
.bg_contents_lp .svgcolor_customcolor1 svg{
fill:var(--customcolor1);
}
.bg_contents_lp .svgcolor_customcolor1_font svg{
fill:var(--customcolor1_font);
}
.bg_contents_lp .svgcolor_customcolor2 svg{
fill:var(--customcolor2);
}
.bg_contents_lp .svgcolor_customcolor2_font svg{
fill:var(--customcolor2_font);
}
.bg_contents_lp .svgcolor_customcolor3 svg{
fill:var(--customcolor3);
}
.bg_contents_lp .svgcolor_customcolor3_font svg{
fill:var(--customcolor3_font);
}
.gc_auto_frame_publicinfo_company .bg_publicinfo_company{
width:100%;
font-size:var(--font_size);
line-height:1.8em;
}
.gc_auto_frame_publicinfo_company .publicinfo_company{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_publicinfo_company h2{
font-size:1.75em;
line-height:1.8em;
margin-block-start:0;
margin-block-end:0;
}
.gc_auto_frame_publicinfo_company .bg_svg{
position:relative;
}
.gc_auto_frame_publicinfo_company .bg_svg svg{
position:absolute;
top:0;
left:0;
}
.gc_auto_frame_publicinfo_company .accent_color_white .title{
border-color:#ffffff;
}
.gc_auto_frame_publicinfo_company .accent_color_white svg{
fill:#ffffff;
}
:gc_auto_frame_publicinfo_company .accent_color_white a{
color:#ffffff;
}
.gc_auto_frame_publicinfo_company .accent_color_black .title{
border-color:#383838;
}
.gc_auto_frame_publicinfo_company .accent_color_black svg{
fill:#383838;
}
.gc_auto_frame_publicinfo_company .accent_color_black a{
color:#383838;
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor1 .title{
border-color:var(--basecolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor1 svg{
fill:var(--basecolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor1 a{
color:var(--basecolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor2 .title{
border-color:var(--basecolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor2 svg{
fill:var(--basecolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_basecolor2 a{
color:var(--basecolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_headercolor .title{
border-color:var(--headercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_headercolor svg{
fill:var(--headercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_headercolor a{
color:var(--headercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_menucolor .title{
border-color:var(--menucolor);
}
.gc_auto_frame_publicinfo_company .accent_color_menucolor svg{
fill:var(--menucolor);
}
.gc_auto_frame_publicinfo_company .accent_color_menucolor a{
color:var(--menucolor);
}
.gc_auto_frame_publicinfo_company .accent_color_footercolor .title{
border-color:var(--footercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_footercolor svg{
fill:var(--footercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_footercolor a{
color:var(--footercolor);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor1 .title{
border-color:var(--customcolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor1 svg{
fill:var(--customcolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor1 a{
color:var(--customcolor1);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor2 .title{
border-color:var(--customcolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor2 svg{
fill:var(--customcolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor2 a{
color:var(--customcolor2);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor3 .title{
border-color:var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor3 svg{
fill:var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .accent_color_customcolor3 a{
color:var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_white {
background-color:#ffffff;
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_white svg{
fill:#383838;
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_black {
background-color:#383838;
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_black svg{
fill:#ffffff;
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_basecolor1 {
background-color:var(--basecolor1);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_basecolor1 svg{
fill:var(--basecolor1_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_basecolor2 {
background-color:var(--basecolor2);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_basecolor2 svg{
fill:var(--basecolor2_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_headercolor {
background-color:var(--headercolor);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_headercolor svg{
fill:var(--headercolor_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_menucolor {
background-color:var(--menucolor);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_menucolor svg{
fill:var(--menucolor_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_footercolor {
background-color:var(--footercolor);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_footercolor svg{
fill:var(--footercolor_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor1 {
background-color:var(--customcolor1);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor1 svg{
fill:var(--customcolor1_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor2 {
background-color:var(--customcolor2);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor2 svg{
fill:var(--customcolor2_font);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor3 {
background-color:var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .icon_backgroundcolor_customcolor3 svg{
fill:var(--customcolor3_font);
}
.gc_auto_frame_publicinfo_company .image_size_100{
width:100%;
margin:auto;
}
.gc_auto_frame_publicinfo_company .image_size_75{
width:75%;
margin:auto;
}
.gc_auto_frame_publicinfo_company .image_size_45{
width:45%;
margin:auto;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_contents{
width:100%;
padding:7.5% 10% 0 10%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .contents{
width:100%;
padding-bottom:10%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .title{
display:block;
width:100%;
padding:2.5%;
box-sizing:border-box;
margin-bottom:7.5%;
border-style:solid;
border-width:0 0 0 10px;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 img{
display:block;
width:100%;
height:auto;
margin:5% 0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_only .goaisatsu1{
width:100%;
margin-bottom:6%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_only .goaisatsu2{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .goaisatsu_image{
display:block;
width:15%;
height:0%;
padding-top:15%;
box-sizing:border-box;
position:relative;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .goaisatsu_image img{
display:block;
width:100%;
height:100%;
border-radius:50vh;
object-fit:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu{
width:82%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu .goaisatsu1{
width:100%;
margin-bottom:6%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu .goaisatsu2{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content{
width:100%;
padding:2.5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_title{
width:25%;
display:flex;
align-items:center;
justify-content:left;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_text{
width:71.5%;
margin-left:2.5%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_svg{
width:1em;
height:1em;
margin:0 1em 0 0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_map{
width:100%;
height:500px;
margin:5% 0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_image_area{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .image_area{
width:47.5%;
margin-bottom:5%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .image_area img{
display:block;
width:100%;
height:auto;
margin:0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .image_area .image_text{
width:100%;
margin-top:2.5%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_contents_lp{
width:100%;
padding:7.5% 0 0 0;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .lp_title{
display:block;
width:100%;
padding:3%;
box-sizing:border-box;
border-radius:5px;
margin:0 auto 7.5% auto;
border-width:0;
text-align:center;
position:relative;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .lp_title:before{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,0%);
}
.lp_company_title_backgroundcolor_white{
background:#ffffff;
}
.lp_company_title_backgroundcolor_white:before{
content:"";
border:23px solid transparent;
border-top:40px solid #ffffff;
}
.lp_company_title_backgroundcolor_black{
background:#383838;
}
.lp_company_title_backgroundcolor_black:before{
content:"";
border:23px solid transparent;
border-top:40px solid #383838;
}
.lp_company_title_backgroundcolor_gray{
background:#f4f4f4;
}
.lp_company_title_backgroundcolor_gray:before{
content:"";
border:23px solid transparent;
border-top:40px solid #f4f4f4;
}
.lp_company_title_backgroundcolor_basecolor1{
background:var(--basecolor1);
}
.lp_company_title_backgroundcolor_basecolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor1);
}
.lp_company_title_backgroundcolor_basecolor2{
background:var(--basecolor2);
}
.lp_company_title_backgroundcolor_basecolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor2);
}
.lp_company_title_backgroundcolor_basecolor3{
background:var(--basecolor3);
}
.lp_company_title_backgroundcolor_basecolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--basecolor3);
}
.lp_company_title_backgroundcolor_accentcolor1{
background:var(--accentcolor1);
}
.lp_company_title_backgroundcolor_accentcolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor1);
}
.lp_company_title_backgroundcolor_accentcolor2{
background:var(--accentcolor2);
}
.lp_company_title_backgroundcolor_accentcolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor2);
}
.lp_company_title_backgroundcolor_accentcolor3{
background:var(--accentcolor3);
}
.lp_company_title_backgroundcolor_accentcolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--accentcolor3);
}
.lp_company_title_backgroundcolor_customcolor1{
background:var(--customcolor1);
}
.lp_company_title_backgroundcolor_customcolor1:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor1);
}
.lp_company_title_backgroundcolor_customcolor2{
background:var(--customcolor2);
}
.lp_company_title_backgroundcolor_customcolor2:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor2);
}
.lp_company_title_backgroundcolor_customcolor3{
background:var(--customcolor3);
}
.lp_company_title_backgroundcolor_customcolor3:before{
content:"";
border:23px solid transparent;
border-top:40px solid var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .contents_appeal{
padding-top:var(--header_height);
margin-top:calc(-1 * var(--header_height));
}
.gc_auto_frame_publicinfo_company .item{
width:90%;
min-height:175px;
padding:3% 7.5%;
border-style:solid;
border-width:0 0 1px 0;
box-sizing:border-box;
margin:0 auto 2.5% auto;
position:relative;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_company .appeal_title{
width:80%;
font-size:1.5em;
line-height:1em;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .appeal_title{
margin:0 auto 3% 0;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .appeal_title{
margin:0 0 3% auto;
}
.gc_auto_frame_publicinfo_company .desc{
width:80%;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .desc{
margin:0 auto 0 0;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .desc{
margin:0 0 0 auto;
}
.gc_auto_frame_publicinfo_company .bg_icon_svg{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_publicinfo_company .bg_icon_svg svg{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_publicinfo_company .icon{
width:14%;
padding-top:14%;
box-sizing:border-box;
border-radius:50vh;
position:absolute;
top:50%;
transform:translate(0%,-50%);
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .icon{
right:5%;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .icon{
left:5%;
}
.gc_auto_frame_publicinfo_company .icon .bg_icon_svg{
width:70%;
padding-top:70%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .image{
width:14%;
padding-top:14%;
box-sizing:border-box;
border-radius:50vh;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
transform:translate(0%,-50%);
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .image{
right:5%;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .image{
left:5%;
}
.textcolor_white{
color:#ffffff;
}
.textcolor_white svg{
fill:#ffffff;
}
.textcolor_white a{
color:#ffffff;
}
.textcolor_black{
color:#383838;
}
.textcolor_black svg{
fill:#383838;
}
.textcolor_black a{
color:#383838;
}
.textcolor_gray{
color:#f4f4f4;
}
.textcolor_gray svg{
fill:#f4f4f4;
}
.textcolor_gray a{
color:#f4f4f4;
}
.textcolor_basecolor1{
color:var(--basecolor1_font);
}
.textcolor_basecolor1 svg{
fill:var(--basecolor1_font);
}
.textcolor_basecolor1 a{
color:var(--basecolor1_font);
}
.textcolor_basecolor1_bg{
color:var(--basecolor1);
}
.textcolor_basecolor1_bg svg{
fill:var(--basecolor1);
}
.textcolor_basecolor1_bg a{
color:var(--basecolor1);
}
.textcolor_basecolor2{
color:var(--basecolor2_font);
}
.textcolor_basecolor2 svg{
fill:var(--basecolor2_font);
}
.textcolor_basecolor2 a{
color:var(--basecolor2_font);
}
.textcolor_basecolor2_bg{
color:var(--basecolor2);
}
.textcolor_basecolor2_bg svg{
fill:var(--basecolor2);
}
.textcolor_basecolor2_bg a{
color:var(--basecolor2);
}
.textcolor_basecolor3{
color:var(--basecolor3_font);
}
.textcolor_basecolor3 svg{
fill:var(--basecolor3_font);
}
.textcolor_basecolor3 a{
color:var(--basecolor3_font);
}
.textcolor_basecolor3_bg{
color:var(--basecolor3);
}
.textcolor_basecolor3_bg svg{
fill:var(--basecolor3);
}
.textcolor_basecolor3_bg a{
color:var(--basecolor3);
}
.textcolor_accentcolor1{
color:var(--accentcolor1_font);
}
.textcolor_accentcolor1 svg{
fill:var(--accentcolor1_font);
}
.textcolor_accentcolor1 a{
color:var(--accentcolor1_font);
}
.textcolor_accentcolor1_bg{
color:var(--accentcolor1);
}
.textcolor_accentcolor1_bg svg{
fill:var(--accentcolor1);
}
.textcolor_accentcolor1_bg a{
color:var(--accentcolor1);
}
.textcolor_accentcolor2{
color:var(--accentcolor2_font);
}
.textcolor_accentcolor2 svg{
fill:var(--accentcolor2_font);
}
.textcolor_accentcolor2 a{
color:var(--accentcolor2_font);
}
.textcolor_accentcolor2_bg{
color:var(--accentcolor2);
}
.textcolor_accentcolor2_bg svg{
fill:var(--accentcolor2);
}
.textcolor_accentcolor2_bg a{
color:var(--accentcolor2);
}
.textcolor_accentcolor3{
color:var(--accentcolor3_font);
}
.textcolor_accentcolor3 svg{
fill:var(--accentcolor3_font);
}
.textcolor_accentcolor3 a{
color:var(--accentcolor3_font);
}
.textcolor_accentcolor3_bg{
color:var(--accentcolor3);
}
.textcolor_accentcolor3_bg svg{
fill:var(--accentcolor3);
}
.textcolor_accentcolor3_bg a{
color:var(--accentcolor3);
}
.textcolor_customcolor1{
color:var(--customcolor1_font);
}
.textcolor_customcolor1 svg{
fill:var(--customcolor1_font);
}
.textcolor_customcolor1 a{
color:var(--customcolor1_font);
}
.textcolor_customcolor1_bg{
color:var(--customcolor1);
}
.textcolor_customcolor1_bg svg{
fill:var(--customcolor1);
}
.textcolor_customcolor1_bg a{
color:var(--customcolor1);
}
.textcolor_customcolor2{
color:var(--customcolor2_font);
}
.textcolor_customcolor2 svg{
fill:var(--customcolor2_font);
}
.textcolor_customcolor2 a{
color:var(--customcolor2_font);
}
.textcolor_customcolor2_bg{
color:var(--customcolor2);
}
.textcolor_customcolor2_bg svg{
fill:var(--customcolor2);
}
.textcolor_customcolor2_bg a{
color:var(--customcolor2);
}
.textcolor_customcolor3{
color:var(--customcolor3_font);
}
.textcolor_customcolor3 svg{
fill:var(--customcolor3_font);
}
.textcolor_customcolor3 a{
color:var(--customcolor3_font);
}
.textcolor_customcolor3_bg{
color:var(--customcolor3);
}
.textcolor_customcolor3_bg svg{
fill:var(--customcolor3);
}
.textcolor_customcolor1_bg a{
color:var(--customcolor3);
}
.bg_contents_lp .svgcolor_white svg{
fill:#ffffff;
}
.bg_contents_lp .svgcolor_black svg{
fill:#383838;
}
.bg_contents_lp .svgcolor_gray svg{
fill:#f4f4f4;
}
.bg_contents_lp .svgcolor_basecolor1 svg{
fill:var(--basecolor1);
}
.bg_contents_lp .svgcolor_basecolor1_font svg{
fill:var(--basecolor1_font);
}
.bg_contents_lp .svgcolor_basecolor2 svg{
fill:var(--basecolor2);
}
.bg_contents_lp .svgcolor_basecolor2_font svg{
fill:var(--basecolor2_font);
}
.bg_contents_lp .svgcolor_basecolor3 svg{
fill:var(--basecolor3);
}
.bg_contents_lp .svgcolor_basecolor3_font svg{
fill:var(--basecolor3_font);
}
.bg_contents_lp .svgcolor_accentcolor1 svg{
fill:var(--accentcolor1);
}
.bg_contents_lp .svgcolor_accentcolor1_font svg{
fill:var(--accentcolor1_font);
}
.bg_contents_lp .svgcolor_accentcolor2 svg{
fill:var(--accentcolor2);
}
.bg_contents_lp .svgcolor_accentcolor2_font svg{
fill:var(--accentcolor2_font);
}
.bg_contents_lp .svgcolor_accentcolor3 svg{
fill:var(--accentcolor3);
}
.bg_contents_lp .svgcolor_accentcolor3_font svg{
fill:var(--accentcolor3_font);
}
.bg_contents_lp .svgcolor_customcolor1 svg{
fill:var(--customcolor1);
}
.bg_contents_lp .svgcolor_customcolor1_font svg{
fill:var(--customcolor1_font);
}
.bg_contents_lp .svgcolor_customcolor2 svg{
fill:var(--customcolor2);
}
.bg_contents_lp .svgcolor_customcolor2_font svg{
fill:var(--customcolor2_font);
}
.bg_contents_lp .svgcolor_customcolor3 svg{
fill:var(--customcolor3);
}
.bg_contents_lp .svgcolor_customcolor3_font svg{
fill:var(--customcolor3_font);
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.gc_auto_frame_publicinfo_staff{
}
.gc_auto_frame_publicinfo_staff .bg_publicinfo_staff{
width:100%;
}
.gc_auto_frame_publicinfo_staff .publicinfo_staff{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_publicinfo_staff .bg_contents{
width:100%;
padding:7.5% 10%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_staff span{
display:block;
width:100%;
line-height:2.0em;
}
.gc_auto_frame_publicinfo_staff .contents_staff_image{
display:block;
width:100%;
height:100%;
background-position-x:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_publicinfo_staff .staff_image_scale_cover{
background-size:100%;
}
.gc_auto_frame_publicinfo_staff .staff_image_scale_100{
background-size:100%;
}
.gc_auto_frame_publicinfo_staff .staff_image_scale_150{
background-size:150%;
}
.gc_auto_frame_publicinfo_staff .staff_image_scale_200{
background-size:200%;
}
.gc_auto_frame_publicinfo_staff .staff_image_shape_circle{
border-radius:50%;
}
.gc_auto_frame_publicinfo_staff .staff_image_filter_none{
}
.gc_auto_frame_publicinfo_staff .staff_image_filter_grayscale{
filter:grayscale(1);
}
.gc_auto_frame_publicinfo_staff .image_size_100{
width:100%;
}
.gc_auto_frame_publicinfo_staff .image_size_75{
width:75%;
}
.gc_auto_frame_publicinfo_staff .image_size_50{
width:50%;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_group_image{
margin:0 auto 7.5% auto;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_group_image img{
display:block;
width:100%;
height:auto;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_group_caption {
width:100%;
margin-top:2.5%;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_content{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
margin-bottom:7.5%;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_content_text{
width:72%;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_name{
order:3;
margin-bottom:2.5%;
font-size:1.5em;
line-height:1.8em;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_department{
order:1;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_post{
order:2;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_hobby{
order:4;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_message{
order:5;
margin-top:15px;
padding-top:15px;
box-sizing:border-box;
border-width:2px 0 0 0;
border-style:solid;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_image_size_mid{
width:22%;
padding:calc(22% / 2) 0;
box-sizing:border-box;
position:relative;
}
.gc_auto_frame_publicinfo_staff .bg_publicinfo_staff{
width:100%;
}
.gc_auto_frame_publicinfo_staff .publicinfo_staff{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_publicinfo_staff .bg_contents{
width:100%;
padding:7.5% 10%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_staff span{
display:block;
width:100%;
line-height:2.0em;
}
.gc_auto_frame_publicinfo_staff .contents_staff_image{
display:block;
width:100%;
height:100%;
background-position-x:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.gc_auto_frame_publicinfo_staff .staff_image_scale_cover{
background-size:100%;
}
.gc_auto_frame_publicinfo_staff .staff_image_scale_100{
background-size:100%;
}
.gc_auto_frame_publicinfo_staff .staff_image_scale_150{
background-size:150%;
}
.gc_auto_frame_publicinfo_staff .staff_image_scale_200{
background-size:200%;
}
.gc_auto_frame_publicinfo_staff .staff_image_shape_circle{
border-radius:50%;
}
.gc_auto_frame_publicinfo_staff .staff_image_filter_none{
}
.gc_auto_frame_publicinfo_staff .staff_image_filter_grayscale{
filter:grayscale(1);
}
.gc_auto_frame_publicinfo_staff .image_size_100{
width:100%;
}
.gc_auto_frame_publicinfo_staff .image_size_75{
width:75%;
}
.gc_auto_frame_publicinfo_staff .image_size_50{
width:50%;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_group_image{
margin:0 auto 7.5% auto;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_group_image img{
display:block;
width:100%;
height:auto;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_group_caption {
width:100%;
margin-top:2.5%;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_content{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
margin-bottom:7.5%;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_content_text{
width:72%;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_name{
order:3;
margin-bottom:2.5%;
font-size:1.5em;
line-height:1.8em;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_department{
order:1;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_post{
order:2;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_hobby{
order:4;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_message{
order:5;
margin-top:15px;
padding-top:15px;
box-sizing:border-box;
border-width:2px 0 0 0;
border-style:solid;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_image_size_mid{
width:22%;
padding:calc(22% / 2) 0;
box-sizing:border-box;
position:relative;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.ff_type{
width:100%;
height:100%;
}
.ff_contents{
width:100%;
height:100%;
display:flex;
justify-content:space-between;
flex-wrap:nowrap;
box-shadow:0px 2px 10px -3px #383838;
font-size:1.25em;
line-height:1em;
}
.ff_contents .ff_tel a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_tel a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .ff_contact .ff_contact_inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_line a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor:pointer;
}
.ff_contents .ff_sns{
display:flex;
align-items:center;
justify-content:center;
}
.ff_contents .ff_sns a{
display:flex;
align-items:center;
justify-content:center;
width:max-content;
height:max-content;
cursor:pointer;
}
.ff_contents .pagetop{
width:100%;
height:100%;
}
.ff_contents .pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.ff_contents .bg_svg{
position:relative;
}
.ff_contents .bg_svg svg{
position:absolute;
top:50%;
left:0;
transform:translate(0%,-50%);
}
.ff_contents .link_text1{
margin-left:0.5em;
}
.ff_contents .link_text2{
margin-left:0.5em;
}
.ff_contents .link_color_auto{
background:var(--footerfixcolor);
}
.ff_contents .link_color_auto a{
color:var(--footerfixcolor_font);
fill:var(--footerfixcolor_font);
}
.ff_contents .active_backgroundcolor_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .active_textcolor_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.backgroundcolor_linecolor1{
background:#07b53b;
}
.textcolor_linecolor1{
color:#ffffff;
}
.textcolor_linecolor1 svg{
fill:#ffffff;
}
.textcolor_linecolor1 a{
color:#ffffff;
}
.backgroundcolor_linecolor2{
background:#ffffff;
}
.textcolor_linecolor2{
color:#07b53b;
}
.textcolor_linecolor2 svg{
fill:#07b53b;
}
.textcolor_linecolor2 a{
color:#07b53b;
}
.ff_contents .link_color_auto .page_top_color_active_auto{
background:var(--footerfixcolor_font);
}
.ff_contents .link_color_auto .page_top_color_active_auto a{
color:var(--footerfixcolor);
fill:var(--footerfixcolor);
}
.type1 .ff_contents_count4 .ff_left{
display:contents;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type1 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:contents;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type1 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type1 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type1 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type1 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type1 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_tel{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_contact{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_line{
width:21.5%;
height:100%;
}
.type2 .ff_contents_count4 .ff_sns{
width:21.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count4 .bg_pagetop{
width:14%;
height:100%;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count3 .ff_tel{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_contact{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_line{
width:28%;
height:100%;
}
.type2 .ff_contents_count3 .ff_sns{
width:28%;
height:100%;
gap:0.4em;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:16%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count2 .ff_tel{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_contact{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_line{
width:43.5%;
height:100%;
}
.type2 .ff_contents_count2 .ff_sns{
width:43.5%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count2 .bg_pagetop{
width:17%;
height:100%;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count1 .ff_tel{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_contact{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_line{
width:80%;
height:100%;
}
.type2 .ff_contents_count1 .ff_sns{
width:80%;
height:100%;
gap:0.5em;
}
.type2 .ff_contents_count1 .bg_pagetop{
width:20%;
height:100%;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1em;
height:1em;
}
.type2 .ff_contents_count0 .bg_pagetop{
width:100%;
height:100%;
}
.gc_auto_frame_post_item{
width:100%;
}
.gc_auto_frame_post_item{
width:100%;
}
.gc_auto_frame_post_item .bg_post_item{
width:100%;
}
.gc_auto_frame_post_item .post_item{
width:min(var(--base_width),100%);
margin:auto;
}
.gc_auto_frame_post_item .post_item_contents{
width:100%;
padding:7.5% 10%;
box-sizing:border-box;
}
.gc_auto_frame_post_item img{
max-width:100%;
height:auto;
}
.gc_auto_frame_post_item h2{
font-size:1.75em;
line-height:1.8em;
margin-block-start:0;
margin-block-end:0;
}
.gc_auto_frame_post_item_box{
width:100%;
margin:auto;
}
.gc_auto_frame_post_item .gc_auto_frame_post_item_title{
display:block;
width:100%;
padding:2.5%;
box-sizing:border-box;
margin-bottom:7.5%;
border-style:solid;
border-width:0 0 0 10px;
font-family:var(--font-family-big-headline);
}
.gc_auto_frame_post_item_body{
width:100%;
position:relative;
overflow:hidden;
}
.gc_auto_frame_post_item_pager_box{
width:100%;
min-height:40px;
margin-top:20px;
display:flex;
flex-direction:row;
justify-content:space-around;
align-items:center;
border-width:1px 0 0 0;
border-style:solid;
}
.gc_auto_frame_post_item_pager_prev_box{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
width:49%;
padding:10px;
box-sizing:border-box;
cursor:default;
}
.gc_auto_frame_post_item_pager_prev_mark{
width:30px;
text-align:center;
cursor:pointer;
}
.gc_auto_frame_post_item_pager_prev_title{
font-size:80%;
cursor:pointer;
}
.gc_auto_frame_post_item_pager_prev_title:hover{
text-decoration:underline;
}
.gc_auto_frame_post_item_pager_saparator{
width:2%;
text-align:center;
color:var(--footercolor);
}
.gc_auto_frame_post_item_pager_next_box{
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
width:49%;
padding:10px;
box-sizing:border-box;
cursor:default;
}
.gc_auto_frame_post_item_pager_next_mark{
width:30px;
text-align:center;
cursor:pointer;
}
.gc_auto_frame_post_item_pager_next_title{
font-size:80%;
cursor:pointer;
}
.gc_auto_frame_post_item_pager_next_title:hover{
text-decoration:underline;
}
.gc_auto_frame_post_item .background_color_white{
background-color:#ffffff;
}
.gc_auto_frame_post_item .background_color_black{
background-color:#000000;
}
.gc_auto_frame_post_item .background_color_basecolor1{
background-color:var(--basecolor1);
}
.gc_auto_frame_post_item .background_color_basecolor2{
background-color:var(--basecolor2);
}
.gc_auto_frame_post_item .background_color_headercolor{
background-color:var(--headercolor);
}
.gc_auto_frame_post_item .background_color_menucolor{
background-color:var(--menucolor);
}
.gc_auto_frame_post_item .background_color_footercolor{
background-color:var(--footercolor);
}
.gc_auto_frame_post_item .background_color_customcolor1{
background-color:var(--customcolor1);
}
.gc_auto_frame_post_item .background_color_customcolor2{
background-color:var(--customcolor2);
}
.gc_auto_frame_post_item .background_color_customcolor3{
background-color:var(--customcolor3);
}
.gc_auto_frame_post_item .text_color_white{
color:#ffffff;
}
.gc_auto_frame_post_item .text_color_black{
color:#333333;
}
.gc_auto_frame_post_item .text_color_basecolor1{
color:var(--basecolor1_font);
}
.gc_auto_frame_post_item .text_color_basecolor2{
color:var(--basecolor2_font);
}
.gc_auto_frame_post_item .text_color_headercolor{
color:var(--headercolor_font);
}
.gc_auto_frame_post_item .text_color_menucolor{
color:var(--menucolor_font);
}
.gc_auto_frame_post_item .text_color_footercolor{
color:var(--footercolor_font);
}
.gc_auto_frame_post_item .text_color_customcolor1{
color:var(--customcolor1_font);
}
.gc_auto_frame_post_item .text_color_customcolor2{
color:var(--customcolor2_font);
}
.gc_auto_frame_post_item .text_color_customcolor3{
color:var(--customcolor3_font);
}
.gc_auto_frame_post_item .accent_color_white .gc_auto_frame_post_item_title{
border-color:#ffffff;
}
.gc_auto_frame_post_item .accent_color_white .gc_auto_frame_post_item_pager_box{
border-color:#ffffff;
}
.gc_auto_frame_post_item .accent_color_black .gc_auto_frame_post_item_title{
border-color:#000000;
}
.gc_auto_frame_post_item .accent_color_black .gc_auto_frame_post_item_pager_box{
border-color:#000000;
}
.gc_auto_frame_post_item .accent_color_basecolor1 .gc_auto_frame_post_item_title{
border-color:var(--basecolor1);
}
.gc_auto_frame_post_item .accent_color_basecolor1 .gc_auto_frame_post_item_pager_box{
border-color:var(--basecolor1);
}
.gc_auto_frame_post_item .accent_color_basecolor2 .gc_auto_frame_post_item_title{
border-color:var(--basecolor2);
}
.gc_auto_frame_post_item .accent_color_basecolor2 .gc_auto_frame_post_item_pager_box{
border-color:var(--basecolor2);
}
.gc_auto_frame_post_item .accent_color_headercolor .gc_auto_frame_post_item_title{
border-color:var(--headercolor);
}
.gc_auto_frame_post_item .accent_color_headercolor .gc_auto_frame_post_item_pager_box{
border-color:var(--headercolor);
}
.gc_auto_frame_post_item .accent_color_menucolor .gc_auto_frame_post_item_title{
border-color:var(--menucolor);
}
.gc_auto_frame_post_item .accent_color_menucolor .gc_auto_frame_post_item_pager_box{
border-color:var(--menucolor);
}
.gc_auto_frame_post_item .accent_color_footercolor .gc_auto_frame_post_item_title{
border-color:var(--footercolor);
}
.gc_auto_frame_post_item .accent_color_footercolor .gc_auto_frame_post_item_pager_box{
border-color:var(--footercolor);
}
.gc_auto_frame_post_item .accent_color_customcolor1 .gc_auto_frame_post_item_title{
border-color:var(--customcolor1);
}
.gc_auto_frame_post_item .accent_color_customcolor1 .gc_auto_frame_post_item_pager_box{
border-color:var(--customcolor1);
}
.gc_auto_frame_post_item .accent_color_customcolor2 .gc_auto_frame_post_item_title{
border-color:var(--customcolor2);
}
.gc_auto_frame_post_item .accent_color_customcolor2 .gc_auto_frame_post_item_pager_box{
border-color:var(--customcolor2);
}
.gc_auto_frame_post_item .accent_color_customcolor3 .gc_auto_frame_post_item_title{
border-color:var(--customcolor3);
}
.gc_auto_frame_post_item .accent_color_customcolor3 .gc_auto_frame_post_item_pager_box{
border-color:var(--customcolor3);
}
.gc_auto_frame_post_item .linktext_color_blue a{
color:#065fd4;
}
.gc_auto_frame_post_item .linktext_color_white a{
color:#ffffff;
}
.gc_auto_frame_post_item .linktext_color_black a{
color:#383838;
}
.gc_auto_frame_post_item .linktext_color_basecolor1 a{
color:var(--basecolor1_font);
}
.gc_auto_frame_post_item .linktext_color_basecolor2 a{
color:var(--basecolor2_font);
}
.gc_auto_frame_post_item .linktext_color_headercolor a{
color:var(--headercolor_font);
}
.gc_auto_frame_post_item .linktext_color_menucolor a{
color:var(--menucolor_font);
}
.gc_auto_frame_post_item .linktext_color_footercolor a{
color:var(--footercolor_font);
}
.gc_auto_frame_post_item .linktext_color_customcolor1 a{
color:var(--customcolor1_font);
}
.gc_auto_frame_post_item .linktext_color_customcolor2 a{
color:var(--customcolor2_font);
}
.gc_auto_frame_post_item .linktext_color_customcolor3 a{
color:var(--customcolor3_font);
}

@media screen and (max-width: 768px) {
.o7wid_post_box{
width:100%;
max-width:var(--base_width);
border:0px;
background-color:transparent;
margin:auto;
}
.o7apr_post_box{
}
.o7wid_post_body{
width:100%;
margin:0px auto;
}
.o7apr_post_body{
font-size:100%;
line-height:200%;
}
.gc_auto_body{
font-family:var(--font-family);
background-color:var(--basecolor1);
color:var(--basecolor1_font);
width:100%;
overflow-y:auto;
-webkit-text-size-adjust:100%;
font-size:var(--font_size_smartphone);
}
.gc_auto_frame_header_home{
}
.header_space_normal{
height:var(--header_height_smartphone);
}
.header_space_plusmenu{
height:var(--header_height_smartphone);
}
.bg_header{
height:var(--header_height_smartphone);
}
.headermenu_type1_100vh{
padding-left:0;
}
.headermenu_type1 .bg_pc_menu{
display:none;
}
.bg_headerhome_headermenu_type2{
display:contents;
}
.headermenu_type2{
width:100%;
height:var(--header_height_smartphone);
padding:0;
box-sizing:border-box;
position:fixed;
top:0;
left:0;
}
.headermenu_type2 .headermenu{
width:100%;
height:100%;
}
.headermenu_type2 .headermenu_logo{
width:50%;
height:100%;
margin:0 auto 0 0;
}
.headermenu_type2 .headermenu_logo img{
display:block;
width:100%;
height:calc(var(--header_height_smartphone) - 20px);
object-fit:contain;
}
.headermenu_type2 .bg_pc_menu{
display:none;
}
.headermenu_type3{
width:100%;
height:var(--header_height_smartphone);
}
.headermenu_type3 .headermenu_logo{
width:50%;
margin:0 auto 0 0;
}
.headermenu_type3 .headermenu_logo img{
height:calc(var(--header_height_smartphone) - 20px);
}
.headermenu_type4{
height:var(--header_height_smartphone);
}
.headermenu_type4 .headermenu_logo{
width:50%;
}
.headermenu_type4 .headermenu_logo img{
height:calc(var(--header_height_smartphone) - 20px);
}
.headermenu_type4 .bg_pc_menu{
display:none;
}
.headermenu_type5{
height:var(--header_height_smartphone);
}
.headermenu_type5 .headermenu_logo{
width:50%;
}
.headermenu_type5 .headermenu_logo img{
height:calc(var(--header_height_smartphone) - 20px);
}
.headermenu_type5 .bg_pc_menu{
display:none;
}
.headermenu_type7{
height:var(--header_height_smartphone);
}
.headermenu_type7 .headermenu_logo{
width:50%;
}
.headermenu_type7 .headermenu_logo img{
height:calc(var(--header_height_smartphone) - 20px);
}
.headermenu_type8{
height:var(--header_height_smartphone);
}
.headermenu_type8 .headermenu_logo{
width:50%;
}
.headermenu_type8 .headermenu_logo img{
height:calc(var(--header_height_smartphone) - 20px);
}
.headermenu_type8 .bg_pc_menu{
display:none;
}
.headermenu_type8 .pc_menu_center{
display:none;
}
.headermenu_type9{
height:var(--header_height_smartphone);
}
.headermenu_type9 .headermenu_logo{
width:50%;
}
.headermenu_type9 .headermenu_logo img{
height:calc(var(--header_height_smartphone) - 20px);
}
.headermenu_type10{
height:var(--header_height_smartphone);
}
.headermenu_type10 .headermenu_logo{
width:50%;
}
.headermenu_type10 .headermenu_logo img{
height:calc(var(--header_height_smartphone) - 20px);
}
.headermenu_type10 .bg_pc_menu{
display:none;
}
.bg_contactbutton{
}
.contactbutton_type1 .contactbutton{
display:none;
}
.contactbutton_type1 .menu_button{
width:var(--header_height_smartphone);
height:var(--header_height_smartphone);
right:0;
}
.contactbutton_type1 .menu_button .bg_svg{
width:50%;
height:calc(var(--header_height_smartphone) / 2);
}
.contactbutton_type1 .bg_snsbutton{
display:none;
}
.contactbutton_type3 .hide_headermenu2 {
display:none;
}
.contactbutton_type2 .contactbutton{
display:none;
}
.contactbutton_type2 .menu_button{
width:var(--header_height_smartphone);
height:var(--header_height_smartphone);
border-radius:0px;
top:0px;
right:0px;
}
.contactbutton_type2 .menu_button .bg_svg{
width:50%;
height:calc(var(--header_height_smartphone) / 2);
}
.contactbutton_type2 .bg_snsbutton{
display:none;
}
.contactbutton_type2 .hide_headermenu {
display:none;
}
.contactbutton_type2 .hide_headermenu2 {
display:none;
}
.bg_menu_button_popup{
font-size:1em;
line-height:1.8em;
}
.menu_button_popup{
height:auto;
flex-wrap:wrap;
}
.menu_left{
display:contents;
}
.menu_left .home_button{
min-height:40px;
order:1;
}
.bg_menu_button_popup .menu_left .bg_snsbutton_content{
order:999;
}
.bg_menu_button_popup .menu_left .snsbutton_content{
min-height:40px;
}
.menu_right{
width:100%;
min-height:auto;
padding-bottom:0px;
order:2;
}
.bg_menu_button_popup .menu_right .menu_group_text{
min-height:40px;
font-size:1.125em;
line-height:1.8em;
}
.bg_menu_button_popup .menu_inner_group{
min-height:40px;
}
.menu_button_popup .menu_inner{
min-height:40px;
}
.bg_menu_button_popup .bg_closebutton{
width:60px;
height:40px;
}
.bg_menu_button_popup .closebutton{
width:30px;
height:30px;
}
.catch_type1 .catch_contents{
width:max-content;
max-width:calc(100vw - 40px);
max-height:100vh;
padding:5% calc(50vw / 768 * 100);
}
.catch_type2 .catch_contents{
width:max-content;
max-width:100vw;
max-height:100%;
}
.catch_type3 .catch_contents{
width:max-content;
max-width:100vw;
max-height:100%;
}
.catch_type4 .catch_contents{
width:max-content;
max-width:100vw;
max-height:100%;
}
.catch_type5 .catch_contents{
width:max-content;
max-width:calc(100vw - 40px);
max-height:100vh;
padding:0;
box-sizing:border-box;
}
.catch_type6 .catch_contents{
width:100%;
max-width:100vw;
max-height:100%;
padding:calc(50vw / 768 * 100);
}
.heroimage_type .fontsize_caption_large {
font-size:calc(48vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_caption_medium  {
font-size:calc(42vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_caption_small {
font-size:calc(30vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_sub_large {
font-size:calc(36vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_sub_medium {
font-size:calc(30vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_sub_small {
font-size:calc(24vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_h1_large {
font-size:calc(22vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_h1_medium {
font-size:calc(18vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type .fontsize_h1_small {
font-size:calc(12vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.bg_heroimage_heroimage{
}
.heroimage_heroimage{
}
.heroimage_margintop_normal{
margin-top:var(--header_height_smartphone);
}
.heroimage_margintop_pc{
margin-top:var(--header_height_smartphone)!important;
}
.heroimage_margintop_plusmenu{
margin-top:var(--header_height_smartphone);
}
.heroimage_type3 .svg1{
display:none;
}
.heroimage_type3 .svg2{
display:none;
}
.heroimage_type4 .svg1{
display:none;
}
.heroimage_type4 .svg2{
display:none;
}
.heroimage_type4 .svg3{
display:none;
}
.heroimage_type5 .svg1{
display:none;
}
.heroimage_type6 .svg1{
display:none;
}
.heroimage_type7 .svg1{
display:none;
}
.heroimage_type8 .svg1{
display:none;
}
.heroimage_type9 .svg1{
display:none;
}
.heroimage_type9 .catch_type6 .catch_contents{
text-align:center!important;
padding:0 0 50px 0!important;
}
.heroimage_type10 .svg1{
display:none;
}
.heroimage_type11 .svg1{
display:none;
}
.heroimage_type11 .catch_type6 .catch_contents{
padding-bottom:50px!important;
}
.heroimage_type12 .slide_slide{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:0;
}
.heroimage_type12 .svg1{
display:none;
}
.heroimage_type12 .bg_catch_catch{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type12 .catch_bg_color{
display:block;
}
.heroimage_type12 .catch_catch{
position:absolute;
top:50%;
left:50%;
bottom:auto;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type12 .catch_type1 .catch_contents{
width:max-content;
max-width:calc(100vw - 40px);
max-height:100vh;
padding:calc(50vw / 768 * 100);
text-align:center;
}
.heroimage_type12 .fontsize_caption_large {
font-size:calc(42vw / 768 * 100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type12 .fontsize_caption_medium  {
font-size:calc(30vw / 768 * 100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type12 .fontsize_caption_small {
font-size:calc(26vw / 768 * 100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type12 .fontsize_h1_large {
font-size:calc(22vw / 768 * 100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type12 .fontsize_h1_medium {
font-size:calc(18vw / 768 * 100);
line-height:1.8em;
}
.heroimage_type12 .fontsize_h1_small {
font-size:calc(12vw / 768 * 100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type13 .slide_slide{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
transform:translate(0%,0%);
}
.heroimage_type13 .svg1{
display:none;
}
.heroimage_type13 .svg2{
display:none;
}
.heroimage_type13 .bg_catch_catch{
width:100%;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type13 .catch_bg_color{
display:block;
}
.heroimage_type13 .catch_catch{
position:absolute;
top:50%;
left:50%;
bottom:auto;
transform:translate(-50%,-50%);
z-index:300;
}
.heroimage_type13 .catch_type1 .catch_contents{
width:max-content;
max-width:calc(100vw - 40px);
max-height:100vh;
padding:calc(50vw / 768 * 100);
text-align:center;
}
.heroimage_type13 .fontsize_caption_large {
font-size:calc(42vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type13 .fontsize_caption_medium  {
font-size:calc(30vw / 768 * 100);
line-height:2em;
font-weight:normal;
}
.heroimage_type13 .fontsize_caption_small {
font-size:calc(26vw / 768 * 100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type13 .fontsize_h1_large {
font-size:calc(22vw / 768 * 100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type13 .fontsize_h1_medium {
font-size:calc(18vw / 768 * 100);
line-height:1.8em;
}
.heroimage_type13 .fontsize_h1_small {
font-size:calc(12vw / 768 * 100);
line-height:1.8em;
font-weight:normal;
}
.heroimage_type14 .slide_slide{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
transform:translate(0%,0%);
border-radius:0;
}
.heroimage_type14 .svg1{
display:none;
}
.heroimage_type15 .slide_slide{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
transform:translate(0%,0%);
border-radius:0;
}
.heroimage_type15 .svg1{
display:none;
}
.heroimage_type16 .svg1{
display:none;
}
.heroimage_type16 .catch_type1 .catch_catch{
position:absolute;
top:50%;
}
.heroimage_type17 .svg1{
display:none;
}
.heroimage_type17 .svg2{
display:none;
}
.heroimage_type18 .svg1{
display:none;
}
.heroimage_type18 .catch_type1 .catch_catch{
position:absolute;
top:50%;
}
.heroimage_type19 .svg1{
display:none;
}
.heroimage_type19 .svg2{
display:none;
}
.heroimage_type19 .svg3{
display:none;
}
.heroimage_type19 .catch_type1 .catch_catch{
position:absolute;
top:50%;
}
.heroimage_type20 .slide_slide{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
transform:translate(0%,0%);
border-radius:0;
}
.heroimage_type20 .svg1{
display:none;
}
.heroimage_type20 .svg1{
display:none;
}
.heroimage_type20 .svg2{
display:none;
}
.heroimage_type20 .svg3{
display:none;
}
.heroimage_type20 .catch_type1 .catch_catch{
position:absolute;
top:50%;
}
.heroimage_type21 .slide_slide{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
transform:translate(0%,0%);
border-radius:0;
}
.heroimage_type21 .svg1{
display:none;
}
.heroimage_type22 .slide_slide{
width:100%;
height:100%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
transform:translate(0%,0%);
border-radius:0;
}
.heroimage_type22 .svg1{
display:none;
}
.heroimage_type22 .svg2{
display:none;
}
.heroimage_type23 .svg1{
display:none;
}
.heroimage_type24 .svg1{
display:none;
}
.heroimage_type24 .svg2{
display:none;
}
.heroimage_type24 .svg3{
display:none;
}
.heroimage_type24 .svg4{
display:none;
}
.heroimage_type24 .catch_type1 .catch_catch{
position:absolute;
top:50%;
}
.heroimage_type25 .svg1{
display:none;
}
.heroimage_type25 .svg2{
display:none;
}
.heroimage_type25 .svg3{
display:none;
}
.heroimage_type25 .catch_type1 .catch_catch{
position:absolute;
top:50%;
}
.hero_height_normal{
height:var(--hero_height_smartphone);
}
.hero_height_normal{
height:var(--hero_height_smartphone);
}
.heroimage_type .slide_size_smp_auto{
background-size:cover;
}
.heroimage_type .slide_size_smp_100{
background-size:100%;
}
.heroimage_type .slide_size_smp_150{
background-size:150%;
}
.heroimage_type .slide_size_smp_200{
background-size:200%;
}
.heroimage_type .slide_size_smp_250{
background-size:250%;
}
.heroimage_type .slide_size_smp_300{
background-size:300%;
}
.heroimage_type .slide_size_smp_400{
background-size:400%;
}
.heroimage_type .slide_size_smp_500{
background-size:500%;
}
.heroimage_type .slide_x_smp_center{
background-position-x:center;
}
.heroimage_type .slide_x_smp_left{
background-position-x:left;
}
.heroimage_type .slide_x_smp_25{
background-position-x:25%;
}
.heroimage_type .slide_x_smp_75{
background-position-x:75%;
}
.heroimage_type .slide_x_smp_right{
background-position-x:right;
}
.heroimage_type .slide_y_smp_center{
background-position-y:center;
}
.heroimage_type .slide_y_smp_top{
background-position-y:top;
}
.heroimage_type .slide_y_smp_25{
background-position-y:25%;
}
.heroimage_type .slide_y_smp_75{
background-position-y:75%;
}
.heroimage_type .slide_y_smp_bot{
background-position-y:bottom;
}
.bg_googlemap_hopweb {
width:100%;
height:400px;
}
.bg_googlemap_hopweb_width_height_style{
width:100%;
height:400px;
}
.gc_auto_frame_welcome_message{
}
.gc_auto_frame_welcome_message img{
display:block;
}
.gc_auto_frame_welcome_message .welcome_type1 .welcome_message{
width:100%;
}
.gc_auto_frame_welcome_message .welcome_type1 .welcome_contents{
width:100%;
padding:10% 5%;
flex-wrap:wrap;
}
.gc_auto_frame_welcome_message .welcome_type1 .bg_text{
display:contents;
}
.gc_auto_frame_welcome_message .welcome_type1 .title{
width:100%;
padding:5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:2em;
line-height:1.8em;
order:1;
}
.gc_auto_frame_welcome_message .welcome_type1 .text{
width:100%;
padding:0%;
margin-bottom:5%;
font-size:1em;
line-height:1.8em;
order:3;
}
.gc_auto_frame_welcome_message .welcome_type1 .bg_button{
width:100%;
height:40px;
margin:0;
order:4;
}
.gc_auto_frame_welcome_message .welcome_type1 .bg_image_area{
width:100%;
padding-top:100%;
margin-bottom:5%;
order:2;
}
.gc_auto_frame_welcome_message .welcome_type2 .welcome_message{
}
.gc_auto_frame_welcome_message .welcome_type2 .welcome_contents{
width:100%;
padding:10% 5%;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_welcome_message .welcome_type2 .bg_text{
display:contents;
}
.gc_auto_frame_welcome_message .welcome_type2 .title{
width:100%;
padding:5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:2em;
line-height:1.8em;
order:1;
}
.gc_auto_frame_welcome_message .welcome_type2 .text{
width:100%;
padding:0%;
margin-bottom:5%;
font-size:1em;
line-height:1.8em;
order:3;
}
.gc_auto_frame_welcome_message .welcome_type2 .bg_button{
width:100%;
height:40px;
margin:0;
order:4;
}
.gc_auto_frame_welcome_message .welcome_type2 .bg_image_area{
width:100%;
height:auto;
padding-top:100%;
margin-bottom:5%;
order:2;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type3 .welcome_message{
}
.gc_auto_frame_welcome_message .welcome_type3 .welcome_contents{
width:100%;
padding:10% 5%;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_welcome_message .welcome_type3 .bg_text{
display:contents;
}
.gc_auto_frame_welcome_message .welcome_type3 .title{
width:100%;
padding:5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:2em;
line-height:1.8em;
order:1;
}
.gc_auto_frame_welcome_message .welcome_type3 .text{
width:100%;
padding:0%;
margin-bottom:5%;
font-size:1em;
line-height:1.8em;
order:3;
}
.gc_auto_frame_welcome_message .welcome_type3 .bg_button{
width:100%;
height:40px;
margin:0;
order:4;
}
.gc_auto_frame_welcome_message .welcome_type3 .bg_image_area{
width:100%;
height:auto;
padding-top:100%;
margin-bottom:5%;
order:2;
position:relative;
}
.gc_auto_frame_welcome_message .welcome_type3 .frame_svg{
display:none;
}
.gc_auto_frame_welcome_message .welcome_type4 .welcome_message{
width:100%;
}
.gc_auto_frame_welcome_message .welcome_type4 .welcome_contents{
width:100%;
padding:10% 5%;
flex-wrap:wrap;
}
.gc_auto_frame_welcome_message .welcome_type4 .triangle_tl{
display:none;
}
.gc_auto_frame_welcome_message .welcome_type4 .triangle_br{
display:none;
}
.gc_auto_frame_welcome_message .welcome_type4 .bg_text{
display:contents;
}
.gc_auto_frame_welcome_message .welcome_type4 .title{
width:100%;
padding:5%;
box-sizing:border-box;
border-style:solid;
border-width:0 0 1px 0;
margin-bottom:8%;
font-size:2em;
line-height:1.8em;
order:1;
}
.gc_auto_frame_welcome_message .welcome_type4 .text{
width:100%;
padding:0%;
margin-bottom:5%;
font-size:1em;
line-height:1.8em;
order:3;
}
.gc_auto_frame_welcome_message .welcome_type4 .bg_button{
width:100%;
height:40px;
margin:0;
order:4;
}
.gc_auto_frame_welcome_message .welcome_type4 .bg_image_area{
width:100%;
padding-top:100%;
margin-bottom:5%;
order:2;
}
.gc_auto_frame_welcome_message .welcome_type5 .welcome_message{
width:100%;
}
.gc_auto_frame_welcome_message .welcome_type5 .welcome_contents{
width:100%;
padding:10% 5%;
flex-wrap:wrap;
}
.gc_auto_frame_welcome_message .welcome_type5 .bg_text{
display:contents;
}
.gc_auto_frame_welcome_message .welcome_type5 .title{
width:100%;
padding:5%;
box-sizing:border-box;
font-size:2em;
line-height:1.8em;
order:1;
}
.gc_auto_frame_welcome_message .welcome_type5 .kakko_tl{
width:50px;
height:50px;
}
.gc_auto_frame_welcome_message .welcome_type5 .kakko_br{
width:50px;
height:50px;
}
.gc_auto_frame_welcome_message .welcome_type5 .text{
width:100%;
padding:0%;
font-size:1em;
line-height:1.8em;
order:3;
}
.gc_auto_frame_welcome_message .welcome_type5 .bg_button{
width:100%;
height:40px;
margin:0;
order:4;
}
.gc_auto_frame_welcome_message .welcome_type6 .welcome_message{
}
.gc_auto_frame_welcome_message .welcome_type6 .welcome_contents{
width:100%;
padding:10% 5%;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_welcome_message .welcome_type6 .bg_text{
display:contents;
}
.gc_auto_frame_welcome_message .welcome_type6 .title{
width:100%;
max-height:none;
padding:5%;
box-sizing:border-box;
margin-bottom:8%;
font-size:2em;
line-height:1.8em;
writing-mode:horizontal-tb;
order:1;
}
.gc_auto_frame_welcome_message .welcome_type6 .text{
width:100%;
max-height:none;
padding:0%;
margin-bottom:5%;
font-size:1em;
line-height:1.8em;
writing-mode:horizontal-tb;
order:3;
}
.gc_auto_frame_welcome_message .welcome_type6 .bg_button{
width:100%;
height:40px;
margin:0;
order:4;
}
.gc_auto_frame_welcome_message .welcome_type6 .bg_image_area{
width:100%;
height:auto;
padding-top:100%;
margin-bottom:5%;
order:2;
position:relative;
}
.gc_auto_frame_appeal_point{
}
.appeal_point_type{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.appeal_point_type1 .appeal_point{
padding:0 0 10% 0;
}
.appeal_point_type1 .bg_big_title{
margin-bottom:10%;
padding:10% 20px;
}
.appeal_point_type1 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type1 .bg_items{
display:block;
padding:0 20px;
box-sizing:border-box;
}
.appeal_point_type1 .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type1 .title{
width:100%;
height:auto;
font-size:1.5em;
line-height:1em;
text-align:center;
margin-bottom:3%;
}
.appeal_point_type1 .desc{
}
.appeal_point_type1 .icon{
margin:7.5% auto;
}
.appeal_point_type1 .image{
margin:7.5% auto;
}
.appeal_point_type1 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type2 .appeal_point{
padding:0 0 10% 0;
}
.appeal_point_type2 .bg_big_title{
margin-bottom:10%;
padding:10% 20px;
}
.appeal_point_type2 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type2 .bg_items{
padding:0 20px;
box-sizing:border-box;
justify-content:space-between;
gap:0;
}
.appeal_point_type2 .item{
width:47%;
padding:2.5% 5%;
box-sizing:border-box;
margin-bottom:3%;
}
.appeal_point_type2 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type3 .appeal_point{
padding:0 0 10% 0;
}
.appeal_point_type3 .bg_big_title{
margin-bottom:10%;
padding:10% 20px;
}
.appeal_point_type3 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type3 .bg_items{
}
.appeal_point_type3 .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type3 .title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
margin-bottom:3%;
}
.appeal_point_type3 .desc{
width:100%;
}
.appeal_point_type3 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
position:static;
top:auto;
right:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type3 .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:static;
top:auto;
right:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type3 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type4 .appeal_point{
padding:0 0 10% 0;
}
.appeal_point_type4 .bg_big_title{
margin-bottom:10%;
padding:10% 20px;
}
.appeal_point_type4 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type4 .bg_items{
}
.appeal_point_type4 .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type4 .title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
margin:0 0 3% 0;
}
.appeal_point_type4 .desc{
width:100%;
margin:0;
}
.appeal_point_type4 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
position:static;
top:auto;
left:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type4 .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:static;
top:auto;
left:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type4 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type5 .appeal_point{
padding:0 0 10% 0;
}
.appeal_point_type5 .bg_big_title{
margin-bottom:10%;
padding:10% 20px;
}
.appeal_point_type5 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type5 .appeal_point{
padding:0 0 10% 0;
}
.appeal_point_type5 .bg_items{
}
.appeal_point_type5 .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type5 .title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
}
.appeal_point_type5 .item:nth-child(2n+1) .title{
margin:0 0 3% 0;
}
.appeal_point_type5 .item:nth-child(2n) .title{
margin:0 0 3% 0;
}
.appeal_point_type5 .desc{
width:100%;
}
.appeal_point_type5 .item:nth-child(2n+1) .desc{
margin:0;
}
.appeal_point_type5 .item:nth-child(2n) .desc{
margin:0;
}
.appeal_point_type5 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
position:static;
top:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type5 .item:nth-child(2n+1) .icon{
right:auto;
}
.appeal_point_type5 .item:nth-child(2n) .icon{
left:auto;
}
.appeal_point_type5 .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:static;
top:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type5 .item:nth-child(2n+1) .image{
right:auto;
}
.appeal_point_type5 .item:nth-child(2n) .image{
left:auto;
}
.appeal_point_type5 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type6 .appeal_point{
padding:0 0 10% 0;
}
.appeal_point_type6 .bg_big_title{
margin-bottom:10%;
padding:10% 20px;
}
.appeal_point_type6 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type6 .appeal_point{
padding:0 0 10% 0;
}
.appeal_point_type6 .bg_items{
}
.appeal_point_type6 .item{
display:block;
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type6 .title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
}
.appeal_point_type6 .desc{
width:100%;
}
.appeal_point_type6 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
margin:5% auto;
}
.appeal_point_type6 .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
margin:5% auto;
}
.appeal_point_type6 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type7 .appeal_point{
display:block;
padding:0 0 10% 0;
}
.appeal_point_type7 .contents{
width:100%;
}
.appeal_point_type7 .bg_big_title{
width:100%;
max-width:100%;
margin-bottom:10%;
padding:10% 20px;
text-align:center;
}
.appeal_point_type7 .title_background_color{
width:100%;
}
.appeal_point_type7 .title_background_image{
width:100%;
}
.appeal_point_type7 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type7 .bg_items{
}
.appeal_point_type7 .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type7 .title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
margin:0 0 3% 0;
}
.appeal_point_type7 .desc{
width:100%;
margin:0;
}
.appeal_point_type7 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
position:static;
top:auto;
right:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type7 .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:static;
top:auto;
left:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type7 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type8 .appeal_point{
display:block;
padding:0 0 10% 0;
}
.appeal_point_type8 .contents{
width:100%;
}
.appeal_point_type8 .bg_big_title{
width:100%;
max-width:100%;
margin-bottom:10%;
padding:10% 20px;
text-align:center;
}
.appeal_point_type8 .title_background_color{
width:100%;
}
.appeal_point_type8 .title_background_image{
width:100%;
}
.appeal_point_type8 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type8 .bg_items{
}
.appeal_point_type8 .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type8 .title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
margin:0 0 3% 0;
}
.appeal_point_type8 .desc{
width:100%;
margin:0;
}
.appeal_point_type8 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
position:static;
top:auto;
left:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type8 .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:static;
top:auto;
left:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type8 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type9 .appeal_point{
display:block;
padding:0 0 10% 0;
}
.appeal_point_type9 .contents{
width:100%;
}
.appeal_point_type9 .bg_big_title{
width:100%;
max-width:100%;
margin-bottom:10%;
padding:10% 20px;
text-align:center;
}
.appeal_point_type9 .title_background_color{
width:100%;
}
.appeal_point_type9 .title_background_image{
width:100%;
}
.appeal_point_type9 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type9 .bg_items{
}
.appeal_point_type9 .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type9 .title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
}
.appeal_point_type9 .item:nth-child(2n+1) .title{
margin:0 0 3% 0;
}
.appeal_point_type9 .item:nth-child(2n) .title{
margin:0 0 3% 0;
}
.appeal_point_type9 .desc{
width:100%;
}
.appeal_point_type9 .item:nth-child(2n+1) .desc{
margin:0;
}
.appeal_point_type9 .item:nth-child(2n) .desc{
margin:0;
}
.appeal_point_type9 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
position:static;
top:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type9 .item:nth-child(2n+1) .icon{
right:auto;
}
.appeal_point_type9 .item:nth-child(2n) .icon{
left:auto;
}
.appeal_point_type9 .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:static;
top:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.appeal_point_type9 .item:nth-child(2n+1) .image{
right:auto;
}
.appeal_point_type9 .item:nth-child(2n) .image{
left:auto;
}
.appeal_point_type9 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type10 .appeal_point{
display:block;
padding:0 0 10% 0;
}
.appeal_point_type10 .contents{
width:100%;
}
.appeal_point_type10 .bg_big_title{
width:100%;
max-width:100%;
margin-bottom:10%;
padding:10% 20px;
text-align:center;
}
.appeal_point_type10 .title_background_color{
width:100%;
}
.appeal_point_type10 .title_background_image{
width:100%;
}
.appeal_point_type10 .title_eng{
font-size:2.5em;
line-height:1em;
margin-bottom:0.7em;
}
.appeal_point_type10 .bg_items{
}
.appeal_point_type10 .item{
display:block;
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.appeal_point_type10 .title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
}
.appeal_point_type10 .desc{
width:100%;
}
.appeal_point_type10 .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
margin:5% auto;
}
.appeal_point_type10 .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
margin:5% auto;
}
.appeal_point_type10 .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.appeal_point_type .background_image_size_100_hero{
background-size:cover;
}
.appeal_point_type .background_image_size_150_hero{
background-size:cover;
}
.appeal_point_type .background_image_size_200_hero{
background-size:cover;
}
.appeal_point_type .background_image_size_250_hero{
background-size:cover;
}
.appeal_point_type .background_image_size_300_hero{
background-size:cover;
}
.appeal_point_type .background_image_size_400_hero{
background-size:cover;
}
.appeal_point_type .background_image_size_500_hero{
background-size:cover;
}
.gc_auto_frame_post_index_home{
width:100%;
margin:auto;
}
.bg_home_work{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.home_work_type1 .bg_home_work .category_title{
font-size:2.5em;
line-height:1em;
}
.home_work_type1 .bg_home_work .category_desc{
font-size:1.2em;
line-height:1.8em;
}
.home_work_type1 .bg_home_work .bg_items{
justify-content:left;
flex-wrap:wrap;
column-gap:4%;
}
.home_work_type1 .bg_home_work .item{
width:48%;
margin-bottom:4%;
}
.home_work_type1 .bg_home_work .bg_button{
width:100%;
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.home_work_type2 .bg_home_work .category_title{
font-size:2.5em;
line-height:1em;
}
.home_work_type2 .bg_home_work .category_desc{
font-size:1.2em;
line-height:1.8em;
}
.home_work_type2 .bg_home_work .bg_items{
justify-content:left;
column-gap:4%;
flex-wrap:wrap;
}
.home_work_type2 .bg_home_work .item{
width:48%;
margin-bottom:4%;
}
.home_work_type2 .bg_home_work .bg_button{
width:100%;
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.home_work_type3 .bg_home_work .category_title{
font-size:2.5em;
line-height:1em;
}
.home_work_type3 .bg_home_work .category_desc{
font-size:1.2em;
line-height:1.8em;
}
.home_work_type3 .bg_home_work .bg_items{
column-gap:0;
}
.home_work_type3 .bg_home_work .item:nth-child(-n+2){
width:100%;
margin-bottom:5%;
}
.home_work_type3 .bg_home_work .item:nth-child(n+3){
width:100%;
margin-bottom:5%;
}
.home_work_type3 .bg_home_work .bg_button{
width:100%;
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:5% auto 0 auto;
}
.home_work_type4 .bg_home_work .category_title{
font-size:2.5em;
line-height:1em;
}
.home_work_type4 .bg_home_work .category_desc{
font-size:1.2em;
line-height:1.8em;
}
.home_work_type4 .bg_home_work .bg_items{
flex-wrap:wrap;
}
.home_work_type4 .bg_home_work .bg_items_left{
width:100%;
}
.home_work_type4 .bg_home_work .bg_items_left .item{
margin-bottom:5%;
}
.home_work_type4 .bg_home_work .bg_items_left .thumbnail{
padding-top:100%;
}
.home_work_type4 .bg_home_work .bg_items_right{
width:100%;
}
.home_work_type4 .bg_home_work .bg_items_right .item{
width:100%;
margin-bottom:5%;
}
.home_work_type4 .bg_home_work .item:nth-child(1) .bg_text{
padding:5%;
}
.home_work_type4 .bg_home_work .bg_button{
width:100%;
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:5% auto 0 auto;
}
.home_work_type5 .bg_home_work .category_title{
font-size:2.5em;
line-height:1em;
}
.home_work_type5 .bg_home_work .category_desc{
font-size:1.2em;
line-height:1.8em;
}
.home_work_type5 .bg_home_work .bg_items{
flex-wrap:wrap;
}
.home_work_type5 .bg_home_work .bg_items_left{
width:100%;
}
.home_work_type5 .bg_home_work .bg_items_left .item{
margin-bottom:5%;
}
.home_work_type5 .bg_home_work .bg_items_left .thumbnail{
}
.home_work_type5 .bg_home_work .bg_items_right{
width:100%;
}
.home_work_type5 .bg_home_work .bg_items_right .item{
width:100%;
margin-bottom:5%;
flex-wrap:wrap;
}
.home_work_type5 .bg_home_work .bg_items_right .thumbnail{
width:100%;
height:0px;
padding-top:100%;
box-sizing:border-box;
}
.home_work_type5 .bg_home_work .bg_text{
width:100%;
}
.home_work_type5 .bg_home_work .bg_button{
width:100%;
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:5% auto 0 auto;
}
.home_work_type6 .bg_home_work .category_title{
font-size:2.5em;
line-height:1em;
}
.home_work_type6 .bg_home_work .category_desc{
font-size:1.2em;
line-height:1.8em;
}
.home_work_type6 .bg_home_work .bg_items{
flex-wrap:wrap;
}
.home_work_type6 .bg_home_work .item{
width:48%;
margin-bottom:4%;
}
.home_work_type6 .bg_home_work .bg_button{
width:100%;
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.bg_home_work .bg_animation_pc{
display:contents;
}
.post_index_home{
padding:10% 20px;
box-sizing:border-box;
}
.gc_auto_frame_post_index_home_box_title_box_c{
padding:0 20px 10% 20px;
box-sizing:border-box;
margin:auto;
font-size:2.5em;
line-height:1em;
display:flex;
flex-direction:column;
justify-content:center;
}
.gc_auto_frame_post_index_home_box_memo{
font-size:50%;
margin:0px;
}
.gc_auto_frame_post_index_home_box_memo_c{
font-size:50%;
margin:0px;
text-align:center;
padding:0px;
}
.gc_auto_frame_post_index_home_box_memo_r{
font-size:50%;
margin:0px;
text-align:right;
}
.gc_auto_frame_post_index_home_box_contents_box_tile{
justify-content:left;
flex-wrap:wrap;
column-gap:4%;
}
.gc_auto_frame_post_index_home_box_contents_cell_tile{
width:48%;
margin-bottom:4%;
}
.gc_auto_frame_post_index_home_box_contents_cell_date_tile{
}
.gc_auto_frame_post_index_home_box_contents_cell_caption_tile{
}
.gc_auto_frame_post_index_home_box_contents_box_list{
width:100%;
margin:auto;
padding:1%;
}
.gc_auto_frame_post_index_home_box_contents_box_imgidx{
font-size:70%;
padding:0.5%;
}
.gc_auto_frame_post_index_home_box_contents_cell_imgidx{
width:100%;
padding:0.5%;
box-sizing:border-box;
}
.gc_auto_frame_post_index_home_box_contents_cell_date_imgidx{
height:70px;
}
.gc_auto_frame_post_index_home_box_contents_cell_caption_imgidx{
height:70px;
}
.gc_auto_frame_post_index_home_box_contents_box_tweet{
font-size:70%;
padding:0.5%;
flex-wrap:wrap;
}
.gc_auto_frame_post_index_home_box_contents_cell_tweet{
width:100%;
padding:0.5%;
box-sizing:border-box;
}
.gc_auto_frame_post_index_home_box_contents_cell_date_tweet{
height:70px;
}
.gc_auto_frame_post_index_home_box_contents_cell_caption_tweet{
}
.bg_post_index_home .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.bg_post_index_home .bg_button{
width:calc(100% - 40px);
min-width:auto;
padding:3.5% 0;
box-sizing:border-box;
margin:10% auto 0 auto;
}
.gc_auto_frame_footer{
background-color:var(--footercolor)!important;
color:var(--footercolor_font)!important;
margin:auto;
width:100%;
min-height:200px;
box-sizing:border-box;
}
.footer_contents .footer_logo{
width:50%;
}
.footer_contents .footer_text{
font-size:1em;
line-height:1.8em;
}
.footer_contents .footer_copyright {
font-size:1em;
line-height:1.8em;
}
.background_image_size_100_hero{
background-size:cover;
}
.background_image_size_150_hero{
background-size:cover;
}
.background_image_size_200_hero{
background-size:cover;
}
.background_image_size_250_hero{
background-size:cover;
}
.background_image_size_300_hero{
background-size:cover;
}
.background_image_size_400_hero{
background-size:cover;
}
.background_image_size_500_hero{
background-size:cover;
}
.gc_auto_frame_footer_fixed{
background-color:var(--footerfixcolor)!important;
color:var(--footerfixcolor_font)!important;
fill:var(--footerfixcolor_font)!important;
position:fixed;
left:0px;
bottom:0px;
width:100%;
height:45px;
padding:1px 0 0 0;
z-index:10000;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.gc_auto_frame_spotitem{
width:100%;
margin:auto;
}
.bg_googlemap_hopweb {
width:100%;
height:400px;
}
.bg_googlemap_hopweb_width_height_style{
width:100%;
height:400px;
}
.lp_temp_kiji_contents{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .eyecatch_h1title{
font-size:calc(18vw / 768* 100);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .eyecatch_img{
width:100%;
height:var(--hero_height_smartphone);
}
.gc_auto_frame_spotitem_lp .eyecatch_img_100vh{
width:100%;
height:calc(100vh - var(--header_height_smartphone));
}
.gc_auto_frame_spotitem_lp .eyecatch_textbox{
width:calc(100vw - 40px);
height:max-content;
max-width:calc(100vw - 40px);
max-height:calc(100% - 40px);
padding:calc(50vw / 768* 100);
box-sizing:border-box;
}
.gc_auto_frame_spotitem_lp .eyecatch_text1{
}
.gc_auto_frame_spotitem_lp .text1_fontsize_large_smp{
font-size:calc(26vw / 768* 100);
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .text1_fontsize_medium_smp{
font-size:calc(19vw / 400* 100);
line-height:1.5em;
}
.gc_auto_frame_spotitem_lp .text1_fontsize_small_smp{
font-size:calc(16vw / 400* 100);
line-height:1.35em;
}
:gc_auto_frame_spotitem_lp .eyecatch_text2{
font-size:calc(42vw / 768* 100);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .text2_fontsize_large_smp{
font-size:calc(40vw / 400* 100);
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .text2_fontsize_medium_smp{
font-size:calc(29vw / 400* 100);
line-height:1.5em;
}
.gc_auto_frame_spotitem_lp .text2_fontsize_small_smp{
font-size:calc(24vw / 400* 100);
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .eyecatch_text3{
}
.gc_auto_frame_spotitem_lp .text3_fontsize_large_smp{
font-size:calc(16vw / 400* 100);
line-height:1.35em;
}
.gc_auto_frame_spotitem_lp .text3_fontsize_medium_smp{
font-size:calc(12vw / 400* 100);
line-height:1.5em;
}
.gc_auto_frame_spotitem_lp .text3_fontsize_small_smp{
font-size:calc(10vw / 400* 100);
line-height:1.35em;
}
.eyecatch_image_size_smp_auto{
background-size:cover;
}
.eyecatch_image_size_smp_100{
background-size:100%;
}
.eyecatch_image_size_smp_150{
background-size:150%;
}
.eyecatch_image_size_smp_200{
background-size:200%;
}
.eyecatch_image_size_smp_250{
background-size:250%;
}
.eyecatch_image_size_smp_300{
background-size:300%;
}
.eyecatch_image_size_smp_400{
background-size:400%;
}
.eyecatch_image_size_smp_500{
background-size:500%;
}
.eyecatch_image_x_smp_center{
background-position-x:center;
}
.eyecatch_image_x_smp_left{
background-position-x:left;
}
.eyecatch_image_x_smp_25{
background-position-x:25%;
}
.eyecatch_image_x_smp_75{
background-position-x:75%;
}
.eyecatch_image_x_smp_right{
background-position-x:right;
}
.eyecatch_image_y_smp_center{
background-position-y:center;
}
.eyecatch_image_y_smp_top{
background-position-y:top;
}
.eyecatch_image_y_smp_25{
background-position-y:25%;
}
.eyecatch_image_y_smp_75{
background-position-y:75%;
}
.eyecatch_image_y_smp_bot{
background-position-y:bottom;
}
.gc_auto_frame_spotitem_lp .eyecatch0_h1title{
font-size:calc(18vw / 768* 100);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .eyecatch0_image img{
display:none;
}
.gc_auto_frame_spotitem_lp .eyecatch0_smp_image img{
display:block;
width:100%;
height:auto;
}
.gc_auto_frame_spotitem_lp .onayami_h2title{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .onayami_h2_b{
font-size:2em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .onayami_title_svg{
display:none;
}
.gc_auto_frame_spotitem_lp .merit_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .merit_h2title:before{
}
.gc_auto_frame_spotitem_lp .meritlist{
padding:0;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .meritc_title{
font-size:1.25em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .reason_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .reason_h2title:before{
}
.gc_auto_frame_spotitem_lp .reason_img{
margin-bottom:10%;
}
.gc_auto_frame_spotitem_lp .reason_text1{
margin-bottom:10%;
}
.gc_auto_frame_spotitem_lp .rsn_list{
width:100%;
padding:10% 1.5% 5% 1.5%;
box-sizing:border-box;
margin:0 0 15% 0;
position:relative;
}
.gc_auto_frame_spotitem_lp .compare_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .compare_h2title:before{
}
.gc_auto_frame_spotitem_lp .compare_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .price_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .price_h2title:before{
}
.gc_auto_frame_spotitem_lp .price_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .price_menu{
width:100%;
border-width:0 0 0 0;
}
.gc_auto_frame_spotitem_lp .price_price{
width:100%;
padding:5% 2.5%;
border-width:0 0 0px 0;
}
.gc_auto_frame_spotitem_lp .price_template_text_type1 .price_price{
text-align:left;
}
.gc_auto_frame_spotitem_lp .jisseki_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .jisseki_h2title:before{
}
.gc_auto_frame_spotitem_lp .jisseki_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .jisseki_list{
width:100%;
}
.gc_auto_frame_spotitem_lp .voice_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .voice_h2title:before{
}
.gc_auto_frame_spotitem_lp .voice_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .voice_talker{
padding:0;
}
.gc_auto_frame_spotitem_lp .voice_svg{
width:50px;
height:50px;
}
.gc_auto_frame_spotitem_lp .flow_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .flow_h2title:before{
}
.gc_auto_frame_spotitem_lp .flow_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .flowmark{
max-width:70px;
min-width:70px;
max-height:70px;
min-height:70px;
border-style:solid;
border-width:1px;
border-radius:50%;
margin:0 5% 0 0 ;
display:flex;
align-items:flex-start;
justify-content:center;
flex-wrap:wrap;
}
.gc_auto_frame_spotitem_lp .fm_step{
width:100%;
margin:10px 0 -5px 0;
font-size:1em;
line-height:1em;
}
.gc_auto_frame_spotitem_lp .fm_number{
width:100%;
font-size:1.5em;
line-height:1em;
}
.gc_auto_frame_spotitem_lp .ft_title{
font-size:1.5em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .ft_text{
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .faq_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .faq_h2title:before{
}
.gc_auto_frame_spotitem_lp .faq_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .faq_bg_a{
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .sokyu_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .sokyu_h2title:before{
}
.gc_auto_frame_spotitem_lp .sokyu_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .sky_talker_txt{
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .sky_talker_txt:before{
top:30px;
}
.gc_auto_frame_spotitem_lp .area_h2title{
margin:0 auto 10% auto;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .area_h2title:before{
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .area_box{
padding:0;
}
.gc_auto_frame_spotitem_lp .contact_box{
padding:0;
background:none;
}
.gc_auto_frame_spotitem_lp .contact_text1{
padding:0;
margin-bottom:5%;
font-size:1.5em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .contactlist{
padding:5%;
}
.gc_auto_frame_spotitem_lp .contact_tel{
margin-bottom:4%;
}
.gc_auto_frame_spotitem_lp .contact_tel a{
font-size:1.5em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .contact_mail{
padding:4%;
box-sizing:border-box;
border-radius:5px;
background-color:var(--buttoncolor);
}
.gc_auto_frame_spotitem_lp .contact_mail a span{
font-size:1.25em;
line-height:1.8em;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_white:before{
content:"";
border:5px solid transparent;
border-right:10px solid #ffffff;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_black:before{
content:"";
border:5px solid transparent;
border-right:10px solid #383838;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_gray:before{
content:"";
border:5px solid transparent;
border-right:10px solid #f4f4f4;
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor1:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor2:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_basecolor3:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor1:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor2:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_accentcolor3:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor1:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor2:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .hukidasi_left_backgroundcolor_customcolor3:before{
content:"";
border:5px solid transparent;
border-right:10px solid var(--customcolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_white:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #ffffff;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_black:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #383838;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_gray:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #f4f4f4;
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_basecolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_accentcolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor3);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor1);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor2);
}
.gc_auto_frame_spotitem_lp .lp_template_title1_backgroundcolor_customcolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor3);
}
.header_lp{
height:var(--header_height_smartphone);
}
.header_lp_space{
height:var(--header_height_smartphone);
}
.header_lp .header_lp_logo{
width:50%;
margin:0 auto 0 0;
}
.header_lp .header_lp_logo img{
height:calc(var(--header_height_smartphone) - 20px);
}
.header_lp .menu_button{
width:var(--header_height_smartphone);
height:var(--header_height_smartphone);
right:0;
}
.header_lp .menu_button .bg_svg{
width:50%;
height:calc(var(--header_height_smartphone) / 2);
}
.bg_menu_button_popup{
font-size:1em;
line-height:1.8em;
}
.menu_button_popup{
height:auto;
flex-wrap:wrap;
}
.menu_left{
display:contents;
}
.menu_left .menu_inner{
min-height:40px;
}
.bg_menu_button_popup .menu_left .bg_snsbutton_content{
order:999;
}
.bg_menu_button_popup .menu_left .snsbutton_content{
min-height:40px;
}
.menu_right{
width:100%;
min-height:auto;
padding-bottom:0px;
order:2;
}
.bg_menu_button_popup .bg_closebutton{
width:60px;
height:40px;
}
.bg_menu_button_popup .closebutton{
width:30px;
height:30px;
}
.gc_auto_frame_page_title{
width:100%;
}
.gc_auto_frame_page_title .pagetitle_type{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_page_title h1{
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_page_title .image_size_smp_auto{
background-size:cover;
}
.gc_auto_frame_page_title .image_size_smp_100{
background-size:100%;
}
.gc_auto_frame_page_title .image_size_smp_150{
background-size:150%;
}
.gc_auto_frame_page_title .image_size_smp_200{
background-size:200%;
}
.gc_auto_frame_page_title .image_size_smp_250{
background-size:250%;
}
.gc_auto_frame_page_title .image_size_smp_300{
background-size:300%;
}
.gc_auto_frame_page_title .image_size_smp_400{
background-size:400%;
}
.gc_auto_frame_page_title .image_size_smp_500{
background-size:500%;
}
.gc_auto_frame_page_title .image_x_smp_center{
background-position-x:center;
}
.gc_auto_frame_page_title .image_x_smp_left{
background-position-x:left;
}
.gc_auto_frame_page_title .image_x_smp_25{
background-position-x:25%;
}
.gc_auto_frame_page_title .image_x_smp_75{
background-position-x:75%;
}
.gc_auto_frame_page_title .image_x_smp_right{
background-position-x:right;
}
.gc_auto_frame_page_title .image_y_smp_center{
background-position-y:center;
}
.gc_auto_frame_page_title .image_y_smp_top{
background-position-y:top;
}
.gc_auto_frame_page_title .image_y_smp_25{
background-position-y:25%;
}
.gc_auto_frame_page_title .image_y_smp_75{
background-position-y:75%;
}
.gc_auto_frame_page_title .image_y_smp_bot{
background-position-y:bottom;
}
.gc_auto_frame_page_title .title_size_mid{
font-size:2em;
line-height:1.5em;
}
.gc_auto_frame_page_title .title_size_large{
font-size:2.5em;
line-height:1.5em;
}
.gc_auto_frame_page_title .title_size_small{
font-size:1.5em;
line-height:1.5em;
}
.gc_auto_frame_page_title .h1_size_mid{
font-size:1em;
line-height:1.8em;
}
.gc_auto_frame_page_title .h1_size_large{
font-size:1.25em;
line-height:1.8em;
}
.gc_auto_frame_page_title .h1_size_mid{
font-size:0.75em;
line-height:1.8em;
}
.gc_auto_frame_page_title .pagetitle_type1 .breadcrumbs{
gap:5px;
}
.gc_auto_frame_page_title .pagetitle_type2 .breadcrumbs{
gap:5px;
}
.gc_auto_frame_page_title .pagetitle_type3 .breadcrumbs{
gap:5px;
}
.gc_auto_frame_page_title .pagetitle_type4 .breadcrumbs{
gap:5px;
}
.gc_auto_frame_post_index{
width:100%;
}
.bg_post_index{
width:100%;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.post_index_contents{
padding:7.5% 5%;
}
.bg_post_index .comingsoon{
padding:9.5% 2.5%;
}
.bg_post_index .comingsoon_text{
font-size:calc(90vw / 768* 100);
line-height:1.8em;
}
.bg_post_index .comingsoon_jp{
padding:10px 20px;
font-size:var(--font_size_smartphone);
line-height:1em;
}
.post_index_type2 .post_index_contents{
font-size:70%;
padding:1%;
gap:0 1%;
}
.gc_auto_frame_post_index_box_contents_cell_tile{
width:49.5%;
margin-bottom:1%;
}
.gc_auto_frame_post_index_box_contents_cell_date_tile{
height:90px;
}
.gc_auto_frame_post_index_box_contents_cell_caption_tile{
height:90px;
}
.post_index_type3 .title{
font-size:1.25em;
line-height:1.5em;
}
.bg_tag_button{
}
.tag_button{
width:48%;
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.tag_type1{
gap:2%;
}
.tag_type1 .tag_button{
width:48%;
}
.tag_type2{
gap:2%;
}
.tag_type2 .tag_button{
width:48%;
}
.tag_type3{
gap:2%;
}
.tag_type3 .tag_button{
width:48%;
padding:10px 2.5px;
}
.bg_page_button{
}
.kiji_in_page_under3{
justify-content:normal;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.gc_auto_frame_publicinfo_flow{
}
.publicinfo_flow_type{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.publicinfo_flow_type1 .publicinfo_flow_contents{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
}
.publicinfo_flow_type1 .bg_step_circle{
width:calc(90vw / 768 * 100);
position:relative;
overflow:hidden;
}
.publicinfo_flow_type1 .step{
font-size:18px;
}
.publicinfo_flow_type1 .circle{
width:calc(90vw / 768 * 100);
height:calc(90vw / 768 * 100);
border-radius:100%;
font-size:calc(50vw / 768 * 100);
}
.publicinfo_flow_type1 .title{
font-size:1.25em;
line-height:1.5em;
}
.publicinfo_flow_type1 .bg_end_border{
padding-left:calc(90vw / 2 / 768 * 100);
}
.publicinfo_flow_type{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.publicinfo_flow_type1 .publicinfo_flow_contents{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
}
.publicinfo_flow_type1 .bg_step_circle{
width:calc(90vw / 768 * 100);
position:relative;
overflow:hidden;
}
.publicinfo_flow_type1 .step{
font-size:18px;
}
.publicinfo_flow_type1 .circle{
width:calc(90vw / 768 * 100);
height:calc(90vw / 768 * 100);
border-radius:100%;
font-size:calc(50vw / 768 * 100);
}
.publicinfo_flow_type1 .title{
font-size:1.25em;
line-height:1.5em;
}
.publicinfo_flow_type1 .bg_end_border{
padding-left:calc(90vw / 2 / 768 * 100);
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.gc_auto_frame_publicinfo_contact{
}
.gc_auto_frame_publicinfo_qanda{
}
.gc_auto_frame_publicinfo_qanda .publicinfo_qanda_contents{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa{
width:95%;
}
.gc_auto_frame_publicinfo_qanda .answer_qa{
padding:3.5%;
}
.gc_auto_frame_publicinfo_qanda .a_icon{
margin-right:0.5em;
}
.gc_auto_frame_publicinfo_qanda .publicinfo_qanda_contents{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_qanda .bg_answer_qa{
width:95%;
}
.gc_auto_frame_publicinfo_qanda .answer_qa{
padding:3.5%;
}
.gc_auto_frame_publicinfo_qanda .a_icon{
margin-right:0.5em;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.gc_auto_frame_publicinfo_company{
}
.gc_auto_frame_publicinfo_company .bg_publicinfo_company{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_publicinfo_company h2{
font-size:1.25em;
line-height:1.5em;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_contents{
width:100%;
padding:7.5% 5% 0 5%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_only .goaisatsu1{
width:100%;
margin-bottom:7%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image{
display:block;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .goaisatsu_image{
display:block;
width:27%;
height:0;
padding-top:27%;
margin:0 auto 9% auto;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu .goaisatsu1{
margin-bottom:7%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_title{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_text{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_map{
width:100%;
height:400px;
margin:5% 0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .image_area{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_contents_lp{
width:100%;
padding:7.5% 5% 0 5%;
box-sizing:border-box;
}
.lp_company_title_backgroundcolor_white:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #ffffff;
}
.lp_company_title_backgroundcolor_black:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #383838;
}
.lp_company_title_backgroundcolor_gray:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #f4f4f4;
}
.lp_company_title_backgroundcolor_basecolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor1);
}
.lp_company_title_backgroundcolor_basecolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor2);
}
.lp_company_title_backgroundcolor_basecolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor3);
}
.lp_company_title_backgroundcolor_accentcolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor1);
}
.lp_company_title_backgroundcolor_accentcolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor2);
}
.lp_company_title_backgroundcolor_accentcolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor3);
}
.lp_company_title_backgroundcolor_customcolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor1);
}
.lp_company_title_backgroundcolor_customcolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor2);
}
.lp_company_title_backgroundcolor_customcolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .contents_appeal{
padding-top:var(--header_height_smartphone);
margin-top:calc(-1 * var(--header_height_smartphone));
}
.gc_auto_frame_publicinfo_company .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.gc_auto_frame_publicinfo_company .appeal_title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .appeal_title{
margin:0 0 3% 0;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .appeal_title{
margin:0 0 3% 0;
}
.gc_auto_frame_publicinfo_company .desc{
width:100%;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .desc{
margin:0;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .desc{
margin:0;
}
.gc_auto_frame_publicinfo_company .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
position:static;
top:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .icon{
right:auto;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .icon{
left:auto;
}
.gc_auto_frame_publicinfo_company .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:static;
top:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .image{
right:auto;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .image{
left:auto;
}
.gc_auto_frame_publicinfo_company .bg_publicinfo_company{
font-size:var(--font_size_smartphone);
line-height:1.8em;
}
.gc_auto_frame_publicinfo_company h2{
font-size:1.25em;
line-height:1.5em;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_contents{
width:100%;
padding:7.5% 5% 0 5%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_only .goaisatsu1{
width:100%;
margin-bottom:7%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image{
display:block;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .goaisatsu_image{
display:block;
width:27%;
height:0;
padding-top:27%;
margin:0 auto 9% auto;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_goaisatsu_with_image .bg_goaisatsu .goaisatsu1{
margin-bottom:7%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_title{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_text{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .content_map{
width:100%;
height:400px;
margin:5% 0;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .image_area{
width:100%;
}
.gc_auto_frame_publicinfo_company .publicinfo_company_type1 .bg_contents_lp{
width:100%;
padding:7.5% 5% 0 5%;
box-sizing:border-box;
}
.lp_company_title_backgroundcolor_white:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #ffffff;
}
.lp_company_title_backgroundcolor_black:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #383838;
}
.lp_company_title_backgroundcolor_gray:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid #f4f4f4;
}
.lp_company_title_backgroundcolor_basecolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor1);
}
.lp_company_title_backgroundcolor_basecolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor2);
}
.lp_company_title_backgroundcolor_basecolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--basecolor3);
}
.lp_company_title_backgroundcolor_accentcolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor1);
}
.lp_company_title_backgroundcolor_accentcolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor2);
}
.lp_company_title_backgroundcolor_accentcolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--accentcolor3);
}
.lp_company_title_backgroundcolor_customcolor1:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor1);
}
.lp_company_title_backgroundcolor_customcolor2:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor2);
}
.lp_company_title_backgroundcolor_customcolor3:before{
content:"";
border:calc(23vw / 768* 100) solid transparent;
border-top:calc(40vw / 768* 100) solid var(--customcolor3);
}
.gc_auto_frame_publicinfo_company .contents_appeal{
padding-top:var(--header_height_smartphone);
margin-top:calc(-1 * var(--header_height_smartphone));
}
.gc_auto_frame_publicinfo_company .item{
width:100%;
padding:7.5%;
margin-bottom:20px;
}
.gc_auto_frame_publicinfo_company .appeal_title{
width:100%;
font-size:1.5em;
line-height:1em;
text-align:center;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .appeal_title{
margin:0 0 3% 0;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .appeal_title{
margin:0 0 3% 0;
}
.gc_auto_frame_publicinfo_company .desc{
width:100%;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .desc{
margin:0;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .desc{
margin:0;
}
.gc_auto_frame_publicinfo_company .icon{
width:65%;
padding-top:65%;
box-sizing:border-box;
position:static;
top:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .icon{
right:auto;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .icon{
left:auto;
}
.gc_auto_frame_publicinfo_company .image{
width:65%;
padding-top:65%;
box-sizing:border-box;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
position:static;
top:auto;
transform:translate(0%,0%);
margin:5% auto;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n+1) .image{
right:auto;
}
.gc_auto_frame_publicinfo_company .item:nth-child(2n) .image{
left:auto;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.gc_auto_frame_publicinfo_staff{
}
.gc_auto_frame_publicinfo_staff .bg_contents{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_content{
width:100%;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_content_text{
width:100%;
margin-left:0px;
margin-top:15px;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_name{
font-size:1.25em;
line-height:1.5em;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_image_size_mid{
width:50vw;
height:50vw;
margin:auto;
}
.gc_auto_frame_publicinfo_staff .bg_contents{
width:100%;
padding:7.5% 5%;
box-sizing:border-box;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_content{
width:100%;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_content_text{
width:100%;
margin-left:0px;
margin-top:15px;
display:flex;
flex-wrap:wrap;
}
.gc_auto_frame_publicinfo_staff .type1 .contents_staff_name{
font-size:1.25em;
line-height:1.5em;
}
.gc_auto_frame_publicinfo_staff .type1 .staff_image_size_mid{
width:50vw;
height:50vw;
margin:auto;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.ff_contents{
font-size:1em;
line-height:1em;
}
.ff_contents .link_text2{
display:none;
}
.type1 .ff_contents_count4 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_tel{
display:contents;
}
.type1 .ff_contents_count4 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_contact{
display:contents;
}
.type1 .ff_contents_count4 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_line{
display:contents;
}
.type1 .ff_contents_count4 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .ff_sns{
display:contents;
}
.type1 .ff_contents_count4 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count4 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count3 .ff_left{
display:flex;
justify-content:space-around;
align-items:center;
width:80%;
}
.type1 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_tel{
display:contents;
}
.type1 .ff_contents_count3 .ff_tel a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_contact{
display:contents;
}
.type1 .ff_contents_count3 .ff_contact .ff_contact_inner{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_line{
display:contents;
}
.type1 .ff_contents_count3 .ff_line a{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .ff_sns{
display:contents;
}
.type1 .ff_contents_count3 .ff_sns .bg_svg{
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count3 .bg_pagetop{
width:20%;
height:100%;
}
.type1 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type1 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.type2 .ff_contents_count4 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count4 .ff_sns_count5{
gap:0.2em;
}
.type2 .ff_contents_count4 .ff_sns_count5 .bg_svg{
width:0.6em;
height:0.6em;
}
.type2 .ff_contents_count4 .ff_sns_count4{
gap:0.25em;
}
.type2 .ff_contents_count4 .ff_sns_count4 .bg_svg{
width:0.8em;
height:0.8em;
}
.type2 .ff_contents_count4 .ff_sns_count3{
gap:0.4em;
}
.type2 .ff_contents_count4 .ff_sns_count3 .bg_svg{
width:1em;
height:1em;
}
.type2 .ff_contents_count4 .ff_sns_count2{
gap:0.5em;
}
.type2 .ff_contents_count3 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count3 .ff_sns_count5{
gap:4px;
}
.type2 .ff_contents_count3 .ff_sns_count5 .bg_svg{
width:16px;
height:16px;
}
.type2 .ff_contents_count3 .bg_pagetop{
width:19%;
height:100%;
}
.type2 .ff_contents_count2 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count1 .bg_svg{
position:relative;
width:1.5em;
height:1.5em;
}
.type2 .ff_contents_count0 .bg_svg{
position:relative;
width:1.25em;
height:1.25em;
}
.gc_auto_frame_post_item{
width:100%;
}
.gc_auto_frame_post_item .post_item_contents{
padding:7.5% 5%;
}
.gc_auto_frame_post_item h2{
font-size:1.25em;
line-height:1.5em;
}
}