@charset "UTF-8";
/* CSS Document */
.sp_none {
  display: none !important;
}

.pc_only{
	display:none!important;
}

.txt50sp {font-size: 50% !important;}
.txt60sp {font-size: 60% !important;}
.txt70sp {font-size: 70% !important;}
.txt80sp {font-size: 80% !important;}
.txt90sp {font-size: 90% !important;}
.txt100sp {font-size: 100% !important;}
.txt110sp {font-size: 110% !important;}
.txt120sp {font-size: 120% !important;}
.txt130sp {font-size: 130% !important;}
.txt140sp {font-size: 140% !important;}
.txt150sp {font-size: 150% !important;}
.txt160sp {font-size: 160% !important;}
.txt170sp {font-size: 170% !important;}
.txt180sp {font-size: 180% !important;}
.txt190sp {font-size: 190% !important;}
.txt200sp {font-size: 200% !important;}
.txt240sp {font-size: 240% !important;}
.txt280sp {font-size: 280% !important;}

.sp_mb0 {margin-bottom: 0 !important;}
.sp_mb05 {margin-bottom: 5px !important;}
.sp_mb10 {margin-bottom: 10px !important;}
.sp_mb20 {margin-bottom: 20px !important;}
.sp_mb30 {margin-bottom: 30px !important;}
.sp_mb40 {margin-bottom: 40px !important;}
.sp_mb50 {margin-bottom: 50px !important;}
.sp_mb60 {margin-bottom: 60px !important;}
.sp_mb80 {margin-bottom: 80px !important;}
.sp_mb100 {margin-bottom: 100px !important;}

.sp_mt0 {margin-top: 0 !important;}
.sp_mt10 {margin-top: 10px !important;}
.sp_mt20 {margin-top: 20px !important;}
.sp_mt30 {margin-top: 30px !important;}
.sp_mt40 {margin-top: 40px !important;}
.sp_mt50 {margin-top: 50px !important;}
.sp_mt60 {margin-top: 60px !important;}
.sp_mt80 {margin-top: 80px !important;}
.sp_mt100 {margin-top: 100px !important;}

.sp_ml0 {margin-left: 0 !important;}
.sp_ml10 {margin-left: 10px !important;}
.sp_mr0 {margin-right: 0 !important;}
.sp_mr10 {margin-right: 10px !important;}

.t_align_left_sp {
  text-align: left;
}
.t_align_center_sp {
  text-align: center !important;
}

.sp_w100p{width: 100%!important;}

/*------------------------------*/
.section_padding{
	padding-top: 30px;
	padding-bottom: 30px;
}
.section_padding_l{
	padding-top: 50px;
	padding-bottom: 50px;
}
.section_padding_xl{
	padding-top: 70px;
	padding-bottom: 70px;
}

.common_upper_linebox{
	padding-top: 30px;
}

.page_main_title{
	padding-top: 30px;
}


.anchor_point_l{
	margin-top: -60px;
	padding-top: 60px;
}


.page_main_title h1{
	font-size: 220%;
}
.page_main_title h1 small{
	font-size: 14px;
}

.common_h2_title,
h2.common_line_title,
.common_line_title h2{
	font-size: 180%;
}

.common_h3_title{
	font-size: 150%;
}

.border_img{
	padding: 20px;
}

/*------------------------------*/

body{
	padding-top: 60px;
}

header{
	height: 60px;
}

header .sp_h100p{height: 100%;}

header .logo img{
	width: 150px;
}

.sp_menu_icon {
	display: flex;
	align-items: center;
}


.sp_menu_icon > li a{
	display: inline-block;
	padding: 15px;
}

.sp_menu_icon .sp_menu_btn{
	width: 60px;height: 60px;
	display: flex;
	justify-content: center;align-items: center;
}

.sp_menu_icon .sp_menu_btn > div{
	width: 30px;height: 20px;
	display: flex;flex-direction: column;
	justify-content: space-between;align-items: center;
}

