body {
	margin: 0px;
}
body p {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}

#header-m {
	grid-template-rows: 60px;
	grid-template-columns: 380px 1fr 60px;
	background-color: #122C71;
	display: none;
}


#itemA {
	grid-row: 1 / 1;
	grid-column: 1 / 2;
}
#itemB {
	grid-row: 1 / 1;
	grid-column: 2 / 3;
}
#itemC {
	grid-row: 1 / 1;
	grid-column: 3 / 4;
}




#head1 {
	background-color: #122C71;
	overflow: hidden;
	padding-top: 70px;
}
a{
	display: block;
	text-decoration: none;
	color: #000;
}

.Btn{
	margin-left: auto;
	margin-right: auto;
	width: 105px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 14px;
	transition: .4s;
	background-color: #F90;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-radius: 5px;
}

.Btn:hover{
	color: #F90;
	transition: .4s;
	background-color: #FFFFFF;
}
.Btn2{
	margin-left: auto;
	margin-right: auto;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333;
	font-size: 16px;
	transition: .4s;
	background-color: #EEE;
	border-radius: 5px;
	letter-spacing: 2px;
	border: 1px solid #CCC;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 200px;
}

.Btn2:hover{
	transition: .4s;
	background-color: #FFFFFF;
	color: #333;
}
.Btn3{
	height: 50px;
	display: flex;
	justify-content: left;
	align-items: left;
	color: #333333;
	font-size: 18px;
	transition: .4s;
	background-color: #EEE;
	border-radius: 5px;
	letter-spacing: 2px;
	border: 1px solid #CCC;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 100%;
}

.Btn3:hover{
	transition: .4s;
	background-color: #FFFFFF;
	color: #333;
}
#head1-grid1 {
	width: 100%;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	display: grid;
	grid-template-rows: 62px;
	grid-template-columns: 400px 1fr 250px;
	padding-bottom: 20px;
}
#top-title {
	height: 62px;
	width: 400px;
	margin: 0px;
	padding: 0px;
	grid-row: 1 / 2;
	grid-column: 1 / 2;
}
#top-space {
	height: 62px;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}
#top-rightmenu {
	height: 62px;
	grid-row: 1 / 2;
	grid-column: 3 / 4;
	margin-right: 10px;
}
.menu-li {
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	list-style: none;
	width: 100%;
	height: 80px;
}
.menu-li a {
	text-decoration: none;
	color: #FFF;
	width: 100%;
	display: block;
	position: relative;
	max-width: 215px;
	background-color: #122C71;
	height: 80px;
	padding: 0px;
	margin: 0px;
}
.menu-li a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: "";
	width: 100%;
	height: 2px;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.3s;
	background-color: #FFFFFF;
}
.menu-li a:hover::after {
	transform: scale(1, 1);
	background-color: #FFFFFF;
}
.menu-li a:hover {
	color: #122C71;
	background-color: #FFF;
}

.menu-li span {
	font-family: "Nunito", sans-serif;
	font-size: 0.75em;
	line-height: 1.33;
	font-weight: normal;
	display: block;
	color: #CCC;
}


.menu-li2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	list-style: none;
	width: 100%;
	height: 80px;
	background-color: #FFF;
}
.menu-li2 a {
	text-decoration: none;
	color: #122C71;
	width: 100%;
	display: block;
	position: relative;
	max-width: 215px;
	background-color: #FFFFFF;
	height: 80px;
	padding: 0px;
	margin: 0px;
}
.menu-li2 a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: "";
	width: 100%;
	height: 2px;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.3s;
	background-color: #FFFFFF;
}
.menu-li2 a:hover::after {
	transform: scale(1, 1);
	background-color: #FFFFFF;
}
.menu-li2 a:hover {
	color: #122C71;
	background-color: #FFF;
}

.menu-li2 span {
	font-family: "Nunito", sans-serif;
	font-size: 0.75em;
	line-height: 1.33;
	font-weight: normal;
	display: block;
	color: #CCC;
}


.sticky {
	position: sticky;
	top: 0;
	z-index: 10;
	width: 100%;
	margin: 0;
	background: #333;
	color: #fff;
  }

#head2 {
	width: 100%;
	background-color: #122C71;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding: 0px;
	overflow: hidden;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #122C71;
	
}




#head2-grid2 {
	width: 100%;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	display: grid;
	grid-template-rows: 65px;
	grid-template-columns: 16% 16% 17% 17% 17% 17%;
	padding: 0px;
	margin-top: 0px;
	height: 86px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
#menu1 {
	height: 80px;
	width: 100%;
	max-width: 214px;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	grid-row: 1 / 2;
	grid-column: 1 / 2;
}
#menu2 {
	height: 80px;
	width: 100%;
	max-width: 214px;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}
