@charset "utf-8";


/*slide.cssの読み込み*/
@import url(slide.css);

@charset "utf-8";


/*slide.cssの読み込み*/
@import url(slide.css);


/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
body{
	max-width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #333333;
	font-family:"Meiryo UI", メイリオ,游ゴシック, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 2;
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	text-align: left;
	-webkit-text-size-adjust: none;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

ul{
	list-style-type: none;
}

table{
	float : left;
	margin-left: 5px;
	width: 100%;
}

iframe{
	width: 100%;
}

video,audio{
	width: 100%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
	color: #333;
	transition: 0.5s;
}

a:hover{
	color: #779eec;
	text-decoration: none;
}

/*サイトの最大幅の設定
---------------------------------------------------------------------------*/
#container,#menubar,footer .inner{
	max-width: 1250px;
	margin: 0 auto;
}

/*containerの設定（footer以外の、ホームページを囲むブロック）
下の「1450px以下の設定」にあるbody.is-fixed #menubarのmarginの数字と合わせておく。
---------------------------------------------------------------------------*/
#container{
	padding: 0 50px;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header{
	position: relative;
	margin: 0 auto;
	height: 120px;
	background:no-repeat 65% center/500px;
}

/*ロゴ画像*/
header #logo{
	width: 400px;
	position: absolute;
	left: 2%;
	bottom: 20px;
}

/*TELブロック*/
header address{
	font-style: normal;
	position: absolute;
	right: 2%;
	bottom: 20px;
	text-align: right;
	font-size: 95%;
	line-height: 1.2;
	text-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
}

/*TELブロックの電話番号部分*/
header address .tel{
	color: break;
	font-size: 250%;
	background: no-repeat left center / 26px;
	padding-left: 35px;
}


/*文字サイズ変更ボタン（※文字サイズを「大」にした時の設定はchange.cssで行う）
---------------------------------------------------------------------------*/
/*ボタンブロック全体*/
#fsize{
	position: absolute;
	right: 2%;
	top: 0px;
	width: 250px;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	border-radius: 0px 0px 5px 5px;
	line-height: 50px;
	padding: 10px 0px;
}

/*「文字サイズ」のテキスト*/
#fsize p{
	float: left;
	font-size: 18px;
	padding: 0 20px;
}

/*文字サイズボタン１個あたり*/
#fsize ul li{
	float: left;
}

#fsize ul a{
	overflow: hidden;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

/*「小」ボタン設定*/
#fsize ul li#small a::before {
	display: block;
	content: "小";
	font-size: 16px;
	background: #779eec;
	width: 40px;
	line-height: 40px;
	margin-top: 5px;
	margin-right: 10px;
}

/*「大」ボタン設定*/
#fsize ul li#large a::before {
	display: block;
	content: "大";
	font-size: 30px;
	background: #ccc;
	width: 50px;
	line-height: 50px;
}

/*マウスオン時の「大」ボタン設定*/
#fsize ul li#large a:hover::before {
	background: #779eec;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar{
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	height: 70px;
	display: contents;
}

/*メニュー１個あたりの設定*/
#menubar li{
	float: left;
	width: 20%;		/*メニュー幅（100÷x個）*/
	line-height: 1.7;
	font-size:18px;
}

#menubar li a{
	font-size:19px;
	text-decoration: none;
	display: block;
	text-align: center;
	height: 60px;
	padding-top: 10px;
	color: rgb(255, 255, 255);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: white;
	background-color: rgb(119, 158, 236);
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;

}

/*最初のメニューへの追加設定*/
#menubar li:first-child a{
	border-left: none;
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
}

/*最後のメニューへの追加設定*/
#menubar li:last-child a{
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
}

/*飾り文字*/
#menubar li span{
	display: block;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0em;
	opacity: 0.5;
}

/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover, #menubar li.current a{
	background: #437aec;
}

/*スマホ用メニューを表示させない*/
#menubar-s{
	display: none;
}

/*３本バーアイコンを表示させない*/
#menubar_hdr{
	display: none;
}

/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu{
	position:absolute;
	visibility: hidden;
	z-index: 10;
	width: 250px;
	border-top: 1px solid #fff;
}

/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li{
	float: none;
	width: 100%;
	line-height: 1.5;
}

#menubar ul.ddmenu li a{
	width: 100%;
	height: auto;
	font-weight: normal;
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
	border-width: medium medium 1px;
	border-style: none none dotted;
	border-bottom-color: rgb(255, 255, 255);
	background-color: rgba(0, 0, 0, 0.7);
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	color: #ffffff;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/*マウスオン時*/
#menubar ul.ddmenu li a:hover{
	background: #000;
	color: #437aec;
}

/*fixmenu。メインメニューが画面上部に到達した際の設定
---------------------------------------------------------------------------*/
/*fixmenuブロック*/
body.is-fixed .nav-fix-pos{
	width: 1250px;
	z-index: 100;
	position: fixed;
	top: 0;
}


/*headerブロック
body.is-fixed header{
	margin-bottom: 95px;		/*メインメニューのheight(75)とmargin-bottom(20)を足した数字にする*/
}*/

/*最初のメニューへの追加設定
body.is-fixed #menubar li:first-child a{
	border-left: none;
	border-radius: 0px 0px 0px 10px;
}*/

/*最後のメニューへの追加設定
body.is-fixed #menubar li:last-child a{
	border-radius: 0px 0px 10px 0px;
}*/

/*コンテンツ（mainとsubブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents{
	clear: both;
	padding: 30px 0;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/
/*メインコンテンツブロック*/
#main{

	float: right;
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	padding-top: 20px;
}

#S{
	float: right;
	width: 75%;
	height: auto;
	font-size: 30px;
	padding-top: 140px;
	padding-bottom: 15px;
}

#S p{
	background-image : url(../img/line05.png);
	background-repeat: no-repeat;
}

.S{
	float: right;
	width: 75%;
	height: inherit;
	font-size: 30px;
	padding-bottom: 15px;
	background-image: url(../img/line05.png);
	background-repeat: no-repeat;
	font-family: "Meiryo UI";
}

.A{
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 80px;
}

.B{
	float: right;
	width: 75%;
	height: auto;
	font-size: 16.5px;
	padding-bottom: 80px;
	font-family: 游ゴシック;
	
}

.B h1{
	font-size: 24px;
	font-family: 游ゴシック;
	font-weight: normal;
}

.B p{
	font-size : 18px;
	font-family : 游ゴシック;
}

.B dl{
	margin-bottom: 20px;
}

.B dt{
	float: left;
	text-align: left;
	line-height: 16px;
	font-weight: 600;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-position: 8px 8px;
	background-repeat: no-repeat;
	color: #666666;
}



.B dd{
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: left;
	font-size:15px;
	line-height: 21px;
	padding-left: 205px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}

.B a{
	color: #134eb9;
	text-decoration: none;
}

.B a:hover{
	color: #99b6f0;
	text-decoration: none;
}

.sidemenu{
	width: 20%;
	height: auto;
	float: left;
}

