@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

html {
	font-size: 62.5%;
}

body {
	font-family: 'Roboto', 'Noto Sans JP', '游ゴシック', 'Yu Gothic', YuGothic, HiraKakuProN-W3, 'メイリオ', Meiryo, sans-serif;
	color: #333;
	line-height:1.0;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover,
a:active {
	color: #999;
	cursor: pointer;
}

main {
	width: 80.0vw;
	margin: 0 auto;
}

.h2, .h3 {
	display: block;
	font-family: 'Lato', sans-serif;
	text-align: center;
	font-weight: 400;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
SP はじめ ~899px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	.sp {
		display: block;
	}
	.pc {
		display: none;
	}

	/* ヘッダー はじめ */

	#header {
		margin: 4.0vh 0 2.0vh;
	}

	.header_inner {
		width: 80.0vw;
		margin: 0 auto;
	}
	
	.logo {
		display: block;
		margin-bottom :2.0vh;	
		font-family: Lato;
		font-size:3.5rem;
		letter-spacing:normal;
	}
	
	nav {
		margin:0 auto;
	}
	
	.nav_list {
		display:flex;
		justify-content: space-between;
	}
	
	.nav_list li {
		display: inline-block;
		width: 100%;
		padding: 1.0vh 2vw;
		border-right:1px #333 solid;
	}
	
	.nav_list li:last-child {
		border-right:none;
	}
	
	.nav_list li a {
		display: inline-block;
		width: 100%;
		text-align: center;
		border-bottom: none;
		font-size: 1.8rem;
		line-height: 1.0;
		letter-spacing: 0.1em;
	}

	/* ヘッダー おわり */

	/* 追従ボタンはじめ */
	.toTop {
		text-align: right;;
	}

	.toTop img {
		position: fixed;
		width: 10vw;
		top:90vh;
		right: 10vw;
		height: auto;
		z-index: 1000;
		opacity: 0.9;
	}
	/* 追従ボタン おわり */

	/* フッターはじめ */
	#footer {
		background-color: #ECEBEB;
		padding:20px 20px 20px 0;
		text-align: right;
	}
	 
	#copyright {
		margin: 10px 20px 0  10px;
		text-align: right;
		font-size: 12px;
	}
	/*  フッター おわり */
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
SP おわり ~899px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/



/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
PC はじめ 900px~
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media only screen and (min-width: 900px) {
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}

	/* ヘッダー はじめ */

	#header {
		margin: 4.0vh 0 2.0vh;
	}

	.header_inner {
		width:80.0vw ;
		margin: 0 auto;
	}

	.logo {
		display: block;
		margin-bottom :2.0vh;	
		font-family: Lato;
		font-size:3.5rem;
		letter-spacing:normal;
	}

	.logo a:hover {
		color:#333;
		text-decoration: none;
		cursor: pointer;
	}

	nav {
		margin:0 auto;
	}

	.nav_list {
		display:flex;
		justify-content: space-between;
	}

	.nav_list li {
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		border-right:1px #333 solid;
	}

	.nav_list li:last-child {
		border-right:none;
	}

	.nav_list li a {
		display: inline-block;
		width: 100%;
		padding: 1.0vh 0;
		font-size: 2.5rem;
		line-height: 1.0;
		text-align: center;
		letter-spacing: 0.1em;
	}

/* ヘッダー おわり */

/* 追従ボタンはじめ */

	.toTop {
		text-align: right;;
	}

	.toTop img {
		position: fixed;
		top:85.0vh;
		right: 5vw;
		width: 5vw;
		height: auto;
		z-index: 1000;
		opacity: 0.9;
	}

/* 追従ボタン おわり */


/* フッターはじめ */

	#footer {
		padding:30px 40px;
		background-color: #ECEBEB;
		text-align: right;
	}
 
	#copyright {
		margin: 32px 40px 0  20px;
		text-align: right;
		font-size: 12px;
	}

/*  フッター おわり */
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
PC おわり 900px~
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/