@charset "UTF-8";

/* Base
------------------------------------------- */

body{
	margin:0 auto;
	padding:0;
	background-attachment: fixed;
	background-size: cover;
	font-family:'Century Gothic', 'Source Sans Pro', "Arial", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#000;
	-webkit-text-size-adjust : 100%;
	font-size:100%;
	line-height:200%;
}


a{
	color:#1E2753;
	text-decoration:none;
	border:0;
}

a:hover{
	color:#FF4338;
	text-decoration:none;
	border:0;
}


img{
	border:0;
}

.p_l{
	margin:0 20px 0 0;
	padding:0;
	float:left;
}

.p_r{
	margin:0 0 0 50px;
	padding:0;
	float:right;
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.fade_on {
    opacity: 2;
}


/* SmartPhone Site Control
------------------------------------------- */

div.drawer{
	display:none;
}

button.drawer-toggle{
	display:none;
}

.sp{
	display: none !important;
}


/* Margin Padding Control
------------------------------------------- */

.mt-60{margin-top: -60px; !important;}
.mt20{margin-top: 20px; !important;}
.mt40{margin-top: 40px; !important;}
.mt60{margin-top: 60px; !important;}
.mb20{margin-bottom: 20px; !important;}
.mb40{margin-bottom: 40px; !important;}
.mb60{margin-bottom: 60px; !important;}
.mtb20{margin-top: 20px; !important; margin-bottom: 20px; !important;}
.mtb40{margin-top: 40px; !important; margin-bottom: 40px; !important;}
.mtb60{margin-top: 60px; !important; margin-bottom: 60px; !important;}
.pt10{padding-top: 10px; !important;}
.pt20{padding-top: 20px; !important;}
.pt40{padding-top: 40px; !important;}
.pt60{padding-top: 60px; !important;}
.pb20{padding-bottom: 20px; !important;}
.pb40{padding-bottom: 40px; !important;}
.pb60{padding-bottom: 60px; !important;}
.pb130{padding-bottom: 130px; !important;}
.ptb10{padding-top: 10px; !important; padding-bottom: 10px; !important;}
.ptb20{padding-top: 20px; !important; padding-bottom: 20px; !important;}
.ptb30{padding-top: 30px; !important; padding-bottom: 30px; !important;}
.ptb40{padding-top: 40px; !important; padding-bottom: 40px; !important;}
.ptb60{padding-top: 60px; !important; padding-bottom: 60px; !important;}


/* Background Color
------------------------------------------- */
.bg_gray{
	background-color: #C3F1F5;
}
.bg_white{
	background-color: #fff;
}


/* header
------------------------------------------- */

header{
	width: 100%;
	height: 100px;
	z-index:999;
	position:fixed;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	border-top: 8px solid #4EAD2A;
	border-bottom: 1px solid #ccc;
}

header h1{
	margin:0;
	padding:0;
	position:absolute;
	top:30px;
	left:30px;
	font-size: 150%;
	font-weight: bold;
}

header h1 a{
	color: #000;
}

header h1 a:hover{
	color: #AF2626;
}

/* Gloval Menu
------------------------------------------- */


p.head_tel{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 250px;
	font-size: 200%;
	font-weight: bold;
	line-height: 70%;
}

p.head_tel span{
	font-size: 30%;
	font-weight: normal;
	color: #888;
}

p.head_tel::before{
	font-family: "Font Awesome 5 Free";
	content: '\f098';
	margin-right:5px;
	font-weight:bold;
	color:#5475E0;
}






/* Object Control
------------------------------------------- */

.obj_c{
	margin: 50px 0 20px;
	padding: 0;
	text-align: center;
}








/* PageTop
------------------------------------------- */
.pagetop{
	height: 50px;
	background-color: #EFEFEF;
}

div.pagetop_btn{
	width: 100%;
	height: 100%;
	position: relative;
}

div.pagetop_btn a{
	width: 100%;
	height: 100%;
	display: block;
}

div.pagetop_btn a .arrow4{
	margin: -2px 0 0 -9px;
	padding: 0 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
  	display: block;
  	width: 18px;
  	height: 18px;
  	border-top: 4px solid #666;
  	border-right: 4px solid #666;
  	-webkit-transform: rotate(-45deg);
  	transform: rotate(-45deg);
}

div.pagetop_btn a:hover .arrow4{
	margin: -12px 0 0 -9px;
	padding: 0 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
  	display: block;
  	width: 18px;
  	height: 18px;
  	border-top: 4px solid #666;
  	border-right: 4px solid #666;
  	-webkit-transform: rotate(-45deg);
  	transform: rotate(-45deg);
	-webkit-transition: all 0.6s;
  	transition: all 0.6s;
}


/* Link Area
------------------------------------------- */

div.link_wrap{
	width: 100%;
	height: 80px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

div.link_box{
	width: 340px;
	height: 100%;
	display: inline-block;
	line-height: 80px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin: 0 0;
	padding: 0;
	font-size: 14px;
	position: relative;
}

div.link_box a{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

div.link_box a:hover{
	width: 100%;
	height: 100%;background-color: #006699;
	color: #fff;
	margin: 0;
	padding: 0;
}

div.link_box:nth-child(1)::before{
	content: '';
  display: inline-block;
  width: 50px;
  height: 30px;
  background-image: url(../images/common/grape.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 28px;
  margin-top:-15px;
}

div.link_box:nth-child(2)::before{
	content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../images/common/facebook.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 28px;
  margin-top:-15px;
}

div.link_box:nth-child(3)::before{
	content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../images/common/nhk.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 42px;
  margin-top:-15px;
}







/* Footer
------------------------------------------- */

footer{
	width:100%;
	height:80px;
	margin:0 auto 0;
	padding:0 0 0;
}




p.cprt{
	margin:0;
	padding:24px 0 0 0;
	font-size:80%;
	color:#454545;
	text-align:center;
}