.linkbutton a{
	text-decoration: none;
	text-align: center;
	background-image: url(../img/tag03.png);
	padding-bottom: 15px;
	padding-right: 25px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

/*マウスを置いたときの設定*/
.linkbutton a:hover{
	opacity: 0.6;
}

.E{
	position: relative;
}

.E p{
	position: absolute;
	color: white;
	font-weight: normal;
	font-size : 80%;
	font-family 游ゴシック;
	top: 0px;
	left: 0px;
}

.E img{
  	width: 100%;
}

.E table{
	float : left;
	margin-left: 5px;
	width: 100%;
}

.E tr{
	line-height: 1;
	font-size: 14px;
	font-family: 游ゴシック;
	color: #333333;
	padding-left: 20px;
}

.E td{
	width: auto;
	padding-left: 32px;
}

.ad_01{
	font-family: Century;
	color : #009999;
	font-size : 200%;
}

.ad_02{
	font-size : 18px;
	font-family: 游ゴシック;
}

.a{
	float: left;
	width: 50%;
}

.a_b{
	float: right;
	width: 50%;
}

.a img{
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.atl{
	font-size:18px;
}

.atl_t{
	max-width:850px;
	border-collapse : collapse;
}

.atl_i{
	width:320px;
}

.atras_p{
	color : #0059ff;
	font-size : 16px;
	padding-top : 10px;
}

.atras_space01{
	width:100px;
}

.atlas_pad{
	text-align: center;
}

.b{
	float: right;
  	width: 50%;
	
}

.b img{
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.c{
	font-family : 游ゴシック;
	font-size: 18px;
	margin-left: 35px;
	margin-right: 20px;
	margin-bottom: 25px;
	text-align: left;
}

.c_s{
	color : #005fbd;
	font-size : 110%;
}

.c_i{
	font-size:40px;
	font-family : HG正楷書体-PRO;
	line-height : 1.5;
}

.c0{
	font-family : 游ゴシック;
	font-size: 19px;
	margin-left: 60px;
	margin-bottom: 25px;
	margin-left: 35px;
	margin-right: 20px;
}

.d{
	float: left;
	width: 100%;
	font-family: "Meiryo UI";
}

.db{
	font-size:19px;
}

#dp{
	font-size : 22.5px;
}

.d li{
	float: left;
	width: 100%;
	line-height: 35px;
}

.d td{
	background-repeat: no-repeat;
}

.d ol{
	font-size: 24px;
}

.d_q{
	font-size: 32px;
}

.d_p span{
	float: left;
	width: 100%;
	line-height: 35px;
	text-align:right;
	font-size:24px;
	font-family : HGP行書体;
}

.de{
	float: left;
	width: 100%;
	font-family: "Meiryo UI";
	font-size:24px;
}

.de_s{
	color:#0d1fbd;
}

.d_t{
	font-size: 28px;
	font-family : 游ゴシック;
}

.e{
  	float: left;
  	width: 100%;
 	height: 100%;
}

.em{
	margin-left : 40px;
}

.e_02 img{
	margin-left: 55px;
}

.e table{
	max-width: 700px;
	float: left;
	border-collapse: collapse;
	position: relative;
	left: 22px;
	top: 5px;
	margin-bottom: 20px;
}

.e td{
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	line-height: 25px;
	font-family: 游ゴシック;
	padding-top: 7px;
	font-size: 13px;
}

.ea_m{
  	width: 350px;
 	height: auto;
}

.ei_s{
	width : 350px;
	padding-top : 0px;
}

.f{
	float: right;
	width: 100%;
	height: inherit;
	text-align: right;
}

.f a{
	font-family : Meiryo UI;
	color: #134eb9;
	text-decoration: none;
}

.f a:hover{
	color: #99b6f0;
	text-decoration: none;
}

.f_01{				
	font-size : 24px;
	font-family : 游ゴシック;
	line-height : 1;
	color : #333333;
	padding-bottom : 0px;
}

.f_02{	
	font-family : 游ゴシック;
	line-height : 1;
}

.g{
	float: left;
	width: 100%;
	height: 100%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: 20px;
	font-size : 22px;
	font-family : 游ゴシック;
}

.g_b{
	font-size : 18px;
	padding-left: 6%;
}

.gt{
	text-align:center;
}

.gc{
	float: left;
	width: 100%;
	height: 100%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: 2px;
	font-family: "Meiryo UI";
	font-size:  20px;
}

.gg{
	font-size : 19px;
	font-family : 游ゴシック;
	color : #0059ff;
	padding-top : 10px;
}
a.link_a{
	color:#0059ff;
	
}

.name_11{
	display: block;
	padding-left: 33px;
}

.name_12{
	display: block;
}

.name_13{
	display: inline;
	padding-left: 0px;
	line-height: 14px;
}

.name_14{
	display: block;
	padding-left: 23px;
}

.name_15{
	display: inline-block;
	padding-left: 0px;
	line-height: 14px;
}

.name_16{
	display: inline-block;
	padding-left: 7%;
	line-height: 14px;
}

.m_space{
	padding: 24px;
}

.message{
	float: right;
	width: 100%;
	height: inherit;
}

.message table{
	max-width: 850px;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
	border-collapse: collapse;
}

.message td{
	text-align: left;
	line-height: 25px;
	font-family: 游ゴシック;
	padding: 5px;
}

.message tr{
	margin-bottom: 20px;
	vertical-align:top;
}

.message img{
	max-width: 400px;
	height: auto;
}

.messagelabel{
	text-align: right;
	vertical-align: bottom;
}

.messagetitle{
	font-family: "BIZ UDP明朝 Medium";
	font-size: 22px;
	vertical-align: middle;
}

.messagetitle_a{
	background-image: url(../img/line01.png);
	background-repeat: no-repeat;
	font-size: 16px;
}

.messagetitle_b{
	background-image : url(../img/line02.png);
	background-repeat: no-repeat;
	font-size: 16px;
}

.interview{
	float: right;
	width: 100%;
	margin-left: 20px;
}


.interview table{
	max-width: 850px;
	margin-bottom: 80px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
  	border-collapse: collapse;
}

.interview td{
	line-height: 25px;
	font-family: 游ゴシック;
}

.interview tr{
	margin-bottom:20px;
}

.interviewquestion{
	font-weight: bold;
	font-family: メイリオ;
	border-bottom: solid 1px;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.interviewquestion .question{
	font-weight: bold;
	font-family: メイリオ;
	color: white;
	background-color: #a0d8ef;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 20px;
}

.interviewanswer{
	text-indent: -1.5em;
	padding-left: 1.5em;
	font-size:15px;
}

.interviewanswer .answer{
	font-weight: bold;
	font-family: メイリオ;
	color: white;
	background-color: #ec6d71;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 20px;
}

.tel b{
	font-family:Century;
	font-size : 24px;
}

#main #text{
	padding-left: 250px;
	font-size: 15px;
	padding-bottom: 0px;
	top: 20px;
	position: relative;
}

.tug_p01{
	vertical-align:top;
	font-size : 15px;
}

.tug_p02{
	line-height: 1.2em;
	font-size : 15px;
}

.tug_a table{
	max-width: 850px;
	height: auto;
	margin-left: 20px;
}

.tug_a .tug_at{
	margin-left: 60px;
}


.tug_b table{
	max-width: 850px;
	height: auto;
	margin-left: 40px;
}

.tug_b .tug_bt{
	margin-left: 95px;
}

.tug_b .tugbt{
	margin-left: 66px;
}

.tug_as{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 20px;
	padding-left : 0px;
	height: auto;
	margin-left: 2px;
	text-align: center;
}

.tug_ms{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 20px;
	padding-left : 0px;
	text-align: center;
}

.tug_ks{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 20px;
	text-align: center;
}

.tug_ds{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 20px;
	padding-left : 0px;
	height: auto;
	margin-left: 2px;
	text-align: center;
}

.tug_rs{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 20px;
	height: auto;
	margin-left: 2px;
	text-align: center;
}

.titlea_01{
	font-family : 游ゴシック;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #c6c6c6;
	position: relative;
	padding-left: 60px;
	font-size: 45px;
	color: #7f7f7f;
	line-height: 1;
	max-width: 520px;
	opacity: 0;
    animation-name: fadein-bottom;
	animation-duration: 1.5s;
	animation-delay: .3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.titlea_01:before, .titlea_01:after{
	position: absolute;
	content: '';

}

.titlea_01:before{
	left: 13px;
	top: 11px;
	background-color: rgba(91, 173, 255, 0.2);
	padding-top: 13px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
}

.titlea_01:after{
	left: 25px;
	top: -3px;
	background-color: rgba(0, 55, 164, 0.6);
	padding-top: 13px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
}

.titlea_01 span{
	font-family : Calibri;
	font-size : 24px;
	color : #7f7f7f;
}

.titlea_02{
	font-family : 游ゴシック;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #c6c6c6;
	position: relative;
	padding-left: 60px;
	font-size: 45px;
	color: #7f7f7f;
	line-height: 1;
	max-width: 530px;
	opacity: 0;
    animation-name: fadein-bottom;
	animation-duration: 1.5s;
	animation-delay: .3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.titlea_02:before, .titlea_02:after{
	position: absolute;
	content: '';

}

.titlea_02:before{
	left: 13px;
	top: 11px;
	background-color: rgba(170, 234, 202, 0.6);
	padding-top: 13px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
}

.titlea_02:after{
	left: 25px;
	top: -3px;
	background-color: rgba(45, 134, 153, 0.7);
	padding-top: 13px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
}

.titlea_02 span{
	font-family : Calibri;
	font-size : 24px;
	color : #7f7f7f;
}

.titleb{
	width: 250px;
	color: white;
	margin-left: 5px;
	background-image: url(../img/tag02.png);
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "Meiryo UI";
}

.title_space{
	padding-left: 35%;
}


.titlea_s{
	color:#0080ff;
}

.lead-form{
  	text-align: center;
  	font-size:20px;
}

.out_01{
	padding-left : 36px;
}

.out_02{
	padding-left : 66px;
}

.out_03{
	padding-left : 55px;
}

.out_04{
	padding-left : 53px;
}

.pg_03{
	color:#0080ff;
}

.pe_01{
	text-align : center;
	font-size:18px;
}

.pe_02{
	color:#377aff;
	text-align : center;
	font-size:18px;
	text-indent : 3.5em;
}

.pe_03{
	margin-left : 70px;
}

.pe_04{
	margin-left : 70px;
}

.pe_pad{
	text-align: center;
}

.sp_pad{
	text-align: center;
}

.sy{
	height: 352px;
}

.sy_tr01{
	text-indent : 295px;
	font-family : 游ゴシック;
	font-size : 14px;
}

.sy_tr02{
	height: 352px;
	background-repeat: no-repeat;
	vertical-align: top;
	text-indent: 420px;
	font-family: 游ゴシック;
	font-size: 14px;
}

.sy_tr03{
	text-indent : 245px;
	font-family : 游ゴシック;
	font-size : 14px;
}

.recruit_space01{
	vertical-align: top;
	width: 235px;
}

form{
	width: auto;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.item{
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 40px;
}

.im_01{
	text-indent : 1em;
}

.im_02{
	text-indent : 1.5em;
}

.im_03{
	text-align: center;
	font-size: 24px;
}

.im_space01{
	width:150px;
}

.im_space02{
	width:350px;
}

.im_pad{
	text-align: center;
}

.ic_01{
	font-size:16px;
}

.ic_02{
	font-size:16px;
}

.label{
	float: left;
	margin-right: 20px;
	width: 170px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
}

.label img{
	float: right;
	margin-top: 8px;
}

.inputs{
  	float: left;
  	width: 60%;
}

input[type="text"]{
  	border: solid 1px #aaa;
  	padding:10px;
  	font-size: 15px;
}

input[type="email"]{
  	border: solid 1px #aaa;
  	padding:10px;
  	font-size: 15px;
	ime-mode:disabled;
}

input[type="tel"]{
	border-width: 1px;
	border-style: solid;
	border-color: #a9a9a9;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 15px;
	ime-mode: disabled;
}

textarea{
	resize: none;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 400px;
	height: 200px;
	font-size: 15px;
	font-family: Arial;
	overflow: auto;
}

.btn-area{
  	text-align: center;
}

input[type="submit"]{
	width: 155px;
  	background: #43bfa0;
  	border: none;
  	color: white;
  	font-size:15px;
  	padding: 15px 20px;
  	margin: 0 5px;
	font-family: HGSｺﾞｼｯｸM;
	border-radius: 1.7em;
}

input[type="reset"]{
	width: 155px;
  	background: #aaa;
  	border: none;
  	color: white;
  	font-size:15px;
  	padding: 15px 20px;
  	margin: 0 5px;
	font-family: HGSｺﾞｼｯｸM;
	border-radius: 1.7em;
}

.mark:before{
	content: "■";
	color: black;
}

.w_01{
	width:50%;
	text-align:center;
	padding-bottom : 35px;
	padding-top : 10px;
}

.w_02{
	width:50%;
	text-align:right;
	padding-bottom : 45px;
	padding-top : 10px;
}

.w_03{
	text-align:center;
	width:50%;
	font-size : 14px;
	color : teal;
}

.w_space1{
	padding-left: 17.7%;
}

.w_space2{
	padding-left: 10%;
}

/*１カラム時のメインコンテンツ*/
.c1 #main{
	float: none;
	width: auto;
}

/*mainコンテンツのh2タグ設定*/
#main h2{
	clear: both;
	margin-bottom: 20px;
	padding: 0px 20px;
	font-size: 150%;
	color: black;
	border-bottom-style:solid;
	border-color: gray;
}

/*h2タグの１文字目への追加設定*/
#main h2::first-letter {
	border-left: 3px solid #fff;
	padding-left: 15px;
}

/*mainコンテンツのh3タグ設定*/
#main h3{
	clear: both;
	margin-bottom: 20px;
	padding: 5px 20px;
	font-size: 110%;
	border-bottom: 5px solid #ccc;
}

/*h3タグの１文字目への追加設定*/
#main h3::first-letter {
	border-left: 3px solid #779eec;	
	padding-left: 15px;
}

/*mainコンテンツの段落タグ設定*/
#main p{
	padding: 0px 10px 10px;
}

/*他。微調整。*/
#main p + p{
	margin-top: -5px;
}

#main h2 + p,
#main h3 + p{
	margin-top: -10px;
}

#main section + section{
	padding-top: 30px;
}

#main ul li{
	text-align: left;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-position: 8px 8px;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	color: rgb(0, 0, 0);
}



/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub{
	float: left;
	width: 0%;
	padding-bottom: 0px;
}

/*１カラム字のサブコンテンツ*/
.c1 #sub{
	display: none;
}

/*h2見出しタグ設定*/
#sub h2{
	margin-bottom: 0px;
	font-size: 110%;
	border-style:hidden;
	backgrpund-color:#FFFF;
}

#sub h3{
	margin-bottom: 10px;
	font-size: 100%;
	border-style:hidden;
}

/*subコンテンツのh2タグの１文字目への設定*/
#sub h2::first-letter {
	border-left: 0px solid #;
	padding-left: 0px;
}

/*段落タグ（p）設定*/
#sub p{
	line-height: 1.6;
}

#sub td{
	font-size: 75%;
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.submenu{
	margin-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e4e4e4;
}

/*メニュー１個ごとの設定*/
.submenu li{
	border-bottom: solid 1px #e4e4e4;
}

.submenu li a{
	font-size: 18px;
	text-decoration: none;display: block;
	padding: 10px 10px 10px 10px;
	background: #fff no-repeat 10px center 10px
}

#tn {
	font-size:17px;
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
.box1{
	padding: 0px;
	margin-bottom: 20px;
	background: white;
	border: solid 1px #;
	box-shadow: 0px 0px 1px 1px # inset;
	border-radius: 0px;
}

/*box1内のメニューの設定*/
.box1 .submenu{
	margin-bottom: 0px;
}

.box1 .submenu li a{
	padding: 5px 0px;
}

#sub2 table{
       border-bottom: 1px solid black;
}

#sub2 td{
       border-bottom: 1px solid black;
}

#sub2 th{
       border-bottom: 1px solid black;
}

/*フッター設定
---------------------------------------------------------------------------*/
/*footerボックス*/
footer{
	clear: both;overflow: hidden;
	border-top: 5px solid #779eec;
	background: #779eec;
	color: white;
	padding-top: 25px;
	padding-bottom: 20px;
}

/*footer内のinner*/
footer .inner{
	padding: 0 10px;
}

/*リンクテキスト、マウスオン時の文字色*/
footer a, footer a:hover{
	color: #D9E5FF;
}

/*フッター内のh2タグ*/
footer h2{
	font-size: 200%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
}

/*フッター内のaddress（電話番号ブロック）タグ*/
footer address{
	font-style: normal;
	background: #333;
	border-radius: 10px;
	text-align: center;
	line-height: 1.5;
	padding: 5px;
}

/*フッター内のaddress（電話番号の行）タグ*/
footer address .tel{
	font-size: 40px;
	background: url(../images/icon_tel.png) no-repeat left center / 30px;
	padding-left: 45px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu{
	float: left;
	overflow: hidden;
	width : 35%;
	font-size: 95%;
	margin-left: -1%;
	padding: 0px 0.5px;
	background:#779eec;
}

/*１列分の設定*/
#footermenu ul{
	float: left;
	width: auto;
	height: auto;		/*今回は４列作ったので、下のmarginを含めて25%になるよう指定。５列にするならこの行は19%にする。*/
	margin-left: 2em;
	margin-bottom: 2em;
}

/*メニュー１個あたりの設定*/
#footermenu ul li{
	padding: 0 5px;

}

/*見出し1*/
#footermenu li.title{
	font-size: 130%;	
	background-color: #779eec;
}

/*リンクテキスト*/
#footermenu a{
	text-decoration: none;
	color: white;
	opacity: 1;
}

/*マウスオン時*/
#footermenu a:hover{
	color: #D9E5FF;
	opacity: 1;
}

#footermenu2{
	float: right;
	width : 65%;
	font-size: 80%;
	background: #779eec;
}

#footermenu2 ul{
	width: 125;
	margin-left: 0%;
}

/*メニュー１個あたりの設定*/
#footermenu2 ul li{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#footermenu2 li.title{
	background-color: rgb(119, 158, 236);
	font-size: 120%;

}

#footermenu2 li.title span{
	color: #bae7bd;
}

/*見出し*/
#footermenu2 .title1{
	float: left;
	width: 18%;
}

/*見出し2*/
#footermenu2 .title2{
	float: left;
	width: 20%;
}

/*見出し3*/
#footermenu2 .title3{
	float: left;
	width: 24%;
}

/*見出し4*/
#footermenu2 .title4{
	float: left;
	width: 18%;
}

/*見出し5*/
#footermenu2 .title5{
	float: left;
	width: 13%;
}

/*リンクテキスト*/
#footermenu2 a{
	text-decoration: none;
	color: white;
	opacity: 1;
}

/*マウスオン時*/
#footermenu2 a:hover{
	color: #D9E5FF;
	opacity: 1;
}

.f_menu{
	padding-left:17%;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright{
	clear: both;
	text-align: center;
	background: white;
	color: #fff;
}

#copyright a{
	text-decoration: none;color: black;
}

#copyright .pr{
	display: block;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	padding: 0px 20px;
	margin-bottom: 20px;
}
/*日付設定*/
#new dt{
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd{
	padding-left: 9em;
	border-bottom: 1px solid #ccc;
}

/*listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定
.list {
	overflow: hidden;
	width: 26.4%;
	float: left;
	margin: 0 0 20px 2%;
	border: 5px solid #ccc;	
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);
	padding: 2%;
	border-radius: 3px;
}
.list a {
	float: left;
	display: block;text-decoration: none;overflow: hidden;
	margin: -2%;
	padding: 2%;
}

/*マウスオン時の設定*/
.list a:hover{
	position: relative;
}

/*h4（見出し）タグの設定*/
.list h4{
	color: #779eec;
	font-size: 120%;
	text-align: center;
	height: 2em;
	overflow: hidden;
}

/*p（段落）タグの設定*/
.list p{
	padding: 0 !important;
	line-height: 1.5;
	font-size: 90%;
	color: #333;
	/* height: 6em;
	overflow: hidden; */
}