#menu3 {
	height: 80px;
	width: 100%;
	max-width: 214px;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	grid-row: 1 / 2;
	grid-column: 3 / 4;
}
#menu4 {
	height: 80px;
	width: 100%;
	max-width: 214px;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	grid-row: 1 / 2;
	grid-column: 4 / 5;
}
#menu5 {
	height: 80px;
	width: 100%;
	max-width: 214px;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	grid-row: 1 / 2;
	grid-column: 5 / 6;
}
#menu6 {
	height: 80px;
	width: 100%;
	max-width: 214px;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	grid-row: 1 / 2;
	grid-column: 6 / 7;
}
.menusmalltext {
	font-size: 9px;
	color: #999;
}
#contents {
	width: 100%;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#main {
	float: right;
	width: 75%;
}
h1 {
	clear: both;
	margin-bottom: 20px;	/*上下、左右への余白*/
	font-size: 18px;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	background: #122C71;	/*背景色*/
	letter-spacing: 8px;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: normal;
}
/*h2タグの１文字目への追加設定*/
h1::first-letter {
	border-left: 3px solid #fff;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線とテキストとの余白*/
}
h2 {
	clear: both;
	margin-bottom: 20px;	/*上下、左右への余白*/
	font-size: 18px;	/*文字サイズ*/
	color: #000;	/*背景色*/
	letter-spacing: 8px;
	margin-top: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: normal;
	border: 1px solid #CCC;
}
/*h2タグの１文字目への追加設定*/
h2::first-letter {
	padding-left: 15px;				/*線とテキストとの余白*/
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #122C71;
}



.maintext {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
}
h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px;
}


.qtext {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #122C71;
}
.atext {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
}

#sidemenu {
	width: 23%;
	float: left;
	padding-right: 2%;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu1table {
	border: thin solid #CCC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
}
#menu1table2 {
	border: 1px solid #CCC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
}
#magic {
	height: auto;
	width: 95%;
}
#tableaccess {
	border: 1px solid #CCC;
	font-size: 16px;
	letter-spacing: 2px;
}
.accessh1 {
	font-size: 16px;
	background-image: url(img/tablebg.png);
	border: 1px solid #CCC;
	width: 95%;
	height: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-repeat: repeat;
	margin-bottom: 20px;
}






#footer {
	clear: both;
	background-color: #122C71;
	padding-top: 20px;
	margin: 0px;
	padding-bottom: 30px;
	color: #FFF;
	font-size: 14px;
}
#footer a {
	color: #FFF;
}
#footerlogo {
	height: auto;
	width: 100%;
}


.white {
	color: #FFF;
}
#all-footer {
	font-size: 12px;
	color: #FFF;
	background-color: #000;
	margin: 0px;
	padding: 1px;
}
#kaicyoimage {
	height: auto;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 20px;
}
h4 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	color: #69C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #69C;
	width: 60%;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
}


#recruitwaku {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #09C;
	background-color: #E6F7FF;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
#recruittablet li {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-left: 30px;
}
/*スケジュール*/
.mb30 {margin-bottom: 30px;}
.schedule{
	border-collapse:collapse;
	border:#999 1px solid;
	}
	
.schedule td{
	padding:2px;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	border-top:#ccc 1px dotted;
	border-bottom:#ccc 1px dotted;
}

.schedule th,.schedule2 th{
	padding:2px;
	border:#999 1px solid;
	background-color:#ccc;
	text-align:center;
}

#month{
	border:#999 1px solid;
	background:#F0F0F0;
	}
	
.schedule td.bl{
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	border-top:#ccc 1px dotted;
	border-bottom:#999 1px solid;
}

#bl,.bl{
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	border-top:#ccc 1px dotted;
	border-bottom:#999 1px solid;
}

.schedule em{
	color:#F00;
	}
	
#r_txt{
	text-align:right;
	}
	
.r_txt{
	text-align:right;
	}
td span.r_txt{
	text-align:right;
	}
	
.schedule2{
	border-collapse:collapse;
	border:#999 1px solid;
	margin-top:15px;
	}
	
.schedule2 td{
	padding:2px;
	border:#999 1px solid;
}
table {
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 30px;
}
.nolink {
	color: #999;
}
.map {
	position: relative;
	width: 80%;
	padding-top: 56.25%;
	/* 16:9のアスペクト比 */
	height: 0;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.weeklyreportarea {
	height: 300px;
	width: 95%;
	padding-left: 50px;
}
.vertical {
        writing-mode: vertical-rl;
        text-orientation: upright;
        }
		
.fb-respo {
	width: 100%;
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}