@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700;900&display=swap');


/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #008cb6;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #0a6391;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #008cb6} /* メインカラー */
.txt_color2{color: #eff7fb} /* サブカラー */
.txt_color3{color: #2e99ac} /* アクセントカラー1 */
.txt_color4{color: #fff4b8} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #008cb6} /* メインカラー */
.bg_color2{background-color: #eff7fb} /* サブカラー */
.bg_color3{background-color: #2e99ac;} /* アクセントカラー1 */
.bg_color4{background-color: #fff4b8} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #008cb6}
.border_color2{border-color: #eff7fb}
.border_color3{border-color: #2e99ac}
.border_color4{border-color: #fff4b8}

/* hover_color */
.hvr_txt_color_nomal:hover{color: #0a6391;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #008cb6} /* メインカラー */
.hvr_txt_color2:hover{color: #eff7fb} /* サブカラー */
.hvr_txt_color3:hover{color: #2e99ac} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fff4b8} /* アクセントカラー2 */

.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #008cb6} /* メインカラー */
.hvr_bg_color2:hover{background-color: #eff7fb} /* サブカラー */
.hvr_bg_color3:hover{background-color: #2e99ac} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fff4b8} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

.hvr_border_color1:hover{border-color: #008cb6}
.hvr_border_color2:hover{border-color: #eff7fb}
.hvr_border_color3:hover{border-color: #2e99ac}
.hvr_border_color4:hover{border-color: #fff4b8}


/* design ---------------------------------------------------------------------------------------------*/
#fakeloader .fl{max-width: 242px;}

#main_img::after {
    display: inline-block;
    content: "intuition";
    font-size: 8vw;
    text-shadow: 2px 4px 6px #ac9e1e;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    z-index: 10;
}
#main_img span.fil{
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 9;
}

.contact_wrap:last-child a{background-color: #0a6391}
#contents .bg_color1{background: #0a6391;background: linear-gradient(180deg, #0a6391 0%, #2e99ac 100%);}
#contents .bg_color3{background: #2e99ac;background: linear-gradient(180deg, #2e99ac 0%, #55b6c7 100%);}

.menu_wrap .logo{width: 13%!important;}
.menu_wrap .nav{width: 87%!important;}
.menu_wrap .nav .hvr_txt_color1:hover {color: #3d5593;}

.logo2{width: 170px;}
footer ul li {max-width: 40px !important;}

#page_title{background-position: center;}
.cate_list li a{    background-color: #eff7fb;}


/* ---------- cms ---------- */
#cms_2-a .cate {
    margin-bottom: 80px;
}
#cms_2-a .cate_box .box_item:first-of-type{padding: 0;width: 40%!important;}
#cms_2-a .cate_box .box_item:last-of-type{width: 60%!important;}


/* 2020.12.22 修正 */
.menu .nav ul li:nth-child(6) a{
	padding: 10px 10px;
    min-width: 130px;
    display: inline-block;
    text-align: center;
}
.menu .nav ul li:last-child a{background-color: #3fbfd5;}
.overlay.open li.reserve{display: none}

/* IE */
@media all and (-ms-high-contrast: none){
.menu .nav ul li:nth-child(6) a{padding: 10px 10px 5px;}
#page8 a{padding-bottom:12px;}
}


/* ---------- 1290 ---------- */
@media screen and (max-width: 1290px){
.menu .nav ul li{font-size: 15px;padding-right: 20px;}
.menu .nav ul li:nth-child(6) a,.menu .nav ul li:last-child a{min-width: 109px;}
}
/* ---------- 1130 ---------- */
@media screen and (max-width: 1130px){
.menu .nav ul li{font-size: 15px;padding-right: 15px;}
.menu .nav ul li:nth-child(6) a,.menu .nav ul li:last-child a{min-width: auto;}
}
/* ---------- 1070 ---------- */
@media screen and (max-width: 1070px){
.menu .nav ul li:nth-child(6) a,.menu .nav ul li:last-child a{font-size: 12px;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#reserve a{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 10px;
}
footer ul li {
    max-width: 30px !important;
}
#page10 ul li{width: 35.33333%!important;}
.overlay.open li.reserve a{background-color: #3fbfd5;padding: 10px 20px;}
.overlay.open li.reserve{display: block}

}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#main_img::after{font-size: 46px;}

#intro #intro_txt{margin-top: 0;}
#contents .box {
    width: 95%!important;
    margin: auto;
    margin-bottom: 70px;
}

.logo img {width: 127px!important;}
.other .logo2 {max-width: 120px;}
	
footer ul li {max-width: 45px !important;}
footer ul li.grid_1_sp {width: 11.33333%!important;}

#page10 ul li{width: 83.33333%!important;}	
	
#cms_2-a .cate {margin-bottom: 50px;}
#cms_2-a .cate_box .box_item:first-of-type{padding: 0;width: 90%!important;}
#cms_2-a .cate_box .box_item:last-of-type{width: 100%!important;}

.overlay nav{top: 40%;}
}


/* 2024.03.29 多言語機能追加*/
.gt_switcher_wrapper {
    bottom: 105px !important;
    right: 50px !important;
    width: 42px;
}
.gtranslate_wrapper img {
    vertical-align: unset;
    width: unset;
    height: unset;
}
a.glink img {
    opacity: 1!important;
}
.gtranslate_wrapper a {
    margin-bottom: 15px;
    color: #333;
    display: flex;
    align-items: center;
}
.overlay .gtranslate_wrapper span {
    display: unset;
    min-width: unset;
    transition: unset;
}
.gt_container--oiz9qs a.glink span {
    margin-right: 0!important;
    margin-left: 5px!important;
    font-size: 15px!important;
}
@media screen and (max-width: 667px){
.gt_switcher_wrapper {
    display: flex;
    bottom: auto !important;
    right: 15px !important;
    width: auto;
    top: 14px;
}
.gtranslate_wrapper a {
    margin-bottom: 0;
    margin-left: 10px;
    color: #333;
    display: unset;
    width: 33.3333333%;
}
.gt_container--oiz9qs a.glink span {
    font-size: 16px !important;
}
.logo img {
    left: -81px;
}
}