@charset "utf-8";

/*=====================================================
COMMON-LAYOUT
======================================================*/

.wrap{
	overflow:hidden;
	/*padding-top:80px;*/
	/*padding-bottom: 120px;*/
	padding-top: 122px;
}
#top-test .wrap{
	padding-top:80px;
}

h1{
	position:fixed;
	top:-9999px;
	left:-9999px;
}

header{
	position:fixed;
	background:#FFFFFF;
	top: 0;
	left: 0;
	right: 0;
	z-index: 65535;
}

div.header{
	margin:0 auto;
	position:relative;
	height:80px;
	box-sizing: content-box;
}

div.header .logo{
	position:absolute;
	top:0px;
	left:0px;
}

ul.headnavi{
	position:absolute;
	top: 0;
	right: 0;
}

.nav_btn{
	position:absolute;
	top:0;
	right:0;
	width:80px;
	height: 80px;
	display:none;
	background:#fff;
	color: #387b4f;
	cursor:pointer;
}

.nav_btn .icons{
	position:absolute;
	top:10px;
	right:20px;
	width:40px;
	height: 40px;
}

.nav_btn .txt{
	position:absolute;
	bottom:10px;
	right: 3px;
	line-height:1;
	text-align:center;
	letter-spacing: -0.5px;
}

.nav_btn .icons hr{
	position:absolute;
	height:5px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background:#FFFFFF;
	margin:auto;
	display:block;
	transition:all 0.5s ease-in-out 0s;
}

.nav_btn .icons hr:nth-child(1){
	transform:translateY(-12px);
}

.nav_btn .icons hr:nth-child(2){
}

.nav_btn .icons hr:nth-child(3){
	transform:translateY(12px);
}

.nav_open .nav_btn .icons hr:nth-child(1){
	transform:rotate(135deg);
}
.nav_open .nav_btn .icons hr:nth-child(2){
	transform:rotateY(90deg);
}
.nav_open .nav_btn .icons hr:nth-child(3){
	transform:rotate(-135deg);
}




ul.headnavi li{
	float:left;
	color: #fff;
	height: 80px;
	width: 90px;
	text-align: center;
	line-height: 1.14;
}
ul.headnavi li a{
	display: block;
	padding-top: 43px;
	height: 100%;
}
ul.headnavi li.headnavi01{
	background: #000 url(../images/common/contact-icon.svg) center 12px /22px no-repeat;
	width: 130px;
}
ul.headnavi li.headnavi02{
	background: #2c4597 url(../images/common/calender-icon.svg) center 12px /20px no-repeat;
}
ul.headnavi li:hover{
	opacity: .7;
	transition: all 0.3s ease-in-out 0s;
}
ul.headnavi li a:hover{
	text-decoration: none;
}
ul.headnavi li.headnavi02 span{
	letter-spacing: 2px;
}
ul.headnavi li.headnavi03{
	background: #387b4f url(../images/common/favorite-icon.svg) center 12px /18px no-repeat;
}
nav.gnav > div{
	position:absolute;
	top:0;
	right:310px;
	/*right: 222px;*/
}
nav.gnav ul{
	display: flex;
}
nav.gnav ul:first-child{
	border-bottom: 1px solid #ccc;
}
nav.gnav ul li{
}
nav.gnav ul li.search-item{
	padding: 10px 10px 8px 20px;
}
nav.gnav ul li.search-item input[type="search"]{
	width: 200px;
	border-radius: 2px;
	border: 1px solid #ccc;
	padding-left: 8px;
	font-size: 14px;
	margin-right: 10px;
	-webkit-appearance: none;
	appearance: none;
}
nav.gnav ul li.search-item input[type="search"]::placeholder{
	color: #ccc;
}
nav.gnav ul li.search-item form{
	display: flex;
	align-items: center;
	justify-content: center;
}
nav.gnav ul li.search-item button{
	width: 40px;
	height: 21px;
	background: #387b4e url(../images/common/search-icon.svg) center center/13px no-repeat;
	border-radius: 2px;
	border: none;
	vertical-align: top;
}
nav.gnav ul li.search-item button .fa-search{
	display: none;
}
nav.gnav ul li>a{
	display:block;
	position:relative;
	text-decoration: none;
	font-size:14px;
	height:40px;
	padding: 10px 0;
	border-bottom: solid 4px transparent;
	transition:all 0.5s ease-in-out 0s;
}
nav.gnav ul li>a span{
	padding: 0 6px;
	border-right: 1px solid #ccc;
}
nav.gnav ul li:nth-child(7) >a span{
	border-right: none;
}
nav.gnav ul:nth-child(2) li:nth-child(3) >a span{
	padding: 0 20px;
}
nav.gnav ul li>a:hover,
nav.gnav ul li>a.cr{
	border-bottom: solid 4px #387b4e;
}

