@charset "UTF-8";

	
#header {
	position:sticky;
	left:0;
	top:0;
	z-index:99;
	background-color:#FFFFFF;
}

.header {
 	width: 100%;
	max-width: 100%;
	position:relative;
	top:0;
	left:0;
	transform:translateX(0);
	box-shadow:0 0 10px rgba(0,0,0,.25);
}

@media screen and (min-width:641px){
	
.header h1 {
 	width: calc(100% - 60px);
	max-width:1200px;
	margin:0 auto;
	padding:.5em;
	border-bottom:1px solid #cccccc;
}
.header_inner {
	box-shadow:none;	
 	width: calc(100% - 60px);
	max-width:1200px;
}

}

.wrap {
	padding-bottom:0;
}
section#contact .wrap {
	padding-bottom:90px;
}

#titlewrap .titlewrap {
	background:url(../img/top/fv.jpg) no-repeat top 60% center/cover;
}
#titlewrap .titleinner {
	padding:100px 30px;
 	width: calc(100% - 60px);
	max-width:1200px;
	margin:0 auto;
}
#titlewrap h2 {
	text-align:center;
	font-size:3.0rem;
	font-weight:500;
	line-height:1;
	text-shadow:0 0 3px #FFFFFF,0 0 4px #FFFFFF,0 0 5px #FFFFFF,0 0 3px #FFFFFF,0 0 4px #FFFFFF,0 0 5px #FFFFFF;
}
#titlewrap h2 span {
	display:block;
	font-family: 'Lato', sans-serif;
	font-size:.8em;
	letter-spacing:.1em;
	margin-left:-.4em;
	color:#375490;
	padding-top:.5em;
	padding-left:.5em;
}
#titlewrap .nav {
	background-color:#EFEFEF;
}
#titlewrap .nav_inner {
	font-size:1.4rem;
	line-height:1;
	padding:.5em;
 	width: calc(100% - 60px);
	max-width:1200px;
	margin:0 auto;
	text-align:right;
}
#titlewrap .nav_inner a {
	font-family: 'Lato', sans-serif;
}
#titlewrap .nav_inner a::after {
	content:'ー';
	display:inline-block;
	margin:0 .5em;
}
#titlewrap .nav_inner span {
	color:#375490;
}

#titlewrap .navi > div {
    width:calc(100% - 60px);
    max-width:1100px;
    margin:0 auto;
    text-align:right;
    line-height:1.3;
    padding:1em 0;
    font-size:1.5rem;
}
#titlewrap .navi > div .svg-inline--fa {
	margin:0 .5em;
}

.contents h3 {
	font-size:2.8rem;
	font-weight:500;
	color:#375490;
	font-style:italic;
	line-height:1.5;
	margin-bottom:1.5em;
	text-indent:-.7em;
	margin-left:1.5em;
}
.contents h3::before {
	content:'ー';
	display:inline-block;
	margin-right:.5em;
}
.contents h4 {
	font-size:2.2rem;
	font-weight:500;
	line-height:1.5;
	margin-bottom:1em;
}
#main .contents p.body {
	font-size:1.2em;
	margin-bottom:3em;
}

/**
login
**/
#login .wrap {
  padding-top:0;
}
#login .contents {
	max-width:360px;
}
#main #login .user-registration-LostPassword.lost_password {
	padding-top:1em;
	font-size:1.4rem;
}

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


}

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

}

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


section#contact .wrap {
	padding-bottom:45px;
}
	
#titlewrap .titleinner {
	padding:45px 15px;
 	width: calc(100% - 30px);
}
#titlewrap h2 {
	font-size:2.4rem;
}
#titlewrap .nav_inner {
	font-size:1.2rem;
 	width: calc(100% - 30px);
}

#titlewrap .navi > div {
    width:calc(100% - 30px);
}

.contents h3 {
	font-size:2.1rem;
	margin-bottom:1em;
}
.contents h4 {
	font-size:1.8rem;
}
#main .contents p.body {
	font-size:1em;
	margin-bottom:2em;
}
	
}

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

}