/*サムネイル画像の設定
---------------------------------------------------------------------------*/
.thumbnail {
	width: 70px;
	margin: 5px;
	opacity: 0.7;
}

/*マウスオン時*/
.thumbnail:hover {
	opacity: 1;
}

/*box（info1.htmlやstaff.htmlで使っている枠色がついたタイプのボックス）
---------------------------------------------------------------------------*/
/*box*/
.box{
	overflow: hidden;
	border: 3px solid #779eec;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}

/*box内のh4タグ*/
.box h4{
	color: #779eec;
	font-size: 130%;
}

/*box内のpタグ*/
.box p{
	padding: 0 !important;
}

/*box内のfrとflスタイルのリセット*/
.box .fr,.box .fl{
	margin-bottom: 0;
}

/*ページナビ（メインメニューの下にある、現在の階層を示すナビメニュー）
---------------------------------------------------------------------------*/
/*ナビブロック全体*/
.nav{
	background: #eee;
	padding: 10px 30px;
	margin-bottom: 10px;
	margin-top: -30px;
	border-radius: 0px;		/*角丸の指定*/

}

/*メニュー１個あたりの指定*/

.nav li{
	display: inline;
	padding: 0 5px;
	font-size: 20px;
}

/*メニューの冒頭に入れる「>」のマーク*/
.nav li::before{
	content: "";
	padding-right: 12px;
	color: #999;
}

/*最初のメニューには「>」は入れない*/
.nav li:first-child::before {
	content: none;
}

.nav1{
	background: #ffffff;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: -10px;
	border-radius: 10px;
}

/*メニュー１個あたりの指定*/

.nav1 li{
	display: inline;
	padding: 0 5px;
}

/*メニューの冒頭に入れる「>」のマーク*/
.nav1 li::before{
	content: "▶";
	padding-right: 12px;
	color: #999;
}

/*最初のメニューには「>」は入れない*/
.nav1 li:first-child::before {
	content: none;
}

/*ページ内メニュー（info.htmlで使用）
---------------------------------------------------------------------------*/
/*ブロック全体*/
.menu{
	overflow: hidden;
	margin-bottom: 0px;
	text-align: center;
	font-size: 120%;
}

/*メニュー１個あたりの指定*/
.menu li{
	display: inline;
	/*border-right: 1px solid #999;		右側の線の幅、線種、色*/
}

.menu li a{
	padding: 10px;
	color: #999;
}

/*最初のメニューへの追加指定*/
.menu li:first-child{
	/*border-left: 1px solid #999;	左側の線の幅、線種、色*/
}

/*現在表示中(current)と、マウスオン(hover)時の指定*/
.menu li.current a, .menu li a:hover{
	text-decoration: none;
	color: #333;
}

/*よく頂く質問
---------------------------------------------------------------------------*/
/*外側ブロック*/
.faq{
	padding: 0px 20px;
}

/*質問*/
.faq dt{
	color: #779eec;
	font-weight: bold;
	padding-left: 30px;
	background: url(../images/faq_q.png) no-repeat left top / 30px;	/*「Q」アイコン*/
}

/*回答*/
.faq dd{
	padding-left: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	background: url(../images/faq_a.png) no-repeat left top / 30px;	/*「A」アイコン*/
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption{
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: left;
	background: #eee;
	color: #666;
	font-weight: bold;
	padding: 10px;
}

/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta1 th.tamidashi{
	width: auto;
}

/*ta1設定*/
.ta1{
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}

.ta1, .ta1 td, .ta1 th{
	word-break: break-all;
	border: 1px solid #ccc;
	padding: 10px;
}

/*ta1の左側ボックス*/
.ta1 th{
	width: 140px;
	text-align: center;
}

/*テーブル（ta2）サブブロックの受付テーブルに使用。
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta2 caption{
	border: 0px solid ;
	border-bottom: none;
	text-align: center;
	background: #fff;
	color: #333;
	padding: 0px;
}

/*ta2設定*/
.ta2{
	table-layout: fixed;
	width: 100%;
	margin-bottom: 0px;
	text-align: center;
	background: #fff;
	color: #333;
}
.ta2, .ta2 td, .ta2 th{
	word-break: break-all;
	border: 0.5px solid #b7b7b7;
}
/*曜日*/
.ta2 th{
	background: #fffbe3;
}

/*btn（inputタグ用）
---------------------------------------------------------------------------*/
input.btn[type="submit"],
input.btn[type="button"],
input.btn[type="reset"]{
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #eee;
}

/*マウスオン時の設定*/
input.btn:hover[type="submit"],
input.btn:hover[type="button"],
input.btn:hover[type="reset"]{
	border: 1px solid #999;
	background: #fff;
}

/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check{
	background: #ff0000;
	color:#fff;
	padding: 10px 25px !important;
	margin-bottom: 20px;
	border-radius: 3px;
}
#sub p.check{
	padding: 5px 10px !important;
}
p.check a{
	color: #fff;
}

/*PAGE TOP 設定
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}

/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a{
	display: none;
}

/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a{
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
	width: 60px;
	line-height: 60px;
	bottom: 40px;
	right: 1%;
	background: #779eec;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	animation-name: scroll;		/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;		/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}

/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover{
	background: #999;
}

/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc{
	list-style: disc;padding: 0 20px 20px 45px;
}

ol{
	padding: 0 20px 20px 45px;
}

#sub ul.disc, #sub ol{
	padding: 0 0 0 20px;
}

/*pdfアイコン
---------------------------------------------------------------------------*/
a[href$=".pdf"]{
	display: inline-block;
	background: url(../images/PDF_32.png) no-repeat right center;
	padding: 5px 40px 5px 0px;
}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon{
	background: #F00;
	color: #FFF;
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*その他
---------------------------------------------------------------------------*/
.look{
	color:#fff;background: #666;padding:5px;border-radius: 4px;
}

.mb15,.mb1em{
	margin-bottom: 15px !important;
}

.mb30{
	margin-bottom: 30px !important;
}

.clear{
	clear: both;
}

.color1{
	color: #779eec !important;
}

.bgcolor1{
	background: #f2f2f2 !important;
}

.bgcolor2{
	background: #dbebf7 !important;
}

.pr{
	font-size: 10px;
}

.wl{
	width: 96%;
}

.ws{
	width: 50%;
}

.w40p{
	width: 40%;
}

.w20p{
	width: 20%;
}

.r{
	text-align: right;
}

.l{
	text-align: left;
}

.fr{
	float: right;margin-left: 2%;margin-bottom: 20px;
}

.fl{
	float: left;margin-right: 2%;margin-bottom: 20px;
}

.big1{
	font-size: 200%;letter-spacing: 0.2em;
}

.mini1{
	font-size: 80%;
}

.sh{
	display: none;
}

.half{
	width: 48%;
}

.link{
	display: block;margin-top: -80px;padding-top: 80px;
}

div.cal_wrapper{
	padding: 5px 0px;

}

div.schedule_wrapper{
	padding: 5px 0px;
	width: 300px;
	border: solid 1px #CCC;
}

div.schedule_wrapper h3{
	padding: 0px 0px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}

div.schedule_wrapper div.schedule_list{
	padding: 0px 10px;
	margin: 0px;
}

div.schedule_wrapper div.schedule_list ol{
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}

div.schedule_wrapper div.schedule_list ol li{
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}

div.schedule_wrapper div.schedule_list ol li:hover{
	text-decoration: underline;
}

div.cal_wrapper table.cal tr th p{
	float: left;
	padding: 1px;
	margin: 0px;
	color: #666;
	font-size: 14px;
}

div.cal_wrapper table.cal tr th div.cal_ui{
	float: right;
}

div.cal_wrapper table.cal tr th div.cal_ui input{
	border: solid 1px #666;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 1px 3px;
}

div.cal_wrapper table.cal tr td{
	border-top: solid 1px #EEE;
}

div.cal_wrapper table.cal tr td{
	font-size: 12px;
	text-align: center;
	padding: 1px;
}

div.cal_wrapper table.cal tr.headline td{
	padding: 2px 0px;
	color: #666;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr.headline{
	background-color: #EEE;
}

div.cal_wrapper table.cal tr td div{
	position: relative;
	padding: 4px 6px;
	font-size: 12px;
	text-align: center;
	background-color: #FFF;

}

div.cal_wrapper table.cal tr td div span{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	display: none;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Sat{
	color: #00F;
}

div.cal_wrapper table.cal tr td div.Sun{
	color: #F00;
}

div.cal_wrapper table.cal tr td div.Today{
	font-weight: bolder;
}

div.cal_wrapper table.cal tr td div.Deli{
	background-color: #EFE;
}

div.cal_wrapper table.cal tr td div.Holyday1{
	color: #F00;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Holyday2{
	color: #00F;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Holyday3{
	color: #000;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Work1{
	color: #F00;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.Work2{
	color: #00F;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.Birthday{
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
}

div.cal_wrapper table.cal tr td div.backward{
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.pointer{
	cursor: pointer;
}

div.cal_wrapper table.cal tr td div.pointer:hover{
	background-color: #EEE;
}

#menuToggle{
	display: none;
}
.menber_img{
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
}
.ea {
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
}

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

/*上の#containerのpaddingの数字部分と合わせておく*/
body.is-fixed #menubar{
	margin: 0 50px;
}
}

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

body.is-fixed #menubar{
	margin: 0 0px;
}
}

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

body.is-fixed #menubar{
	margin: 0 25px;
}
}

@media screen and (max-width:900px){
body{	
	font-size: 26px;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea{
	margin: 0px;
	padding: 0px;
	font-size: 85%;
}

ul{
	list-style-type: none;
}

table{
	float : left;
	margin-left: 5px;
	width: 100%;
	padding-top: 10px;
}

iframe{
	width: 100%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
	color: #333;
	transition: 0.5s;
}

a:hover{
	color: #779eec;
	text-decoration: none;
}

/*containerとfooterの文字サイズ指定
---------------------------------------------------------------------------*/
#container,#menubar,footer .inner{
	max-width: 900px;
	margin: 0 auto;
}

#container{
	padding: 0 25px;
}
/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
header{
	position: relative;
	margin: 0 auto;
	height: 110px;
	background:no-repeat 65% center/500px;
}

/*ロゴ画像*/
header #logo{
	width: 45%;
	position: absolute;
	left: 0%;
	bottom: 5px;
}

/*TELブロック*/
header address{
	font-style: normal;
	position: absolute;
	right: 0%;
	bottom: 11px;
	text-align: right;
	line-height: 1.2;
	text-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
}

/*TELブロックの電話番号部分*/
header address .tel{
	color: break;
	font-size: 100%;
	background: no-repeat left center / 26px;
	padding-left: 35px;
}

/*fixmenu。メインメニューが画面上部に到達した際の設定
---------------------------------------------------------------------------*/
/*fixmenuブロック*/
body.is-fixed .nav-fix-pos{
	width: 100%;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar{
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 64px;
}

/*メニュー１個あたりの設定*/
#menubar li{
	float: left;
	width: 100%;		/*メニュー幅（100÷x個）*/
	line-height: 1.7;
	font-size:18px;
	text-align: center;
}

#menubar li a{
	font-size: 215%;
	text-decoration: none;
	display: block;
	text-align: center;
	height: 100px;
	padding-top: 0px;
	color: rgb(222,222,222);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgb(119, 158, 236,0);
	background-color: rgb(119, 158, 236,0);
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
}

/*最初のメニューへの追加設定*/
#menubar li:first-child a{
	border-left: none;
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
}

/*最後のメニューへの追加設定*/
#menubar li:last-child a{
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
}

/*飾り文字*/
#menubar li span{
	display: block;
	font-size: 50%;
	font-weight: normal;
	letter-spacing: 0em;
	opacity: 0.9;
	line-height: 0;
}

/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover, #menubar li.current a{
	background: #437aec;
}

/*スマホ用メニューを表示させない*/
#menubar-s{
	display: none;
}

/*３本バーアイコンを表示させない*/
#menubar_hdr{
	display: none;
}

/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu{
	position:absolute;
	visibility: hidden;
	z-index: 10;
	width: 20%;				/*幅。上の「#menubar li」と合わせる。*/
	border-top: 1px solid #fff;
	display: none;
	
}

/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li{
	float: none;
	width: 100%;
	line-height: 1.5;
}

#menubar ul.ddmenu li a{
	width: 100%;
	height: auto;
	font-weight: normal;
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
	border-width: medium medium 1px;
	border-style: none none dotted;
	border-bottom-color: rgb(255, 255, 255);
	background-color: rgba(0, 0, 0, 0.7);
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	color: #ffffff;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: none;
}

/*マウスオン時*/
#menubar ul.ddmenu li a:hover{
	background: #000;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*他。微調整。*/
#main section + section{
	padding-top: 20px;
}

#main{
	float: right;
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	padding-top: 0px;
}

#S{
	float: right;
	width: 75%;
	height: auto;
	font-size: 30px;
	padding-top: 140px;
	padding-bottom: 15px;
}

#S p{
	background-image : url(../img/line05.png);
	background-repeat: no-repeat;
}

.S{
	float: right;
	width: 100%;
	height: inherit;
	font-size: 140%;
	padding-bottom: 15px;
	background-image: url(../img/line05.png);
	background-repeat: no-repeat;
	font-family: "Meiryo UI";
}

.A{
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 0px;
}

.B{
	float: right;
	width: 100%;
	font-size: 80%;
	height: auto;
	padding-bottom: 80px;
	font-family: 游ゴシック;
}

.B h1{
	font-size: 24px;
	font-family: 游ゴシック;
	font-weight: normal;
}

.B p{
	font-size : 95%;
	font-family : 游ゴシック;
}