nav.gnav ul li>a .ja{
	display:block;
	text-align:center;
	line-height:1.45;
}

nav.gnav ul li>a .en{
	display:block;
	text-align:center;
}


.float-menu{
	position: fixed;
	top: 148px;
	z-index: 10;
	right: 0;
}
.float-menu li{
	-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
					writing-mode: vertical-rl;
	color: #fff;
	width: 60px;
}
.float-menu li a{
	padding: 44px 0 18px;
	display: block;
}
.float-menu li.float-menu01{
	margin-bottom: 20px;
	background: #2c4597 url(../images/common/calender-icon.svg) center 14px /20px no-repeat;
	line-height: 60px;
	height: 174px;
}
.float-menu li.float-menu02{
	background: #000 url(../images/common/contact-icon.svg) center 16px /22px no-repeat;
	padding-right: 6px;
	height: 174px;
	margin-bottom: 20px;
}
.float-menu li.float-menu03{
	background: #00B900 url(../images/common/line-icon.png) center 16px /22px no-repeat;
	padding-right: 6px;
	height: 174px;
}
.float-menu li:hover{
	opacity: .7;
	transition: all 0.3s ease-in-out 0s;
}
.float-menu li a:hover{
	text-decoration: none;
}

div.contents_wrap{
	width:100%;
/*	background:url(../images/common/contents_bg.jpg) top left repeat-x;*/
}

.breadlist_wrap{
	background-color: #f1f1f1;
	position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 65534;
}
ul.breadlist{
	max-width:1280px;
	margin:0 auto ;
	padding:10px 10px;
	box-sizing: content-box;
}

ul.breadlist li{
	font-size: 12px;
	color: #333333;
	display: inline-block;
}

ul.breadlist li:after{
	content: "> ";
}

ul.breadlist li:last-child:after{
	content: none;
}

ul.breadlist li a:hover{
	text-decoration: underline;
}

div.container{
	max-width:1280px;
	margin:0 auto;
	padding:0 20px;
	box-sizing: border-box;
	float: none;
}



nav.footnav{
	display: block;
	background: url("../images/common/bg_footnav.jpg") top left repeat;
	padding: 50px 20px;
	color: #FFFFFF;
}