.sp_menu_icon .sp_menu_btn > div span{
	width: 100%;
	height: 2px;
	border-radius: 10px;
	background: #1C4797;
	transition: 0.3s;
}

.uk-offcanvas-page .sp_menu_icon .sp_menu_btn > div span:nth-child(1){
	transform: translateY(9px) rotate(-45deg)
}
.uk-offcanvas-page .sp_menu_icon .sp_menu_btn > div span:nth-child(2){
	opacity: 0;
}
.uk-offcanvas-page .sp_menu_icon .sp_menu_btn > div span:nth-child(3){
	transform: translateY(-9px) rotate(45deg)
}


/*SPメニュー*/
.uk-offcanvas{
	top:60px;
}
.uk-offcanvas-flip .uk-offcanvas-bar{
	right: -420px;
	z-index: 10;
	background: #1C4797;
}
.uk-offcanvas-bar-animation{
	transition: left 0.3s ease-out;
}
.uk-offcanvas-overlay.uk-open::before{
	content:none;
}


.uk-offcanvas-bar{
	padding:0;
	width:100%;
	max-width: 420px;
}

.sp_menu_bg{
	position: absolute;
	left: 0;top:0;
	width: 100%;height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 9;
	opacity: 0;
	transition: 0.3s;
}

.uk-open .sp_menu_bg{
	opacity: 1;
}

.sp_menu_list .lang_btn {
	padding: 15px 20px 15px 2em;
}

.sp_menu_list .lang_btn a{
	text-decoration: none;
}

.sp_menu_list .lang_btn a:after{
	content: "\f107";
	font-family: FontAwesome;
	margin-left: 5px;
}



.sp_menu_list .menu_box{
	position: relative;
	z-index: 10;
	background: #1C4797;
	padding-left: 20px;padding-right: 20px;
}
.sp_menu_list .menu_box a{
	color:#fff;
	display: block;
	padding:15px 20px 15px 1em;
	border-top: 1px solid #557BBA;
	position: relative;
	background: #1C4797;
	text-decoration: none;
}

.sp_menu_list .menu_box li:last-child{
	border-bottom: 1px solid #557BBA;
}

.sp_menu_list .menu_box a:after,
.sp_menu_list .menu_box .slide > a:before,
.sp_menu_list .menu_box .slide_2nd > a:before{
	content:"\f054";
	font-family: FontAwesome;
	font-weight: normal;
	color: #fff;
	position: absolute;
	right: 20px;top:50%;
	transform: translateY(-50%);
	line-height: 1;
}

.sp_menu_list .menu_box .slide > a:after,
.sp_menu_list .menu_box .slide_2nd > a:after{
	content:"";
	width:16px;height: 2px;
	background: #fff;
	right: 18px;
}

.sp_menu_list .menu_box .slide > a:before,
.sp_menu_list .menu_box .slide_2nd > a:before{
	content:"";
	width:2px;height: 16px;
	background: #fff;
	right: 25px;
	transition: 0.3s;
}
.sp_menu_list .menu_box .slide > a.active:before,
.sp_menu_list .menu_box .slide_2nd > a.active:before{
	opacity: 0;
}

.sp_menu_list .menu_box .slide_menu,
.sp_menu_list .menu_box .slide_menu_2nd{
	padding-bottom: 10px;
	background: #1C4797;
	display: none;
}

.sp_menu_list .menu_box .slide_menu a{
	border-top: none;
	padding: 10px 40px 10px 2em;
}

.sp_menu_list .menu_box .slide_menu_2nd a{
	padding-left: 3em;
}

.sp_menu_list .sp_lower_link{
	width: 90%;
	margin:30px auto 50px;
}



/*SPメニューここまで*/
.top_main .top_catch{
	padding: 30px 50px 20px 30px;
	bottom: 0;
}

.top_main .top_catch h1 img{
	max-width: 360px;
}

.top_slide_bg table{
	height: 600px;
}

.page_scroll_nav nav{
	position: relative!important;
	top: 0!important;
	border-bottom: none!important;
	width: 90%;
	margin-left: auto;margin-right: auto;
}