.B dt{
	float: left;
	text-align: left;
	line-height: 25px;
	font-weight: 600;
	font-size: 110%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	background-position: 8px 8px;
	background-repeat: no-repeat;
	color: #666666;
	width: 100%;
}

.B dd{
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: left;
	font-size:100%;
	line-height: 30px;
	padding-left: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}

.sidemenu{
	width: 100%;
	height: auto;
	float: left;
}

.linkbutton a{
	padding-bottom: 25px;
	padding-right: 8%;
}

.linkbutton a:hover{
	opacity: 0.6;
}

.E{
  	position: relative;
}

.E p{
	position: absolute; 
	color: white;
	font-weight: normal;
	font-size : 80%;
	font-family 游ゴシック;
	top: 0px;
	left: 0px;
}

.E img{
  	width: 100%;
}

.E table{
	float : left;
	margin-left: 2px;
	width: 100%;
}

.E tr{
	line-height: 1;
	font-size: 74%;
	font-family: 游ゴシック;
	color: #333333;
	padding-left: 20px;
}

.E td{
	width: 35%;
	padding-left: 0px;
}

.ad_01{
	font-family: Century;
	color : #009999;
	font-size : 100%;
}

.ad_02{
	font-size : 70%;
	font-family: 游ゴシック;
}

.a{
	float: left;
  	width: 100%;
	height: 350px;
}

.a_b{
	float: left;
  	width: 100%;
	height: 350px;
}

.a img{
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.atl{
	font-size:100%;
	padding-left: 3.4%;
}

.atl_t{
	max-width:850px;
	border-collapse : collapse;
}

.atl_t span{
	font-size:85%;
}

.atl_i{
	width:320px;
}

.atras_p{
	color : #134eb9;
	font-size : 16px;
	padding-top : 10px;
}

.atras_space01{
	width:15px;
}

.b{
	float: right;
  	width: 100%;
}

.b img{
	padding-bottom: 30px;
}

#cal0{
	display:none;
}

.c{
	font-size: 91%;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 10px;
}

.c_s{
	font-size : 100%;
}

.c_i{
	font-size:100%;
}

.c0{
	font-family : 游ゴシック;
	font-size: 100%;
	margin-left: 60px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
}

.db{
	font-size:100%;
}

.de{
	float: left;
	width: 100%;
	font-family: "Meiryo UI";
	font-size: 95%;
}

.de_s{
	color:#0d1fbd;
	font-size:85%;
}

#dp{
	font-size : 100%;
}

.d li{
	float: left;
	width: 100%;
	line-height: 50px;
	font-size: 100%;
}

.d td{
	background-repeat: no-repeat;
}

.d ol{
	font-size: 100%;
}

.d_q{
	font-size: 100%;
}

.d_p span{
	float: left;
	width: 100%;
	line-height: 35px;
	text-align:right;
	font-size:100%;
	font-family : HGP行書体;
}

.d_t{
	font-size: 120%;
	font-family : 游ゴシック;
}

.e{
  	float: left;
  	width: 100%;
 	height: 100%;
}

.e_01 img{
	margin-left: 20px;
}

.e_02 img{
	width: 100%;
	margin-left: 5px;
}

.e table{
	max-width: 900px;
	float: left;
	border-collapse: collapse;
	position: relative;
	left: -4px;
	top: 5px;
	margin-bottom: 20px;
}

.e td{
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	line-height: 23px;
	font-family: 游ゴシック;
	padding-top: 0px;
	font-size: 90%;
}

.e img{
	width: 100%;
}

.ei{
	width: 100%;
}

.ei_s{
	width : 100%;
}

.em{
	width: 100%;
	margin-left : 0px;
}

.en{
	background-position: center;
}

.ea{
	width: 90%;
	height: auto;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
}

.ea_m{
  	width: 100%;
 	height: auto;
	
}

.f{
	float: right;
	width: 100%;
	height: inherit;
	text-align: right;
}

.f a{
	color: #134eb9;
	text-decoration: none;
}

.f a:hover{
	color: #99b6f0;
	text-decoration: none;
}

.f_01{				
	font-size : 100%;
	font-family : 游ゴシック;
	line-height : 1;
	color : #333333;
	padding-bottom : 0px;
}

.f_02{	
	font-family : 游ゴシック;
	line-height : 1.5;
	font-size: 100%;
}

.g{
	float: left;
	width: 100%;
	height: 100%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: 2px;
	font-size : 100%;
	font-family : 游ゴシック;
}

.g_b{
	font-size : 100%;
}

.gc{
	float: left;
	width: 100%;
	height: 100%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: 2px;
	font-family: "Meiryo UI";
	font-size:  18px;
}

.gg{
	font-size : 105%;
	font-family : 游ゴシック;
	color : #134eb9;
	padding-top : 10px;
}

a.link_a{
	color:#134eb9;
	
}
.name{
	display: inline-block;
	float: right;
}

.name_11{
	display: inline;
	padding-left: 0px;
	line-height: 16px;
}

.name_12{
	display: inline;
}

.name_13{
	display: inline;
	padding-left: 0px;
	line-height: 14px;
}

.name_14{
	display: inline;
	padding-left: 0px;
	line-height: 14px;
}

.name_15{
	display: inline;
	padding-left: 0px;
	line-height: 14px;
}

.name_16{
	display: inline;
	padding-left: 0px;
	line-height: 14px;
}

.name_01{
	display: inline-block;
}

.name_02{
	display: inline-block;
	padding-left: 10px;
	line-height: 16px;
}

.name_03{
	display: inline-block;
	padding-left: 30px;
	line-height: 30px;
}

.name_04{
	display: block;
	padding-left: 12%;
}

.m_space{
	padding: 2px;
}

.message{
	float: right;
	width: 100%;
	height: inherit;
}

.message table{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 2px;
	border-collapse: collapse;
}

.message td{
	text-align: left;
	line-height: 20px;
	font-family: 游ゴシック;
	padding: 0px;
}

.message tr{
	margin-bottom: 20px;
	vertical-align:top;
}

.message img{
	width: 283px;
	height: auto;
}

.messagelabel{
	text-align: left;
	vertical-align: bottom;
	font-size: 80%;
}

.messagetitle{
	font-family: "BIZ UDP明朝 Medium";
	font-size: 80%;
	vertical-align: middle;
}

.messagetitle_a{
	background-image: url(../img/line01.png);
	background-repeat: no-repeat;
	font-size: 90%;
	line-height: 20px;
}

.messagetitle_b{
	background-image : url(../img/line02.png);
	background-repeat: no-repeat;
	font-size: 90%;
	line-height: 20px;
}

.ic_01{
	font-size:95%;
}

.ic_02{
	font-size:95%;
}

.interview{
	float: right;
	width: 100%;
	margin-left: 20px;
}


.interview table{
	max-width: 100%;
	margin-bottom: 50px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
  	border-collapse: collapse;
}

.interview td{
	line-height: 25px;
	font-family: 游ゴシック;
}

.interview tr{
	margin-bottom:20px;
}

.interviewquestion{
	font-weight: bold;
	font-family: メイリオ;
	border-bottom: solid 1px;
	font-size: 105%;
	margin-top: 10px;
	margin-bottom: 15px;
}

.interviewquestion .question{
	font-weight: bold;
	font-family: メイリオ;
	color: white;
	background-color: #a0d8ef;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 110%;
}

.interviewanswer{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 95%;
}

.interviewanswer .answer{
	font-weight: bold;
	font-family: メイリオ;
	color: white;
	background-color: #ec6d71;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 110%;
}

.im_space01{
	width:1px;
}

.im_space02{
	width:0px;
}

.tel b{
	font-family:Century;
	font-size : 100%;
}

#main #text{
	padding-left: 0px;
	font-size: 95%;
	padding-bottom: 15px;
	top: 20px;
	position: relative;
}

#tn {
	font-size:23px;
}

.tug_a table{
	max-width: 850px;
	height: auto;
	margin-left: 2px;
}

.tug_a .tug_at{
	margin-left: 10px;
}

.tug_p01{
	line-height: 1.2em;
	vertical-align:top;
	font-size : 83%;
}

.tug_p02{
	line-height: 1.2em;
	vertical-align:top;
	font-size : 83%;
}

.tug_as{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 100%;
	padding-left : 0px;
	height: auto;
	margin-left: 2px;
	text-align: center;
}

.tug_ms{
	width: 22%;
	background-color : #5988e8;
	color : #ffffff;
	font-size : 100%;
	padding-left : 0px;
	text-align: center;
}

.tug_ks{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 100%;
	text-align: center;
}

.tug_ds{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 100%;
	padding-left : 0px;
	height: auto;
	margin-left: 0px;
	text-align: center;
}

.tug_rs{
	width: 7%;
	background-color : #5988e8;
	color : #ffffff;
	font-size : 100%;
	height: auto;
	margin-left: 0px;
	text-align: center;
}

.tug_b table{
	max-width: 850px;
	height: auto;
	margin-left: 40px;
}

.tug_b .tug_bt{
	margin-left: 8px;
}

.tug_b .tugbt{
	margin-left: 5px;
}

.titlea_01{
	font-family : 游ゴシック;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #c6c6c6;
	position: relative;
	padding-left: 7%;
	font-size: 130%;
	color: #7f7f7f;
	line-height: 1;
	max-width: 100%;
}

.titlea_01:before, .titlea_01:after{
	position: absolute;
	content: '';

}

.titlea_01:before{
	left: 3px;
	top: 2px;
	background-color: rgba(91, 173, 255, 0.2);
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.titlea_01:after{
	left: 17px;
	top: -10px;
	background-color: rgba(0, 55, 164, 0.6);
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.titlea_01 span{
	font-family : Calibri;
	font-size : 70%;
	color : #7f7f7f;
}

.titlea_02{
	font-family : 游ゴシック;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #c6c6c6;
	position: relative;
	padding-left: 7%;
	font-size: 130%;
	color: #7f7f7f;
	line-height: 1;
	max-width: 100%;
}

.titlea_02:before, .titlea_02:after{
	position: absolute;
	content: '';

}

.titlea_02:before{
	left: 3px;
	top: 2px;
	background-color: rgba(170, 234, 202, 0.6);
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.titlea_02:after{
	left: 17px;
	top: -10px;
	background-color: rgba(45, 134, 153, 0.7);
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.titlea_02 span{
	font-family : Calibri;
	font-size : 100%;
	color : #7f7f7f;
}

.titleb{
	width: 250px;
	color: white;
	margin-left: 5px;
	background-image: url(../img/tag02.png);
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "Meiryo UI";
}

.title_space{
	padding-left: 35%;
}

.lead-form{
  	text-align: center;
  	font-size:20px;
}

.out_01{
	padding-left : 5.8%;
}

.out_02{
	padding-left : 11.5%;
}

.out_03{
	padding-left : 9%;
}

.out_04{
	padding-left : 9%;
}

.pe_01{
	text-align : center;
	font-size: 180%;
}

.pe_02{
	color:#377aff;
	text-align : center;
	font-size: 180%;
	text-indent : 0.5em;
}

.pe_03{
	margin-left : 21%;
}

.pe_04{
	margin-left : 21%;
}

.sy{
	height: 450px;
}

.sy_tr01{
	text-indent : 40%;
	font-family : 游ゴシック;
	font-size : 100%;
}

.sy_tr02{
	height: 0px;
	background-repeat: round;
	vertical-align: top;
	text-indent: 29.3%;
	font-family: 游ゴシック;
	font-size: 100%;
	background-size: 100%;
}

.sy_tr03{
	text-indent : 45%;
	font-family : 游ゴシック;
	font-size : 100%;
}

.recruit_space01{
	vertical-align: top;
	width: 100px;
}


form{
	width: auto;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.item{
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 0px;
}

.im_01{
	font-size: 95%;
	text-indent : 0em;
}

.im_02{
	font-size: 95%;
	text-indent : 0em;
}

.im_03{
	text-align: center;
	font-size: 180%;
}

.label{
	float: left;
	margin-right: 20px;
	margin-bottom: 3px;
	width: 185px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
}

.label img{
	float: right;
	margin-top: 2px;
}

.inputs{
  	float: left;
  	width: 95%;
}

input[type="text"]{
  	border: solid 1px #aaa;
  	padding:10px;
  	font-size: 14px;
}

input[type="email"]{
  	border: solid 1px #aaa;
  	padding:10px;
  	font-size: 15px;
	ime-mode:disabled;
}

input[type="tel"]{
	border-width: 1px;
	border-style: solid;
	border-color: #a9a9a9;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 15px;
	ime-mode: disabled;
}

textarea{
	resize: none;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 400px;
	height: 200px;
	font-size: 15px;
	font-family: Arial;
	overflow: auto;
}

.text_member{
	width:60%;
}

.btn-area{
  	text-align: center;
}

input[type="submit"]{
	width: 155px;
  	background: #43bfa0;
  	border: none;
  	color: white;
  	font-size:15px;
  	padding: 15px 20px;
  	margin: 0 5px;
	font-family: HGSｺﾞｼｯｸM;
	border-radius: 1.7em;
}

input[type="reset"]{
	width: 155px;
  	background: #aaa;
  	border: none;
  	color: white;
  	font-size:15px;
  	padding: 15px 20px;
  	margin: 0 5px;
	font-family: HGSｺﾞｼｯｸM;
	border-radius: 1.7em;
}

.mark:before{
	content: "▶";
	font-size:75%;
	color: black;
}

.w_01{
	width:100%;
	float: left;
	text-align:center;
	padding-bottom : 35px;
	padding-top : 10px;
}

.w_02{
	width:100%;
	float: left;
	text-align:center;
	padding-bottom : 45px;
	padding-top : 10px;
}

.w_03{
	text-align:center;
	width:100%;
	float: left;
	font-size : 85%;
	color : teal;
}

.w_space1{
	padding-left: 22.2%;
}

.w_space2{
	padding-left: 10%;
}

.w_01 img{
	width:60%;
}

.w_02 img{
	width:60%;
}

.w_03 img{
	width:60%;
}



/*１カラム時のメインコンテンツ*/
.c1 #main{
	float: none;
	width: auto;
}

/*mainコンテンツのh2タグ設定*/
#main h2{
	clear: both;
	margin-bottom: 20px;
	padding: 0px 20px;
	font-size: 150%;
	color: black;
	border-bottom-style:solid;
	border-color: gray;
}

/*h2タグの１文字目への追加設定*/
#main h2::first-letter {
	border-left: 3px solid #fff;
	padding-left: 15px;
}

/*mainコンテンツのh3タグ設定*/
#main h3{
	clear: both;
	margin-bottom: 20px;
	padding: 5px 20px;
	font-size: 110%;
	border-bottom: 5px solid #ccc;
}

/*h3タグの１文字目への追加設定*/
#main h3::first-letter {
	border-left: 3px solid #779eec;
	padding-left: 15px;
}