.footnav_in{
	max-width: 1280px;
	margin: 0 auto;
	
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

nav.footnav ul.footnav{
	overflow: hidden;
	margin-bottom: -20px;
}

nav.footnav ul.footnav li{
	float: left;
	margin-right: 40px;
}

nav.footnav ul.footnav li a{
	display: block;
	margin-bottom: 20px;
}

nav.footnav ul.footsns{
	overflow: hidden;
	margin-right: -30px;
}

nav.footnav ul.footsns li{
	float: left;
	margin-right: 30px;
}




footer{
	position: fixed;
	background: #564100;
	padding: 0;
	bottom: 0;
	left:0;
	right: 0;
	color: #FFFFFF;
	z-index: 65535;
}

div.footer{
	max-width:1280px;
	margin:0 auto;
	padding:20px 0;
	height: 120px;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.foot_left{
	overflow: hidden;
}

.foot_left li{
	float: left;
	margin-right: 30px;
}

.footinfo{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footinfo01{
	margin-right: 30px;
}

.footinfo02{
	line-height: 1.4;
}

.footinfo02_1{
	font-size: 20px;
}

address{
	padding:20px;
	text-align:center;
	font-style:normal;
}

.pagetop{
	position: fixed;
	z-index: 70000;
	bottom: 140px;
	right: -60px;
	transition: all 0.5s ease-in-out 0s;
}

.scrolled .pagetop{
	right: 62px;
}



.img_cap{
	position: relative;
}

.img_cap span{
	background: rgba(0,0,0,0.6);
	font-size:10px;
	display: block;
	padding:3px 5px;
	line-height: 1.5;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}

.img_cap.white span{
	background: rgba(255,255,255,0.6);
	color: #333333;
}

/* modal */
div.pp_overlay{
  z-index: 70000!important;
}
div.pp_pic_holder{
  z-index: 70001!important;
}
/* modal//*/

#sp_nav{
	display: none;
}
.sp_header{
	display: none;
}
footer{
	display: none;
}
/*検索結果*/
.search-ttl{
	color: #08a981;
}
.no-search-result{
	min-height: 200px;
	text-align: center;
}
.search-sub-ttl{
	font-size: 26px;
	font-weight: bold;
	margin:  20px 0;
}
/* 検索結果 //*/

@media screen and (max-width: 1280px){

	.pc_header{
		display: none;
	}
	.sp_header{
		display: block;
	}
	.sp_header li.search-item{
		padding-top: 16px;
		margin-right: 10px;
		width: 145px;
	}
	.sp_header li.search-item form{
		display: flex;
		width: 144px;
	}
	.sp_header li.search-item input[type="search"]{
		width: 72%;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding-left: 2px;
    font-size: 14px;
    margin-right: 1px;
    margin-left: 2px;
    -webkit-appearance: none;
    height: 30px;
	}
	.sp_header li.search-item button{
    width: 50px;
    height: 30px;
    background: #387b4e url(../images/common/search-icon.svg) center center/18px no-repeat;
    border-radius: 2px;
    border: none;
    vertical-align: top;
	}
	.sp_header li.search-item button i{
		color: #fff;
		display: none;
	}
	.headnavi04{
		display: none;
	}
	#nav{
		display: none;
	}
	.wrap{
		/*padding-top:80px;*/
		/*padding-bottom: 38px;*/
	}

	ul.headnavi{
		right: 80px;
	}

	.nav_btn{
		display:block;
	}

	.nav_btn .icons hr{
		background: #387b4f;
	}
	.nav_btn .txt{
		right: 21px;
	}
	nav.gnav > div{
		display: none;
		right: 0;
		top: 80px;
		width: 100%;
	}
	nav.gnav ul{
		border: none;
		flex-wrap: wrap;
	}
	nav.gnav ul li{
		width:50%;
		display: inline-block;
	}
	nav.gnav ul li:nth-child(even){
		border-right: none;
	}
	nav.gnav ul li:nth-child(odd){
		border-right: solid 1px  rgba(56, 123, 78, 0.3);
	}
	nav.gnav ul li:last-child{
		border-bottom: none;
	}
	nav.gnav ul li>a span{
		border-right: none;
	}

	nav.gnav ul{
		top:100%;
		right:0;
		left:0;
		background:rgba(255,255,255,0.96);
		border-top:solid 1px  rgba(56, 123, 78, 0.3);
		border-left:solid 1px  rgba(56, 123, 78, 0.3);
	}

	nav.gnav ul li{
		/*width:25%;*/
		margin-left:0;
		padding: 3px;
		border-bottom:solid 1px  rgba(56, 123, 78, 0.3);
		/*border-right:solid 1px  rgba(56, 123, 78, 0.3);*/
	}

	nav.gnav ul li>a{
		padding: 10px 0 6px;
		height: auto;
	}

	nav.gnav ul li>a:hover,
	nav.gnav ul li>a.cr{
		border-bottom: solid 4px #387b4e;
	}

	nav.gnav ul li>a .ja{
		display:block;
		text-align:center;
		/* line-height:1; */
	}

	nav.gnav ul li>a .en{
		/* line-height:0; */
	}

	footer{
	}

	div.footer{
		height: 40px;
		justify-content: center;
		padding: 0;
	}

	.foot_left{
		display:none;
	}

	.foot_left li{
		float: none;
		margin-right:0;
	}

	.footinfo{
		display: block;
		align-items:center;
		width: 100%;
	}

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

	.footinfo01 a{
		display:block;
		line-height:40px;
	}

	.footinfo01 img{
		width:200px;
	}



	.footinfo02{
		display:none;
	}

	address{
		padding:10px;
	}

	.pagetop{
		bottom: 5px;
		right: -60px;
		/* z-index:65535; */
	}

	.scrolled .pagetop{
		right: 5px;
	}
	

	nav.footnav{
		padding: 30px 20px;
	}

	.footnav_in{
		flex-direction:column;
		align-items:center;
	}

	nav.footnav ul.footnav{
		margin-bottom: 10px;
		margin-right: -20px;
	}

	nav.footnav ul.footnav li{
		float: left;
		margin-right: 20px;
	}

	nav.footnav ul.footnav li a{
		display: block;
		margin-bottom: 10px;
	}

}


@media screen and (max-width: 960px){

	nav.footnav ul.footnav{
		margin-right: 0;
		margin-right: -30px;
		letter-spacing:-0.4em;
	}

	nav.footnav ul.footnav li{
		width:auto;
		margin-right:0;
		float:none;
		display:inline;
	}

	nav.footnav ul.footnav li a{
		letter-spacing:normal;
		display:inline-block;
		width:calc(50% - 30px);
		margin-right: 30px;
		margin-bottom: 10px;
		font-size:12px;
	}	


}

@media screen and (max-width: 767px){
	
	.wrap{
		/*padding-top:60px;*/
		padding-top: 92px;
		padding-bottom: 38px;
	}
	#top-test .wrap{
		padding-top:60px;
	}
	div.header{
		height:60px;
	}
	.breadlist_wrap{
		top: 60px;
	}

	div.header .logo{
		width: 120px;
	}
	nav.gnav > div{
		top: 60px;
	}

	ul.headnavi {
		right: 58px;
		width: 210px;
	}

	ul.headnavi li{
		width: 146px;
		font-size: 10px;
		height: 60px;
	}
	ul.headnavi li a{
		padding-top: 33px;
	}
	ul.headnavi li.headnavi01{
		width: 84px;
		letter-spacing: -0.8px;
		background-position-y: 6px;
		display: none;
	}
	ul.headnavi li.headnavi02{
		width: 54px;
		background-position-y: 6px;
	}
	ul.headnavi li.headnavi03{
		width: 54px;
		letter-spacing: -1px;
		background-position-y: 6px;
	}
	.nav_btn{
		width:60px;
		height: 60px;
	}

	.nav_btn .icons{
		position:absolute;
		top:0;
		right:0px;
		width:58px;
		height: 40px;
	}

	.nav_btn .txt{
		bottom:7px;
		right: 10px;
	}

	.nav_btn .icons hr{
		position:absolute;
		height:3px;
		top: 5px;
		bottom: 5px;
		left: 5px;
		right: 5px;
		width: 30px;
		background:#387b4f;
		margin:auto;
		display:block;
		transition:all 0.5s ease-in-out 0s;
	}

	.nav_btn .icons hr:nth-child(1){
		transform:translateY(-6px);
	}

	.nav_btn .icons hr:nth-child(2){
	}

	.nav_btn .icons hr:nth-child(3){
		transform:translateY(6px);
	}
	.float-menu{
		display: none;
	}
	footer{
		display: block;
		background: #fff;
		height: 60px;
	}
	footer ul{
		display: flex;
		height: 100%;
	}
	footer ul li{
		height: 100%;
	}
	footer ul li a{
		display: block;
		height: 100%;
		text-align: center;
		font-size: 10px;
		line-height: 1.2;
		padding-top: 28px;
	}
	footer ul li a:hover{
		text-decoration: none;
	}
	.footer_nemu01{
		/*width: 25%;*/
		width: 50%;
		background: #000 url(../images/common/contact-icon.svg) center 5px /18px no-repeat;
	}
	.footer_nemu02{
		width: 30%;
		background: #2c4597 url(../images/common/calender-icon.svg) center 5px /18px no-repeat;
	}
	.footer_nemu03{
		/*width: 25%;*/
		width: 50%;
		background: #564100 url(../images/common/tel-icon.svg) center 6px /25px no-repeat;
	}
	.footer_nemu04{
		/*width: 25%;*/
		width: 50%;
		background: #00B900 url(../images/common/line-icon.png) center 6px /20px no-repeat;
	}
	.footer_nemu02 a,
		.footer_nemu03 a{
		padding-top: 36px;
		font-size: 10px;
	}
	.footer_nemu02 a,
		.footer_nemu04 a{
		padding-top: 36px;
		font-size: 10px;
	}
	.pagetop{
		bottom: 65px;
	}
	.headnavi04{
		display: none;
	}

}

