@charset "utf-8";



/**************************************************
 Responsive
**************************************************/
/*** 追加 ***/
@media screen and (max-width: 1240px){
	header { min-width: 960px; padding: 0 20px;}
	header h1 img {width: 70%;}
	.headerSubNavi ul li {
	font-size: 1.6rem;
    margin-right: 40px;
	right: 160px;
	}
	.headerSubNavi ul li {
	font-size: 1.6rem;
	margin-right: 40px;
	padding-top: 10px;
	}
	#globalNavi {min-width: 960px;	height: 100dvh;}
	/*.innerWrapper {width: 100%;}*/


}

/*** 変更：690px→960px ***/
@media screen and (max-width: 690px){

	br.smp{display: block;}
	br.pc{display: none;}
	.blockskip a{padding: 10px; font-size: 1.4rem;}


/**************************************************
 header
**************************************************/
header{
	min-width: 100%;
	height: 60px;
	padding: 0 20px;
	}
	
header h1 img{
	width: auto;
	height: 30px;
}
	
.headerSubNavi{display: none;}
	
#menu{
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	background: var(--color1);
}
#menu span{
	width: 30px;
	height: 2px;
	top: 14px;
	left: calc(50% - 15px);
}
#menu span:nth-of-type(2){top: 22px;}
#menu span:nth-of-type(3){top: 30px;}
#menu small{
	font-size: 1.0rem;
	bottom: 10px;
}
#menu.open span{
	width: 30px;
	top: 22px;
	left: 16px;
}
	
#globalNavi{
	min-width: 100%;
	height: 100dvh;
}
	
.mainContents{
	width: 100%;
	padding: 60px 20px 20px 20px;
}
.mainContents::before{display: none;}
.mainContents ul{margin-top: 0;}
.mainContents ul a.pullDown{
	display: block;
	pointer-events: all;
	background: url("../img/open.svg") no-repeat right center;
	background-size: 14px;
}
.mainContents ul a.pullDown.open{
	background: url("../img/close.svg") no-repeat right center;
	background-size: 14px;
}
.mainContents ul li{
	width: 100%;
	font-size: 1.7rem;
	margin: 15px 0;
}
.mainContents ul li:nth-of-type(3),
.mainContents ul li:nth-of-type(4){margin: 15px 0;}
.mainContents ul li::before{top: 8px;}
.mainContents ul li ul{
	display: none;
	padding: 10px 0 0 0;
}
.mainContents ul li ul li{margin-top: 7px;}
.mainContents ul li ul li:nth-of-type(3),
.mainContents ul li ul li:nth-of-type(4){margin-top: 7px;}
	
.frequentlyUsed{width: 100%;}
.frequentlyUsed ul{padding: 20px 20px 20px 20px;}
.frequentlyUsed ul li{margin-top: 25px;}
.frequentlyUsed ul li.search{margin-top: 0;}
.frequentlyUsed ul li.other{padding-top: 10px;}
.frequentlyUsed ul li span{font-size: 1.9rem;}
.frequentlyUsed ul li ul li{width: 50%;}


.frequentlyUsed ul li.search {
    display: flex; /* Flexboxを有効にする */
    align-items: center; /* 垂直方向の中央揃え */
    gap: 50px; /* 見出しと検索窓の間に隙間を作る */
	margin: 10px 0px 30px 0px;
}

.frequentlyUsed ul li.search span {
    /* 既存のpadding-bottomは不要になるか、調整が必要 */
    padding-bottom: 0; 
    white-space: nowrap; 
}

.frequentlyUsed ul li.search form {
    flex-grow: 1; 
    margin-top: 0; 
}

	
.otherLinks{padding: 20px;}
.otherLinks ul{padding: 0;}
.otherLinks ul li{
	margin: 0;
	width: calc(50% - 5px);
}
.otherLinks ul li:last-of-type{margin: 0 0 0 10px;}
.otherLinks ul li a{
	height: 36px;
	font-size: 1.2rem;
}
.otherLinks ul li:first-of-type a::before{display: none;}
.otherLinks ul li:last-of-type a::before{display: none;}
	
	
	
/**************************************************
 wrapper
**************************************************/
#wrapper{
	min-width: 100%;
	top: 0;
	padding-top: 60px;
	overflow: hidden;
}
	
	
	
/**************************************************
 contact
**************************************************/
#contact{
	width: 100%;
	margin: 80px auto 0 auto;
	padding: 0 20px;
}
#contact a h2{font-size: calc(13.5vw);}
#contact a h2 span::before{
	top: 2%;
	height: 98%;
	background: url("../img/top/arrow2.svg") no-repeat center left;
	background-size: auto 30px;
}

.contactInner{
	margin-top: 30px;
	-webkit-box-align: center;
	align-items: center;
}
.contactInner p{
	width: 63%;
	padding: 10px 0 10px 10px;
	font-size: 1.2rem;
}
.contactInner img{
	position: relative;
	width: 32%;
	top: auto;
	left: auto;
}



/**************************************************
 footer
**************************************************/
footer{
	margin-top: 70px;
	padding: 0 20px;
	display: block;
}

footer dl{
	width: 100%;
	text-align: center;
}
footer dl dt{font-size: 5.7vw;}
footer dl dd{font-size: 2.7vw;}

.snsHanger{
	position: static;
	width: 100%;
	padding-top: 40px;
	text-align: center;
}
.snsHanger img{margin: 0 6px;}

.copyRight{
	position: static;
	width: 100%;
	font-size: 2.5vw;
	text-align: center;
	padding-top: 20px;
}

.footerCopy{
	position: static;
	width: 100%;
	font-size: 3.0vw;
	margin-top: 30px;
	display:-webkit-box;
  	display:flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.footerText{
	font-size: 12.2vw;
	text-align: center;
	margin-top: 0;
	bottom: -2.5vw;
}
	
/**************************************************
fixedTab
**************************************************/
.fixedTab{
	width: 100%;
	top: auto;
	bottom: 0;
}
.fixedTab ul{
	display:-webkit-box;
	display:flex;
}
.fixedTab ul li{width: 50%;}
.fixedTab ul li a{
	width: 100%;
	height: 50px;
	font-size: 3.5vw;
	writing-mode: horizontal-tb;
	padding: 0;
}
.fixedTab ul li:last-of-type a{height: 50px;}
	


}