/*mainコンテンツの段落タグ設定*/
#main p{
	padding: 0px 10px 10px;
}

/*他。微調整。*/
#main p + p{
	margin-top: -5px;
}

#main h2 + p,
#main h3 + p{
	margin-top: -10px;
}

#main section + section{
	padding-top: 30px;
}

#main ul li{
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub{
	float: left;
	width: 0%;
	padding-bottom: 0px;
}

/*１カラム字のサブコンテンツ*/
.c1 #sub{
	display: none;
}

/*h2見出しタグ設定*/
#sub h2{
	margin-bottom: 0px;
	font-size: 110%;
	border-style:hidden;
	backgrpund-color:#FFFF;
}

#sub h3{
	margin-bottom: 10px;
	font-size: 100%;
	border-style:hidden;
}

/*subコンテンツのh2タグの１文字目への設定*/
#sub h2::first-letter {
	border-left: 0px solid #;
	padding-left: 0px;
}

/*段落タグ（p）設定*/
#sub p{
	line-height: 1.6;
}

#sub td{
	font-size: 75%;		/*文字サイズ*/
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.submenu{
	margin-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e4e4e4;
}

/*メニュー１個ごとの設定*/
.submenu li{
	border-bottom: solid 1px #e4e4e4;
}

.submenu li a{
	font-size: 120%;
	text-decoration: none;display: block;
	padding: 10px 10px 10px 10px;
	background: #fff no-repeat 10px center 10px;
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
.box1{
	padding: 0px;
	margin-bottom: 20px;
	background: white;
	border: solid 1px #;
	box-shadow: 0px 0px 1px 1px # inset;
	border-radius: 0px;
}

/*box1内のメニューの設定*/
.box1 .submenu{
	margin-bottom: 0px;
}

.box1 .submenu li a{
	padding: 5px 0px;
}

#sub2 table{
       border-bottom: 1px solid black;
}

#sub2 td{
       border-bottom: 1px solid black;
}

#sub2 th{
       border-bottom: 1px solid black;
}

/*フッター設定
---------------------------------------------------------------------------*/
/*footerボックス*/
footer{
	clear: both;
	overflow: hidden;
	border-top: 5px solid #779eec;
	background: #779eec;
	color: white;
	padding-top: 15px;
	padding-bottom: 500px;
}

/*footer内のinner*/
footer .inner{
	padding: 0 10px;
}

/*リンクテキスト、マウスオン時の文字色*/
footer a, footer a:hover{
	color: #D9E5FF;
}

/*フッター内のh2タグ*/
footer h2{
	font-size: 200%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
}

/*フッター内のaddress（電話番号ブロック）タグ*/
footer address{
	font-style: normal;
	background: #333;
	border-radius: 10px;
	text-align: center;
	line-height: 1.5;
	padding: 5px;
}

/*フッター内のaddress（電話番号の行）タグ*/
footer address .tel{
	font-size: 40px;
	padding-left: 45px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu{
	float: left;
	overflow: hidden;
	width : 100%;
	font-size: 100%;
	margin-left: -1%;
	padding: 0px 0.5px;
	background:#779eec;
}

/*１列分の設定*/
#footermenu ul{
	float: left;
	width: auto;
	height: auto;
	margin-left: 1em;
	margin-bottom: 2em;
}

/*メニュー１個あたりの設定*/
#footermenu ul li{
	padding: 0 5px;

}

/*見出し1*/
#footermenu li.title{
	font-size: 18px;	
	background-color: #779eec;
}

/*リンクテキスト*/
#footermenu a{
	text-decoration: none;
	color: white;
	opacity: 1;
}

/*マウスオン時*/
#footermenu a:hover{
	color: #D9E5FF;
	opacity: 1;
}

#footermenu2{
	float: left;
	width : 100%;
	height: 150px;
	font-size: 95%;
	background: #779eec;
	margin-left: 0.5em;
}

#footermenu2 ul{
	width: 125;
	margin-left: 0%;
}

/*メニュー１個あたりの設定*/
#footermenu2 ul li{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#footermenu2 li.title{
	background-color: rgb(119, 158, 236);
	font-size: 130%;

}

#footermenu2 li.title span{
	color: #bae7bd;
}

/*見出し*/
#footermenu2 .title1{
	float: left;
	width: 50%;
    	padding-bottom: 15px;
}

/*見出し2*/
#footermenu2 .title2{
	float: right;
	width: 50%;
    	padding-bottom: 16%;
}

/*見出し3*/
#footermenu2 .title3{
	float: left;
	width: 50%;
	margin-top: 13px;
}

/*見出し4*/
#footermenu2 .title4{
	float: right;
	width: 50%;
}

/*見出し5*/
#footermenu2 .title5{
	padding-top: 10px;
	float: right;
	width: 50%;
}

/*リンクテキスト*/
#footermenu2 a{
	text-decoration: none;
	color: white;
	opacity: 1;
}

/*マウスオン時*/
#footermenu2 a:hover{
	color: #D9E5FF;
	opacity: 1;
}

.f_menu{
	padding-left:12%;
}


/*コピーライト
---------------------------------------------------------------------------*/
#copyright{
	clear: both;
	text-align: center;
	background: white;
	color: #fff;
	height: 70px;
}

#copyright a{
	text-decoration: none;color: black;
}

#copyright .pr{
	display: block;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	padding: 0px 20px;
	margin-bottom: 20px;
}

/*日付設定*/
#new dt{
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
}

/*記事設定*/
#new dd{
	padding-left: 9em;
	border-bottom: 1px solid #ccc;
}

/*listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定
.list {
	overflow: hidden;
	width: 26.4%;
	float: left;
	margin: 0 0 20px 2%;
	border: 5px solid #ccc;
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);
	padding: 2%;
	border-radius: 3px;
}

/*h4（見出し）タグの設定*/
.list h4{
	color: #779eec;
	font-size: 120%;
	text-align: center;
	height: 2em;
	overflow: hidden;
}

/*p（段落）タグの設定*/
.list p{
	padding: 0 !important;
	line-height: 1.5;
	font-size: 90%;
	color: #333;
}

*/
/*サムネイル画像の設定
---------------------------------------------------------------------------*/
.thumbnail {
	width: 70px;
	margin: 5px;
	opacity: 0.7;
}

/*マウスオン時*/
.thumbnail:hover {
	opacity: 1;
}

/*box（info1.htmlやstaff.htmlで使っている枠色がついたタイプのボックス）
---------------------------------------------------------------------------*/
/*box*/
.box{
	overflow: hidden;
	border: 3px solid #779eec;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}

/*box内のh4タグ*/
.box h4{
	color: #779eec;
	font-size: 130%;
}

/*box内のpタグ*/
.box p{
	padding: 0 !important;
}

/*box内のfrとflスタイルのリセット*/
.box .fr,.box .fl{
	margin-bottom: 0;
}

/*ページナビ（メインメニューの下にある、現在の階層を示すナビメニュー）
---------------------------------------------------------------------------*/
/*ナビブロック全体*/
.nav{
	padding: 10px 10px;
	margin-top: -28px;

}

/*メニュー１個あたりの指定*/
.nav li{
	display: inline;
	padding: 0 5px;
}

/*メニューの冒頭に入れる「>」のマーク*/
.nav li::before{
	content: "";
	padding-right: 12px;
	color: #999;
}

/*最初のメニューには「>」は入れない*/
.nav li:first-child::before {
	content: none;
}

.nav1{
	background: #ffffff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-bottom: 20px;
	margin-top: -10px;
	border-radius: 10px;
}

/*メニュー１個あたりの指定*/
.nav1 li{
	display: inline;
	padding: 0 5px;
}

/*メニューの冒頭に入れる「>」のマーク*/
.nav1 li::before{
	content: "▶";
	padding-right: 12px;
	color: #999;
}

/*最初のメニューには「>」は入れない*/
.nav1 li:first-child::before {
	content: none;
}

/*ページ内メニュー（info.htmlで使用）
---------------------------------------------------------------------------*/
/*ブロック全体*/
.menu{
	overflow: hidden;
	margin-bottom: 0px;
	text-align: center;
	font-size: 120%;
}

/*メニュー１個あたりの指定*/
.menu li{
	display: inline;
}

.menu li a{
	padding: 10px;
	color: #999;
}

/*最初のメニューへの追加指定*/
.menu li:first-child{
}

/*現在表示中(current)と、マウスオン(hover)時の指定*/
.menu li.current a, .menu li a:hover{
	text-decoration: none;
	color: #333;
}

/*よく頂く質問
---------------------------------------------------------------------------*/
/*外側ブロック*/
.faq{
	padding: 0px 20px;
}

/*質問*/
.faq dt{
	color: #779eec;
	font-weight: bold;
	padding-left: 30px;
}

/*回答*/
.faq dd{
	padding-left: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption{
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: left;
	background: #eee;
	color: #666;
	font-weight: bold;
	padding: 10px;
}

/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta1 th.tamidashi{
	width: auto;
}

/*ta1設定*/
.ta1{
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}

.ta1, .ta1 td, .ta1 th{
	word-break: break-all;
	border: 1px solid #ccc;
	padding: 10px;
}

/*ta1の左側ボックス*/
.ta1 th{
	width: 140px;
	text-align: center;
}

/*テーブル（ta2）サブブロックの受付テーブルに使用。
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta2 caption{
	border: 0px solid ;
	border-bottom: none;
	text-align: center;
	background: #fff;
	color: #333;
	padding: 0px;
}

/*ta2設定*/
.ta2{
	table-layout: fixed;
	width: 100%;
	margin-bottom: 0px;
	text-align: center;
	background: #fff;
	color: #333;
}

.ta2, .ta2 td, .ta2 th{
	word-break: break-all;
	border: 0.5px solid #b7b7b7;
}

/*曜日*/
.ta2 th{
	background: #fffbe3;
}

/*btn（inputタグ用）
---------------------------------------------------------------------------*/
input.btn[type="submit"],
input.btn[type="button"],
input.btn[type="reset"]{
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #eee;
}

/*マウスオン時の設定*/
input.btn:hover[type="submit"],
input.btn:hover[type="button"],
input.btn:hover[type="reset"]{
	border: 1px solid #999;
	background: #fff;
}

/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check{
	background: #ff0000;
	color:#fff;
	padding: 10px 25px !important;
	margin-bottom: 20px;
	border-radius: 3px;
}

#sub p.check{
	padding: 5px 10px !important;
}

p.check a{
	color: #fff;
}

/*PAGE TOP 設定
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}

/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a{
	display: none;
}

/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a{
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
	width: 60px;
	line-height: 60px;
	bottom: 25px;
	right: 1%;
	background: #779eec;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	animation-name: scroll;		/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;		/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
	font-size:12px;
}

/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover{
	background: #999;
}

/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc{
	list-style: disc;padding: 0 20px 20px 45px;
}

ol{
	padding: 0 20px 20px 45px;
}

#sub ul.disc, #sub ol{
	padding: 0 0 0 20px;
}

/*pdfアイコン
---------------------------------------------------------------------------*/
a[href$=".pdf"]{
	display: inline-block;
	padding: 5px 40px 5px 0px;
}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon{
	background: #F00;
	color: #FFF;
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*その他
---------------------------------------------------------------------------*/
.look{
	color:#fff;background: #666;padding:5px;border-radius: 4px;
}

.mb15,.mb1em{
	margin-bottom: 15px !important;
}

.mb30{
	margin-bottom: 30px !important;
}

.clear{
	clear: both;
}

.color1{
	color: #779eec !important;
}

.bgcolor1{
	background: #f2f2f2 !important;
}

.bgcolor2{
	background: #dbebf7 !important;
}

.pr{
	font-size: 10px;
}

.wl{
	width: 96%;
}

.ws{
	width: 50%;
}

.w40p{
	width: 40%;
}

.w20p{
	width: 20%;
}

.r{
	text-align: right;
}

.l{
	text-align: left;
}

.fr{
	float: right;margin-left: 2%;margin-bottom: 20px;
}

.fl{
	float: left;margin-right: 2%;margin-bottom: 20px;
}

.big1{
	font-size: 200%;letter-spacing: 0.2em;
}

.mini1{
	font-size: 80%;
}

.sh{
	display: none;
}

.half{
	width: 48%;
}

.link{
	display: block;margin-top: -80px;padding-top: 80px;
}

div.cal_wrapper{
	padding: 5px 0px;
}

div.schedule_wrapper{
	padding: 5px 0px;
	width: 300px;
	border: solid 1px #CCC;
}

div.schedule_wrapper h3{
	padding: 0px 0px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}

div.schedule_wrapper div.schedule_list{
	padding: 0px 10px;
	margin: 0px;
}

div.schedule_wrapper div.schedule_list ol{
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}

div.schedule_wrapper div.schedule_list ol li{
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}

div.schedule_wrapper div.schedule_list ol li:hover{
	text-decoration: underline;
}

div.cal_wrapper table.cal tr th p{
	float: left;
	padding: 1px;
	margin: 0px;
	color: #666;
	font-size: 14px;
}

div.cal_wrapper table.cal tr th div.cal_ui{
	float: right;
}

div.cal_wrapper table.cal tr th div.cal_ui input{
	border: solid 1px #666;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 1px 3px;
}

div.cal_wrapper table.cal tr td{
	border-top: solid 1px #EEE;
}

div.cal_wrapper table.cal tr td{
	font-size: 12px;
	text-align: center;
	padding: 1px;
}

div.cal_wrapper table.cal tr.headline td{
	padding: 2px 0px;
	color: #666;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr.headline{
	background-color: #EEE;
}

div.cal_wrapper table.cal tr td div{
	position: relative;
	padding: 4px 6px;
	font-size: 12px;
	text-align: center;
	background-color: #FFF;

}

div.cal_wrapper table.cal tr td div span{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	display: none;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Sat{
	color: #00F;
}

div.cal_wrapper table.cal tr td div.Sun{
	color: #F00;
}

div.cal_wrapper table.cal tr td div.Today{
	font-weight: bolder;
}

div.cal_wrapper table.cal tr td div.Deli{
	background-color: #EFE;
}

div.cal_wrapper table.cal tr td div.Holyday1{
	color: #F00;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Holyday2{
	color: #00F;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Holyday3{
	color: #000;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Work1{
	color: #F00;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.Work2{
	color: #00F;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.Birthday{
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
}

div.cal_wrapper table.cal tr td div.backward{
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.pointer{
	cursor: pointer;
}

div.cal_wrapper table.cal tr td div.pointer:hover{
	background-color: #EEE;
}


@media screen and (max-width: 900px) {
* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

a,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: inherit;
}

input {
  /*display: none;*/
}

.cp_fullscreenmenu {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
}

/*menuコンテンツ*/
.cp_fullscreenmenu .menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: linear-gradient(to top, rgba(16, 151, 181, 0.75) 0%, rgba(19, 40, 78, 0.99) 100%);
}

.cp_fullscreenmenu .menu label {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-size: 100%;
}

.cp_fullscreenmenu .menu .menucont {
	font-size: 54px;
	position: relative;
	top: 50%;
	margin-top: -260px;
	padding-bottom: 20px;
	text-align: center;
}

.cp_fullscreenmenu .menu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.cp_fullscreenmenu .menu ul li,
.cp_fullscreenmenu .menu ul li a {
	transition: all 0.3s ease;
}

.cp_fullscreenmenu .menu ul li a {
	display: block;
	padding: 10px 0;
	color: #ffffff;
}

.cp_fullscreenmenu .menu ul li a:hover {
	color: #ffffff;
}

.cp_fullscreenmenu .menu ul li:hover {
	background: #ffffff;
}

/*クリックしたらメニューが開閉の動作*/
.cp_fullscreenmenu .menuEffects {
	visibility: hidden;
	transition: opacity 0.5s, visibility 0.5s;
	opacity: 0;
}

.cp_fullscreenmenu .menuEffects ul {
	transition: all 0.5s;
	transform: translateY(0%);
}

.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects {
	visibility: visible;
	transition: opacity 0.5s;
	opacity: 1;
}

.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects ul {
	opacity: 1;
}

.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open {
	background-color: transparent;
}

.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:before {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	content: '';
	transform: rotate(45deg);
	background-color: #ffffff;
}

.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:after {
	position: relative;
	z-index: 1;
	top: 0;
	right: 0;
	content: '';
	transform: rotate(-45deg);
	background-color: #ffffff;
}

.cp_fullscreenmenu #menuToggle:not(:checked) ~ .menuEffects ul {
	transform: translateY(-30%);
}

/*ハンバーガー*/
.cp_fullscreenmenu .hamburger {
	position: relative;
	top: 0;
	right: 0;
	display: block;
	width: 55px;
	height: 50px;
	padding: 15px;
	cursor: pointer;
}

.cp_fullscreenmenu .hamburger:hover .open:before {
	top: -9px;
}

.cp_fullscreenmenu .hamburger:hover .open:after {
	top: 5px;
}

.cp_fullscreenmenu .open,
.cp_fullscreenmenu .open:before,
.cp_fullscreenmenu .open:after {
	position: relative;
	display: block;
	width: 30px;
	height: 4px;
	border-radius: 2px;
	background-color: rgba(19, 87, 185);
	transition: all 0.3s ease;
}

.cp_fullscreenmenu .open {
	top: 8px;
	cursor: pointer;
}

.cp_fullscreenmenu .open:before {
	top: -8px;
	content: '';
	transform: rotate(0deg);
}

.cp_fullscreenmenu .open:after {
	top: 4px;
	content: '';
}
}


/*画面を横向きにした場合の高さが500px以下の場合の設定。
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: landscape) and (max-height:500px){

#menubar li a {
    font-size: 130%;
    height: 70px;
}

.cp_fullscreenmenu .menu .menucont {
	margin-top: -150px;
}


}


/*画面幅500px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){


body{
	font-size: 100%;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}

ul{
	list-style-type: none;
}

iframe{
	width: 100%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{	
	color: #333;
	transition: 0.5s;
}

a:hover{
	color: #779eec;
	text-decoration: none;
}

/*containerとfooterの文字サイズ指定
---------------------------------------------------------------------------*/
#container,#menubar,footer .inner{
	max-width: 480px;
	margin: 0 auto;
}

