@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

 * {
margin:0;
padding:0;
box-sizing:border-box;
}
html {
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
i{
font-style:normal;
}
table {
font-size:100%;
line-height:1.5;
border-collapse:collapse;
border-spacing:0;
}
th {
font-weight:normal;
text-align:left;
}
img {
border:0;
vertical-align:bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
image-rendering: -webkit-optimize-contrast;
max-width: 100%;
height:auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
img{
image-rendering:initial;
}	
}
ul li {
list-style:none;
}
.site-body ul li {
list-style: disc;
}
ol {
padding-left:18px;
*padding-left:24px;
_padding-left:24px;
}
input, textarea {
vertical-align:middle;
}
address, em {
font-style:normal;
}
.copygard img{
pointer-events: none;
}
.copygard img[usemap]{
pointer-events: auto;
} a{
color:inherit;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
label{
cursor:pointer;
}  .left_area {}
.center_area {}
.right_area {}
.bg_top {}
.bg_mdl {}
.bg_btm {}
.first {}
.last {} .position {	position:relative;} .flt_left {	float:left;}
.flt_right {	float:right;}
.flt_none {	float:none !important;} .w_auto { width:auto !important;}
.w_max { width:100% !important;}
.w_half { width:50% !important;}
.w_third { width:33% !important;}
.w_quarter { width:25% !important;}
.w_fifth { width:20% !important;} .mt00 {	margin-top:0px !important;}
.mt05 {	margin-top:5px !important;}
.mt10 {	margin-top:10px !important;}
.mt15 {	margin-top:15px !important;}
.mt20 {	margin-top:20px !important;}
.mt25 {	margin-top:25px !important;}
.mt30 {	margin-top:30px !important;}
.mt35 {	margin-top:35px !important;}
.mt40 {	margin-top:40px !important;}
.mt45 {	margin-top:45px !important;}
.mt50 {	margin-top:50px !important;}
.mt55 {	margin-top:55px !important;}
.mt60 {	margin-top:60px !important;}
.mt65 {	margin-top:65px !important;}
.mt70 {	margin-top:70px !important;}
.mt75 {	margin-top:75px !important;}
.mt80 {	margin-top:80px !important;}
.mt85 {	margin-top:85px !important;}
.mt90 {	margin-top:90px !important;}
.mt95 {	margin-top:95px !important;} .mr00 {	margin-right:0px !important;}
.mr05 {	margin-right:5px !important;}
.mr10 {	margin-right:10px !important;}
.mr15 {	margin-right:15px !important;}
.mr20 {	margin-right:20px !important;}
.mr25 {	margin-right:25px !important;}
.mr30 {	margin-right:30px !important;}
.mr35 {	margin-right:35px !important;}
.mr40 {	margin-right:40px !important;}
.mr45 {	margin-right:45px !important;}
.mr50 {	margin-right:50px !important;}
.mr55 {	margin-right:55px !important;}
.mr60 {	margin-right:60px !important;}
.mr65 {	margin-right:65px !important;}
.mr70 {	margin-right:70px !important;}
.mr75 {	margin-right:75px !important;}
.mr80 {	margin-right:80px !important;}
.mr85 {	margin-right:85px !important;}
.mr90 {	margin-right:90px !important;}
.mr95 {	margin-right:95px !important;} .mb00 {	margin-bottom:0 !important;}
.mb05 {	margin-bottom:5px !important;}
.mb10 {	margin-bottom:10px !important;}
.mb15 {	margin-bottom:15px !important;}
.mb20 {	margin-bottom:20px !important;}
.mb25 {	margin-bottom:25px !important;}
.mb30 {	margin-bottom:30px !important;}
.mb35 {	margin-bottom:35px !important;}
.mb40 {	margin-bottom:40px !important;}
.mb45 {	margin-bottom:45px !important;}
.mb50 {	margin-bottom:50px !important;}
.mb55 {	margin-bottom:55px !important;}
.mb60 {	margin-bottom:60px !important;}
.mb65 {	margin-bottom:65px !important;}
.mb70 {	margin-bottom:70px !important;}
.mb75 {	margin-bottom:75px !important;}
.mb80 {	margin-bottom:80px !important;}
.mb85 {	margin-bottom:85px !important;}
.mb90 {	margin-bottom:90px !important;}
.mb95 {	margin-bottom:95px !important;} .ml00 {	margin-left:0px !important;}
.ml05 {	margin-left:5px !important;}
.ml10 {	margin-left:10px !important;}
.ml15 {	margin-left:15px !important;}
.ml20 {	margin-left:20px !important;}
.ml25 {	margin-left:25px !important;}
.ml30 {	margin-left:30px !important;}
.ml35 {	margin-left:35px !important;}
.ml40 {	margin-left:40px !important;}
.ml45 {	margin-left:45px !important;}
.ml50 {	margin-left:50px !important;}
.ml55 {	margin-left:55px !important;}
.ml60 {	margin-left:60px !important;}
.ml65 {	margin-left:65px !important;}
.ml70 {	margin-left:70px !important;}
.ml75 {	margin-left:75px !important;}
.ml80 {	margin-left:80px !important;}
.ml85 {	margin-left:85px !important;}
.ml90 {	margin-left:90px !important;}
.ml95 {	margin-left:95px !important;} .pt00 {	padding-top:0px !important;}
.pt05 {	padding-top:5px !important;}
.pt10 {	padding-top:10px !important;}
.pt15 {	padding-top:15px !important;}
.pt20 {	padding-top:20px !important;}
.pt25 {	padding-top:25px !important;}
.pt30 {	padding-top:30px !important;}
.pt35 {	padding-top:35px !important;}
.pt40 {	padding-top:40px !important;}
.pt45 {	padding-top:45px !important;}
.pt50 {	padding-top:50px !important;} .pr00 {	padding-right:0px !important;}
.pr05 {	padding-right:5px !important;}
.pr10 {	padding-right:10px !important;}
.pr15 {	padding-right:15px !important;}
.pr20 {	padding-right:20px !important;}
.pr25 {	padding-right:25px !important;}
.pr30 {	padding-right:30px !important;}
.pr35 {	padding-right:35px !important;}
.pr40 {	padding-right:40px !important;}
.pr45 {	padding-right:45px !important;}
.pr50 {	padding-right:50px !important;} .pb00 {	padding-bottom:0 !important;}
.pb05 {	padding-bottom:5px !important;}
.pb10 {	padding-bottom:10px !important;}
.pb15 {	padding-bottom:15px !important;}
.pb20 {	padding-bottom:20px !important;}
.pb25 {	padding-bottom:25px !important;}
.pb30 {	padding-bottom:30px !important;}
.pb35 {	padding-bottom:35px !important;}
.pb40 {	padding-bottom:40px !important;}
.pb45 {	padding-bottom:45px !important;}
.pb50 {	padding-bottom:50px !important;} .pl00 {	padding-left:0px !important;}
.pl05 {	padding-left:5px !important;}
.pl10 {	padding-left:10px !important;}
.pl15 {	padding-left:15px !important;}
.pl20 {	padding-left:20px !important;}
.pl25 {	padding-left:25px !important;}
.pl30 {	padding-left:30px !important;}
.pl35 {	padding-left:35px !important;}
.pl40 {	padding-left:40px !important;}
.pl45 {	padding-left:45px !important;}
.pl50 {	padding-left:50px !important;} .f_bold {	font-weight:bold !important;}
.f_normal {	font-weight:normal !important;}
.f_08 {	font-size:78% !important;} .f_10 {	font-size:85% !important;} .f_14 {	font-size:115% !important;} .f_16 {	font-size:130% !important;} .f_18 {	font-size:145% !important;} @media screen and (max-width:767px) {
.f_08 {	font-size:8px !important;}
.f_10 {	font-size:10px !important;}
.f_14 {	font-size:14px !important;}
.f_16 {	font-size:16px !important;}
.f_18 {	font-size:18px !important;}
} .t_left {	text-align:left !important;}
.t_center {	text-align:center !important;}
.t_right {	text-align:right !important;}
.v_top {	vertical-align:top !important;}
.v_mdl {	vertical-align:middle !important;}
.v_btm {	vertical-align:text-bottom !important;}   .btn {} .tabNav {} .fixpng {} .fix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}
.fix {
display:inline-block;
min-height:1%;
} *html .fix {
height:1%;
}
.fix {
display:block;
}  .scale { }
.scale_m {}
.scale_all{
width:100%;
height:auto;
}
@media screen and (max-width:767px) {
.scale {
width:100%;
height:auto;
}
.scale_m { 
max-width:100%;
width:auto;
height:auto;
}
} .display_pc {
display:block;
}
.display_pc.in {
display:inline;
}
.display_sp,
.display_sp.in {
display:none;
}
@media screen and (max-width:767px) {
.display_pc,
.display_pc.in {
display:none;
}
}
@media screen and (max-width:767px) {
.display_sp {
display:block;
}
.display_sp.in {
display:inline;
}
}
.txt_indent {
margin-left:1em;
text-indent:-1em;
}
 html {
background: #FFFFFF;
color: #2b313b;
font-family: 'Noto Sans JP',  "游ゴシック Medium", "Yu Gothic Medium" ,"游ゴシック体", "Yu Gothic", YuGothic , 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size:16px;
line-height:1.4;
font-weight: 500;
}
html .goti,
html .goti form *{
font-family:  'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium" ,"游ゴシック体", "Yu Gothic", YuGothic , 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
html .min,
html .min form *{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
html .homemade,
html .homemade form *{
font-family: 'Homemade Apple', cursive;
font-style: italic;
}
body {
width: 100%;
font-size: 100%;
text-align: center;
min-width:1200px;
}
main{
overflow:hidden;
width:100%;
}
.sitewrap {
width: 1200px;
min-width: 1200px;
margin: 0 auto;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media screen and (max-width:1220px) {
body,
.sitewrap {
width: 100%;
min-width:0;
}	
.sitewrap > *{
padding-left:2%;
padding-right:2%;
}
}
@media screen and (max-width:767px) {
html {
font-size:14px;
}
.sitewrap > *{
padding-left:15px;
padding-right:15px;
}
} header#fix_menu{
position: fixed;
top: 0;
left:0;
right:0;
z-index:999;
}
header#fix_menu.fixedMenu{
background: #fff;
}
.menu_top {
position:relative;
}
.menu_top #site_ttl {
float:left;
padding: 20px 15px 10px;
white-space:nowrap;
}
.menu_top #site_ttl a{
display:inline-block;
vertical-align:middle;
height: 100px;
}
.menu_top #site_ttl img{
max-height:100%;
}
.menu_fix{
margin-left: 200px;
}
.drop_menu {
padding: 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.drop_menu label{
display:none;
}
.drop_menu #NavWrap > ul {
margin: 0;
margin-right: 15px;
max-width: 1050px;
width:100%;
box-sizing:border-box;
display: inline-flex;
padding-left: 0;
}
.drop_menu #NavWrap ul::after{
display:none;
}
.drop_menu #NavWrap > ul > li{
flex-grow:1;
}
.drop_menu #NavWrap li a,
.drop_menu #NavWrap li p {
padding: 60px 15px 35px;
display: block;
box-sizing:border-box;
text-decoration: none;
font-size: 0.75rem;
width: auto;
line-height: 1;
position:relative;
color: #2b313b;
text-align:center;
transition:font-weight 0.5s ,color 0.5s, opacity 0.5s, color 0.5s;
cursor: pointer;
}
.drop_menu #NavWrap li a:hover,
.drop_menu #NavWrap li p:hover{
opacity:1;
}
.drop_menu #NavWrap li a::before,
.drop_menu #NavWrap li p::before{
position:absolute;
display:inline-block;
content:"";
width:1px;
height:1.125rem;
background:#2b313b;
right:0;
bottom:35px;
}
.drop_menu #NavWrap li:last-of-type a::before,
.drop_menu #NavWrap li:last-of-type p::before{
display:none;
}
.drop_menu #NavWrap li a span,
.drop_menu #NavWrap li p span{
width:fit-content;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
white-space: normal;
position:relative;
width: 100%;
font-size: 1.125rem;
}
.drop_menu #NavWrap li a span::after,
.drop_menu #NavWrap li p span::after{
position: absolute;
content: "";
display:inline-block;
bottom: -10px;
width: 100%;
height: 1px;
background: #4fccdf;
transition: all .3s;
transform: scale(0, 1);
transform-origin: center top;
filter: none;
}
.drop_menu #NavWrap li a:hover span,
.drop_menu #NavWrap li p:hover span{
opacity:1;
}
.drop_menu #NavWrap li a:hover span::after,
.drop_menu #NavWrap li p:hover span::after{
transform: scale(1, 1);
}
.drop_menu #NavWrap li a:hover,
.drop_menu #NavWrap li p:hover{
opacity:1;
}
.drop_menu #NavWrap li a small,
.drop_menu #NavWrap li p small{
display:block;
margin-bottom:5px;
font-size:0.75rem;
}
.drop_menu #NavWrap li.drop_wrap {
position:relative;
}
.drop_menu #NavWrap li.drop_wrap i{
display:none;
}
.drop_menu #NavWrap li ul{
position:absolute;
width:auto;
opacity:0;
visibility:hidden;
top: 115px;
left:50%;
transform:translateX(-50%);
transition:opacity .4s;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
.drop_menu #NavWrap li:hover ul{
opacity:1;
visibility:visible;
z-index:999;
}
.drop_menu #NavWrap li ul li a::before{
display:none;
}
.drop_menu #NavWrap li ul a{
min-width: 14em;
padding: 10px;
background: #4fccdf;
color: #fff;
transition:background .4s;
text-align: left;
border-bottom: 1px solid #fff;
filter: none;
}
.drop_menu #NavWrap li ul a:hover{
background: #39b6dd;
}
.drop_menu #NavWrap li ul a span{
font-size: 0.875rem;
line-height: 1.2;
}
.drop_menu #NavWrap li ul a span::after{
display:none;
}
#fix_menu #switch {
position: absolute;
display: none;
opacity: 0;
}
.header_contact_box{
display:flex;
justify-content:flex-start;
align-items:stretch;
padding: 10px 0;
}
.header_contact_box .contact_btn a{
margin-right:10px;
padding: 5px 10px;
display:flex;
justify-content:center;
align-items: center;
text-align: left;
min-height: 66px;
color: #fff;
background: #e24079;
font-size: 1.25rem;
line-height:1.2;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
transition:transform .4s;
text-decoration: none;
}
.header_contact_box .contact_btn a:hover{
transform:translateY(3px);
}
.header_contact_box .contact_btn a span{
position: relative;
display: block;
padding-left: 38px;
margin-right:10px;
z-index:0;
}
.header_contact_box .contact_btn a span::before{
position:absolute;
display:inline-block;
content:"";
top:0;
bottom:0;
margin:auto;
background-repeat:no-repeat;
background-size:cover;
z-index:-1;
}
.header_contact_box .contact_btn.btn_online a span::before{
width:31px;
height:31px;
background-image:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/icon_online.png);
left: 0;
}
.header_contact_box .contact_btn a em{
font-size:0.875rem;
font-weight:500;
color:#ffff00;
line-height:1.6;
}
@media screen and (max-width:1600px) {
.menu_top #site_ttl a{
height: 80px;
}
.menu_fix{
margin-left: 133px;
}
.drop_menu #NavWrap > ul {
margin-right: 10px;
max-width: 940px;
}
.drop_menu #NavWrap li a,
.drop_menu #NavWrap li p {
padding: 60px 10px 35px;
font-size: 0.875rem;
}
.drop_menu #NavWrap li a span,
.drop_menu #NavWrap li p span{
font-size: 1rem;
}
.drop_menu #NavWrap li a small,
.drop_menu #NavWrap li p small{
font-size:0.875rem;
}
}
@media screen and (max-width:1430px) {
.menu_fix{
margin-left: 90px;
}
.drop_menu #NavWrap > ul {
max-width: 840px;
}
.drop_menu #NavWrap li a,
.drop_menu #NavWrap li p {
padding: 60px 10px 35px;
font-size: 0.75rem;
}
.drop_menu #NavWrap li a span,
.drop_menu #NavWrap li p span{
font-size:0.875rem;
}
.drop_menu #NavWrap li a small,
.drop_menu #NavWrap li p small{
font-size:0.75rem;
}
}
@media screen and (max-width:1300px) {
.drop_menu {
flex-direction:column;
align-items:flex-end;
}
.drop_menu #NavWrap > ul{
order:2;
}
.drop_menu #NavWrap li a,
.drop_menu #NavWrap li p {
padding: 15px 10px;
font-size: 0.75rem;
filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 5px #fff);
}
.drop_menu #NavWrap li a::before,
.drop_menu #NavWrap li p::before{
height:1rem;
bottom:13px;
}
.drop_menu #NavWrap li ul{
top:55px;
}
.header_contact_box{
order: -1;
}
}
@media screen and (max-width: 767px) {
header#fix_menu,
header#fix_menu.fixedMenu{
position: fixed;
transition: none;
top: 0;
}
header .menu_top{
padding:0;
z-index: 700;
}
header .menu_top::before{
position:absolute;
display:inline-block;
content:"";
width:100%;
height: 100vh;
background: #fff;
left:0;
right:0;
top: -100vh;
z-index:-1;
transition: top .2s;
}
header #switch:checked + .menu_top::before{
top:0;
}
header .menu_top #site_ttl{
padding: 5px 10px;
position: relative;
z-index: 800;
}
header #switch:checked + .menu_top #site_ttl{
background:#fff;
}
.menu_top #site_ttl a{
position:relative;
height: 50px;
z-index: 100;
}
.menu_fix{
text-align: right;
margin-left: 0;
}
#fix_menu #switch + .menu_top label[for="switch"] {
display: block;
cursor: pointer;
position: fixed;
top:0;
right:0;
z-index:900;
transition: 0.5s transform, right 0.2s;
padding: 12px;
width: 62px;
height: 60px;
box-sizing:border-box;
background: #fff;
text-align:center;
}
#fix_menu #switch + .menu_top label[for="switch"] b{
width:100%;
display:block;
margin-bottom: 0;
}
#fix_menu #switch + .menu_top label[for="switch"] span{
cursor: -webkit-grabbing;
display:block;
width: 30px;
height: 1px;
background: #282828;
-webkit-transition: 0.2s transform, 0.5s background;
transition: 0.2s transform, 0.5s background;
position:absolute;
top: 30px;
left:0;
right:0;
margin:auto;
}
#fix_menu #switch + .menu_top label[for="switch"] span::before,
#fix_menu #switch + .menu_top label[for="switch"] span::after{
content:"";
display:block;
width: 30px;
height: 1px;
background:#282828;
position:absolute;
margin-top:0;
}
#fix_menu #switch + .menu_top label[for="switch"] span::before{
top: -10px;
}
#fix_menu #switch + .menu_top label[for="switch"] span::after{
top: 10px;
}
#fix_menu #switch:checked + .menu_top label[for="switch"] span{
-webkit-transform:rotate(-45deg) ;
transform:rotate(-45deg) ;
}
#fix_menu #switch:checked + .menu_top label[for="switch"] span::before{
top:0;
}
#fix_menu #switch:checked + .menu_top label[for="switch"] span::after{
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
top:0;
margin-top:0;
}
.drop_menu #NavWrap{
position: fixed;
top: 0;
bottom: 0;
width:100%;
z-index: 800;
max-height: 100vh;
overflow: auto;
visibility: hidden;
padding: 70px 15px 10px;
box-sizing: border-box;
transition: transform 0.25s;
flex-direction: column;
left: 0;
right: 0;
transform: translateY(-100%);
display: block;
}
.drop_menu #NavWrap::-webkit-scrollbar {
height:10px;
width:10px;
}
.drop_menu #NavWrap::-webkit-scrollbar-track {
border-radius: 10px;
background: #b3b3b3;
}
.drop_menu #NavWrap::-webkit-scrollbar-thumb {
border-radius: 10px;
}
#fix_menu #switch:checked + .menu_top label+#NavWrap{
visibility:visible;
transform: translateY(0);
}
.drop_menu #NavWrap > ul {
width: 100%;
max-width: 100%;
margin-right: 0;
flex-direction: column;
}
.drop_menu #NavWrap ul li {
display:block;
padding:0;
margin-bottom: 2.5em;
}
.drop_menu #NavWrap li a,
.drop_menu #NavWrap li a:hover,
.drop_menu #NavWrap li p,
.drop_menu #NavWrap li p:hover{
font-size: 1rem;
font-weight: 500;
width: 80%;
padding: 0;
margin: auto;
text-decoration: none;
background:none;
border:none;
text-align: center;
}
.drop_menu #NavWrap li.drop_wrap a,
.drop_menu #NavWrap li.drop_wrap a:hover{
width:fit-content;
}
.drop_menu #NavWrap li a:hover,
.drop_menu #NavWrap ul li p:hover{
background:none;
}
.drop_menu #NavWrap li a::before,
.drop_menu #NavWrap li p::before{
display:none;
}
.drop_menu #NavWrap li a span,
.drop_menu #NavWrap ul li p span{
display:block;
border-left:none;
white-space: normal;
font-size: 1rem;
background:none;
line-height: 1.4;
margin: 0;
width: 100%;
}
.drop_menu #NavWrap li a span br{
display: none;
}
.drop_menu #NavWrap li a span::after{
display:none;
}
.drop_menu #NavWrap li a small,
.drop_menu #NavWrap li p small{
font-size:0.875rem;
}
.drop_menu #NavWrap li.drop_wrap i{
display:block;
width: 40px;
height: 40px;
cursor:pointer;
position:absolute;
top:0;
right: 0;
z-index:10;
margin-left: 0;
}
.drop_menu #NavWrap ul li.drop_wrap i::before{
content:"";
width:10px;
height:10px;
border-bottom: 1px solid;
border-right:1px solid;
display:block;
position:absolute;
right:10px;
top:0;
bottom:0;
margin:auto;
z-index:20;
transition:transform .4s;
transform: rotate(45deg);
}
.drop_menu #NavWrap li.drop_wrap ul,
.drop_menu #NavWrap li.drop_wrap:hover ul{
opacity:0;
visibility:hidden;
display:block;
position:static;
transform: none;
width:100%;
max-height:0;
overflow:hidden;
transition:opacity .4s,visibility .4s, max-height .4s;
margin-left: 0;
}
.drop_menu #NavWrap ul li.drop_wrap.opened ul{
opacity:1;
visibility:visible;
max-height:100vh;
}
.drop_menu #NavWrap ul li.drop_wrap.opened i::before{
transform: rotate(225deg);
}
.drop_menu #NavWrap li.drop_wrap ul li{
border-bottom:none;
margin: 0;
}
.drop_menu #NavWrap li.drop_wrap ul li a{
font-size: 1rem;
width: auto;
padding: 0;
text-decoration: none;
border:none;
background: none;
color: #2b313b;
min-width: 0;
text-align: center;
}
.drop_menu #NavWrap li.drop_wrap ul li a span{
padding: 15px 0;
}
.header_contact_box{
padding: 0;
margin-bottom: 0;
width: auto;
height: 60px;
padding: 5px 5px 5px 0;
position: fixed;
top: 0;
right: 60px;
z-index: 1000;
display: block;
}
.header_contact_box .contact_btn {
height:100%;
}
.header_contact_box .contact_btn a{
margin: 0;
padding: 6px 5px;
min-height: 0;
font-size: 1.125rem;
width:100%;
height: 100%;
flex-direction: column-reverse;
justify-content: center;
}
.header_contact_box .contact_btn a:hover{
transform:none;
}
.header_contact_box .contact_btn a span{
padding-left: 24px;
margin-right: 0;
}
.header_contact_box .contact_btn.btn_online a span::before{
width: 19px;
height: 19px;
left: 0;
}
.header_contact_box .contact_btn a em{
font-size: min(2.875vw,0.625em);
}
.header_contact_box .contact_btn a em br{
display:none;
}
} #pageTop {
position: fixed;
bottom: 15px;
right: 5%;
width: 70px;
z-index: 500;
}
footer{
padding: 60px 0 20px;
font-size: 0.875rem;
}
footer .footer_box{
display:flex;
justify-content:space-between;
align-items: flex-start;
flex-wrap:wrap;
gap: 2em;
}
footer .footer_box #foot_address > *{
display:inline-block;
vertical-align:text-top;
}
footer .footer_box #foot_address .logo{
margin-right:20px;
height: 135px;
}
footer .footer_box #foot_address .logo img{
max-height:100%;
}
footer .footer_box #foot_address .text_box{
line-height:1.6;
}
footer .footer_box #foot_address .text_box p{
margin-bottom:0;
}
footer .footer_box #foot_address .text_box a{
position:relative;
display: inline-block;
padding-bottom: 2px;
overflow: hidden;
vertical-align: middle;
text-decoration:none;
}
footer .footer_box #foot_address .text_box a:hover{
text-decoration:none;
}
footer .footer_box #foot_address .text_box a::after{
position: absolute;
content: "";
display: inline-block;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #4fccdf;
transition: all .3s;
transform: scale(0, 1);
transform-origin: center top;
}
footer .footer_box #foot_address .text_box a:hover::after{
transform: scale(1, 1);
}
footer .footer_box #foot_address .text_box a[href^="tel:"]{
pointer-events:none;
}
footer .footer_box #foot_address .text_box .link_privacy{
margin-top:1.5em;
line-height:1.2;
}
footer .footer_box .btn_insta{
padding: 5px;
display:flex;
justify-content:center;
align-items: center;
text-align: left;
min-width: 220px;
min-height: 66px;
color: #fff;
background: #e24079;
border: 2px solid #e24079;
font-size: 1rem;
line-height:1.2;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
transition:transform .4s;
background: #fff;
color: #2b313b;
font-size:1.125rem;
letter-spacing: 0.1rem;
text-decoration: none;
}
footer .footer_box .btn_insta:hover{
transform:translateY(3px);
text-decoration:none;
}
footer .footer_box .btn_insta span{
position: relative;
display: block;
padding-left: 40px;
z-index:0;
}
footer .footer_box .btn_insta span::before{
position:absolute;
display:inline-block;
content:"";
top:0;
bottom:0;
margin:auto;
background-repeat:no-repeat;
background-size:cover;
z-index:-1;
width: 31px;
height: 31px;
background-image:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/icon_instagram.png);
left: 0px;
}
footer small{
display: block;
width:100%;
max-width: 1200px;
font-size:0.75rem;
text-align: right;
margin: auto;
margin-top:6em;
}
main a.page_link {
margin-top: -60px;
padding-top: 60px;
display: block;
position:relative;
z-index:-10;
}
@media screen and (max-width:767px) {
#pageTop {
width: 45px;
right: 5px;
bottom:10px;
}
.post-name-contact #pageTop,
.post-name-confirm #pageTop{
bottom:80px;
}
.home #pageTop {
bottom: 65px;
}
footer{
padding: 30px 0 15px;
}
.home footer{
padding-bottom: 65px;
}
footer .footer_box{
flex-direction:column;
align-items:center;
gap:0;
text-align:center;
}
footer .footer_box #foot_address .logo{
margin-right:0;
width:100px;
height: auto;
margin-bottom:10px;
}
footer .footer_box #foot_address .text_box{
text-align:left;
font-size:0.75rem;
}
footer .footer_box #foot_address .text_box a::after{
display:none;
}
footer .footer_box #foot_address .text_box a[href^="tel:"]{
pointer-events:auto;
}
footer .footer_box #foot_address .text_box .link_privacy{
margin-top:1.5em;
line-height:1.2;
text-align:center;
margin-bottom:2em;
}
footer .footer_box .btn_insta{
padding: 12px 10px;
min-width: 100%;
min-height: 0;
border-width: 1px;
font-size:1rem;
}
footer .footer_box .btn_insta:hover{
transform:none;
}
footer .footer_box .btn_insta span{
padding-left:34px;
}
footer .footer_box .btn_insta span::before{
width: 28px;
height: 28px;
}
footer small{
font-size:0.875rem;
margin-top: 4em;
text-align: center;
}
}
 p.text,