@media screen and (max-width: 600px){

	/*nav.gnav ul li{
		width:50%;
	}*/
	/*#sp_nav li:nth-last-child(2){
		border-bottom: none;
	}*/
	#sp_nav .search-item{
		width: 100%;
		border-top: solid 1px  rgba(56, 123, 78, 0.3);
	}
	#sp_nav .search-item .search-form form{
		text-align: center;
	}

	nav.footnav{
		display:block;
	}

	nav.footnav ul.footnav{
		width:100%;
		margin-right: 0;
		margin-right:0;
		display:block;
	}

	nav.footnav ul.footnav li{
		width:auto;
		margin-right:0;
		float:none;
		display:inline;
	}

	nav.footnav ul.footnav li a{
		display:block;
		width:auto;
		margin-bottom: 5px;
		margin-right:auto;
	}

	
}


/*****************************************************************************************
 SOCIAL / GROUP
*****************************************************************************************/

section.social,
section.group{
	padding: 80px 20px  40px;
	position: relative;
}
section.social .fb-container ,
section.social .fb_iframe_widget iframe {
	width: 100% !important;
	max-width: 500px;
}

section.group{
	padding-bottom: 80px;
}

section.group:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 240px;
	background: url("../images/common/bg_group.jpg") top left repeat;
}

