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

#qr {
	padding-top: 20px;
}
#qr a {
	color: #003366;
}
#qr a:hover {
	color: #0099FF;
	text-decoration: underline;
}






#kage {
	margin-bottom: 10px;
	height: 25px;
	width: 960px;
	background-image: url(../img/kage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	clear: both;
}





#aisatuall {
	height: 200px;
}


#aisatu {
	font-size: 18px;
	color: #21C7FE;
	font-weight: bold;
	line-height: 30px;
	margin-top: 8px;
}
#aisatu2 {
	width: 320px;
	text-align: right;
	float: right;
	font-size: 16px;
	line-height: 22px;
	margin-top: 12px;
	padding-right: 60px;
}





#main {
	padding-left: 40px;
	position: relative;
	text-align: left;
	letter-spacing: 0.1em;
	clear: both;
}
#todoke {
	margin-top: 30px;
	text-align: center;
	font-size: 19px;
	letter-spacing: 0em;
}
#todoke a {
	color: #DF0000;
	font-weight: 700;
	text-decoration: underline;
}
#todoke a:hover {
	color: #0099FF;
	text-decoration: none;

}

.Android #taisaku2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-weight: 600;
}








#waku4 {
	background-color: #EEF9F9;
	text-align: left;
	width: 672px;
	height: 769px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 45px;
}
#wakutop {
	clear: both;
	position: relative;
	height: 192px;
}
.wakumiddle {
	clear: both;
	position: relative;
	height: 192px;
}
#wakubo {
	clear: both;
	position: relative;
	height: 180px;
}
.syounilink {
	height: 180px;
	width: 652px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #69BCCB;
	background-image: url(../img/syoni1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.mouthpiece {
	height: 180px;
	width: 652px;
	background-color: #dbf1f8;
	background-image: url(../img/mpindex.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #003366;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #69BCCB;
}
.mouthpiece img {
	height: auto;
	width: 26%;
	position: absolute;
	top: 3.5px;
	right: 12px;
}
.mp1 {
	text-align: center;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	margin-top: 23px;
	margin-right: 30px;
	font-weight: 600;
	margin-bottom: 0px;
}
.mp2 {
	text-align: center;
	font-size: 32px;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-right: 30px;
	font-weight: 600;
	margin-bottom: 0px;
	margin-left: 0px;
}



.wakubg {
	height: 180px;
	width: 320px;
	float: left;
	border: 1px solid #69BCCB;
	text-align: left;
	margin-right: 8px;
}


.waku_1 {
	height: 180px;
	width: 320px;
	background-image: url(../img/cebg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	position: relative;
}
.waku_2 {
	height: 180px;
	width: 310px;
	border: 1px solid #69BCCB;
	background-color: #FFFFFF;
	background-image: url(../img/home_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-right: 12px;
	padding-right: 10px;
	margin-left: 8px;
}
.waku_3 {
	height: 180px;
	width: 310px;
	background-image: url(../img/home_11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #444444;
	background-color: #FFFFFF;
	float: left;
	margin-right: 8px;
	padding-right: 10px;
	border: 1px solid #69BCCB;
}

.waku_4 {
	height: 180px;
	width: 310px;
	border: 1px solid #69BCCB;
	background-color: #FFFFFF;
	background-image: url(../img/home_4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-right: 12px;
	padding-right: 10px;
	margin-left: 8px;
}

.waku_5 {
	height: 180px;
	width: 320px;
	background-image: url(../img/waku5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #444444;
	border: 1px solid #69BCCB;
	float: left;
	margin-left: 8px;
	position: relative;
}
.waku_com5 {
	border: 1px solid #A0DAD8;
	text-align: left;
	background-color:rgba(255,255,255,0.7);
	width: 230px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}




.cerec1 {
	position: absolute;
	z-index: 5;
	width: 90px;
	top: 5px;
	left: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #003366;
	text-align: center;
	text-shadow: 2px 2px 2px #FFFFFF;
	background-image: url(../img/toumei.png);
	background-position: right top;
}

.cerec2 {
	position: absolute;
	z-index: 5;
	bottom: 0px;
	width: 192px;
	background-image: url(../img/toumei.png);
	background-position: left top;
	border: 1px solid #A0DAD8;
	right: 0px;
}
.ce1 {
	margin-top: 2px;
	margin-bottom: 3px;
	margin-left: 5px;
	font-size: 14px;
}
.ce2 {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 4px;
	z-index: 2;
}
.ce2 a {
	color: #003399;
	text-decoration: underline;
	letter-spacing: 0.1em;
}
.ce2 a:hover {
	color: #000000;
	text-decoration: none;
	letter-spacing: 0.1em;
}


.red14 {
	font-size: 14px;
	color: #FF0000;
}
.red {
	font-size: 16px;
	color: #FF0000;
}


.cerec3 {
	position: absolute;
	z-index: 5;
	bottom: 0px;
	width: 105px;
	background-color:rgba(255,255,255,0.8);
	border: 1px solid #A0DAD8;
	left: 0px;
}


.waku_com {
	border: 1px solid #A0DAD8;
	text-align: left;
	background-color:rgba(255,255,255,0.7);
	margin-top: 72px;
	width: 230px;
	float: right;
	color: #000000;
}
.waku_s1 {
	border: 1px solid #A0DAD8;
	text-align: left;
	background-color:rgba(255,255,255,0.8);
	margin-top: 121px;
	width: 286px;
	float: left;
	color: #000000;
	margin-left: 10px;
}
.waku_s2 {
	border: 1px solid #A0DAD8;
	text-align: left;
	background-color:rgba(255,255,255,0.7);
	margin-top: 87px;
	width: 307px;
	float: right;
	margin-right: 10px;
	color: #000000;
}
.waku_com2 {
	border: 1px solid #A0DAD8;
	text-align: left;
	background-color:rgba(255,255,255,0.7);
	margin-top: 87px;
	width: 220px;
	float: right;
	color: #000000;
}
.waku_com3 {
	border: 1px solid #A0DAD8;
	text-align: left;
	background-color:rgba(255,255,255,0.6);
	width: 232px;
	float: right;
	margin-top: 102px;
	color: #000000;
}
.waku_moji {
	font-size: 14px;
	line-height: 17px;
	margin: 6px;
}
.waku_moji1 {
	font-size: 16px;
	line-height: 19px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 7px;
}
.waku_moji2 {
	font-size: 13px;
	line-height: 15px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 7px;
}

.kuwasiku2 {
	text-align: right;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #DBE8F7;
}
.kuwasiku2 a {
	font-size: 13px;
	display: block;
	color: #003366;
}

.kuwasiku2 a:hover {
	color: #FFFFFF;
	background-color: #79AFD5;
	font-size: 13px;
	text-decoration: none;
}


.kuwasiku3 {
	text-align: right;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #DBE8F7;
	margin-top: 2px;
}


.kuwasiku3 a {
	font-size: 13px;
	display: block;
	color: #003366;
}

.kuwasiku3 a:hover {
	color: #FFFFFF;
	background-color: #79AFD5;
	font-size: 13px;
	text-decoration: none;
}

.kuwasiku4 {
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 18px;
	width: 26%;
	margin-left: 230px;
	font-weight: 600;
	border: 1px solid #B4D3F3;
}
.kuwasiku4 a {
	font-size: 16px;
	display: block;
	color: #003366;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
}

.kuwasiku4 a:hover {
	color: #FFFFFF;

background-color: #79AFD5;
	text-decoration: none;
}



#youtube {
	width: 480px;
	margin-left: 92px;
	margin-top: 40px;
	clear: both;
	border: 1px solid #9CBEB8;
}

#pr_top {
	margin-left: 76px;
	clear: both;
	margin-top: 35px;
	height: 50px;
}

#pr_top img {
	vertical-align: text-top;
	margin-right: 7px;
}
#pr {
}
#pr .yoyaku {
	font-weight: bold;
	color: #FF0000;
}

#pr1 {
	margin-top: 12px;
	color: #006699;
}
#news {
	width: 570px;
	background-image: url(../img/news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #003366;
	margin-left: 50px;
	border: 1px solid #6DC8DE;
	margin-top: 40px;
	clear: both;
	height: 235px;
}


#hokoku {
	width: 570px;
	background-image: url(../img/news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #003366;
	margin-left: 50px;
	border: 1px solid #6DC8DE;
	margin-top: 30px;
	clear: both;
	height: 1300px;
	margin-bottom: 50px;
}
.hokoku-1 img {
	float: left;
	border: 1px solid #ccc;
}

.hokoku-11 img {
	float: left;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
#hokoku img {
	float: left;

}

#sinsatu {
	width: 570px;
	background-image: url(../img/news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #003366;
	margin-left: 50px;
	border: 1px solid #6DC8DE;
	height: 435px;
	clear: both;
	margin-top: 30px;
}
.sinsatu_1 {
	margin-top: 15px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 18px;
	color: #444444;
	line-height: 23px;
}
#henkotime img {
	margin-left: 11px;
}

#henkotime {
	clear: both;
}
#sinsatu2 {
	font-size: 18px;
	margin-left: 17px;
	clear: both;
	margin-top: 16px;
}
#sinsatu3 {
	font-size: 13px;
	color: #444444;
	margin-left: 17px;
	line-height: 18px;
}