.texts > p{
font-size:1rem;
line-height:1.875;
text-align:left;
} .text_link a,
a.text_link {
text-decoration: underline;
transition: color 0.4s;
text-decoration-thickness: 1px;
}
.text_link a:hover,
a.text_link:hover {
text-decoration: none;
color: inherit;
}
.block_link a,
a.block_link {
display: block;
transition: background 0.4s, color 0.4s, border 0.4s;
}
.block_link a img {
transition: opacity 0.4s;
}
.block_link a:hover,
a.block_link:hover {
text-decoration: none;
}
.block_link a:hover img,
a:hover img.opacity {
opacity: 0.7;
text-decoration: none;
}
.common_btn {
text-align: center;
margin: 2em auto 3em;
}
.common_btn a {
position:relative;
display: flex;
max-width: 470px;
width: 100%;
border: solid 1px #4fccdf;
color: #fff;
background: #4fccdf;
font-size: 1.25rem;
padding: 10px;
min-height: 3.5em;
align-items: center;
justify-content: center;
text-decoration: none;
margin: 0 auto 2px;
transition:color .4s;
z-index: 0;
}
.common_btn a:hover{
color: #4fccdf;
}
.common_btn a::before{
position: absolute;
content: "";
display:inline-block;
bottom: 0;
width: 100%;
height: 100%;
background:#fff;
transition: all .3s;
transform: scale(0, 1);
transform-origin: center top;
z-index:-1;
}
.common_btn a:hover::before{
transform: scale(1, 1);
}
@media screen and (max-width: 767px) {
.common_btn a,
.common_btn a:hover{
max-width: 285px;
color:#fff;
font-size: 1rem;
}
.common_btn a::before{
display:none;
}
.common_btn a:hover span:after{
right: -14px;
}
} .scale_m {
max-width: 100%;
width: auto;
height: auto;
}
.scale_all {
width: 100%;
height: auto;
}
.img_fit {
position: relative;
width: 100%;
padding-bottom: 63%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.img_fit img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
transition: transform .4s;
display: block;
}
a.img_fit:hover img,
a:hover .img_fit img {
transform: scale(1.05);
}
@media screen and (max-width: 767px) {
.scale {
width: 100%;
height: auto;
}
} .news_list {
padding-left:0;
}
.news_list li {
border-bottom: #898c8d solid 1px;
list-style: none !important;
margin: 0;
}
.news_list li a,
.news_list li>div {
position:relative;
display: flex;
align-items:center;
padding: 1em;
padding-left: 0.25em;
padding-right: 3em;
font-size:1rem;
font-weight:300;
color:#282828;
line-height: 1.6;
min-height:5em;
text-decoration: none !important;
}
.news_list li a:hover {
text-decoration: none;
background:#f2f4ff;
}
.news_list li a::after,
.news_list li>div::after {
position:absolute;
display:inline-block;
content:"";
width: 8px;
height: 8px;
border-top:2px solid #898c8d;
border-right:2px solid #898c8d;
top:0;
bottom:0;
right: 20px;
margin:auto;
transform: rotate(56deg) skew(20deg);
transition:right .4s;
}
.news_list li a:hover::after,
.news_list li>div:hover::after{
right:10px;
}
.news_list .cat_box {
width:76px;
margin-right: 1.25em;
font-size:0.875rem;
border: 1px solid;
text-align: center;
}
.news_list .cat_box.cat_blog{
border-color:#00b1c9;
color:#00b1c9;
}
.news_list .cat_box.cat_news{
border-color:#ff856a;
color:#ff856a;
}
.news_list time {
font-size:0.875rem;
font-weight:normal;
margin-right: 1.5em;
}
.news_list .news_sub_tit{
width: calc(100% - 185px);
font-size:1rem;
font-weight:normal;
border:none;
padding:0;
margin:0;
}
@media screen and (max-width: 767px) {
.news_list li a,
.news_list li>div {
display: block;
padding: 0.5em;
padding-left:0;
padding-right: 1.5em;
min-height:0;
font-weight:normal;
}
.news_list li a:hover {
background:transparent;
}
.news_list li a::after,
.news_list li>div::after,
.news_list li a:hover::after,
.news_list li>div:hover::after{
width: 5px;
height: 5px;
right: 10px;
border-width:1px;
}
.news_list .cat_box {
display:inline-block;
margin-right: 0.5em;
}
.news_list time {
display:inline-block;
font-size:0.875rem;
margin-bottom:0.15em;
margin-right: 0;
}
.news_list .news_sub_tit{
width: 100%;
}
} .map_wrap iframe {
width: 100%;
}
#campus_map {
height: 390px;
margin-bottom: 20px;
}
.movie_wrap {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.movie_wrap iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.movie_wrap2 {
width: 100%;
height: 0;
padding-bottom: 590px;
overflow: hidden;
position: relative;
}
.movie_wrap2 iframe,
.movie_wrap2 video {
min-width: 100%;
min-height: 590px;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
@media only screen and (max-width: 768px) {
#campus_map {
margin: 0 15px;
box-sizing: border-box;
width: auto;
height: 320px;
}
} #pan {
padding-top: 15px;
padding-bottom: 25px;
}
#pan ol {
padding: 0;
margin: 0;
font-size: 0.75rem;
}
#pan li,
#pan li * {
display: inline-block;
vertical-align: middle;
}
#pan li * {
display: inline;
vertical-align: middle;
}
#pan li {
margin-right: 0.25em;
}
#pan li:before {
content: "\003E";
display: inline-block;
margin-right: 0.5em;
vertical-align: middle;
}
#pan li:first-child:before {
content: "";
display: none;
margin-right: 0;
}
@media only screen and (max-width: 767px) {
#pan {
padding-top: 15px;
padding-bottom: 15px;
}
#pan a {
text-decoration: underline;
}
} .pager_style {
text-align: center;
padding: 30px 0 0 0;
}
.pager_style li {
width: 40px;
border: 1px solid #BBBBBB;
background: #fff;
display: inline-block;
margin: 0 0 10px 0;
}
.pager_style li:hover {
background: #024384;
}
.pager_style li.on {
background: #024384;
}
.pager_style li a {
font-size: 16px;
text-decoration: none;
display: block;
padding: 8px 0;
}
.pager_style li.on a {
color: #fff;
}
.pager_style li a:hover {
color: #fff;
}
.pager_style li.prev {
margin: 0 10px 0 0;
}
.pager_style li.next {
margin: 0 0 0 10px;
}
@media screen and (max-width: 768px) {
.pager_style li {
width: 30px;
}
.pager_style li a {
font-size: 12px;
padding: 6px 0;
}
.pager_style li.prev,
.pager_style li.next {
margin: 0;
}
} .modal-content {
width: 80%;
max-width: 1240px;
margin: 0px;
padding: 10px 20px;
background: none;
position: fixed;
display: none;
z-index: 1020;
}
#modal-overlay {
z-index: 1000;
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 120%;
background-color: rgba(0, 0, 0, 0.66);
}
.modal_tit {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
margin: auto;
max-width: 250px;
text-align: center;
line-height: normal;
font-size: 20px;
z-index: 1025;
overflow: hidden;
padding: 0px 30px;
color: #fff;
}
.modal_tit span {
display: block;
position: relative;
padding: 10px 0px;
background: rgb(0, 0, 0);
z-index: 2;
border-bottom: 1px solid rgb(255, 255, 255);
}
.modal-content .close_btn {
position: absolute;
top: -10%;
right: 0px;
color: rgb(255, 255, 255);
font-size: 40px;
line-height: 1;
display: block;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.modal-content {
width: 100%;
padding: 15px;
box-sizing: border-box;
}
} .tab_change>input[type="radio"] {
display: none;
}
.tab_change>input[type="radio"]~.tab_table .tab_content {
overflow: hidden;
opacity: 0;
max-height: 0;
z-index: -10;
visibility: hidden;
transition: opacity .4s;
}
.tab_change>input[id$="01"]:checked~.tab_table div[class$="01"],
.tab_change>input[id$="02"]:checked~.tab_table div[class$="02"],
.tab_change>input[id$="03"]:checked~.tab_table div[class$="03"],
.tab_change>input[id$="04"]:checked~.tab_table div[class$="04"],
.tab_change>input[id$="05"]:checked~.tab_table div[class$="05"],
.tab_change>input[id$="06"]:checked~.tab_table div[class$="06"],
.tab_change>input[id$="07"]:checked~.tab_table div[class$="07"],
.tab_change>input[id$="08"]:checked~.tab_table div[class$="08"] {
opacity: 1;
z-index: 10;
visibility: visible;
max-height: 200vh;
overflow: visible;
width: 100%;
}
.tab_controller {
display: flex;
justify-content: flex-start;
margin: 0.5em 0;
flex-wrap: wrap;
}
.tab_controller label,
.tab_controller a {
display: flex;
align-items: center;
justify-content: center;
border: solid 1px #b7b7b7;
background: #fff;
width: calc(25% - 3px);
min-height: 30px;
border-radius: 50px;
font-weight: 500;
margin-right: 4px;
font-size: 0.875rem;
line-height: 1.1;
text-align: center;
padding: 0px 6px;
letter-spacing: -0.03em;
}
.tab_controller label:nth-child(4n),
.tab_controller a:nth-child(4n) {
margin-right: 0;
}
.tab_controller label:nth-child(n+5),
.tab_controller a:nth-child(n+5) {
margin-top: 4px;
}
.tab_controller a:hover,
.tab_controller a.on,
.tab_change>input[id$="01"]:checked~.tab_controller label[for$="01"],
.tab_change>input[id$="02"]:checked~.tab_controller label[for$="02"],
.tab_change>input[id$="03"]:checked~.tab_controller label[for$="03"],
.tab_change>input[id$="04"]:checked~.tab_controller label[for$="04"],
.tab_change>input[id$="05"]:checked~.tab_controller label[for$="05"],
.tab_change>input[id$="06"]:checked~.tab_controller label[for$="06"],
.tab_change>input[id$="07"]:checked~.tab_controller label[for$="07"],
.tab_change>input[id$="08"]:checked~.tab_controller label[for$="08"] {
background: #f6f6f6;
}
.tab_controller a {
transition: background .4s;
text-decoration: none;
}
.tab_change_style .tab_controller {
justify-content: space-between;
}
.tab_change_style .tab_controller a {
width: 23%;
text-decoration: none;
transition: background .4s, color .4s;
}
.tab_change_style .tab_controller a.active,
.tab_change_style .tab_controller a:hover {
background: #f2f2f2;
border-color: #f2f2f2;
}
.tab_change_style .tab_table {
box-shadow: none;
}
.form_wrap{
}
.form_wrap form{
}
.form_wrap input[type="text"],
.form_wrap input[type="search"],
.form_wrap input[type="email"],
.form_wrap input[type="tel"],
.form_wrap input[type="number"],
.form_wrap input[type="password"],
.form_wrap textarea,
.form_wrap select{
appearance:none;
-webkit-appearance:none;
display:inline-block;
vertical-align:middle;
border:solid 1px #fff;
border-radius:0px;
font-size:0.875rem;
padding:0 0.5em;
height:2.5em;
line-height:2.5em;
background:#fff;
margin: 0;
}
.form_wrap input::placeholder,
.form_wrap textarea::placeholder{
color:#333333;
}
.form_wrap .tables .wrap textarea{
height:auto;
padding:1em;
}
.form_wrap label{
cursor:pointer;
}
.form_wrap input[type="radio"],
.form_wrap input[type="checkbox"]{
display:none;
}
.form_wrap input[type="radio"] + span,
.form_wrap input[type="checkbox"] + span{
display:inline-block;
padding: 0.25em 0.25em 0.25em 2.5em;
position:relative;
}
.form_wrap label input[type="radio"] + span:before,
.form_wrap label input[type="checkbox"] + span:before,
.form_wrap label input[type="radio"] + span:after,
.form_wrap label input[type="checkbox"] + span:after{
content:"";
display:inline-block;
width:1.625rem;
height:1.625rem;
border:solid 1px #d2d2d2;
border-radius:2px;
position:absolute;
left:0;
top: 2px;
transition:opacity .2s;
}
.form_wrap label input[type="checkbox"] + span:after{
border:none;
width:1.1rem;
height:0.6rem;
border-top:solid 4px #fff;
border-right:solid 4px #fff;
transform:rotate(135deg);
top:8px;
left:4px;
opacity:0;
}
.form_wrap label input[type="radio"] + span:before{
border-radius:50%;
width:30px;
height:30px;
top: 0;
}
.form_wrap label input[type="radio"] + span:after{
border-radius:50%;
width: 22px;
height: 22px;
border:none;
background:#4fccdf;
top: 4px;
left: 4px;
opacity:0;
}
.form_wrap label input[type="radio"]:checked + span:before{
border-color:#4fccdf;
}
.form_wrap label input[type="checkbox"]:checked + span:before{
border-color:#4fccdf;
background:#4fccdf;
}
.form_wrap label input[type="radio"]:checked + span:after,
.form_wrap label input[type="checkbox"]:checked + span:after{
opacity:1;
}
.form_wrap .select_wrap{
display:inline-block;
position:relative;
z-index:3;
background:#fff;
}
.form_wrap .select_wrap select{
appearance:none;
-webkit-appearance:none;
display:inline-block;
vertical-align:middle;
border:solid 1px #d2d2d2;
border-radius:0px;
font-size:1rem;
color:#333;
padding:0 2.5em 0 0.5em;
height:2.5em;
line-height:2.5em;
background:transparent;
cursor:pointer;
margin-bottom: 0;
}
.form_wrap .select_wrap:before{
content: "";
display: block;
width: 8px;
height: 8px;
border-top:solid 2px #333;
border-right:solid 2px #333;
position: absolute;
right: 1rem;
top:0;
bottom:0;
margin:auto;
z-index:-1;
transform:rotate(135deg) translate(-2px);
}
.form_wrap .form_els{
display:flex;
flex-wrap:wrap;
}
.form_wrap .form_els.inlines{
display:block;
padding-bottom: 0.25em;
}
.form_wrap .form_els > *{
margin-right:0.5em;
}
.form_style .form_wrap input[type="text"],
.form_style .form_wrap input[type="search"],
.form_style .form_wrap input[type="email"],
.form_style .form_wrap input[type="tel"],
.form_style .form_wrap input[type="number"],
.form_style .form_wrap input[type="password"],
.form_style .form_wrap textarea,
.form_style .form_wrap select{
border: #d2d2d2 solid 1px;
display:block;
width:100%;
height:3.5em;
line-height:3.5em;
padding:0 1em;
font-weight:500;
margin-bottom: 0 !important;
border-radius: 4px;
}
.form_style .form_wrap .form_els.els2 input[type="text"],
.form_style .form_wrap .form_els.els2 input[type="search"],
.form_style .form_wrap .form_els.els2 input[type="email"],
.form_style .form_wrap .form_els.els2 input[type="tel"],
.form_style .form_wrap .form_els.els2 input[type="number"],
.form_style .form_wrap .form_els.els2 input[type="password"],
.form_style .form_wrap .form_els.els2 textarea{
border:#b0b0b0 solid 1px;
display: inline-block;
width: 75%;
height:3.5em;
line-height:3.5em;
padding:0 1em;
font-weight:500;
margin-right: 0.5em;
}
.form_style .form_wrap input.error_msg:placeholder-shown{
background:#ffeeff;
}
.form_style .form_wrap input[name="zip"],
.form_style .form_wrap input.num{
width:180px;
display:inline-block;
}
.form_style .form_wrap textarea{
height:auto;
line-height:1.5em;
padding:1em;
}
.form_style .form_wrap .form_els > *{
margin-right: 2em;
}
.form_style .form_wrap .form_els.els2 > *{
margin-right: 0.5em;
width: 30%;
}
.form_style .form_wrap input[type="radio"] + label{
padding:0.25em 0 0.25em 2em;
}
.form_style .form_wrap input[type="radio"] + label:before{
border:#b0b0b0 solid 1px;
width:1.5em;
height:1.5em;
}
.form_style .form_wrap input[type="radio"] + label:after{
width:0.5625em;
height:0.5625em;
top:0.975em;
left:0.5em;
}
.form_style .form_wrap input[type="checkbox"] + label{
padding:0.5em 0 0.5em 2em;
}
.form_style .form_wrap input[type="checkbox"] + label:before{
border:#b0b0b0 solid 1px;
width:1.5em;
height:1.5em;
}
.form_style .form_wrap input[type="checkbox"] + label:after{
top:0.75em;
left:0.5em;
}
.form_style p.default_msg{
color:#ff0000;
font-weight:bold;
margin-top:0.25em;
}
.form_style p.error_msg{
color:#ff0000;
font-weight:bold;
margin-top:0.25em;
font-size:1.1275em;
}
.form_style .send_txt{
font-size:1.25rem;
text-align:center;
margin-bottom:1.5em;
}
.form_style .send_area{
display:flex;
justify-content:center;
margin-top:4em;
}
.form_style .send_area > *{
flex-grow:1;
}
.form_style .send_area button {
position:relative;
display: flex;
max-width: 278px;
width: 100%;
border: solid 1px #4fccdf;
color: #fff;
background: #4fccdf;
font-size: 1.25rem;
padding: 10px;
min-height: 3.5em;
align-items: center;
justify-content: center;
text-decoration: none;
margin: 0 1% 2px;
transition:color .4s;
z-index: 0;
font-family:'Noto Sans JP',  "游ゴシック Medium", "Yu Gothic Medium" ,"游ゴシック体", "Yu Gothic", YuGothic , 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.form_style .send_area button:hover{
color: #4fccdf;
}
.form_style .send_area button::before{
position: absolute;
content: "";
display:inline-block;
bottom: 0;
width: 100%;
height: 100%;
background:#fff;
transition: all .3s;
transform: scale(0, 1);
transform-origin: center top;
z-index:-1;
}
.form_style .send_area button:hover::before{
transform: scale(1, 1);
}
.form_style .send_area button[value="back"]:after{
right: auto;
left: 20px;
transition: left 1s;
transform:rotate(180deg);
}
.form_style .send_area button[value="back"]:hover:after{
left:-50px;
right:auto;
}
.form_style .form_wrap .table_style dd .input_wrap > p{
margin:0.5625em 0;
}
.form_style .send_area .back button:after{
right:auto;
left:30px;
transform:rotate(-135deg) skew(-10deg,-10deg);
}
.form_style .form_wrap .mwform-checkbox-field,
.form_style .form_wrap .mwform-radio-field{
margin-left:0 !important;
margin-right: 1em;
}
.form_style .form_wrap dl{
margin-bottom:2em;
}
.form_style .form_wrap dl dt > *{
display:inline-block;
margin-bottom:0;
font-size:1.125rem;
}
.form_style .form_wrap dl dt span{
padding:0.25em 0.5em;
font-size:0.875rem;
}
.form_style .form_wrap dl dt .txt_required{
color:#c40106;
}
.mw_wp_form_confirm .form_style .form_wrap .caution,
.mw_wp_form_confirm .form_style .form_wrap .select_wrap:before{
display:none;
}
.form_wrap .contact_date{
display:flex;
align-items: center;
}
.form_wrap .contact_date + .contact_date{
margin-top: 1.5em;	
}
.form_wrap .contact_date .preferred{
margin:0;
margin-right:1em;
}
.form_wrap .contact_date .date {
width:calc(100% - 80px);
}
.form_style .form_wrap .contact_date .date input,
.form_style .form_wrap .contact_date .date select,
.form_style .form_wrap .name_list input,
.form_style .form_wrap .prefectures select,
.form_style .form_wrap .birth input,
.form_style .form_wrap .rank select,
.form_style .form_wrap .period select{
display:inline-block;
max-width:300px;
margin-right: 0.5em;
}
.form_style .form_wrap .tel input{
display:inline-block;
width:100px;
}
.form_wrap .sub_tit{
margin-top:3em;
margin-bottom:0;
font-weight:bold;
font-size:1.5rem;
}
@media screen and (max-width: 767px) {
.form_wrap input[type="text"],
.form_wrap input[type="search"],
.form_wrap input[type="email"],
.form_wrap input[type="tel"],
.form_wrap textarea,
.form_wrap select{
font-size:1rem;
}
.form_wrap .form_els.inlines br{
display:none;
}
.form_wrap label input[type="radio"] + span,
.form_wrap label input[type="checkbox"] + span{
font-size: 1rem;
padding-left: 1.25em;
}
.form_wrap label input[type="checkbox"] + span:before{
width:12px;
height:12px;
top: 8px;
}
.form_wrap label input[type="checkbox"] + span:after{
width: 10px;
height: 6px;
border-width: 3px;
left: 1px;
top: 9px;
}
.form_wrap label input[type="radio"] + span:before{
width:13px;
height:13px;
top:5px;
}
.form_wrap label input[type="radio"] + span:after{
width:7px;
height:7px;
left: 3px;
top: 8px;
}
.form_style .form_wrap dl{
display:block;
margin-bottom: 1em;
}
.form_style .form_wrap dl dt,
.form_style .form_wrap dl dd{
width:100%;
}
.form_style .form_wrap dl dt{
padding: 0;
}
.form_style .send_area{
flex-direction: column-reverse;
align-items: center;
gap: 1em;
}
.form_wrap .contact_date{
display:block;
}
.form_wrap .contact_date + .contact_date{
margin-top: 1em;	
}
.form_wrap .contact_date .preferred{
margin-right:0;
margin-bottom:0.5em;
}
.form_wrap .contact_date .date {
width:100%;
}
.form_style .form_wrap .contact_date .date input,
.form_style .form_wrap .contact_date .date select,
.form_style .form_wrap .prefectures select,
.form_style .form_wrap .birth input,
.form_style .form_wrap .rank select,
.form_style .form_wrap .period select{
max-width:100%;
margin-bottom: 0.5em !important;
margin-right: 0;
}
.form_style .form_wrap .name_list input{
width: 49%;
margin: 0;
}
.form_style .form_wrap .tel input{
width: 70px;
}
.form_wrap .sub_tit{
margin-top:1.5em;
font-size:1.25rem;
}
}
 .home .mv_wrap{
position:relative;
z-index:1;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/img_mv.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 44%;
min-height: 724px;
}
.home .mv_wrap .mv_inner{
position:absolute;
max-width:1200px;
width:100%;
margin:auto;
text-align:left;
top: 130px;
left: 50%;
transform: translateX(-50%);
}
.home .mv_wrap .mv_inner .mv_tit{
width: 64%;
max-width: 767px;
margin-left:-150px;
}
.home .mv_wrap .mv_pop{
position:absolute;
bottom: 8%;
left: 50%;
transform: translateX(140%);
z-index: 10;
}
.home .mv_wrap .mv_pop a{
display:block;
filter: drop-shadow(4px 4px 3px rgba(14,41,91,0.3));
transition:transform .4s,filter .4s;
}
.home .mv_wrap .mv_pop a:hover{
filter: drop-shadow(0 0 0 rgba(14,41,91,0.3));
transform:translateY(5px);
}
.home .mv_btn_wrap{
max-width: 644px;
position:relative;
z-index:5;
display:flex;
justify-content:flex-start;
align-items: flex-end;
flex-wrap:wrap;
gap: 2%;
}
.home .mv_btn_wrap .mv_btn.btn_gold{
width:55%;
max-width: 357px;
}
.home .mv_btn_wrap .mv_btn.btn_water{
width:40%;
max-width:224px;
}
.home .mv_btn_wrap .mv_btn a{
position:relative;
z-index:10;
display:flex;
justify-content:center;
align-items:center;
width:100%;
color:#fff;
text-decoration:none;
border-radius:50px;
border:2px solid #fff;
box-shadow:5px 5px 3px rgba(0,0,0,0.2);
transition: .5s transform;
}
.home .mv_btn_wrap .mv_btn.btn_gold a{
background: rgb(170,134,44);
background: linear-gradient(334deg, rgba(170,134,44,1) 0%, rgba(246,230,146,1) 12%, rgba(205,162,66,1) 42%, rgba(215,189,100,1) 61%, rgba(246,230,146,1) 100%);
height:4em;
font-size:1.375rem;
font-weight:500;
max-width:357px;
padding: 1em;
}
.home .mv_btn_wrap .mv_btn.btn_water a{
background-color:#4fccdf;
height: 3.875em;
font-size:1rem;
font-weight:500;
max-width:224px;
padding: 0.375em;
text-align: center;
font-feature-settings: 'palt';
}
.home .mv_btn_wrap .mv_btn.btn_water{
width: 43%;
}
.home .mv_btn_wrap .mv_btn a:hover{
transform:translateY(5px);
}
@media screen and (max-width:1570px) {
.home .mv_wrap .mv_pop{
left: auto;
right:20px;
transform: none;
width:20%;
min-width: 230px;
}
}
@media screen and (max-width:1520px) {
.home .mv_wrap{
padding-top: 46%;
min-height: 608px;
}
.home .mv_wrap .mv_inner .mv_tit{
width: 51%;
min-width: 610px;
margin-left:0;
}
.home .mv_btn_wrap{
width: 41%;
margin-left: 9.5%;
}
.home .mv_btn_wrap .mv_btn.btn_gold a{
font-size:1rem;
width: 17em;
}
.home .mv_btn_wrap .mv_btn.btn_water a{
font-size:1rem;
width: 15em;
}
}
@media screen and (max-width:1200px) {
.home .mv_wrap .mv_inner{
top: 55%;
transform: translate(-50%,-50%);
}
.home .mv_wrap .mv_inner .mv_tit{
width: 48%;
min-width: 440px;
}
.home .mv_btn_wrap{
gap:2%;
}
.home .mv_btn_wrap .mv_btn.btn_gold{
width:50%;
}
.home .mv_btn_wrap .mv_btn.btn_gold a{
font-size: min(1.2vw,1.375rem);
width: 17em;
}
.home .mv_btn_wrap .mv_btn.btn_water a{
font-size: min(1vw,1rem);
width: 15em;
}
}
@media screen and (max-width:767px) {
.home .mv_wrap{
background-image: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/img_mv_sp.jpg);
background-position: top center;
background-size: contain;
min-height: 0;
padding: 54% 15px 20px 0;
}
.home .mv_wrap .mv_inner{
position: static;
max-width: 100%;
transform: none;
margin-top: -39px;
}
.home .mv_wrap .mv_inner .mv_tit{
width: 100%;
max-width: 100%;
margin-left: 0;
min-width: 0;
}
.home .mv_wrap .mv_pop{
position: relative;
right: -11px;
margin-left: auto;
transform: none;
min-width: 0;
width: 47%;
}
.home .mv_wrap .mv_pop a:hover{
filter: drop-shadow(4px 4px 3px rgba(14,41,91,0.3));
transform:none;
}
.home .mv_btn_wrap{
width:100%;
margin-left: 0;
padding: 0 0 0 15px;
justify-content: center;
margin-top: 1em;
flex-wrap: wrap;
gap: 1em;
}
.home .mv_btn_wrap .mv_btn.btn_gold{
width: 100%;
}
.home .mv_btn_wrap .mv_btn.btn_water{
width: 100%;
}
.home .mv_btn_wrap .mv_btn.btn_gold a{
font-size: 1.07rem;
width: 100%;
padding: 0.75em;
}
.home .mv_btn_wrap .mv_btn.btn_water a{
font-size: 0.86rem;
width: 100%;
}
.home .mv_btn_wrap .mv_btn a:hover{
transform:translateY(0);
}
}
.home .consultation_wrap{
position:relative;
z-index:0;
padding:100px 0;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/bg_consultation.png)no-repeat;
background-position: top -80px center;
}
.home .consultation_wrap .consultation_tit_box {
position:relative;
margin-bottom: 6.5em;
text-align:center;
z-index:0;
}
.home .consultation_wrap .consultation_tit_box .bg_txt{
position:absolute;
font-size:3.75rem;
font-style:italic;
color:#fff;
white-space:nowrap;
z-index:-1;
transform:translateX(-50%) rotate(-10deg);
left:35.25%;
top:-10px;
}
.home .consultation_wrap .consultation_tit em{
font-size:3.625rem;
font-weight:500;
color: #1d3e6b;
letter-spacing:0.05em;
}
.home .consultation_wrap .consultation_tit span{
font-size:3rem;
}
.home .consultation_wrap .consultation_list_box{
display:flex;
justify-content:space-between;
align-items:stretch;
margin-bottom: 4em;
}
.home .consultation_wrap .consultation_item{
position:relative;
background:#fff;
width:31%;
box-shadow:0 0 10px rgba(0,0,0,0.1);
z-index:0;
padding: 40px 15px;
}
.home .consultation_wrap .consultation_item .num{
position:absolute;
z-index:-1;
top:-20%;
left:-8%;
width:33%;
}
.home .consultation_wrap .consultation_item .img_box{
margin:0 auto 10px;
width:60%;
}
.home .consultation_wrap .consultation_item .text{
text-align:center;
font-size:1.125rem;
font-weight:500;
letter-spacing:0.05em;
}
.home .consultation_wrap .consultation_item .text em{
font-weight:bold;
color: #0080c9;
}
.home .consultation_wrap .worries_box{
position:relative;
background:#fff;
padding:30px 10px 0;
z-index:0;
margin-bottom:6em;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));
}
.home .consultation_wrap .worries_box::after{
position:absolute;
display:inline-block;
content:"";
width: 100%;
height: 62px;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/bg_triangle.png);
background-position: center;
left: 50%;
transform: translateX(-50%);
bottom:-62px;
margin: auto;
}
.home .consultation_wrap .worries_box .bg_txt{
position:absolute;
font-size:5.875rem;
font-style: italic;
line-height:0;
color:#effac9;
z-index:-1;
transform:rotate(12deg);
top:30px;
right:-85px;
}
.home .consultation_wrap .worries_box .worries_tit{
text-align:center;
}
.home .consultation_wrap .worries_box .worries_tit span{
display:inline-block;
font-size:2.25rem;
font-weight:500;
color: #0080c9;
border-bottom: 1px solid #0080c9;
padding-bottom:0.25em;
margin-bottom:1.25em;
}
.home .consultation_wrap .worries_box .worries_list_box{
max-width: 980px;
margin:auto;
display:flex;
flex-wrap:wrap;
}
.home .consultation_wrap .worries_box .worries_list_box li{
position:relative;
width:50%;
padding-left:55px;
font-size:1.5rem;
font-weight:500;
margin-bottom:1.25em;
}
.home .consultation_wrap .worries_box .worries_list_box li::before{
position:absolute;
display:inline-block;
content:"";
width:40px;
height:34px;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/icon_check.png) no-repeat;
background-size:cover;
top:0;
left:0;
bottom:0;
margin:auto;
}
.home .consultation_wrap .answer_box{
display:flex;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.home .consultation_wrap .answer_box .img_box{
width:40.25%;
}
.home .consultation_wrap .answer_box .img_box img{
object-fit:cover;
object-position: center top;
height: 100%;
}
.home .consultation_wrap .answer_box .text_box{
width:59.75%;
padding: 30px 40px;
}
.home .consultation_wrap .answer_box .text_box .answer_tit{
font-size:1.7875rem;
font-weight:500;
color: #0080c9;
margin-bottom:0.5em;
}
@media screen and (max-width:1210px) {
.home .consultation_wrap .consultation_item .text br{
display:none;
}
}
@media screen and (max-width:767px) {
.home .consultation_wrap{
padding:50px 0;
}
.home .consultation_wrap .consultation_tit_box {
margin-bottom: 2em;
}
.home .consultation_wrap .consultation_tit_box .bg_txt{
font-size:2.5rem;
left:50%;
top:30px;
}
.home .consultation_wrap .consultation_tit em{
font-size:2.85rem;
display:block;
line-height: 1;
}
.home .consultation_wrap .consultation_tit span{
font-size:2.5rem;
}
.home .consultation_wrap .consultation_list_box{
flex-direction: column;
}
.home .consultation_wrap .consultation_item{
width:100%;
padding: 20px 15px;
}
.home .consultation_wrap .consultation_item + .consultation_item{
margin-top:3em;
}
.home .consultation_wrap .consultation_item .num{
top:-15px;
left:-10px;
width:20%;
}
.home .consultation_wrap .consultation_item .img_box{
margin:0 auto 10px;
width:50%;
}
.home .consultation_wrap .consultation_item .text br{
display:block;
}
.home .consultation_wrap .worries_box{
padding:20px 15px 0;
margin-bottom: 5em;
}
.home .consultation_wrap .worries_box::after{
height: 30px;
background-position: bottom center;
bottom:-30px;
}
.home .consultation_wrap .worries_box .bg_txt{
font-size: 3rem;
top: 24px;
right: -7px;
}
.home .consultation_wrap .worries_box .worries_tit span{
font-size:1.375rem;
margin-bottom:0.75em;
}
.home .consultation_wrap .worries_box .worries_list_box{
max-width: 100%;
flex-direction:column;
}
.home .consultation_wrap .worries_box .worries_list_box li{
width:100%;
padding-left:30px;
font-size:1.125rem;
margin-bottom: 0.75rem;
}
.home .consultation_wrap .worries_box .worries_list_box li::before{
width: 22px;
height: 18px;
}
.home .consultation_wrap .answer_box{
flex-direction:column;
}
.home .consultation_wrap .answer_box .img_box{
width:100%;
}
.home .consultation_wrap .answer_box .text_box{
width:100%;
padding: 20px 15px;
}
.home .consultation_wrap .answer_box .text_box .answer_tit{
font-size:1.375rem;
}
}
@media screen and (max-width:350px) {
.home .consultation_wrap .consultation_item .text br,
.home .consultation_wrap .answer_box .text_box .answer_tit br{
display:none;
}
}
.home .program_wrap{
position:relative;
z-index:0;
padding: 50px 0 10px;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/bg_program01.png) repeat-y;
background-position: top -180px center;
}
.home .program_wrap .programs_tit_box{
position:relative;
text-align:center;
z-index:0;
margin-bottom: 6em;
}
.home .program_wrap .programs_tit_box::before{
position:absolute;
display:inline-block;
content:"";
width:445px;
height:272px;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/bg_program02.png);
z-index:-2;
top: 34%;
left: 43%;
transform: translate(-50%,-50%);
}
.home .program_wrap .programs_tit_box .bg_txt{
position: absolute;
font-size:2.5rem;
line-height:0;
color:#fff;
transform: rotate(-14deg) translateX(-50%);
z-index: -1;
left: 39%;
top: -36%;
}
.home .program_wrap .programs_tit_box .programs_tit span{
display:inline-block;
vertical-align: middle;
font-size:3rem;
}
.home .program_wrap .programs_tit_box .programs_tit em{
display:inline-block;
vertical-align: middle;
margin: 0 0.5em;
}
.home .program_wrap .program_box {
position:relative;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
padding: 70px 25px 50px;
margin-bottom: 5em;
z-index:0;
}
.home .program_wrap .program_box > .bg_txt{
position:absolute;
font-size:3.5rem;
color:#effac9;
z-index:-2;
}
.home .program_wrap .program_box.box_working > .bg_txt{
transform:rotate(-14deg);
top:0;
left:-195px;	
}
.home .program_wrap .program_box.box_abroad > .bg_txt{
transform:rotate(-14deg);
top:-10px;
left:-195px;	
}
.home .program_wrap .program_box.box_internship > .bg_txt{
transform:rotate(-22deg);
top:0;
left:-95px;	
}
.home .program_wrap .program_box .program_no1{
position:absolute;
z-index:-1;
top:-2%;
right:-2.5%;
width:16.5%;
}
.home .program_wrap .program_box .program_box_inner{
max-width:1100px;
margin:auto;
}
.home .program_wrap .program_tit_box{
margin-bottom:3.5em;
}
.home .program_wrap .program_tit_box > *{
display:inline-block;
vertical-align: middle;
}
.home .program_wrap .program_tit_box .program_tit{
margin-left:2.5em;
color: #454545;
}
.home .program_wrap .program_tit_box .program_tit > *{
display:block;
}
.home .program_wrap .program_tit_box .program_tit span{
font-size:1.375rem;
}
.home .program_wrap .program_tit_box .program_tit em{
font-size:3rem;
font-weight: 500;
}
.home .program_wrap .program_country_box{
display:flex;
flex-wrap:wrap;
margin-bottom:2.5em;
}
.home .program_wrap .program_country_box .program_country_item{
width: 23.5%;
margin-right: 2%;
margin-bottom:0.5em;
}
.home .program_wrap .program_country_box .program_country_item:nth-of-type(4){
margin-right:0;
}
.home .program_wrap .program_country_box .program_country_item .country_nam{
display:flex;
justify-content:flex-start;
align-items:center;
margin-bottom:0.75em;
}
.home .program_wrap .program_country_box .program_country_item .country_nam span{
display:inline-block;
font-size:1.125rem;
margin-left:0.5em;
}
.home .program_wrap .program_country_box .other_contry{
width:100%;
}
.home .program_wrap .program_feature_box{
display:flex;
margin-bottom:3.25em;
}
.home .program_wrap .program_feature_box .img_box{
width: 42%;
}
.home .program_wrap .program_feature_box .text_box{
width: 58%;
padding-left: 3%;
}
.home .program_wrap .program_feature_box .program_feature_tit{
font-size:1.875rem;
font-weight: bold;
color: #19355a;
margin-bottom:0.5em;
}
.home .program_wrap .program_feature_box .lead{
font-size:1.5rem;
margin-bottom:0.5em;
color: #0080c9;
}
.home .program_wrap .program_feature_box .text{
max-width:570px;
}
.home .program_wrap .program_merit_box .program_merit_tit{
text-align:center;
font-size:1.875rem;
font-weight:500;
color:#19355a;
margin-bottom:1.75em;
}
.home .program_wrap .program_merit_list{
display:flex;
justify-content:space-between;
align-items:stretch;
margin-bottom:2em;
}
.home .program_wrap .program_merit_list .program_merit_item{
width:31.5%;
}
.home .program_wrap .program_merit_list .program_merit_inner{
position:relative;
background: rgb(180,246,222);
background: linear-gradient(136deg, rgba(180,246,222,1) 0%, rgba(236,242,84,1) 49%, rgba(78,233,242,1) 100%);
padding: 56px 20px 20px;
z-index:0;
}
.home .program_wrap .program_merit_list .program_merit_inner::before{
position:absolute;
display:inline-block;
content:"";
width:calc(100% - 4px);
height:calc(100% - 4px);
background:#fff;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
z-index:-1;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_num{
position:absolute;
top:-35px;
left:0;
right:0;
margin:auto;
text-align:center;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_num .bg_txt{
display:block;
font-size:0.875rem;
color:#7ad8e5;
transform:rotate(-10deg);
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_item_tit{
display: flex;
justify-content: center;
align-items: center;
margin-bottom:1em;
text-align: center;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_item_tit >*{
display:inline-block;
vertical-align: text-top;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_item_tit em{
font-size: 1.375rem;
font-weight:500;
color: #0080c9;
}
.home .program_wrap .program_merit_list .program_merit_item .text{
text-align:center;	
}
.home .program_wrap .program_merit_list .program_merit_item .caution_txt{
text-align:left;
font-size:1rem;
font-weight:500;
color:#797979;
margin-top:0.25em
}
.home .program_wrap .program_box .common_btn{
margin-bottom:1em;
}
@media screen and (max-width:1210px) {
.home .program_wrap .program_merit_list .program_merit_item .program_merit_item_tit br,
.home .program_wrap .program_merit_list .program_merit_item .text br{
display:none;
}
}
@media screen and (max-width:767px) {
.home .program_wrap{
padding: 50px 0 10px;
background-size: 150%;
}
.home .program_wrap .programs_tit_box{
margin-bottom: 3em;
}
.home .program_wrap .programs_tit_box::before{
left: 50%;
}
.home .program_wrap .programs_tit_box .bg_txt{
font-size:2rem;
left: 28%;
top: 34%;
}
.home .program_wrap .programs_tit_box .programs_tit span{
display: inline;
font-size:2.25rem;
}
.home .program_wrap .programs_tit_box .programs_tit em{
width: 10%;
}
.home .program_wrap .program_box {
padding: 20px 15px;
margin-bottom: 3em;
}
.home .program_wrap .program_box > .bg_txt{
font-size:1.875rem;
}
.home .program_wrap .program_box.box_working > .bg_txt,
.home .program_wrap .program_box.box_abroad > .bg_txt,
.home .program_wrap .program_box.box_internship > .bg_txt{
left:-15px;
}
.home .program_wrap .program_box .program_no1{
width:30%;
}
.home .program_wrap .program_box .program_box_inner{
max-width:100%;
}
.home .program_wrap .program_tit_box{
margin-bottom: 1em;
}
.home .program_wrap .program_tit_box .num{
width:80px;
margin-bottom:0.75em;
}
.home .program_wrap .program_tit_box .program_tit{
margin-left: 0;
}
.home .program_wrap .program_tit_box .program_tit span{
font-size:1.125rem;
}
.home .program_wrap .program_tit_box .program_tit em{
font-size:1.875rem;
}
.home .program_wrap .program_country_box{
justify-content:space-between;
gap: 1.25em 0;
}
.home .program_wrap .program_country_box .program_country_item{
width: 48%;
margin-right: 0;
margin-bottom: 0;
}
.home .program_wrap .program_country_box .program_country_item .country_nam{
display:flex;
justify-content:flex-start;
align-items:center;
margin-bottom:0.75em;
}
.home .program_wrap .program_country_box .program_country_item .country_nam img{
width:25%;
}
.home .program_wrap .program_country_box .program_country_item .country_nam span{
font-size: 1rem;
}
.home .program_wrap .program_feature_box{
flex-direction:column;
margin-bottom: 2em;
}
.home .program_wrap .program_feature_box .img_box{
width: 100%;
}
.home .program_wrap .program_feature_box .text_box{
width: 100%;
padding-left: 0;
margin-top:1em;
}
.home .program_wrap .program_feature_box .program_feature_tit{
font-size: 1.275rem;
}
.home .program_wrap .program_feature_box .lead{
font-size: 1.125rem;
}
.home .program_wrap .program_feature_box .text{
max-width: 100%;
}
.home .program_wrap .program_merit_box .program_merit_tit{
font-size: 1.275rem;
margin-bottom: 2.5em;
}
.home .program_wrap .program_merit_list{
flex-direction: column;
gap: 3em;
}
.home .program_wrap .program_merit_list .program_merit_item{
width: 100%;
}
.home .program_wrap .program_merit_list .program_merit_inner{
padding: 29px 15px 15px;
z-index:0;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_num{
top:-25px;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_num img{
width:13%;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_item_tit{
margin-bottom:0.75em;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_item_tit em{
font-size: 1.125rem;
}
.home .program_wrap .program_merit_list .program_merit_item .program_merit_item_tit br,
.home .program_wrap .program_merit_list .program_merit_item .text br{
display:block;
}
.home .program_wrap .program_box .common_btn{
margin-bottom:1em;
}
}
@media screen and (max-width:350px) {
.home .program_wrap .program_merit_list .program_merit_item .program_merit_item_tit br,
.home .program_wrap .program_merit_list .program_merit_item .text br{
display:none;
}
}
.home .voice_wrap{
position:relative;
z-index:0;
padding: 100px 0 70px;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/bg_voice.png) no-repeat;
background-position: top -50px center;
}
.home .voice_wrap .slick-arrow{
background:none;
width: 31px;
height: 53px;
}
.home .voice_wrap .next_icon{
left:auto;
right:-5%;
transform:rotate(180deg);
}
.home .voice_wrap .prev_icon{
left:-5%;
}
.home .voice_wrap .slick-arrow:before{
border: none;
inset: inherit;
width: 31px;
height: 53px;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/img-slider_arrow.svg);
transform: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.home .voice_wrap .voice-working_area{
margin-bottom: 5em;
}
.home .voice_wrap .voice-overseas_area{
margin-bottom:3em;
}
.home .voice_wrap .voice_fukidashi_tit{
text-align: center;
font-size: 1.875rem;
background: #19355a;
color: #fff;
max-width: 534px;
margin: 0 auto 2em;
padding: 0.35em 1em;
position: relative;
z-index: 5;
}
.home .voice_wrap .voice_fukidashi_tit:before{
content:"";
width: 0;
height: 0;
border-style: solid;
border-right: 23px solid transparent;
border-left: 23px solid transparent;
border-top: 20px solid #19355a;
border-bottom: 0;
position:absolute;
left:0;
right:0;
bottom:-19px;
margin:0 auto;
}
.home .voice_wrap .voice_tit_box{
position:relative;
text-align:center;
z-index:0;
margin-bottom: 5em;
}
.home .voice_wrap .voice_tit_box .bg_txt{
position: absolute;
font-size: 4rem;
line-height:0;
color:#fff;
transform: rotate(-14deg) translateX(-50%);
z-index: -1;
left: 40%;
top: -40%;
}
.home .voice_wrap .voice_tit_box .voice_tit{
font-size:3rem;
font-weight:500;
color: #19355a;
}
.home .voice_wrap .voice_item{padding-block: 5px;}
.home .voice_wrap .voice_item a{
width: 380px;
margin: 0 10px;
padding: 30px 25px;
background:#fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
display: block;
transition:.5s border-color;
border:1px solid #fff;
}
.home .voice_wrap .voice_item a:hover{
border-color:#19355a;
}
.home .voice_wrap .voice_item .voice_item_tit_box{
position:relative;
padding: 70px 75px 50px;
}
.home .voice_wrap .voice_item .voice_item_tit_box::before,
.home .voice_wrap .voice_item .voice_item_tit_box::after{
position:absolute;
display:inline-block;
content:"";
width:34px;
height:3px;
background:#4fccdf;
top: 8.5em;
right:30px;
}
.home .voice_wrap .voice_item .voice_item_tit_box::after{
transform:rotate(-270deg);
transition:transform .4s;
}
.home .voice_wrap .voice_item .voice_item_tit_box.opened::after{
transform:rotate(0deg);
}
.home .voice_wrap .voice_item .voice_num{
position:absolute;
top:-40px;
left:25px;
}
.home .voice_wrap .voice_item .voice_tit_inner{
display:flex;
justify-content:center;
}
.voice_item a{
text-decoration:none;
}
.voice_item .img_box{
text-align: center;
margin: 0 auto 1em;
}
.voice_item .img_box img{
margin:0 auto 0.5em;
}
.voice_item .img_box .vioce_num{
text-align:center;
font-size:1.125rem;
font-weight:bold;
margin-top:0.25em;
}
.voice_item .text_box .voice_item_tit{
font-size: 1.125rem;
font-weight: 500;
color: #0080c9;
line-height: 1.5;
margin-bottom: 0.5em;
}
.voice_item .text_box .program_nam {
margin-bottom:1.5em;
}
.voice_item .text_box .program_nam span{
display:inline-block;
border:1px solid #7ad8e5;
font-size:0.875rem;
color:#0080c9;
padding:0.25em 0.5em;
line-height:1.2;
}
.voice_item .text_box .category_box{
font-size:0;
}
.voice_item .text_box .category_box span{
display:inline-block;
background:#b7b7b7;
border-radius:5px;
font-size:0.875rem;
color:#fff;
padding:0.25em 0.75em;
line-height:1.2;
margin-right:0.5em;
margin-bottom: 0.5em;
}
.voice_wrap .common_btn{
margin-top:4em;
}
@media screen and (max-width:1350px) {
.home .voice_wrap .next_icon{
left:auto;
right:-1%;
transform:rotate(180deg);
}
.home .voice_wrap .prev_icon{
left:-1%;
}
.home .voice_wrap .voice_slider{
padding:0 35px;
}
}
@media screen and (max-width:767px) {
.home .voice_wrap{
padding: 50px 0 0;
background-size: 200%;
background-position: top -120px center;
}
.home .voice_wrap .voice-working_area{
margin-bottom:3em;
}
.home .voice_wrap .voice_tit_box{
margin-bottom:3em;
}
.home .voice_wrap .voice_tit_box .bg_txt{
font-size: 3rem;
transform: rotate(-14deg) translateX(0);
left: 0;
top: 10%;
}
.home .voice_wrap .voice_tit_box .voice_tit{
font-size: 2.25rem;
}
.home .voice_wrap .voice_item a{
background:#fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
padding:20px 15px;
border:none;
width: auto;
max-width: 380px;
}
.home .voice_wrap .voice_item a:hover{
border:none;
}
.home .voice_wrap .voice_slider{
position:relative;
}
.voice_item .voice_num{
position:absolute;
top: -30px;
left: 10px;
width: 20%;
}
.voice_item .img_box{
margin-right:2%;
}
.voice_item .img_box .vioce_num{
font-size:1rem;
}
.voice_item .text_box .voice_item_tit{
font-size: 1.125rem;
}
.voice_item .text_box .voice_item_tit br{
display:none;
}
.voice_item .text_box .program_nam {
margin-bottom: 0.5em;
}
.voice_item .text_box .program_nam span{
font-size:0.75rem;
}
.voice_item .text_box .category_box span{
font-size:0.75rem;
margin-top:0.5em;
}
.home .voice_wrap .voice_fukidashi_tit{
font-size: 1.14rem;
width:80%;
margin-bottom: 1.5em;
}
.home .voice_wrap .voice_fukidashi_tit:before{
border-right-width:12px;
border-left-width:12px;
border-top-width:10px;
bottom:-9px;
}
.voice_item .img_box{
width: 30%;
margin:0 auto;
}
.home .voice_wrap .slick-arrow{
width: 20px;
height: 34px;
}
.home .voice_wrap .next_icon{
right:-2%;
top: 40%;
}
.home .voice_wrap .prev_icon{
left:-2%;
}
.home .voice_wrap .slick-arrow:before{
width: 20px;
height: 33px;
background-size:contain;
}
.home .voice_wrap .voice_slider{
padding:0;
}
.voice_wrap .common_btn{
margin-top:2em;
}
}
.home .faq_wrap {
position:relative;
z-index: 0;
padding: 150px 0 50px;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/bg_faq.png)repeat-y;
background-position: top -80px center;
}
.home .faq_wrap .faq_tit_box{
position:relative;
text-align:center;
z-index:0;
margin-bottom: 5em;
}
.home .faq_wrap .faq_tit_box .faq_tit{
font-size:3rem;
font-weight:500;
color: #19355a;
}
.home .faq_wrap .faq_tit_box .bg_txt{
position: absolute;
font-size: 4rem;
line-height:0;
color:#fff;
transform: rotate(-14deg) translateX(-50%);
z-index: -1;
left: 36%;
top: 14%;
}
.home .faq_wrap .faq_item {
background:#fff;
margin-bottom: 3em;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.home .faq_wrap .faq_item .txt_Q{
position:relative;
padding: 1.25em 1em;
padding-right:4em;
display: flex;
align-items: flex-start;
font-size:1.125rem;
font-weight:500;
color:#4e595c;
min-height: 76px;
}
.home .faq_wrap .faq_item .txt_Q img{
margin-right:1.5em;
}
.home .faq_wrap .faq_item .txt_Q::before,
.home .faq_wrap .faq_item .txt_Q::after{
position:absolute;
display:inline-block;
content:"";
width:34px;
height:3px;
background:#4fccdf;
top: 2em;
right:20px;
}
.home .faq_wrap .faq_item .txt_Q::after{
transform:rotate(-270deg);
transition:transform .4s;
}
.home .faq_wrap .faq_item .txt_Q.opened::after{
transform:rotate(0deg);
}
.home .faq_wrap .faq_item .txt_A{
padding:1em 2.5em 2em;
font-size:1rem;
font-weight:400;
line-height:1.6;
}
@media screen and (max-width:767px) {
.home .faq_wrap {
padding: 50px 0 10px;
background-position: top -180px center;
}
.home .faq_wrap .faq_tit_box{
margin-bottom:2em;
}
.home .faq_wrap .faq_tit_box .faq_tit{
font-size: 2.25rem;
}
.home .faq_wrap .faq_tit_box .bg_txt{
font-size: 3rem;
left: 14%;
top: 40%;
}
.home .faq_wrap .faq_item {
margin-bottom: 1em;
}
.home .faq_wrap .faq_item .txt_Q{
padding: 0.75em 15px;
padding-right:2em;
font-size:1rem;
font-weight:500;
color:#4e595c;
min-height: 76px;
}
.home .faq_wrap .faq_item .txt_Q img{
width:15%;
margin-right:0.5em;
}
.home .faq_wrap .faq_item .txt_Q::before,
.home .faq_wrap .faq_item .txt_Q::after{
width:16px;
height:2px;
top: 2.75em;
right:7px;
}
.home .faq_wrap .faq_item .txt_Q::after{
transform:rotate(-270deg);
transition:transform .4s;
}
.home .faq_wrap .faq_item .txt_Q.opened::after{
transform:rotate(0deg);
}
.home .faq_wrap .faq_item .txt_A{
padding: 0 10px 1em;
font-size: 0.875rem;
}
}
.home .seminar_wrap {
position:relative;
z-index: 0;
padding: 150px 0 100px;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/bg_seminar.png)repeat-y;
background-position: top center;
}
.home .seminar_wrap .seminar_tit_box{
position:relative;
text-align:center;
z-index:0;
margin-bottom: 5em;
}
.home .seminar_wrap .seminar_tit_box .seminar_tit{
font-size:3rem;
font-weight:500;
color: #19355a;
}
.home .seminar_wrap .seminar_tit_box .bg_txt{
position: absolute;
font-size: 4rem;
line-height:0;
color:#fff;
transform: rotate(-14deg) translateX(-50%);
z-index: -1;
left: 29%;
top: -50%;
}
.seminar_list_box{
display:flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
margin-bottom: 7em;
}
.seminar_list_box{
margin-bottom:0;
}
.seminar_list_box .seminar_item{
width: 30%;
margin-right: 5%;
}
.seminar_list_box .seminar_item:nth-of-type(3n){
margin-right:0;
}
.seminar_list_box .seminar_item a,
.seminar_list_box .seminar_item a:hover{
text-decoration:none;
}
.seminar_list_box .seminar_item .img_box {
overflow:hidden;
position: relative;
padding-top: 66%;
z-index: 0;
background: #fff;
}
.post-type-archive .seminar_list_box .seminar_item .img_box,
.search-results .seminar_list_box .seminar_item .img_box{
border: 1px solid #e5e5e5;
}
.seminar_list_box .seminar_item .img_box img{
position: absolute;
transition:transform .4s;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.seminar_list_box .seminar_item a:hover .img_box img{
transform:scale(1.05);
}
.seminar_list_box .seminar_item time{
display:block;
font-size:0.875rem;
font-weight:500;
margin-top:1em;
margin-bottom:1.25em;
color: #2b313b;
}
.post-type-archive .seminar_list_box .seminar_item time,
.search-results .seminar_list_box .seminar_item time{
margin-top:0.5em;
margin-bottom:0.25em;
}
.seminar_list_box .seminar_item .seminar_sub_tit{
font-size:1rem;
font-weight:300;
line-height:1.6;
border: none;
padding: 0;
color: #2b313b;
}
.post-type-archive .seminar_list_box .seminar_item .seminar_sub_tit,
.search-results .seminar_list_box .seminar_item .seminar_sub_tit {
margin-bottom:2em;
}
@media screen and (max-width:767px) {
.home .seminar_wrap {
padding: 50px 0 10px;
background-size:cover;
}
.home .seminar_wrap .seminar_tit_box{
margin-bottom: 3em;
}
.home .seminar_wrap .seminar_tit_box .seminar_tit{
font-size: 2.25rem;
}
.home .seminar_wrap .seminar_tit_box .bg_txt{
font-size: 2rem;
left: 40%;
top: -20%;
}
.seminar_list_box{
flex-direction:column;
margin-bottom: 0;
}
.seminar_list_box .seminar_item{
width: 100%;
margin-right: 0;
margin-bottom:2em;
}
.seminar_list_box .seminar_item time{
margin-bottom:0.5em;
}
.post-type-archive .seminar_list_box .seminar_item .seminar_sub_tit,
.search-results .seminar_list_box .seminar_item .seminar_sub_tit {
margin-bottom:0;
}
}
.home .news_wrap {
position:relative;
z-index: 0;
padding: 150px 0 100px;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/top/bg_blog.png)repeat-y;
background-position: top left;
}
.home .news_wrap .news_inner{
background:#fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
padding-top:60px;
padding-bottom:30px;
}
.home .news_wrap .news_tit_box{
position:relative;
text-align:center;
z-index:0;
margin-bottom: 2em;
}
.home .news_wrap .news_tit_box .news_tit{
font-size:3rem;
font-weight:500;
color: #19355a;
}
.home .news_wrap .news_tit_box .bg_txt{
position: absolute;
font-size: 4rem;
line-height:0;
color:#effac9;
transform: rotate(-14deg) translateX(-50%);
z-index: -1;
left: 30%;
top: -150%;
}
.home .news_wrap .news_box{
max-width:950px;
margin:auto;
}
@media screen and (max-width:767px) {
.home .news_wrap {
padding: 50px 0 10px;
}
.home .news_wrap .news_inner{
background: transparent;
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
}
.home .news_wrap .news_tit_box .news_tit{
font-size:2.25em;
}
.home .news_wrap .news_tit_box .bg_txt{
font-size: 2em;
transform: rotate(-14deg);
left: -1%;
top: 28%;
}
.home .news_wrap .news_box{
max-width:950px;
margin:auto;
}
} .contact_wrap{
position: relative;
z-index: 0;
padding: 100px 0;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/bg_contact.png)no-repeat;
background-size:cover;
background-position: center;
}
.contact_wrap.recruit_wrap{
background-image: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/bg_recruit.png);
}
.contact_wrap .contact_tit_box{
position:relative;
text-align:center;
z-index:0;
margin-bottom: 3em;
}
.contact_wrap .contact_tit_box .contact_tit{
font-size:3rem;
font-weight:500;
color: #19355a;
}
.contact_wrap .contact_tit_box .bg_txt{
position: absolute;
font-size: 4.1875rem;
line-height:0;
color:#fff;
transform: rotate(-14deg) translateX(-50%);
z-index: -1;
left: 22%;
top: -73%;
}
.contact_wrap.recruit_wrap .contact_tit_box .bg_txt{
left: 25%;
top: 15%;
}
.contact_wrap .contact_box {
background:rgba(255,255,255,0.7);
box-shadow:0 0 13px rgba(20,29,72,0.1);
padding: 60px 10px;
}
.contact_wrap .contact_box > *{
max-width: 1092px;
margin: auto;
}
.contact_wrap .contact_box .contact_sub_tit{
font-size:1.875rem;
text-align:center;
margin-bottom: 0.5em;
}
.contact_wrap .contact_box .contact_lead{
font-size:1.125rem;
text-align:center;
color:#0080c9;
margin-bottom:2em;
}
.contact_wrap .contact_box .contact_list{
display:flex;
justify-content:center;
margin-top:2.5em;
}
.contact_wrap .contact_box .contact_list .contact_btn {
max-width:330px;
width: 31%;
min-height:4.375em;
margin: 0 1.5%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background:#4fccdf;
transition:transform .4s;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
text-decoration: none;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_tel{
pointer-events:none;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_mail{
background:#e24079;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_line{
background:#00b900;
}
.contact_wrap .contact_box .contact_list .contact_btn:hover{
text-decoration:none;
transform:translateY(5px);
}
.contact_wrap .contact_box .contact_list .contact_btn span{
position:relative;
padding-left:30px;
font-size:1.25rem;
color:#fff;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_insta span{
color:#2b313b;
}
.contact_wrap .contact_box .contact_list .contact_btn span::before{
position:absolute;
display:inline-block;
content:"";
top:0;
bottom:0;
margin:auto;
background-size:contain;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_tel span::before{
background-image:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/icon_tel.png);
width:23px;
height:35px;
left:-5px;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_mail span::before{
background-image:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/icon_mail.png);
width:32px;
height:26px;
left:-10px;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_line span::before{
background-image:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/icon_line.png);
width:40px;
height:40px;
left:-12px;
}
@media screen and (max-width:1020px) {
.contact_wrap .contact_box .contact_list .contact_btn span{
font-size:1rem;
}
}
@media screen and (max-width:767px) {
.contact_wrap{
padding: 50px 0;
background-image: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/bg_contact_sp.png);
}
.contact_wrap.recruit_wrap{
background-image: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/bg_recruit_sp.png);
}
.contact_wrap .contact_tit_box{
margin-bottom: 2em;
}
.contact_wrap .contact_tit_box .contact_tit{
font-size: 1.875rem;
}
.contact_wrap .contact_tit_box .bg_txt{
font-size: 2.5em;
left: 40%;
top: -20%;
}
.contact_wrap.recruit_wrap .contact_tit_box .bg_txt{
left: 25%;
top: 15%;
}
.contact_wrap .contact_box {
padding: 30px 10px;
}
.contact_wrap .contact_box > *{
max-width: 100%;
}
.contact_wrap .contact_box .contact_sub_tit{
font-size:1.375rem;
}
.contact_wrap .contact_box .contact_lead{
font-size:1rem;
margin-bottom:1em;
}
.contact_wrap .contact_box .contact_list{
flex-direction:column;
margin-top:1.5em;
gap:0.75em;
}
.contact_wrap .contact_box .contact_list .contact_btn {
max-width:100%;
width: 100%;
min-height:4em;
margin: 0;
border-width:1px;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_tel{
pointer-events:auto;
}
.contact_wrap .contact_box .contact_list .contact_btn:hover{
transform:none;
}
.contact_wrap .contact_box .contact_list .contact_btn span{
padding-left:30px;
font-size:1rem;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_tel span::before{
width: 17px;
height: 26px;
left: 0;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_mail span::before{
width: 25px;
height: 20px;
left: -5px;
}
.contact_wrap .contact_box .contact_list .contact_btn.btn_line span::before{
width: 32px;
height: 32px;
left: -6px;
}
} .fixed_btn{
display: none;
}
@media screen and (max-width:767px) {
.fixed_btn{
position:fixed;
z-index: 998;
display: block;
left:0;
right:0;
bottom:0;
}
.fixed_btn a,
.fixed_btn a:hover{
background:#e24079;
display:flex;
justify-content:center;
align-items:center;
text-align:left;
color:#fff;
text-decoration:none;
padding:8px 5px;
min-height: 4.143em;
}
.fixed_btn a span{
position:relative;
z-index:10;
padding-left:38px;
margin-right:15px;
font-size:1.25rem;
font-weight:bold;
}
.fixed_btn a span::before{
position: absolute;
display: inline-block;
content: "";
top: 0;
bottom: 0;
margin: auto;
background-image:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/common/icon_online.png);
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
width:28px;
height:28px;
left: 0;
}
.fixed_btn a em{
font-size:1rem;
font-weight:500;
color:#ffff00;
line-height:1.5;
}
}
.page-template-page_contact .bnr-wrap{
position: relative;
z-index: 0;
padding:40px 0 100px; 
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/contact/bg.png)no-repeat;
background-position: top -120px center;
}
.page-template-page_contact .bnr-wrap .sitewrap{
min-width:1100px;
width:1100px;
}
.page-template-page_contact .bnr-wrap .bnr-line_box{
background:#fff;
display:flex;
justify-content:flex-end;
align-items:flex-end;
box-shadow:0 0 18px rgba(20,29,72,0.1);
padding-top:20px;
margin-bottom: 60px;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_lead{
font-size:1.5rem;
font-weight:500;
color:#19355a;
line-height: 1.4;
margin-bottom: 0;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_note{
font-size:1.125rem;
font-weight:500;
color:#19355a;
margin-bottom:1rem;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_title{
margin: 0;
margin-bottom: 0.5em;
border-top:none;
padding:0;
width:fit-content;
font-size:2.3125rem;
color:#0080c9;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_form{
max-width:590px;
background:#4fccdf;
font-size:1.25rem;
font-weight:500;
color:#fff;
text-align:center;
padding:0.5em;
border-radius:5em;
margin-bottom:0.5em;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_hurry{
max-width:590px;
font-size:1.25rem;
font-weight:500;
color:#333333;
text-align:center;
margin-bottom:1.875em;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_hurry a{
font-size:1.5rem;
font-weight:bold;
color:#00b900;
padding:0 0.5em;
text-underline-offset:0.45em;
}
.page-template-page_contact .bnr-wrap .bnr-line_image{
max-width:calc(100% - 672px);
}
@media screen and (max-width:1200px) {
.page-template-page_contact .bnr-wrap .sitewrap{
max-width: 960px;
min-width:0;
width:100%;
}
}
@media screen and (max-width:992px) {
.page-template-page_contact .bnr-wrap .sitewrap{
max-width: 720px;
min-width:0;
width:100%;
}
.page-template-page_contact .bnr-wrap .bnr-line_image{
max-width:100%;
width:25%;
}
}
@media screen and (max-width:768px) {
.page-template-page_contact .bnr-wrap .sitewrap{
max-width: 540px;
padding:0 15px;
}
.page-template-page_contact .bnr-wrap .bnr-line_box{
flex-direction:column;
justify-content:flex-end;
align-items:flex-end;
padding-top:25px;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_lead{
font-size: 1.125rem;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_note{
font-size: 0.875rem;
text-indent:-1em;
padding-left:1em;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_title{
font-size: 5.25vw;
margin-bottom: 1em;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_form{
font-size:1rem;
padding:0.5em 0.75em;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_hurry{
font-size:1rem;
margin-bottom: 0.75em;
}
.page-template-page_contact .bnr-wrap .bnr-line_textbox .bnr-line_hurry a{
font-size:1.35rem;
}
.page-template-page_contact .bnr-wrap .bnr-line_image{
max-width: 100%;
width: 50%;
}
}
.page-template-page_contact .bnr-wrap .bnr-present_box{
position:relative;
z-index:10;
display:flex;
justify-content:center;
align-items:center;
padding-top: 1.25em;
padding-bottom: 1.25em;
}
.page-template-page_contact .bnr-wrap .bnr-present_box::before,
.page-template-page_contact .bnr-wrap .bnr-present_box::after{
position:absolute;
z-index:-10;
display:inline-block;
content:"";
width:100%;
height:100%;
background: rgb(116,238,244);
background: linear-gradient(149deg, rgba(116,238,244,1) 16%, rgba(249,235,126,1) 71%);
top:0;
left:0;
bottom:0;
right:0;
}
.page-template-page_contact .bnr-wrap .bnr-present_box::after{
z-index:-5;
width:calc(100% - 8px);
height:calc(100% - 8px);
background: linear-gradient(250deg, rgba(116,238,244,1) 16%, rgba(249,235,126,1) 71%);
top:4px;
left:4px;
bottom:4px;
right:4px;
}
.page-template-page_contact .bnr-wrap .bnr-present_box .bg_txt{
position:absolute;
font-size:5.875rem;
font-style: italic;
line-height:0;
color:#effac9;
z-index:-1;
transform: rotate(14deg);
top: 24px;
right: -37px;
opacity:0.75;
width:auto;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox {
width:65%;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox::before{
position:absolute;
z-index: -1;
display:inline-block;
content:"";
width:172px;
height: 88px;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/contact/decoration02.png) no-repeat;
background-position: center;
bottom: 2em;
left: 50%;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title{
border:none;
padding:0;
margin:0;
position:relative;
z-index:10;
color:#333;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title::before{
position:absolute;
display:inline-block;
content:"";
width:47px;
height:60px;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/contact/decoration01.png);
top:-45px;
left:-35px;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title>*{
display:inline-block;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title em{
font-size:1.75rem;
font-weight:bold;
margin-right:0.35em;
color:#19355a
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title span{
font-size:1.25rem;
font-weight:500;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title i{
font-size:2rem;
font-weight:bold;
color:#0080c9;
margin-right:0;
background: rgb(255,255,0);
background: linear-gradient(180deg, rgba(255,255,0,0) 65%, rgba(255,255,0,1) 65%);
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title b{
font-size:2rem;
font-weight:bold;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_note{
font-size:0.75rem;
color:#19355a;
margin-top:1em;
margin-bottom:0;
}
@media screen and (max-width:992px) {
.page-template-page_contact .bnr-wrap .bnr-present_textbox::before{
bottom: 3.5em;
left: 35%;
}
}
@media screen and (max-width:768px) {
.page-template-page_contact .bnr-wrap .bnr-present_box{
flex-direction:column;
padding-top: 1em;
padding-bottom: 1em;
}
.page-template-page_contact .bnr-wrap .bnr-present_box .bg_txt{
font-size:3rem;
right: -20px;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox {
width:100%;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox::before{
width: 125px;
height: 64px;
background-size: cover;
bottom: auto;
left: auto;
top: 15%;
right: 12px;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title::before{
width:28px;
height: 36px;
background-size:cover;
top: -22px;
left: -17px;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title{
font-size:0;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title > *{
line-height:1.6;
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title em{
font-size: min(5.5vw,1.5rem);
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title span{
font-size:min(4vw,1rem);
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title i,
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_title b{
font-size:min(6vw,1.75rem);
}
.page-template-page_contact .bnr-wrap .bnr-present_textbox .bnr-present_note{
font-size:0.75rem;
text-indent:-1em;
padding-left:1em;
margin-top:0;
margin-bottom:1em;
}
}
.voice_list{
padding-left:0;
}
.voice_list .voice_item{
list-style:none;
text-align:left;
border-bottom:1px solid #bbb;
margin: 0;
}
.voice_list .voice_item a,
.voice_item .voice_whole{
padding:20px 15px;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap:5%;
text-decoration:none;
transition: .5s background;
}
.voice_item .voice_whole{
padding:0;
margin-bottom:3em;
}
.voice_list .voice_item a .img_box,
.voice_item .voice_whole .img_box{
width: 15%;
margin-bottom: 0;
}
.voice_list .voice_item a .text_box,
.voice_item .voice_whole .text_box{
width:80%;
}
.voice_list .voice_item .img_box .vioce_num,
.voice_item .voice_whole .img_box .vioce_num{
margin-bottom:0;
}
.voice_list .voice_item .text_box .voice_item_tit,
.voice_item .voice_whole .text_box .voice_item_tit{
margin-bottom:1.5em;
display:block;
line-height:1.6;
}
.voice_item .voice_whole .text_box .voice_item_tit{
font-size:2rem;
margin-bottom:0.75em;
}
.voice_list .voice_item .img_box .vioce_num,
.voice_list .voice_item .img_box .vioce_num{
color:#282828;
}
.voice_item .text_box .program_nam span{
background-color:#fff;
}
.voice_list .voice_item a:hover{
background:#f0fafb
}
@media screen and (max-width:768px) {
.voice_list .voice_item a,
.voice_item .voice_whole{
padding:15px 10px;
gap:3%;
}
.voice_list .voice_item a .img_box,
.voice_item .voice_whole .img_box{
width: 17%;
}
.voice_item .voice_whole{
padding:0;
gap:5%;
}
.voice_item .voice_whole .img_box{
width:17%;
}
.voice_item .voice_whole .text_box{
width:78%;
}
.voice_list .voice_item .img_box .vioce_num,
.voice_item .voice_whole .img_box .vioce_num {
font-size:0.86rem;
}
.voice_list .voice_item .text_box .voice_item_tit,
.voice_item .voice_whole .text_box .voice_item_tit{
margin-bottom:1em;
}
.voice_list .voice_item a:hover{
background:none;
}
.voice_item .voice_whole .text_box .voice_item_tit{
font-size:1.14rem;
}
} main.page-about .about_top{
position:relative;
z-index:20;
padding-top: 23.9585vw;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/about/bg-mv.png) no-repeat top center / cover;
margin-bottom: 50px;
}
main.page-about .about_top .about_mv_style{
position:absolute;
z-index:5;
font-size:3rem;
font-weight:500;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
max-width: 624px;
height: 1.5em;
}
main.page-about .about_top .about_mv_style:before{
content:"";
width:344px;
height:107px;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/about/tit-mv.svg) no-repeat top center / contain;
position:absolute;
right: -5%;
z-index: -1;
top: 25%;
}
@media screen and (max-width:1460px) {
main.page-about .about_top .about_mv_style{
font-size:2.25rem;
height: 1.5em;
}
main.page-about .about_top .about_mv_style:before{
width:270px;
height: 83px;
}
}
@media screen and (max-width:768px) {
main.page-about .about_top{
padding-top: 60.387vw;
margin-bottom: 30px;
background-image: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/about/bg-mv_sp.png);
background-position: bottom center;
}
main.page-about .about_top .about_mv_style{
font-size: 2.25rem;
height: 4em;
}
main.page-about .about_top .about_mv_style:before{
width: 172px;
height: 54px;
right: 5%;
top: 49%;
}
}
main.page-about #pan{
max-width:1200px;
margin:0 auto 90px;
text-align:left;
padding-block: 0;
}
main.page-about #pan li *{
font-size:0.75rem;
text-decoration: none;
}
main.page-about #pan li a{
transition: .2s color;
}
main.page-about #pan li a:hover{
color:#1e73be;
}
@media screen and (max-width:1300px) {
main.page-about #pan{
padding:0 15px;
}
}
@media screen and (max-width:768px) {
main.page-about #pan{
margin-bottom: 40px;
}
}
main.page-about .about_top_btn{
max-width:733px;
margin:0 auto 7em;
position:relative;
z-index:15;
}
main.page-about .about_top_btn a{
position:relative;
z-index:10;
display:flex;
justify-content:center;
align-items:center;
width:100%;
font-size:1.5rem;
font-weight:500;
color:#fff;
background:#19355a;
border:2px solid #fff;
border-radius:50px;
height: 3.625em;
box-shadow: 5px 5px 3px rgba(0,0,0,0.2);
overflow: hidden;
text-decoration: none;
transition: .5s transform;
}
main.page-about .about_top_btn a:before{
content: '';
position: absolute;
z-index:5;
top: 0;
bottom: 0;
right: 5%;
width: 12px;
height: 12px;
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
box-sizing: border-box;
}
main.page-about .about_top_btn a::after{
content:"";
width:100%;
background:#13294a;
position:absolute;
z-index:1;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
transition: .5s transform;
transform: scale(0,1);
transform-origin: right top;
}
main.page-about .about_top_btn a span{
position:relative;
z-index:5;
}
main.page-about .about_top_btn a:hover{
text-decoration:none;
transform:translateY(5px);
}
main.page-about .about_top_btn a:hover::after{
transform: scale(1,1);
transform-origin: left top;
}
@media screen and (max-width:768px) {
main.page-about .about_top_btn{
width:85%;
margin-bottom: 5em;
}
main.page-about .about_top_btn a{
font-size:1.07rem;
border-width:1px;
}
main.page-about .about_top_btn a:before{
width:8px;
height:8px;
}
main.page-about .about_top_btn a:hover{
text-decoration:none;
transform:translateY(0);
}
main.page-about .about_top_btn a:hover::after{
transform: scale(0,1);
transform-origin: right top;
}
}
main.page-about .concept{
position:relative;
z-index:10;
}
main.page-about .concept_title{
position:relative;
z-index:5;
text-align:center;
margin-bottom:7em;
}
main.page-about .concept_title .concept_style{
width: 27.5%;
margin: 0 auto 4em;
}
main.page-about .concept_title .concept_style img{
max-width:100%;
height:auto;
}
main.page-about .concept_title p{
font-size:1.125rem;
line-height:2.25;
}
main.page-about .three-point{
text-align:center;
width: 37.2%;
margin: 0 auto 3em;
}
main.page-about .three-point img{
max-width:100%;
height:auto;
}
main.page-about .point_wrap01,
main.page-about .point_wrap02,
main.page-about .point_wrap03{
position:relative;
z-index:5;
margin-bottom: 35%;
}
main.page-about .point_wrap03{
margin-bottom:30%;
}
main.page-about .point_txt{
max-width:555px;
position:relative;
z-index:5;
}
main.page-about .point_wrap03 .point_txt{
max-width:630px;
}
main.page-about .point_wrap03 .point_txt p{
max-width:555px;
}
main.page-about .point_wrap02 .point_txt{
margin-left:auto;
}
main.page-about .point_txt .point_style{
margin-bottom: 2em;
}
main.page-about .point_txt .point_style02{
position:relative;
z-index:5;
font-size:2.625rem;
font-weight:bold;
margin-bottom:1em;
}
main.page-about .point_txt .point_eduit{
position:relative;
}
main.page-about .point_txt .point_edit p{
font-size:1rem;
line-height:1.875;
}
main.page-about .point_wrap01 .point01_image{
position:absolute;
z-index:3;
right: -42%;
top: 50%;
transform: translateY(-38%);
width: 81%;
}
main.page-about svg{
position:relative;
z-index:5;
inset: 0;
}
main.page-about svg:has(clipPath){
position: absolute;
z-index:5;
inset: 0;
}
main.page-about .point_wrap01 .point01_image:before{
content:"";
width: 95.47%;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/about/img-point01-03.png);
position:absolute;
z-index:1;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
aspect-ratio: 928/926;
}
main.page-about .point_wrap02 .point02_image{
position:absolute;
z-index:3;
left: -27%;
top: 50%;
transform: translateY(-60%);
width: 68.75%;
}
main.page-about .point_wrap02 .point02_image:before{
content:"";
width: 106%;
aspect-ratio: 874/842;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/about/img-point02-03.png) no-repeat;
background-size:cover;
position:absolute;
z-index:1;
left: 0.65%;
top: 0.5%;
margin:auto;
}
main.page-about .point_wrap03 .point03_image{
position:absolute;
z-index:3;
right: -32%;
top: 50%;
transform: translateY(-50%);
width: 66%;
}
main.page-about .point_wrap03 .point03_image:before{
content:"";
width: 112.37%;
background:url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/about/img-point03-03.png);
position:absolute;
z-index:1;
left:-7%;
right:0;
top: 5%;
bottom:0;
margin:auto;
aspect-ratio: 1/1;
}
@media screen and (max-width:1200px) {
main.page-about svg{
max-width:100%;
width: 100%;
height:auto;
}
main.page-about .point_wrap01 .point01_image:before,
main.page-about .point_wrap02 .point02_image:before,
main.page-about .point_wrap03 .point03_image:before{
background-repeat: no-repeat;
background-size: contain;
}
main.page-about .point_wrap03 .point03_image{
right: -12%;
top: 50%;
transform: translateY(-20%);
width: 66%;
}
main.page-about .point_wrap03{
margin-bottom:40%;
}
}
@media screen and (max-width:1010px) {
main.page-about .point_txt{
width:50%;
}
main.page-about .point_txt .point_style02{
font-size:1.75rem;
}
main.page-about .point_txt p{
font-size:0.875rem;
}
}
@media screen and (max-width:768px) {
main.page-about .concept_title{
margin-bottom:4em;
}
main.page-about .concept_title .concept_style{
margin: 0 auto 2em;
}
main.page-about .concept_title p{
font-size:1rem;
line-height:2;
text-align:left;
}
main.page-about .three-point{
width: 70%;
margin: 0 auto;
padding: 0;
position: relative;
left: -6%;
}
main.page-about .three-point img{
max-width:100%;
height:auto;
}
main.page-about .point_wrap01{
padding-top: 53%;
margin-bottom: 0;
}
main.page-about .point_wrap02{
padding-top: 47%;
margin: 0;
}
main.page-about .point_wrap03{
padding-top: 50%;
margin-bottom:2em;
}
main.page-about .point_txt{
width: 100%;
}
main.page-about .point_wrap02 .point_txt{
margin-left:0;
}
main.page-about .point_txt .point_style{
margin-bottom: 1em;
width: 47%;
}
main.page-about .point_txt .point_style02{
font-size: 1.578rem;
}
main.page-about .point_wrap01 .point01_image{
width: 65%;
right: -9%;
top: 0;
transform: none;
}
main.page-about .point_wrap01 .point01_image:before{
left:3%;
top:5%;
bottom: auto;
}
main.page-about .point_wrap02 .point02_image{
width: 60%;
left: auto;
top: 0;
transform: none;
right: -5%;
bottom: auto;
}
main.page-about .point_wrap02 .point02_image:before{
left: 1%;
top: 1%;
}
main.page-about .point_wrap03 .point03_image{
width: 60%;
transform: translateY(-0%);
right: -5%;
top: 0;
}
main.page-about .point_wrap03 .point03_image:before{
left: -7%;
right:0;
top: 0.5%;
bottom: auto;
}
}
main.page-about .strong{
position:relative;
z-index:15;
background: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/about/bg-strong.png) no-repeat top center / cover;
padding-block: 7em 6em;
}
main.page-about .strong .strong_style{
text-align:center;
width: 37.2%;
margin: 0 auto 3em;
}
main.page-about .strong .strong_style02{
margin-bottom: 1.5em;
}
main.page-about .strong .strong_style02 em{
display:block;
margin-bottom:0.75em;
}
main.page-about .strong .strong_style02 span{
font-size:1.125rem;
font-weight:500;
color:#0080c9;
}
main.page-about .strong_wrap{
position:relative;
z-index:5;
}
main.page-about .strong_list{
display:flex;
justify-content:space-between;
align-items:stretch;
flex-wrap:wrap;
padding:0;
gap: 2em 2%;
}
main.page-about .strong_item{
width:48%;
display:flex;
justify-content:flex-start;
align-items:stretch;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
main.page-about .strong_item .strong_image{
width: 36%;
}
main.page-about .strong_item .strong_txt{
width:64%;
padding: 20px;
background: #fff;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
main.page-about .strong_edit{
position:relative;
}
main.page-about .strong_edit p{
line-height:1.875;
}
main.page-about .strong_item .strong_image img{
max-width:fit-content;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width:1010px) {
main.page-about .strong_edit p{
font-size:0.875rem;
line-height:1.6;
}
}
@media screen and (max-width:768px) {
main.page-about .strong img{
max-width:100%;
height:auto;
}
main.page-about .strong{
padding-block: 4em 3em;
background-image: url(//gooverseas.jp/wp/wp-content/themes/lightning-child/assets/img/about/bg-strong_sp.png);
}
main.page-about .strong .strong_style{
width: 65%;
margin: 0 auto;
position: relative;
left: -7%;
}
main.page-about .strong .strong_style02{
margin-bottom:1.14em;
width: 100%;
}
main.page-about .strong .strong_style02 em{
width: 100%;
text-align: left;
display: block;
margin-bottom: 0.5em;
}
main.page-about .strong .strong_style02 em img{
max-height:15px;
margin-left: 0;
margin-right: auto;
width: auto;
}
main.page-about .strong .strong_style02 span{
font-size:1rem;
}
main.page-about .strong_list{
padding:0;
gap:1em;
}
main.page-about .strong_item{
width:100%;	
}
main.page-about .strong_item .strong_image{
width: 36%;
}
main.page-about .strong_item .strong_txt{
width: 64%;
padding: 15px 15px;
}
main.page-about .strong_edit p{
font-size:0.86rem;
}
}