.page_scroll_nav ul{
	margin-left: 0;
	justify-content: flex-start;
}
.page_scroll_nav li{
	padding-left: 0;
	margin-top: -1px;
	margin-left: -1px;
}
.page_scroll_nav li a{
	display: flex;
	align-items: center;
	font-size: 13px;
	padding: 10px 15px;
	border: 1px solid #1C4797;
	height: 100%;
	position: relative;
}

.page_scroll_nav li a:after{
	position: absolute;
	right: 5px;top: 50%;
	transform: translateY(-50%);
	margin-left: 0;
}



.img_link_list a{
	font-size: 110%;
}


.side_nav{
	position: fixed;
	bottom: 0;left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 15px 5px rgb(0 0 0 / 5%);
	z-index: 9;
	transform: translateY(101%);
	transition: 0.3s;
}

.side_nav.headroom--not-top{
	transform: none;
}

.side_nav ul{
	display: flex;
	width: 100%;
}

.side_nav ul li{
	flex: 1;
}

.side_nav ul li a{
	display: flex;flex-direction: column;
	align-items: center;justify-content: flex-end;
	height: 100%;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #1C4797;
	text-decoration: none;
	position: relative;
}

.side_nav ul li a:after{
	content: "";
	width: 1px;height: 100%;
	background: #EDEDED;
	position: absolute;
	right: 0;top: 0;
}

.side_nav ul li a .txt{
	margin-top: 5px;
}

footer{
	margin-bottom: 70px;
}



.customer_voice_box .box .img{
	width: 140px;
}

.customer_tel_link{
	font-size: 220%;
}

#helpful_box{
	max-width: 400px;
}


.faq_box p.faq_q{
	font-size: 110%;
}


.contact_list .box{
	display: block;
}

.contact_list .box .right{
	margin-top: 30px;
	width: 100%;
}


.mw_wp_form table th{
	border-right: none;
}
.mw_wp_form table th, .mw_wp_form table td{
	display: block;
	border-bottom: none;
	width: 100%;
}
.mw_wp_form table {
	border-bottom: 1px solid #E5E5E5
}



.page_lower_linkbox ul li a{
	font-size: 100%;
	padding: 25px 15px;
}


.about_img_flex{
	margin-bottom: 40px;
	display: flex;
	flex-direction: column-reverse;
}

.about_img_flex .box .txt,
.about_img_flex .img{
	width: 100%;
}

.about_img_flex .box .txt{
	margin-top: 50px;
}

.about_img_flex .img{
	position: relative;
	height: 380px;
	margin-top: 0;
}


.page_main_titlebox{
	min-height: 500px;
	padding: 40px 0;
}

.page_main_titlebox .title{
	padding: 60px 20px;
}

.page_main_titlebox .innovations_titlebox{
	padding: 30px;
}
.innovations_titlebox .box{
	flex-direction: column;
}
.innovations_titlebox .box > div{
	width: 100%;
}
.innovations_titlebox .box .plus{
	margin: 50px 0;
}
.innovations_titlebox .box .plus:before{width: 40px;height: 4px;}
.innovations_titlebox .box .plus:after{width:4px;height:40px;}


.common_yellow_box{
	padding: 50px 30px;
}

.common_tbl th,
.common_tbl td{
	padding: 15px 10px;
}


.nayami_slide_box .box{
	padding-bottom: 30px;
}
.nayami_slide_box .cat_btn .img{
	width: 180px;
}
.nayami_slide_box .box .close_btn{
	margin-top: 30px;
}
.nayami_slide_box .box li a,
.nayami_search_link li a{
	padding: 15px 20px 15px 1em;
}


.product_main_img{
	max-width: 540px;
	margin-left: auto;margin-right: auto;
}


.page_main_img .bg{
	min-height: 360px;
}


.sns_tbl th, .sns_tbl td{
	padding: 15px;
	font-size: 100%;
}


.bland_list li{
	width: calc(100% * 1 / 4);
}


.product_bland_list .box{
	margin-bottom: 30px;
}


.grecaptcha-badge{
	bottom: 75px!important;
}



