/* Unchanged */
@charset "UTF-8";
/****************************************************************************
　pc_common.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2017.09.07
   Last up date   : 2017.09.07
****************************************************************************/

/*============================================================
//  初期設定
//==========================================================*/
.on {
	display:block !important;
}


/* モダンブラウザ（Firefox Opera Safari）対策 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}


/* Win版IE7とMac版IE5対策 */

.clearfix {
	display: inline-block;
}


/* Hides from IE-mac \*/

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}


/* End hide from IE-mac */


/* 共通設定--------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	/* macIE対策\*/
	overflow: hidden;
	/* macIE対策*/
}

a img {
	border: 0;
	transition: .2s;
}

ul,
ol,
dl {
	list-style: none;
}

body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
	width:100%;
}

a {
	color: #000;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #2F77C2;
	text-decoration: underline;
}
a:link,
a:visited img {
	color: #000;
	border-width: 0px;
	border: none;
}

a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

img {
	vertical-align: bottom;
	border: none;
}
/* CSS Document */

/***********************************
　　PC共通
***********************************/
.pcLayer {
	display: block;
}
.spLayer {
	display: none;
}

.pcBox {
	width: 1080px;
	margin: auto;
	padding: 0;
}

/***********************************
　　共通ヘッダ
***********************************/
header {
	width: 100%;
	height: 95px;
	background: #FFF;
	padding: 0 0 0 0;
	margin: 0;
	position:fixed;
	display:dsiplay;
	z-index:10000;
}
header .pcBox {
	position: relative;
	width: 96%;
	max-width: 1080px;
	margin: 0 auto;
}
header .pcBox img {
	display: block;
	padding: 0;
	margin: 0;
}
header h1 {
	position: absolute;
	left: 0px;
	top: 25px;
}
header h1 img {
	height: 40px;
}
header .pcBox ul {
	position: absolute;
	right: 0px;
	top: 25px;
	display: block;
	padding: 0;
	margin: 0;
}
header .pcBox ul li {
	float: left;
	padding: 0;
	margin: 0 0 0 80px;
	font-family: 'Zilla Slab', serif;
	line-height: 1.0;
	display: inline-block;
	font-size: 20px;
	text-align: center;
}
header .pcBox ul li span{
	float: left;
	padding: 15px 0 0 0;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku GothicPro", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.0;
	font-size: 12px;
	display: block;
	text-align: center;
	width: 100%;
}
header .pcBox ul li span.low {
	line-height: 1.2;
	padding: 10px 0 0 0;
}
header .pcBox ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
header .pcBox ul li a:link {color:#000;}
header .pcBox ul li a:visited{text-decoration: none; color:#000;}
header .pcBox ul li a:hover{text-decoration: none; color:#2F77C2;}
header .pcBox ul li a:active{text-decoration: none;}



/***********************************
　　共通設定
***********************************/
section {
	width: 100%;
	display: block;
}
section#title {
	text-align: center;
	display: block;
	width: 100%;
	max-height: 200px;
	overflow: hidden;
}
section#title h2 {
	font-size: 40px;
	font-family: 'Zilla Slab', serif;
	line-height: 1.0;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
}
section#title h3 {
	font-size: 42px;
	font-family: 'Zilla Slab', serif;
	line-height: 1.0;
	font-weight: bold;
	padding-bottom: 15px;
	display: inline-block;
	margin-bottom: 15px;
}
section#title h5 {
	font-size: 18px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 1.3;
}
section.colorA { background: #2F77C2; }
section.colorA h2 { color: #CFEBFE; }
section.colorA h3 { color: #FFF; border-bottom: 3px solid #FFF; }
section.colorA h5 { color: #CFEBFE; }
section.colorB { background: #CFEBFE; }
section.colorB h2 { color: #3FA2EE; }
section.colorB h3 { color: #2F77C2; border-bottom: 3px solid #2F77C2; }
section.colorB h5 { color: #3FA2EE; }

section.typeA {
	padding: 155px 0 60px 0;
}
section.typeB {
	padding: 155px 0 60px 0;
}
section.typeC {
	padding: 130px 0 45px 0;
}


/***********************************
　　共通フッター
***********************************/
#footer {
	overflow: hidden;
	background: #2F77C2;
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: #FFF;
	padding: 15px 0 15px 0;
}





.pcLayer,
img.pcImg {
	display: block;
}
.spLayer, 
img.spImg {
	display: none;
}


/* --- pagetop --- */

.pagetop {
	position: fixed;
	bottom: 58px;
	right: 8px;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(0.3);
	transition: all .6s;
}

.pagetop a {
	background: rgba(37, 104, 165, 1.0);
	display: table-cell;
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	color: #fff !important;
	font-size: 1.6rem;
	text-decoration: none;
	background: -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.pagetop.show {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.pagetop a:hover {
	background: rgba(0, 0, 0, 0.4);
	text-decoration: none;
}

.small {
	font-size: 24px;
	font-weight: 900;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku GothicPro", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.big {
	font-size: 36px;
	font-weight: 900;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku GothicPro", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}