#container{
	padding: 0 10px;
}
/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
header{
	position: relative;
	margin: 0 auto;
	height: 95px;
	background:no-repeat 65% center/500px;
}

/*ロゴ画像*/
header #logo{
	width: 115px;
	position: absolute;
	left: 0%;
	bottom: 11px;
}

/*TELブロック*/
header address{
	font-style: normal;
	position: absolute;
	right: 0%;
	bottom: 11px;
	text-align: right;
	line-height: 1.2;
	text-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
}

/*TELブロックの電話番号部分*/
header address .tel{
	color: break;
	font-size: 250%;
	background: no-repeat left center / 26px;
	padding-left: 35px;
}

/*fixmenu。メインメニューが画面上部に到達した際の設定
---------------------------------------------------------------------------*/
/*fixmenuブロック*/
body.is-fixed .nav-fix-pos{
	width: 100%;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar{
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 64px;
}

/*メニュー１個あたりの設定*/
#menubar li{
	float: left;
	width: 100%;
	line-height: 1.7;
	font-size:18px;
	text-align: center;
}

#menubar li a{
	font-size: 24px;
	text-decoration: none;
	display: block;
	text-align: center;
	height: 70px;
	padding-top: 0px;
	color: rgb(222,222,222);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgb(119, 158, 236,0);
	background-color: rgb(119, 158, 236,0);
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
}

/*最初のメニューへの追加設定*/
#menubar li:first-child a{
	border-left: none;
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
}

/*最後のメニューへの追加設定*/
#menubar li:last-child a{
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
}

/*飾り文字*/
#menubar li span{
	display: block;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0em;
	opacity: 0.9;
	line-height: 0;
}

/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover, #menubar li.current a{
	background: #437aec;
}

/*スマホ用メニューを表示させない*/
#menubar-s{
	display: none;
}

/*３本バーアイコンを表示させない*/
#menubar_hdr{
	display: none;
}

/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu{
	position:absolute;
	visibility: hidden;
	z-index: 10;
	width: 20%;
	border-top: 1px solid #fff;
	display: none;
	
}

/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li{
	float: none;
	width: 100%;
	line-height: 1.5;
}

#menubar ul.ddmenu li a{
	width: 100%;
	height: auto;
	font-weight: normal;
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
	border-width: medium medium 1px;
	border-style: none none dotted;
	border-bottom-color: rgb(255, 255, 255);
	background-color: rgba(0, 0, 0, 0.7);
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	color: #ffffff;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: none;
}

/*マウスオン時*/
#menubar ul.ddmenu li a:hover{
	background: #000;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*他。微調整。*/
#main section + section{
	padding-top: 20px;
}

#main{
	float: right;
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	padding-top: 0px;
}

#S{
	float: right;
	width: 75%;
	height: auto;
	font-size: 30px;
	padding-top: 140px;
	padding-bottom: 15px;
}

#S p{
	background-image : url(../img/line05.png);
	background-repeat: no-repeat;
}

.S{
	float: right;
	width: 100%;
	height: inherit;
	font-size: 20px;
	margin-top: 12%;
	padding-bottom: 15px;
	background-image: url(../img/line05.png);
	background-repeat: no-repeat;
	font-family: "Meiryo UI";
}

.A{
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 0px;
}

.B{
	float: right;
	width: 100%;
	font-size: 65%;
	height: auto;
	padding-bottom: 80px;
	font-family: 游ゴシック;
}

.B h1{
	font-size: 24px;
	font-family: 游ゴシック;
	font-weight: normal;
}

.B p{
	font-size : 12px;
	font-family : 游ゴシック;
}

.B dt{
	float: left;
	text-align: left;
	line-height: 16px;
	font-weight: 600;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	background-position: 8px 8px;
	background-repeat: no-repeat;
	color: #666666;
	width: 100%;
}

.B dd{
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: left;
	font-size:11px;
	line-height: 21px;
	padding-left: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}

.sidemenu{
	width: 100%;
	height: auto;
	float: left;
}

.linkbutton a{
	padding-bottom: 25px;
	padding-right: 15%;
}

.linkbutton a:hover{
	opacity: 0.6;
}

.E{
  	position: relative;
}

.E p{
	position: absolute;
	color: white;
	font-weight: normal;
	font-size : 80%;
	font-family 游ゴシック;
	top: 0px;
	left: 0px;
}

.E img{
  	width: 100%;
}

.E table{
	float : left;
	margin-left: 2px;
	width: 100%;
}

.E tr{
	line-height: 1;
	font-size: 10px;
	font-family: 游ゴシック;
	color: #333333;
	padding-left: 20px;
}

.E td{
	width: 35%;
	padding-left: 0px;
}

.ad_01{
	font-family: Century;
	color : #009999;
	font-size : 15px;
}

.ad_02{
	font-size : 9px;
	font-family: 游ゴシック;
}

.a{
	float: left;
  	width: 100%;
	height: 225px;
}

.a_b{
	float: left;
  	width: 100%;
	height: 210px;
}

.a img{
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.atl{
	font-size:100%;
}

.atl_t{
	max-width:850px;
	border-collapse : collapse;
}

.atl_t span{
	font-size:77%;
}

.atl_i{
	width:320px;
}

.atras_p{
	color : #134eb9;
	font-size : 16px;
	padding-top : 10px;
}

.atras_space01{
	width:15px;
}

.b{
	float: right;
  	width: 100%;
}

.b img{
	padding-bottom: 30px;
}

#cal0{
	display:none;
}

.c{
	font-size: 70%;
}

.c_s{
	font-size : 10px;
}

.c0{
	font-family : 游ゴシック;
	font-size: 10.5px;
	margin-left: 60px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
}

.db{
	font-size:11.5px;
}

.de{
	float: left;
	width: 100%;
	font-family: "Meiryo UI";
	font-size: 95%;
}

.de_s{
	color:#0d1fbd;
	font-size:85%;
}

#dp{
	font-size : 100%;
}

.d li{
	line-height: 35px;
	font-size: 10px;
}

.d td{
	background-repeat: no-repeat;
}

.d ol{
	font-size: 14px;
}

.d_q{
	font-size: 15px;
}

.d_p span{
	float: left;
	width: 100%;
	line-height: 35px;
	text-align:right;
	font-size:100%;
	font-family : HGP行書体;
}

.d_t{
	font-size: 16px;
	font-family : 游ゴシック;
}

.e{
  	float: left;
  	width: 100%;
 	height: 100%;
}

.e_01 img{
	margin-left: 20px;
}

.e_02 img{
	width: 100%;
	margin-left: 5px;
}

.e table{
	max-width: 700px;
	float: left;
	border-collapse: collapse;
	position: relative;
	left: -4px;
	top: 5px;
	margin-bottom: 20px;
}

.e td{
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	line-height: 23px;
	font-family: 游ゴシック;
	padding-top: 0px;
	font-size: 10px;
}

.ei{
	width: 90%;
}

.ei_s{
	width : 100%;
}

.em{
	width: 100%;
	margin-left : 0px;
}

.en{
	background-position: center;
}

.ea {
  	width: 100%;
 	height: auto;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
}

.ea_m{
  	width: 100%;
 	height: auto;
	
}

.f{
	float: right;
	width: 100%;
	height: inherit;
	text-align: right;
}

.f a{
	color: #134eb9;
	text-decoration: none;
}

.f a:hover{
	color: #99b6f0;
	text-decoration: none;
}

.f_01{				
	font-size : 100%;
	font-family : 游ゴシック;
	line-height : 1;
	color : #333333;
	padding-bottom : 0px;
}

.f_02{	
	font-family : 游ゴシック;
	line-height : 1.5;
	font-size: 100%;
}

.g{
	float: left;
	width: 100%;
	height: 100%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: 2px;
	font-size : 19px;
	font-family : 游ゴシック;
}

.g_b{
	font-size : 100%;
}

