/*--------------
このファイルにCSSを記入しても良いですし、style.cssに追記しても良いです。
通信面が多少犠牲になりますが、ファイル分けの方向をオススメしています。
本当に楽な方で構いません。
----------------*/
.single-post-warp p:last-child {margin-top: 0;}
/*ブレイクポイントのギャップを誤魔化す*/
.header-inner,header #nav-content li a,header #nav-content ul {transition: width 0.5s ease-in-out;}
header .header-logo-menu{transition: width 0.5s ease-in-out;}
header .logo-area-inner{transition:font-size 0.5s ease-in-out;}
header .header-inner .logo-area-inner img{transition:all 0.5s ease-in-out;}
#nav-content small{font-size:14px;margin-top:-.8em;}
.stock{display:none}

/*画面サイズが768px以上だったら*/
@media (min-width:767px){
#contents .nintei-text{word-break: keep-all;overflow-wrap: anywhere;width:auto;max-width:980px;}
#contents .initiatives_container{min-width:842px}
#contents table.recruitment-guidelines{min-width: 768px;}
#contents p.r-note{width:100%;}
footer .footer-inner{min-width: 1080px;}
main .recruit {max-width: 1440px;margin: 0 auto;background-size: contain;background-position: center center;}
}
/*画面サイズが1440px以下だったら*/
@media screen and (max-width:1440px) and (min-width:767px){
.header-inner {width:100%}
header .header-logo-menu{width:100%}
#contents .image-map-container img{max-width:1000px;}
}
/*画面サイズが1300px以下だったら*/
@media screen and (max-width:1300px) and (min-width:767px){
#contents h4.recruit-ttl .new-graduate{right:10%}
}
/*画面サイズが1260px以下だったら*/
@media screen and (max-width:1260px) and (min-width:767px){
	header .logo-area-inner{font-size: 20px;}
	#contents h4.recruit-ttl .new-graduate{right:8%}
	#contents .submenu2{visibility: hidden;}
}
/*画面サイズが1160px以下だったら*/
@media screen and (max-width:1160px) and (min-width:767px){
	header .logo-area-inner{font-size: 14px;}
	header .header-inner .logo-area-inner img {width: 30px;height: 36px;padding: 25px 10px;}
	#contents h4.recruit-ttl .new-graduate{right:6%}
}
/*画面サイズが1080px以下だったら*/
@media screen and (max-width:1080px) and (min-width:767px){
footer .footer-inner{min-width:auto;width: 98%;}
#contents h4.recruit-ttl .new-graduate{right:3%}
}
/*画面サイズが1040px以下だったら*/
@media screen and (max-width:1040px) and (min-width:767px){
	header #nav-content ul{width:450px}
	header #nav-content li a{width:90px}
	#contents p.r-note{max-width: 950px;}
}
/*画面サイズが960px以下だったら*/
@media screen and (max-width:960px) and (min-width:767px){
header .logo-area-inner{color:transparent}
header .header-inner .logo-area-inner img {width: 40px;height: 48px;}
}
/*画面サイズが767px以下だったら*/
@media (max-width:767px),(orientation: portrait){
#contents .interview-image-area .interview-photo{max-width: 50%;transform: translate(50%);}
}


/*ヘッダーに4文字追加した分の補正*/
@media screen and (max-width:1320px) and (min-width:1200px){.stock{display:block}}
@media screen and (max-width:1200px) and (min-width:1160px){.stock{display:block}header .logo-area-inner{line-height: 1.2em;}}
@media screen and (max-width:1120px) and (min-width:980px){.stock{display:block}header .logo-area-inner{line-height: 1.1em;}}