h2{
	font-size: 30px;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 25px !important;
	letter-spacing: 0.1em;
}

h2 span{
	display: block;
}

.social_list{
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.social_list li{
	width: 45.46%;
	float: left;
}





.social_list li .fb-container .w_fb .ttl_fb{
	background-color: #3b5998;
	padding: 9px 10px;
}
.social_list li .fb-container .w_fb .ttl_fb .s01{
	float: left;
}
.social_list li .fb-container .w_fb .ttl_fb .s02{
	float: right;
}
.social_list li .fb-container .w_fb .fb_bottom{
	border: solid #3b5998 1px;
	background-color: #eeeeee;
	text-align: center;
	padding: 204px 0;
}






.social_list li:nth-child(2n){
	float: right;
/*
	max-height: 500px;
	overflow-x: hidden;
*/
}

.social_list li >div.vpc iframe{
	width: 100%!important;
}
.social_list li:nth-child(2) >div.vpc1140{
	height: 510px!important;
}
.social_list li:nth-child(2) >div.vsp1140{
	height: 480px!important;
}


.group_list{
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align: center;
}

.group_list li{
	width: 17.5%;
}

.group_list li a{
	text-decoration: none;
}

.group_list li .img{
	margin-bottom: 15px;
}

.group_list li h6{
	margin-bottom: 10px;
}

.group_list li .txt{
	font-size: 16px;
	letter-spacing: -0.1em;
}

.ifram_wrap {
	width: 100%;
	overflow: hidden;
}

iframe {
	width: 100%;
}

#contact iframe {
	min-height: 1300px !important;
}