.hokoku11 {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 172px;
	color: #444444;
	line-height: 21px;
}
.hokoku111 {
	margin-top: 8px;
	color: #373737;
	
}

.hokoku {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 285px;
	color: #444444;
	line-height: 20px;
	width: 278px;
}
.hokoku img {
	margin-top: 5px;
	margin-left: 5px;
}

.hokoku_1 {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 238px;
	color: #444444;
	line-height: 20px;
	width: 320px;
}

.hokoku_2 {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 135px;
	color: #444444;
	line-height: 20px;
}
.red14 a {
	color: #FF0000;
	text-decoration: none;
}
.red14 a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.hokoku-1 {
	clear: both;
	padding-top: 5px;
	position: relative;
}

.hokoku-1 img {
	margin-top: 5px;
	margin-left: 5px;
}

.hokoku-11 {
	clear: both;
	padding-top: 7px;
	position: relative;
}

.hokoku-11 img {
	margin-top: 5px;
	margin-left: 5px;
}

.hokoku2 {
	clear: both;
	padding-top: 7px;
	position: relative;
}

.hokoku2 img {
	margin-top: 5px;
	margin-left: 5px;
}


.hokoku-2 {
	clear: both;
	padding-top: 6px;
	position: relative;
}

.hokoku-2 img {
	margin-top: 5px;
	margin-left: 5px;
}


