/* CONTACT PAGE */

html{
    font-size: 62.5%;
    height:90%;
}
*, *:before, *:after {
    box-sizing:border-box;
}
@media (max-width:768px){
	html{
		font-size: 56%;
	}

}
body{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif;
	color:#2b2a2a;
	overflow-wrap: break-word;
	height:100%;
}
a{
	color:#33f;
}
a:hover{
	text-decoration:none;
}
img{
	max-width:100%;
	height:auto;
}
header{
    border-bottom:solid 1px #CCC;
    padding-top:.8rem;
    padding-bottom:.8rem;
}
header div{
    max-width:1080px;
    margin:0 auto;
}
@media (max-width: 768px){
	header div{
		padding-left:1rem;
	}
}
footer{
	background:#6E6E6E;
	padding:2rem;
	letter-spacing:1px;
}
main{
    max-width:100%;
    background:#F9F9F9;
    height:100%;
}
.content-box{
    max-width:1080px;
    margin:0 auto;
    background:#FFF;
    height:100%;
}
.content{
    padding:.82rem 2.4em;
    height:100%;
}
h1{
	margin-bottom:1.2em;
    font-size:2.8rem;
    text-align:center;
    letter-spacing:1px;
    line-height:1.4;
}
.footer-box{
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.footer-box img{
	margin-bottom:1em;
}
.valign-middle{
	vertical-align:middle;
}
.tCenter{
	text-align:center;
}

.mgt1{
	margin-top:.6em !important;
}
.mgt2{
	margin-top:1.2em !important;
}
.mgt4{
	margin-top:4em !important;
}
.mgt5{
	margin-top:4.8em !important;
}

.mgb15{
	margin-bottom:15px;
}
.mgb0{
	margin-bottom:0 !important;
}
.applyTxtBox{
	padding: 40px 60px 0px 60px;
	width: fit-content;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
.applyTxtBox p{
	font-size: 1.6rem;
    margin-top:2rem;
    margin-bottom:2rem;
    line-height: 1.6;
    letter-spacing:1px;
}
@media screen and (max-width: 768px){
	.applyTxtBox{
		text-align:left;
		padding: 2rem 0;
	}
	.applyTxtBox p{
		font-size: 15px;
		margin-bottom:20px;
	}
}
.fs14{
	font-size:14px !important;
}

.t-site-list{
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.6;
}
.t-site-list li{
	margin:.8em 1.6em;
}

.t-btn{
	font-size:1.5rem;
	display:inline-block;
	border-radius:.4em;
	padding:.6em 1.5em .6em 1.2em;
	background:#0a5875;
	color:#FFF;
	margin-top:.15em;
	box-shadow: 0px 1px .16em #979797;
	text-decoration:none;
	position:relative;
}
.t-other:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:1.6em;
	background:url(../images/other.png) center / .8em auto no-repeat;
}
@media (hover: hover) and (pointer: fine) {
	.t-btn:hover{
		background:#E35F8B;
	}
}

.t-underline{
	display: inline-block;
	background: linear-gradient(transparent 70%, #ffef9e 30%);
	font-weight:bold;
}