.gc{
	float: left;
	width: 100%;
	height: 100%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
	margin-top: 20px;
	margin-left: 2px;
	font-family: "Meiryo UI";
	font-size:  18px;
}

.gg{
	font-size : 14px;
	font-family : 游ゴシック;
	color : #134eb9;
	padding-top : 10px;
}
a.link_a{
	color:#134eb9;
	
}

.not{
	display:none;
}

.name{
	display: inline-block;
	float: right;
}


.name_13{
	display: inline;
	padding-left: 0px;
	line-height: 14px;
}

.name_02{
	display: inline-block;
	padding-left: 10px;
	line-height: 16px;
}

.name_03{
	line-height: 16px;
}

.name_04{
	display: block;
	padding-left: 12%;
}

.m_space{
	padding: 2px;
}

.message{
	float: right;
	width: 100%;
	height: inherit;
}

.message table{
	max-width: 353px;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 2px;
	border-collapse: collapse;
}

.message td{
	text-align: left;
	line-height: 14px;
	font-family: 游ゴシック;
	padding: 0px;
}

.message tr{
	margin-bottom: 20px;
	vertical-align:top;
}

.message img{
	width: 175px;
	height: auto;
}

.messagelabel{
	text-align: left;
	vertical-align: bottom;
	font-size: 10.5px;
}

.messagetitle{
	font-family: "BIZ UDP明朝 Medium";
	font-size: 110%;
	vertical-align: middle;
}

.messagetitle_a{
	background-image: url(../img/line01.png);
	background-repeat: no-repeat;
	font-size: 125%;
	line-height: 16px;
}

.messagetitle_b{
	background-image : url(../img/line02.png);
	background-repeat: no-repeat;
	font-size: 125%;
	line-height: 16px;
}

.interview{
	float: right;
	width: 100%;
	margin-left: 20px;
}


.interview table{
	max-width: 100%;
	margin-bottom: 50px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
  	border-collapse: collapse;
}

.interview td{
	line-height: 17px;
	font-family: 游ゴシック;
}

.interview tr{
	margin-bottom:20px;
}

.interviewquestion{
	font-weight: bold;
	font-family: メイリオ;
	border-bottom: solid 1px;
	font-size: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.interviewquestion .question{
	font-weight: bold;
	font-family: メイリオ;
	color: white;
	background-color: #a0d8ef;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 15px;
}

.interviewanswer{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 74%;
}

.interviewanswer .answer{
	font-weight: bold;
	font-family: メイリオ;
	color: white;
	background-color: #ec6d71;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 15px;
}

.im_space01{
	width:1px;
}

.im_space02{
	width:0px;
}

.tel b{
	font-family:Century;
	font-size : 14px;
}

#main #text{
	padding-left: 0px;
	font-size: 13px;
	padding-bottom: 15px;
	top: 20px;
	position: relative;
}

#tn {
	font-size:17px;
}


.tug_a table{
	max-width: 850px;
	height: auto;
	margin-left: 2px;
}

.tug_a .tug_at{
	margin-left: 10px;
}

.tug_p01{
	vertical-align:top;
	font-size : 10px;
}

.tug_p02{
	line-height: 1.2em;
	font-size : 10px;
}

.tug_as{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 10px;
	padding-left : 0px;
	height: auto;
	margin-left: 2px;
	text-align: center;
}

.tug_ms{
	width: 22%;
	background-color : #5988e8;
	color : #ffffff;
	font-size : 10px;
	padding-left : 0px;
	text-align: center;
}

.tug_ks{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 10px;
	text-align: center;
}

.tug_ds{
	background-color : #5988e8;
	color : #ffffff;
	font-size : 10px;
	padding-left : 0px;
	height: auto;
	margin-left: 0px;
	text-align: center;
}

.tug_rs{
	width: 7%;
	background-color : #5988e8;
	color : #ffffff;
	font-size : 10px;
	height: auto;
	margin-left: 0px;
	text-align: center;
}

.tug_b table{
	max-width: 850px;
	height: auto;
	margin-left: 40px;
}

.tug_b .tug_bt{
	margin-left: 8px;
}

.tug_b .tugbt{
	margin-left: 5px;
}

.titlea_01{
	font-family : 游ゴシック;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #c6c6c6;
	position: relative;
	padding-left: 15px;
	font-size: 19px;
	color: #7f7f7f;
	line-height: 1;
	max-width: 340px;
}

.titlea_01:before, .titlea_01:after{
	position: absolute;
	content: '';

}

.titlea_01:before{
	left: -2px;
	top: 3px;
	background-color: rgba(91, 173, 255, 0.2);
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
}

.titlea_01:after{
	left: 3px;
	top: -2px;
	background-color: rgba(0, 55, 164, 0.6);
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
}

.titlea_01 span{
	font-family : Calibri;
	font-size : 11px;
	color : #7f7f7f;
}

.titlea_02{
	font-family : 游ゴシック;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #c6c6c6;
	position: relative;
	padding-left: 15px;
	font-size: 19px;
	color: #7f7f7f;
	line-height: 1;
	max-width: 340px;
}

.titlea_02:before, .titlea_02:after{
	position: absolute;
	content: '';

}

.titlea_02:before{
	left: -2px;
	top: 3px;
	background-color: rgba(170, 234, 202, 0.6);
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
}

.titlea_02:after{
	left: 3px;
	top: -2px;
	background-color: rgba(45, 134, 153, 0.7);
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
}

.titlea_02 span{
	font-family : Calibri;
	font-size : 11px;
	color : #7f7f7f;
}

.titleb{
	width: 200px;
	color: white;
	margin-left: 5px;
	background-image: url(../img/tag02.png);
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "Meiryo UI";
}

.title_space{
	padding-left: 35%;
}

.lead-form{
  	text-align: center;
  	font-size:20px;
}

.out_01{
	padding-left : 31px;
}

.out_02{
	padding-left : 15.2%;
}

.out_03{
	padding-left : 12.5%;
}

.out_04{
	padding-left : 12.5%;
}

.pe_01{
	text-align : center;
	font-size:15px;
}

.pe_02{
	color:#377aff;
	text-align : center;
	font-size:15px;
	text-indent : 0.5em;
}

.pe_03{
	margin-left : 50px;
	width:60%;
}

.pe_04{
	margin-left : 50px;
}

.sy{
	height: 300px;
}

.sy_tr01{
	text-indent : 85px;
	font-family : 游ゴシック;
	font-size : 14px;
}

.sy_tr02{
	height: 300px;
	background-repeat: round;
	vertical-align: top;
	text-indent: 22px;
	font-family: 游ゴシック;
	font-size: 14px;
	background-size: 100%;
}

.sy_tr03{
	text-indent : 160px;
	font-family : 游ゴシック;
	font-size : 14px;
}

.recruit_space01{
	vertical-align: top;
	width: 80px;
}


form{
	width: auto;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.item{
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 0px;
}

.im_01{
	font-size: 90%;
	text-indent : -0.2em;
}

.im_02{
	font-size: 90%;
	text-indent : -0.2em;
}

.im_03{
	text-align: center;
	font-size: 20px;
}

.label{
	float: left;
	margin-right: 20px;
	margin-bottom: 3px;
	width: 170px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00b7b7;
	padding-left: 10px;
}

.label img{
	float: right;
	margin-top: 2px;
}

.inputs{
  	float: left;
  	width: 95%;
}

input[type="text"]{
  	border: solid 1px #aaa;
  	padding:10px;
  	font-size: 14px;
}

input[type="email"]{
  	border: solid 1px #aaa;
  	padding:10px;
  	font-size: 15px;
	ime-mode:disabled;
}

input[type="tel"]{
	border-width: 1px;
	border-style: solid;
	border-color: #a9a9a9;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 15px;
	ime-mode: disabled;
}

textarea{
	resize: none;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 400px;
	height: 200px;
	font-size: 15px;
	font-family: Arial;
	overflow: auto;
}

.text_member{
	width:60%;
}

.btn-area{
  	text-align: center;
}

input[type="submit"]{
	width: 155px;
  	background: #43bfa0;
  	border: none;
  	color: white;
  	font-size:15px;
  	padding: 15px 20px;
  	margin: 0 5px;
	font-family: HGSｺﾞｼｯｸM;
	border-radius: 1.7em;
}

input[type="reset"]{
	width: 155px;
  	background: #aaa;
  	border: none;
  	color: white;
  	font-size:15px;
  	padding: 15px 20px;
  	margin: 0 5px;
	font-family: HGSｺﾞｼｯｸM;
	border-radius: 1.7em;
}

.mark:before{
	content: "▶";
	font-size: 75%;
	vertical-align: middle;
	color: black;
}


.w_01{
	width:100%;
	float: left;
	text-align:center;
	padding-bottom : 35px;
	padding-top : 10px;
}

.w_02{
	width:100%;
	float: left;
	text-align:center;
	padding-bottom : 45px;
	padding-top : 10px;
}

.w_03{
	font-size : 14px;
}

.w_space1{
	padding-left: 21%;
}

.w_space2{
	padding-left: 10%;
}

/*１カラム時のメインコンテンツ*/
.c1 #main{
	float: none;
	width: auto;
}

/*mainコンテンツのh2タグ設定*/
#main h2{
	clear: both;
	margin-bottom: 20px;
	padding: 0px 20px;
	font-size: 150%;
	color: black;
	border-bottom-style:solid;
	border-color: gray;
}

/*h2タグの１文字目への追加設定*/
#main h2::first-letter {
	border-left: 3px solid #fff;
	padding-left: 15px;
}

/*mainコンテンツのh3タグ設定*/
#main h3{
	clear: both;
	margin-bottom: 20px;
	padding: 5px 20px;
	font-size: 110%;
	border-bottom: 5px solid #ccc;
}

/*h3タグの１文字目への追加設定*/
#main h3::first-letter {
	border-left: 3px solid #779eec;
	padding-left: 15px;
}

/*mainコンテンツの段落タグ設定*/
#main p{
	padding: 0px 10px 10px;
}

/*他。微調整。*/
#main p + p{
	margin-top: -5px;
}

#main h2 + p,
#main h3 + p{
	margin-top: -10px;
}

#main section + section{
	padding-top: 30px;
}


/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub{
	float: left;
	width: 0%;
	padding-bottom: 0px;
}

/*１カラム字のサブコンテンツ*/
.c1 #sub{
	display: none;
}

/*h2見出しタグ設定*/
#sub h2{
	margin-bottom: 0px;
	font-size: 110%;
	border-style:hidden;
	backgrpund-color:#FFFF;
}

#sub h3{
	margin-bottom: 10px;
	font-size: 100%;
	border-style:hidden;
	backgrpund-color:#;
}

/*subコンテンツのh2タグの１文字目への設定*/
#sub h2::first-letter {
	border-left: 0px solid #;
	padding-left: 0px;
}

/*段落タグ（p）設定*/
#sub p{
	line-height: 1.6;
}

#sub td{
	font-size: 75%;
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.submenu{
	margin-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e4e4e4;
}

/*メニュー１個ごとの設定*/
.submenu li{
	border-bottom: solid 1px #e4e4e4;
}

.submenu li a{
	font-size: 18px;
	text-decoration: none;display: block;
	padding: 10px 10px 10px 10px;
	background: #fff no-repeat 10px center 10px;10px。*/
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
.box1{
	padding: 0px;
	margin-bottom: 20px;
	background: white;
	border: solid 1px #;
	box-shadow: 0px 0px 1px 1px # inset;
	border-radius: 0px;
}

/*box1内のメニューの設定*/
.box1 .submenu{
	margin-bottom: 0px;
}

.box1 .submenu li a{
	padding: 5px 0px;
}

#sub2 table{
       border-bottom: 1px solid black;
}

#sub2 td{
       border-bottom: 1px solid black;
}

#sub2 th{
       border-bottom: 1px solid black;
}

/*フッター設定
---------------------------------------------------------------------------*/
/*footerボックス*/
footer{
	clear: both;
	overflow: hidden;
	border-top: 5px solid #779eec;
	background: #779eec;
	color: white;
	padding-top: 15px;
	padding-bottom: 220px;
}

/*footer内のinner*/
footer .inner{
	padding: 0 10px;
}

/*リンクテキスト、マウスオン時の文字色*/
footer a, footer a:hover{
	color: #D9E5FF;
}

/*フッター内のh2タグ*/
footer h2{
	font-size: 200%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
}

/*フッター内のaddress（電話番号ブロック）タグ*/
footer address{
	font-style: normal;
	background: #333;
	border-radius: 10px;
	text-align: center;
	line-height: 1.5;
	padding: 5px;
}

/*フッター内のaddress（電話番号の行）タグ*/
footer address .tel{
	font-size: 40px;
	padding-left: 45px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu{
	float: left;
	overflow: hidden;
	width : 100%;
	font-size: 135%;
	margin-left: -5%;
	padding: 0px 0.5px;
	background:#779eec;
}

/*１列分の設定*/
#footermenu ul{
	float: left;
	width: auto;
	height: auto;
	margin-left: 2em;
	margin-bottom: 2em;
}

/*メニュー１個あたりの設定*/
#footermenu ul li{
	padding: 0 5px;

}

/*見出し1*/
#footermenu li.title{
	font-size: 18px;	
	background-color: #779eec;
}

/*リンクテキスト*/
#footermenu a{
	text-decoration: none;
	color: white;
	opacity: 1;
}

/*マウスオン時*/
#footermenu a:hover{
	color: #D9E5FF;
	opacity: 1;
}

#footermenu2{
	float: left;
	width : 100%;
	height: 150px;
	font-size: 117%;
	background: #779eec;
}

#footermenu2 ul{
	margin-left: 0%;
}

