@charset "utf-8";

/*===============================================
●画面の横幅が769px以上
===============================================*/
@media screen and (min-width : 769px ){
#pc------------------------------------------- {
}
header {
	background-color: #fff;
	transition: 0.3s;
}
header nav ul li a {
	color: #000!important;
}
header .inner nav ul.navi+ul {
	border-left: 1px solid #000; /* 1px */
}
header .inner nav ul.navi+ul li:first-child::after {
	color: #808080;
}
header .inner nav ul+ul li a {
	color: #808080!important;
}
header .inner nav ul+ul li.this a {
	color: #000!important;
}
header .inner nav p a {
	border: 1px solid #0D57A7; /* 1px */
	background-color: #0D57A7;
}





main {
	margin-bottom: 7.322vw; /* 100px */
}
main .snav ul {
	width: 71.173vw;       /* 972px */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	padding-top: 8.054vw;  /* 110px */
	margin-bottom: 6.589vw; /* 90px */
}
main .snav ul li a {
	display: block;
	width: 16.546vw;       /* 226px */
	height: 3.514vw;       /* 48px */
	line-height: 3.514vw;  /* 48px */
	background-color: #fff;
	border: 0.073vw solid #005DA5; /* 1px */
	border-radius: 100px;
	text-decoration: none;
	color: #005DA5;
	font-size: 1.025vw;    /* 14px */
	transition: 0.3s;
}
main .snav ul li a:hover {
	background-color: #005DA5;
	color: #fff;
	transition: 0.3s;
}


/* ---------------- helo ---------------- */

#helo h1 {
	font-size: 1.318vw;  /* 18px */
	text-align: left;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#helo h1 span {
	font-size: 1.318vw;  /* 18px */
	display: block;
	font-family: "Josefin Sans", sans-serif;
	font-size: 5.857vw;  /* 80px */
	font-weight: 600;
	color: #0D57A7;
	margin-bottom: 1.464vw; /* 20px */
}
#helo figure {
	margin-top: -10vw; /* そのまま vw 指定 */
}
}



/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
	
/*===============================================
●sp-tablet
===============================================*/
#sptablet------------------------------------------- {
}
header {
	background-color: #fff;
}
header ul.lang li.this a {
	color: #000!important;
}

main {
	margin-bottom: 20vw;
}
main .snav ul {
	margin-left: 5vw;
	margin-right: 5vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 20vw;
	margin-bottom: 15vw;
}
main .snav ul li {
	width: 48%;
	margin-bottom: 2vw;
}
main .snav ul li a {
	display: block;
	width: 100%;
	height: 10vw;
	line-height: 10vw;
	background-color: #fff;
	border: 1px solid #005DA5;
	border-radius: 100px;
	text-decoration: none;
	color: #005DA5;
	font-size: 3.5vw;
	transition: 0.3s;
}
main .snav ul li a:hover {
	background-color: #005DA5;
	color: #fff;
	transition: 0.3s;
}




#helo h1 {
	font-size: 4.8vw;
	text-align: left;
	margin-left: 5vw;
	margin-right: auto;
}
#helo h1 span {
	display: block;
	font-family: "Josefin Sans", sans-serif;
	font-size: 15vw;
	font-weight: 600;
	color: #0D57A7;
	margin-bottom: 4vw;
}
#helo figure {
	margin-top: -5vw;
	margin-bottom: 5vw;
}
}



/*===============================================
●画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:400px){
/*===============================================
●sp400
===============================================*/
#sp400------------------------------------------- {
}
}



/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
/*===============================================
●sp320
===============================================*/
#sp320------------------------------------------- {
}
}



/*===============================================
●画面の横幅が481pxから768pxまで
===============================================*/
@media screen and (min-width:481px) and (max-width:768px) {
/*===============================================
●tablet
===============================================*/
#tab------------------------------------------- {
}
}