.hokoku3 {
	clear: both;
	padding-top: 6px;
	position: relative;
}

.hokoku3 img {
	margin-top: 6px;
	margin-left: 5px;
}



.hokoku-3 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #6DC8DE;
	margin-right: 12px;
	margin-left: 12px;
	height: 1px;
	clear: both;
	margin-top: 1px;
}

.hokoku-4 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #6DC8DE;
	margin-right: 12px;
	margin-left: 12px;
	height: 1px;
	clear: both;
	margin-bottom: 1px;
}



.hokoku-5 {
	clear: both;
	padding-top: 5px;
	position: relative;
}

.hokoku-5 img {
	margin-top: 6px;
	margin-left: 5px;
}
.hokoku-5 img {
	float: left;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}


.quacareer {
	width:220px;
	height:78px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(https://hagiwara-hd.net/img/quacareer.jpg);
	padding: 0px;
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	clear: both;
}
.quacareer a {
	display:block;
	width:220px;
	height:78px;
	outline:none;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
.quacareer a:hover {
	width:220px;
	height:78px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-image: url(https://hagiwara-hd.net/img/quacareer.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.news {
	padding-left: 20px;
	font-size: 15px;
	padding-top: 4px;
	font-family: "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
}
.new_1 {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	color: #444444;
	line-height: 17px;
}
.new_1 li {
	padding-bottom: 6px;
	clear: both;
}
.new_1 a {
	text-decoration: none;
}
.new_1 a:hover {
	text-decoration: underline;
}


#jyouhou {
	background-image: url(../img/kesiki.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 79px;
	margin-top: 40px;
	border: 1px solid #A0DAD8;
	background-color: #EEF9F9;
	width: 650px;
	margin-left: 6px;
	padding-left: 3px;
	margin-bottom: 30px;
	clear: both;
}

#scrollBox {
	height: 64px;
	width: 398px;
	overflow: auto;
	font-size: 11px;
	color: #666666;
	clear: both;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 2px;
	padding-right: 1em;
	padding-bottom: 3px;
	padding-left: 1em;
	line-height: 16px;
}
#tiiki {
	text-align: center;
	color: #006699;
}





/* fade */


.fadeimg {
	position: relative;
	margin-top: 10px;
	
}
.fade {
	position: absolute;
	width: 960px;
	height: 310px;
	left: 0px;
	top: 0px;
	opacity: 1;
	z-index: -10;
	margin-top: 1px;
	margin-left: 1px;
	
}
@keyframes yumiza-lb-anima_fp-keyframes {
    0% {
        opacity: 1;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    0.62% {
        opacity: 1;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    88.68% {
        opacity: 1;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
}
@-webkit-keyframes yumiza-lb-anima_fp-keyframes {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    0.62% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    88.68% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes yumiza-lb-anima_fp-keyframes {
    0% {
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    0.62% {
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    88.68% {
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}
.fadeimg .yumiza-lb-anima {
    animation: yumiza-lb-anima_fp-keyframes 5.203s linear 0s 1 normal forwards;
    -webkit-animation: yumiza-lb-anima_fp-keyframes 5.203s linear 0s 1 normal forwards;
    -moz-animation: yumiza-lb-anima_fp-keyframes 5.203s linear 0s 1 normal forwards;
}

#rinen {
	z-index: 100;
	position: absolute;
	top: 210px;
	left: 0px;
}




.slide1 {
	position: relative;
	width: 960px;
	height: 310px;
	border: 1px solid #8AC4BE;
}

.slide1 img {
	position: absolute !important;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 2.5s;
}

.slide1 .show {
	opacity: 1;
	z-index: 1;
}
.topic1 {
	width: 70px;
	float: left;
}

.topic {
	float: right;
	color: #FF0000;
	margin-bottom: 5px;
	font-size: 14px;
	width: 465px;
	margin-right: 2px;
}
#moji5 {
	margin-bottom: 5px;
	text-align: center;
	color: #000000;
}