/*メニュー１個あたりの設定*/
#footermenu2 ul li{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#footermenu2 li.title{
	background-color: rgb(119, 158, 236);
	font-size: 18px;

}

#footermenu2 li.title span{
	color: #bae7bd;
}

/*見出し*/
#footermenu2 .title1{
	float: left;
	width: 50%;
    	padding-bottom: 6.5%;
}

/*見出し2*/
#footermenu2 .title2{
	float: right;
	width: 50%;
    	padding-bottom: 30%;
}

/*見出し3*/
#footermenu2 .title3{
	float: left;
	width: 50%;
	margin-top: 15px;
}

/*見出し4*/
#footermenu2 .title4{
	float: right;
	width: 50%;
}

/*見出し5*/
#footermenu2 .title5{
	padding-top: 10px;
	float: right;
	width: 50%;
}

/*リンクテキスト*/
#footermenu2 a{
	text-decoration: none;
	color: white;
	opacity: 1;
}

/*マウスオン時*/
#footermenu2 a:hover{
	color: #D9E5FF;
	opacity: 1;
}

.f_menu{
	padding-left:21%;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright{
	clear: both;
	text-align: center;
	background: white;
	color: #fff;
}

#copyright a{
	text-decoration: none;color: black;
}

#copyright .pr{
	display: block;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	padding: 0px 20px;
	margin-bottom: 20px;
}

/*日付設定*/
#new dt{
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
}

/*記事設定*/
#new dd{
	padding-left: 9em;
	border-bottom: 1px solid #ccc;
}

/*listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定
.list {
	overflow: hidden;
	width: 26.4%;
	float: left;
	margin: 0 0 20px 2%;
	border: 5px solid #ccc;
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);
	padding: 2%;
	border-radius: 3px;
}

/*h4（見出し）タグの設定*/
.list h4{
	color: #779eec;
	font-size: 120%;
	text-align: center;
	height: 2em;
	overflow: hidden;
}

/*p（段落）タグの設定*/
.list p{
	padding: 0 !important;
	line-height: 1.5;
	font-size: 90%;
	color: #333;
}

*/
/*サムネイル画像の設定
---------------------------------------------------------------------------*/
.thumbnail {
	width: 70px;
	margin: 5px;
	opacity: 0.7;
}

/*マウスオン時*/
.thumbnail:hover {
	opacity: 1;
}

/*box（info1.htmlやstaff.htmlで使っている枠色がついたタイプのボックス）
---------------------------------------------------------------------------*/
/*box*/
.box{
	overflow: hidden;
	border: 3px solid #779eec;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}

/*box内のh4タグ*/
.box h4{
	color: #779eec;
	font-size: 130%;
}

/*box内のpタグ*/
.box p{
	padding: 0 !important;
}

/*box内のfrとflスタイルのリセット*/
.box .fr,.box .fl{
	margin-bottom: 0;
}

/*ページナビ（メインメニューの下にある、現在の階層を示すナビメニュー）
---------------------------------------------------------------------------*/

/*メニュー１個あたりの指定*/

.nav li{
	display: inline;
	padding: 0 5px;
      	/*font-size: 18px;*/
}

/*メニューの冒頭に入れる「>」のマーク*/
.nav li::before{
	content: "";
	padding-right: 12px;
	color: #999;
}

/*最初のメニューには「>」は入れない*/
.nav li:first-child::before {
	content: none;
}

.nav1{
	background: #ffffff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-bottom: 20px;
	margin-top: -10px;
	border-radius: 10px;
}

/*メニュー１個あたりの指定*/
.nav1 li{
	display: inline;
	padding: 0 5px;
}

/*メニューの冒頭に入れる「>」のマーク*/
.nav1 li::before{
	content: "▶";
	padding-right: 12px;
	color: #999;
}

/*最初のメニューには「>」は入れない*/
.nav1 li:first-child::before {
	content: none;
}

/*ページ内メニュー（info.htmlで使用）
---------------------------------------------------------------------------*/
/*ブロック全体*/
.menu{
	overflow: hidden;
	margin-bottom: 0px;
	text-align: center;
	font-size: 120%;
}
/*メニュー１個あたりの指定*/
.menu li{
	display: inline;
}

.menu li a{
	padding: 10px;
	color: #999;
}

/*最初のメニューへの追加指定*/
.menu li:first-child{
	/*border-left: 1px solid #999;	左側の線の幅、線種、色*/
}

/*現在表示中(current)と、マウスオン(hover)時の指定*/
.menu li.current a, .menu li a:hover{
	text-decoration: none;
	color: #333;
}

/*よく頂く質問
---------------------------------------------------------------------------*/
/*外側ブロック*/
.faq{
	padding: 0px 20px;
}

/*質問*/
.faq dt{
	color: #779eec;
	font-weight: bold;
	padding-left: 30px;
}

/*回答*/
.faq dd{
	padding-left: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption{
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: left;
	background: #eee;
	color: #666;
	font-weight: bold;
	padding: 10px;
}

/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta1 th.tamidashi{
	width: auto;
}

/*ta1設定*/
.ta1{
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}

.ta1, .ta1 td, .ta1 th{
	word-break: break-all;
	border: 1px solid #ccc;
	padding: 10px;
}

/*ta1の左側ボックス*/
.ta1 th{
	width: 140px;
	text-align: center;
}

/*テーブル（ta2）サブブロックの受付テーブルに使用。
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta2 caption{
	border: 0px solid ;
	border-bottom: none;
	text-align: center;
	background: #fff;
	color: #333;
	padding: 0px;
}

/*ta2設定*/
.ta2{
	table-layout: fixed;
	width: 100%;
	margin-bottom: 0px;
	text-align: center;
	background: #fff;
	color: #333;
}

.ta2, .ta2 td, .ta2 th{
	word-break: break-all;
	border: 0.5px solid #b7b7b7;
}

/*曜日*/
.ta2 th{
	background: #fffbe3;
}

/*btn（inputタグ用）
---------------------------------------------------------------------------*/
input.btn[type="submit"],
input.btn[type="button"],
input.btn[type="reset"]{
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #eee;
}

/*マウスオン時の設定*/
input.btn:hover[type="submit"],
input.btn:hover[type="button"],
input.btn:hover[type="reset"]{
	border: 1px solid #999;
	background: #fff;
}

/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check{
	background: #ff0000;
	color:#fff;
	padding: 10px 25px !important;
	margin-bottom: 20px;
	border-radius: 3px;
}

#sub p.check{
	padding: 5px 10px !important;
}

p.check a{
	color: #fff;
}

/*PAGE TOP 設定
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}

/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a{
	display: none;
}

/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a{
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
	width: 60px;
	line-height: 60px;
	bottom: 25px;
	right: 1%;
	background: #779eec;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	animation-name: scroll;		/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;		/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
	font-size:12px;
}

/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover{
	background: #999;
}

/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc{
	list-style: disc;padding: 0 20px 20px 45px;
}

ol{
	padding: 0 20px 20px 45px;
}

#sub ul.disc, #sub ol{
	padding: 0 0 0 20px;
}

/*pdfアイコン
---------------------------------------------------------------------------*/
a[href$=".pdf"]{
	display: inline-block;
	padding: 5px 40px 5px 0px;
}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon{
	background: #F00;
	color: #FFF;
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*その他
---------------------------------------------------------------------------*/
.look{
	color:#fff;background: #666;padding:5px;border-radius: 4px;
}

.mb15,.mb1em{
	margin-bottom: 15px !important;
}
.mb30{
	margin-bottom: 30px !important;
}

.clear{
	clear: both;
}

.color1{
	color: #779eec !important;
}

.bgcolor1{
	background: #f2f2f2 !important;
}

.bgcolor2{
	background: #dbebf7 !important;
}

.pr{
	font-size: 10px;
}

.wl{
	width: 96%;
}

.ws{
	width: 50%;
}

.w40p{
	width: 40%;
}

.w20p{
	width: 20%;
}

.r{
	text-align: right;
}

.l{
	text-align: left;
}

.fr{
	float: right;margin-left: 2%;margin-bottom: 20px;
}

.fl{
	float: left;margin-right: 2%;margin-bottom: 20px;
}

.big1{
	font-size: 200%;letter-spacing: 0.2em;
}

.mini1{
	font-size: 80%;
}

.sh{
	display: none;
}

.half{
	width: 48%;
}

.link{
	display: block;margin-top: -80px;padding-top: 80px;
}

div.cal_wrapper{
	padding: 5px 0px;
}

div.schedule_wrapper{
	padding: 5px 0px;
	width: 300px;
	border: solid 1px #CCC;
}

div.schedule_wrapper h3{
	padding: 0px 0px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}

div.schedule_wrapper div.schedule_list{
	padding: 0px 10px;
	margin: 0px;
}

div.schedule_wrapper div.schedule_list ol{
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}

div.schedule_wrapper div.schedule_list ol li{
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}

div.schedule_wrapper div.schedule_list ol li:hover{
	text-decoration: underline;
}

div.cal_wrapper table.cal tr th p{
	float: left;
	padding: 1px;
	margin: 0px;
	color: #666;
	font-size: 14px;
}

div.cal_wrapper table.cal tr th div.cal_ui{
	float: right;
}

div.cal_wrapper table.cal tr th div.cal_ui input{
	border: solid 1px #666;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 1px 3px;
}

div.cal_wrapper table.cal tr td{
	border-top: solid 1px #EEE;
}

div.cal_wrapper table.cal tr td{
	font-size: 12px;
	text-align: center;
	padding: 1px;
}

div.cal_wrapper table.cal tr.headline td{
	padding: 2px 0px;
	color: #666;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr.headline{
	background-color: #EEE;
}

div.cal_wrapper table.cal tr td div{
	position: relative;
	padding: 4px 6px;
	font-size: 12px;
	text-align: center;
	background-color: #FFF;

}

div.cal_wrapper table.cal tr td div span{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	display: none;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Sat{
	color: #00F;
}

div.cal_wrapper table.cal tr td div.Sun{
	color: #F00;
}

div.cal_wrapper table.cal tr td div.Today{
	font-weight: bolder;
}

div.cal_wrapper table.cal tr td div.Deli{
	background-color: #EFE;
}

div.cal_wrapper table.cal tr td div.Holyday1{
	color: #F00;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Holyday2{
	color: #00F;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Holyday3{
	color: #000;
	background-color: #FFCAFF;
}

div.cal_wrapper table.cal tr td div.Work1{
	color: #F00;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.Work2{
	color: #00F;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.Birthday{
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
}

div.cal_wrapper table.cal tr td div.backward{
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
}

div.cal_wrapper table.cal tr td div.pointer{
	cursor: pointer;
}

div.cal_wrapper table.cal tr td div.pointer:hover{
	background-color: #EEE;
}


@media screen and (max-width: 480px) {
* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

a,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: inherit;
}

input {
  /*display: none;*/
}

.cp_fullscreenmenu {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
}

/*menuコンテンツ*/
.cp_fullscreenmenu .menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: linear-gradient(to top, rgba(16, 151, 181, 0.75) 0%, rgba(19, 40, 78, 0.99) 100%);
}

.cp_fullscreenmenu .menu label {
	position: absolute;
	top: 10px;
	right: 8px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-size: 100%;
}

.cp_fullscreenmenu .menu .menucont {
	font-size: 54px;
	position: relative;
	top: 50%;
	margin-top: -170px;
	padding-bottom: 20px;
	text-align: center;
}

.cp_fullscreenmenu .menu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.cp_fullscreenmenu .menu ul li,
.cp_fullscreenmenu .menu ul li a {
	transition: all 0.3s ease;
}

.cp_fullscreenmenu .menu ul li a {
	display: block;
	padding: 10px 0;
	color: #ffffff;
}

.cp_fullscreenmenu .menu ul li a:hover {
	color: #ffffff;
}

.cp_fullscreenmenu .menu ul li:hover {
	background: #ffffff;
}

/*クリックしたらメニューが開閉の動作*/
.cp_fullscreenmenu .menuEffects {
	visibility: hidden;
	transition: opacity 0.5s, visibility 0.5s;
	opacity: 0;
}

.cp_fullscreenmenu .menuEffects ul {
	transition: all 0.5s;
	transform: translateY(0%);
}

.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects {
	visibility: visible;
	transition: opacity 0.5s;
	opacity: 1;
}

.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects ul {
	opacity: 1;
}

.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open {
	background-color: transparent;
}

.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:before {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	content: '';
	transform: rotate(45deg);
	background-color: #ffffff;
}

.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:after {
	position: relative;
	z-index: 1;
	top: 0;
	right: 0;
	content: '';
	transform: rotate(-45deg);
	background-color: #ffffff;
}

.cp_fullscreenmenu #menuToggle:not(:checked) ~ .menuEffects ul {
	transform: translateY(-30%);
}

/*ハンバーガー*/
.cp_fullscreenmenu .hamburger {
	position: relative;
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	padding: 15px;
	cursor: pointer;
}

.cp_fullscreenmenu .hamburger:hover .open:before {
	top: -9px;
}

.cp_fullscreenmenu .hamburger:hover .open:after {
	top: 5px;
}

.cp_fullscreenmenu .open,
.cp_fullscreenmenu .open:before,
.cp_fullscreenmenu .open:after {
	position: relative;
	display: block;
	width: 24px;
	height: 4px;
	border-radius: 2px;
	background-color: rgba(19, 87, 185);
	transition: all 0.3s ease;
}

.cp_fullscreenmenu .open {
	top: 8px;
	cursor: pointer;
}

.cp_fullscreenmenu .open:before {
	top: -8px;
	content: '';
	transform: rotate(0deg);
}

.cp_fullscreenmenu .open:after {
	top: 4px;
	content: '';
}
 
}