@charset "UTF-8";
/* CSS Document */

/*webfont*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.wf-notosansjapanese {
	font-family: "Noto Sans Japanese";
}

/*basic*/

html {
	font-size: 62.5%;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color: #000;
	background: url(../img/bg.png) top repeat-x;
}

.default_mincho {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.default_marugo {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

img {
	width: 100%;
	vertical-align: bottom;
}

header {
	width: 80%;
	margin: 33px auto 10px;
	max-width: 304px;
}

footer {
	box-sizing: border-box;
	height: 50px;
	padding-top: 10px;
	text-align: center;
	font-size: 1.2rem;
	color: #FFF;
	background: #000072;
	margin-top: 50px;
}

.midashi {
	position: relative;
	width: 90%;
	max-width: 950px;
	margin: 60px auto 0;
	padding-bottom: 16px
}

.midashi hr {
	border: none;
	height: 1px;
	background: #000;
}

.midashi h3 {
	width: 162px;
	position: absolute;
	left: calc(50% - 81px);
	top: -29px;
}

.active_pc {
	display: none;
}

@media (min-width: 320px){
} /*iPhone 5*/

@media (min-width: 375px){
} /*iPhone 7*/

@media (min-width: 414px){

	.circle {
		width: 120px;
		top: 10px;
		left: 30px;
	}
	
	h2 {
		font-size: 3rem;
	}
	
} /*iPhone 7 Plus*/

@media (min-width: 600px){
	
	.hide_pc {
		display: none;
	}
	
	.active_pc {
		display: block;
	}
	
} /*Nexus 7*/

@media (min-width: 768px){

	
	
} /*iPad*/

@media (min-width: 960px){
	
	.midashi {
		width: 100%;
	}
	
} /*Minimum size PC*/

@media (min-width: 1024px){
} /*Basic PC*/