.data_counter_box .box{
	flex-direction: column;
}

.data_counter_box .box .txt{
	margin-right: 0;
}
.data_counter_box .box .txt .title{
	font-size: 140%;
}

.data_counter_box .box .txt .num{
	font-size: 160%;
	width: 100%;
	text-align: center;
}

.data_counter_box .box .img{
	margin-top: 20px;
}
.data_counter_box .box .img img{
	height: 180px;
}


.about_footmark_clickable.main .icon{
	display: none;
}

.about_footmark_clickable.map_sp .map{
	display: inline-block;
	position: relative;
	margin-bottom: 30px;
}

.about_footmark_clickable .icon.swimming{left: 35%;bottom: 45%;}
.about_footmark_clickable .icon.school{left: 22%;top: 18%;}
.about_footmark_clickable .icon.kaigo{left: 75%;top: 95%;}
.about_footmark_clickable .icon.health{left: 25%;top: 20%;}
.about_footmark_clickable .icon.outdoor{left: 60%;bottom: 54%;}

.about_footmark_clickable.map_sp .map .icon{
	width: 45px;
}


.about_footmark_modal .box{
	position: relative;
}

.about_footmark_modal .box .img,
.about_footmark_modal .box .txt{
	width: 100%;
}
.about_footmark_modal .box .txt{
	padding: 30px 30px 50px;
}

.about_footmark_modal .box .txt .title{
	margin-left: 0;
	position: absolute;
	left: 0;
	top: -20px;
	min-width: 240px;
}



.wp_yt_list.pickup_movie li{
	margin: 0 10px;
}
.movie_arrow_box span{
	top: auto;bottom: -50px;
	width: 40px;height: 40px;
}
.movie_arrow_box span.prev{left: 0;}
.movie_arrow_box span.next{right: 0;}
.movie_dots_box .slick-dots{
	bottom: -40px;
}


.sitemap_list ul li.title a{
	font-size: 160%;
}

.sitemap_list ul li a{
	font-size: 100%;
}


header .lang_btn img {
    width: 30px;
}

#lang_modal li a {
    padding: 4px;
}


.sf_staff_btn .sf-field-reset{
	width: 100%;
}

.sf_staff_btn > form > ul > li > ul > li{
	font-size: 90%;
}

.ib_slide_menu .open_btn{
	background: #1C4797;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	position: relative;
}
.ib_slide_menu .open_btn:before,
.ib_slide_menu .open_btn:after{
	content: "";
	position: absolute;
	background: #fff;
	transition: 0.3s;
}
.ib_slide_menu .open_btn:before{
	width: 20px;
	height: 2px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.ib_slide_menu .open_btn:after{
	width: 2px;
	height: 20px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) translateX(50%);
}
.ib_slide_menu.open .open_btn:after{
	opacity: 0;
}

.ib_slide_menu .slide_content{
	padding: 15px;
	border: 1px solid #ccc;
	display: none;
}



.ib_staff_title {
	flex-direction: column-reverse;
}

.ib_staff_title .txt{
	padding: 20px;
	height: auto;
	flex-direction: row;
	align-items: center;
}

.ib_staff_title .txt h1 .jp{
	font-size: 90%;
}

.ib_staff_title .txt .info{
	margin-left: 30px;
}


.ib_staff_main .work .anke_dl dl{
	font-size: 110%;
}

.ib_staff_main .juunan_contents_body.work > *{
	margin-bottom: 40px;
}

.ib_staff_title .txt,
.ib_staff_main .work, .ib_staff_main .private{
	padding: 40px 30px;
}

.staff_list li a{
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	padding-bottom: 0;
	height: 100%;
}
.staff_list li a .txt{
	position: static;
	width: 100%;
	padding: 10px;
	box-shadow: none;
}
.staff_list li a .txt .year{
	display: block;
}
.staff_list li a .txt .year:before{
	content: none;
}
.staff_list li a .txt .name{
	font-size: 130%;
}
.staff_list li a .txt .kana{
	font-size: 14px;
}