@media screen and (max-width: 1140px){
	.social_list li {
		width: 46.96%;
	}
	.social_list{
		max-width: 640px;
	}
	.social_list li .fb-container .w_fb .fb_bottom {
		padding: 194px 0;
	}
}


@media screen and (max-width: 960px){
	
	.social_list li{
		width: 48%;
		float: left;
	}
	
	.group_list{
		max-width: 1280px;
		display: block;
		letter-spacing: -0.4em;
		text-align: center;
		margin-bottom: -30px;
	}	
	
	.group_list li{
		display: inline-block;
		width: 30%;
		max-width: 224px;
		letter-spacing: normal;
		margin-right:5%;
		vertical-align:top;
		margin-bottom: 30px;
	}
	
	.group_list li:nth-child(3n),
	.group_list li:last-child{
		margin-right:0%;
	}

}

@media screen and (max-width: 808px){
	#contact iframe {
		min-height: 1500px !important;
	}
}

@media screen and (max-width: 767px){
	.social_list{
		margin: 0 auto -30px;
	}
	
	.social_list li{
		width: auto;
		max-width: 500px;
		float: none !important;
		margin: 0 auto 30px;
	}
	.social_list li:nth-child(2){
		max-width: 300px;
	}
	
	.social_list li .fb-container .w_fb .fb_bottom {
		padding: 30px 30px;
	}
	
	
	
	
	.group_list li .txt{
		font-size: 11px;
	}
	
	
	
	
	
	
	h2{
		font-size: 24px;
		margin-bottom: 30px;
	}
	
	h2 span.en{
		transform: scale(0.8);
	}
	
	ul.breadlist {
		padding: 5px 10px;
	}
	ul.breadlist li {
		font-size: 10px;
	}
}

@media screen and (max-width: 600px){
	

	
	.group_list li{
		width: 46%;
		margin-right:4%;
	}
	
	.group_list li:nth-child(3n),
	.group_list li:last-child{
		margin-right:4%;
	}	

	.group_list li:nth-child(2n),
	.group_list li:last-child{
		margin-right:0%;
	}	

}

/*===============//customize===============*/
.vc_row {
	margin-left: auto !important;
	margin-right: auto !important;
}
.vc_column_container>.vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/*===============//customize===============*/

/*-----Insta-----*/
div#sb_instagram {
  display: flex;
  flex-wrap: wrap;
  max-height: 474px;
  overflow-y: auto;
  margin-bottom: 8px;
}
div#sb_instagram::-webkit-scrollbar {
  display: none;
}
/*div#sb_instagram #sbi_images {
  max-height: 248px;
  overflow-y: auto;
}*/
div#sb_instagram .sb_instagram_header a {
  display: flex;
  flex-wrap: wrap;
}
div#sb_instagram .sbi_header_img {
  display: block;
  float: none;
  margin: 0 auto 6px !important;
}
.sbi_header_text {
  float: none;
  width: 100%;
  margin: 0;
  order: 1;
}
div#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, div#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, div#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3 {
  margin-left: 0 !important;
  text-align: center;
}
div#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3 {
  width: 100%;
  padding-bottom: 12px !important;
  display: block;
  text-align: center;
  float: none;
}
div#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, div#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img {
  width: 152px;
  height: 152px;
  border-radius: 50%;
}
div#sb_instagram #sbi_images {
  order: 1;
  margin-top: 16px;
}
div#sb_instagram .sbi_follow_btn a {
  margin-top: 0;
}
div#sb_instagram .sb_instagram_header {
  margin-bottom: 12px;
}
.social_list li:nth-child(2n) {
  padding: 12px 5px 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#sb_instagram .sbi_photo_wrap {
  border: 1px solid #ccc;
}
@media screen and (max-width: 880px) {
	div#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, div#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img {
	  width: 80px;
	  height: 80px;
	}
}
@media screen and (max-width: 767px){
	.social_list li:nth-child(2) {
    max-width: 500px;
	}
}
@media screen and (max-width: 400px){
	.sp_header li.search-item{
		display: none;
	}
	ul.headnavi{
		width: 124px;
		right: 60px;
	}
	ul.headnavi li.headnavi03{
		width: 62px;
	}
	ul.headnavi li.headnavi04{
		width: 60px;
		background: #387b4e url(../images/common/search-icon.svg) center 6px/27px no-repeat;
		margin-right: 1px;
		padding-top: 0;
		display: block;
		opacity: 1;
	}
	ul.headnavi li.headnavi04 .headnavi04_btn{
		padding: 40px 0 9px;
	}
	ul.headnavi li.headnavi04 .headnavi04_search{
		display: none;
		position: fixed;
		top: 60px;
		left: 0;
		background: #fff;
		width: 100%;
		height: 60px;
		padding: 10px 0;
		z-index: -1;
	}
	ul.headnavi li.headnavi04 .search-form,
	ul.headnavi li.headnavi04 form,
	ul.headnavi li.headnavi04 form input{
		height: 100%;
	}
	ul.headnavi li.headnavi04 form{
		display: flex;
		justify-content: center;
	}
	ul.headnavi li.headnavi04 form input{
		border: 1px solid #ccc;
		width: 70%;
		padding-left: 10px;
		-webkit-appearance: none;
		appearance: none;
		border-radius: 0;
	}
	ul.headnavi li.headnavi04 form button{
		width: 50px;
		height: 100%;
		background: #387b4e url(../images/common/search-icon.svg) center 6px/27px no-repeat;
	}
	ul.headnavi li.headnavi04 form button i{
		display: none;
	}
}
@media screen and (max-width: 370px){
	.wrap{
		/*padding-top: 50px;*/
		padding-top: 81px;
	}
	#top-test .wrap{
		padding-top:50px;
	}
	div.header{
		height: 50px;
	}
	nav.gnav > div{
		top: 50px;
	}
	.breadlist_wrap{
		top: 50px;
	}
	.nav_btn{
		/*width: 30px;*/
		height: 50px;
	}
	.nav_btn .icons{
		height: 32px;
	}
	/*.nav_btn .icons{
		width: 30px;
		right: 0;
	}
	.nav_btn .icons hr{
		width: 18px;
	}
	.nav_btn .txt{
		font-size: 10px;
		right: 2px;
	}
	ul.headnavi{
		right: 30px;
		width: 156px;
	}*/
	ul.headnavi li{
		height: 50px;
	}
	ul.headnavi li a{
		padding-top: 24px;
	}
	ul.headnavi li .sp{
		display: none;
	}
	ul.headnavi li.headnavi01{
		background-size: 16px;
		background-position-y: 3px;
		width: 54px;
	}
	ul.headnavi li.headnavi02{
		background-size: 14px;
		background-position-y: 3px;
		padding-top: 28px;
		width: 50px;
	}
	ul.headnavi li.headnavi03{
		/*background-size: 14px;*/
		background-size: 18px;
		/*background-position-y: 3px;*/
		/*width: 50px;*/
	}
	ul.headnavi li.headnavi03 a{
		padding-top: 32px;
	}
	ul.headnavi li.headnavi02 span{
		letter-spacing: 0;
	}
	ul.headnavi li.headnavi04{
		padding-top: 0;
		background: #387b4e url(../images/common/search-icon.svg) center 6px/22px no-repeat;
	}
	ul.headnavi li.headnavi04 .headnavi04_btn{
		padding: 33px 0 6px;
	}
	ul.headnavi li.headnavi04 .headnavi04_search{
		top: 50px;
	}
	div.header .logo{
		width: 100px;
	}
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  /*-webkit-appearance: button;
  appearance: button;*/
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}
input {
  -webkit-appearance: none; 
}
input[type="checkbox"] {
  border: none;
}

#sbi_load .sbi_load_btn {
    margin-top: 0 !important;
}