/* Created by Artisteer v4.2.0.60623 */

/* font */

/*
 * "Noto Sans JP" is lisenced under the SIL Open Font License 1.1
 * https://fonts.google.com/
 */

@font-face {
font-family: Noto Sans JP otf;
src: url("../font/Noto_Sans_JP/NotoSansJP-Regular.otf");
font-weight: normal;
font-display: swap;
}

@font-face {
font-family: Noto Serif JP otf;
src: url("../font/Noto_Serif_JP/NotoSerifJP-Medium.otf");
font-weight: normal;
font-display: swap;
}

/*
 * "LigatureSymbols" is lisenced under the SIL Open Font License 1.1
 * http://kudakurage.com/ligature_symbols/
 */

@font-face {
font-family: "LigatureSymbols";
src: url("../font/LigatureSymbols/LigatureSymbols-2.11.eot");
src: url("../font/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
	 url("../font/LigatureSymbols/LigatureSymbols-2.11.woff") format("woff"),
	 url("../font/LigatureSymbols/LigatureSymbols-2.11.ttf") format("truetype"),
	 url("../font/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
font-weight: normal;
font-style: normal;
}



*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a{
color: #0033FF;
}

a, input[type="submit"], button{
transition: background-color 0.5s, opacity 0.5s;
font-family: "Noto Sans JP", "Noto Sans JP otf", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

.pc a:hover,
.pc input[type="submit"]:hover,
.pc button:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}

.pc a[href*="tel:"],
.pc a[href*="tel:"]:hover{
cursor: default;
color: inherit;
text-decoration: none;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
}

.pc a[href*="tel:"]:hover img{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
}

table{
table-layout: fixed;
border-collapse: collapse;
}

input, textarea{
font-size: 100%;
}

html{
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body{
width: 100%;
padding: 0;
margin: 0;
color: #333;
font-size: 18px;
line-height: 1.6;
font-family: "Noto Sans JP", "Noto Sans JP otf", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

input, textarea{
font-family: "Noto Sans JP", "Noto Sans JP otf", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}



/* ヘッダー */

header{
display: block;
width: 100%;
background-color: #FFF;
}

div.header_layout{
width: 80%;
max-width: 1200px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
align-items: center;
}

h1.header_logo{
display: inline-block;
flex-grow: 1;
flex-shrink: 1;
}

h1.header_logo a{
width: auto;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
text-decoration: none;
color: #003E9C;
font-weight: bold;
font-size: 28px;
}

.header_logo_image{
display: block;
}

.header_logo_image img{
display: block;
height: 2.4em;
margin: 0 0.6em 0 0;
}

.header_logo_text{
display: block;
line-height: 1.4;
}

.header_logo_text span{
display: block;
color: #777777;
font-size: 60%;
font-weight: normal;
}


.header_contact{
display: inline-block;
color: #FFF;
flex-grow: 0;
flex-shrink: 0;
}

.header_contact a{
display: inline-block;
background-color: #003E9C;
color: #FFF;
text-decoration: none;
font-weight: bold;
overflow: hidden;
padding: 10px 0.8em;
line-height: 1;
font-size: 20px;
border-radius: 5px;
overflow: hidden;
}

.header_contact a span{
display: inline-block;
background-color: #FFF;
color: #003E9C;
font-family: 'LigatureSymbols' !important;
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
line-height: 1.2em;
width: 1.2em;
height: 1.2em;
border-radius: 50%;
text-align: center;
vertical-align: middle;
margin: 0 0.6em 0 0;
}

.header_contact > span.header_contact_start{
display: block;
color: #959595;
margin: 0 auto 2px;
font-size: 14px;
}

.header_contact > span.header_contact_end{
display: block;
color: #333;
margin: -5px auto 0;
}


.header_recruit{
display: block;
margin: 0 0 0 30px;
flex-grow: 0;
flex-shrink: 0;
}

.header_recruit img{
display: block;
height: 60px;
}



.art-nav{
flex-grow: 1;
margin: 0;
background-color: #003E9C;
}

.art-nav .art-hmenu{
display: block;
margin: 0 auto;
width: 80%;
max-width: 1200px;
text-align: center;
}

.art-nav .art-hmenu a{
display: inline-block;
text-decoration: none;
padding: 0.8em 2em;
text-align: center;
transition: all 0.5s;
color: #FFF;
border-bottom: 2px solid transparent;
position: relative;
font-size: 18px;
}

.art-nav .art-hmenu a:before{
content: " ";
display: block;
width: 1px;
height: 1.6em;
background-color: #FFF;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
z-index: 10;
}

.art-nav .art-hmenu a:first-of-type:before{
display: none;
}

.art-nav .art-hmenu a:hover{
background-color: #C5488A;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
}

.art-nav .art-hmenu a.active,
.art-nav .art-hmenu a.active:hover{
background-color: #212878;
cursor: default;
}



/* サブページヘッダー */

.sub-head{
width: 100%;
display: block;
margin: 0 auto;
background-image: url("../images/common/subhead.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.sub-head h2{
width: 100%;
height: 200px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
font-size: 42px;
font-weight: bold;
color: #003E9C;
font-family: "Noto Serif JP", "Noto Serif JP otf", sans-serif;
background-color: rgba(255,255,255,0.8);
margin: 0 auto;
}

.sub-head h2 span{
width: 100%;
display: block;
font-size: 100%;
color: inherit;
font-weight: inherit;
text-align: center;
}



/* メインコンテンツ */

.art-sheet{
width: 100%;
margin: 0 auto;
position: relative;
}

.pr-text{
color: #EC750F;
width: 100%;
font-weight: bold;
font-size: 140%;
margin: 0 auto 60px;
text-align: center;
}

.content-wrapper{
width: 100%;
margin: 0 auto;
background-color: transparent;
}

.content-wrapper:nth-of-type(even){
background-color: rgba(57,126,255,0.1);
}

.content-wrapper:last-of-type{
margin-bottom: 0;
}

.content-wrapper .content-layout{
width: 80%;
max-width: 1200px;
margin: 0 auto;
padding: 60px 0 80px;
}

.content-title{
width: 100%;
text-align: center;
}

.content-title > *{
display: inline-block;
font-size: 36px;
color: #003E9C;
text-align: center;
padding: 0;
margin: 0 auto 40px;
position: relative;
font-family: "Noto Serif JP", "Noto Serif JP otf", sans-serif;
font-weight: bold;
line-height: 1.4;
}

.content-title > * span{
display: block;
font-size: 18px;
font-family: "Noto Sans JP", "Noto Sans JP otf", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
font-weight: normal;
color: #E22B88;
}

.content-title > *:before{
content: " ";
display: block;
width: 1.4em;
height: 2px;
background-color: #003E9C;
position: absolute;
top: 50%;
left: -2em;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.content-title > *:after{
content: " ";
display: block;
width: 1.4em;
height: 2px;
background-color: #003E9C;
position: absolute;
top: 50%;
right: -2em;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

img.bg_logo{
display: block;
margin: 0;
width: 40%;
position: absolute;
top: 80px;
left: 0;
z-index: -1;
}


img.bg_logo.fixed{
position: fixed;
}



/* ボタン */

.common-button{
display: inline-block;
border: 2px solid #00805D;
color: #00805D;
background-color: #FFF;
font-size: 18px;
font-weight: bold;
padding: 10px 1.6em 12px;
cursor: pointer;
text-decoration: none;
position: relative;
}

.common-button:after{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 0;
height: 100%;
margin: 0;
padding: 0;
background-color: #00805D;
transition: all 0.5s;
}

.pc .common-button:hover:after{
right: auto;
left: 0;
width: 100%;
}

.common-button span{
color: #00805D;
font-size: 18px;
font-weight: bold;
position: relative;
z-index: 10;
}

.common-button.noicon span{
line-height: 1.92;
}

.common-button span:after{
display: inline-block;
font-family: 'LigatureSymbols' !important;
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
margin-left: 18px;
font-size: 120%;
color: inherit;
}

.pc .common-button:hover,
.pc .common-button:hover span{
color: #FFF;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-ms-filter: "alpha(opacity=100)" !important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
}



/* フッター */

footer{
width: 100%;
overflow: hidden;
margin: 0 auto;
padding: 30px 0 50px;
background-color: #FFF;
border-top: 5px solid #003E9C;
min-height: 17.4vw;
position: relative;
}


.footer-content{
width: 80%;
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 2;
}


.footer-content-logo{
display: block;
width: 100%;
margin: 0 auto;
}

.footer-content-logo a{
font-size: 24px;
font-weight: bold;
text-decoration: none;
color: #707070;
}

.footer-content-logo img{
display: inline-block;
width: auto;
height: 3em;
margin: 0 1.2em 0 0;
vertical-align: middle;
}


.footer-content-menu{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px auto 0;
}

.footer-content-menu > div{
margin-right: 2%;
flex-grow: 1;
flex-shrink: 1;
}

.footer-content-menu > div:last-of-type{
margin-right: 0;
}

.footer-content-menu > div a{
color: #003E9C;
font-weight: bold;
text-decoration: none;
font-size: 20px;
}

.footer-content-menu > div a:hover{
text-decoration: underline;
}

.footer-content-menu > div ul{
margin: 5px auto 0;
padding: 0;
list-style-type: none;
}

.footer-content-menu > div ul li:before{
content: "・";
display: inline-block;
vertical-align: top;
color: #707070;
font-weight: normal;
font-size: 16px;
}

.footer-content-menu > div ul li a{
display: inline-block;
color: #707070;
font-weight: normal;
text-decoration: underline;
font-size: 16px;
}

.footer-content-menu > div ul li a:hover{
text-decoration: none;
}


.footer-content-addmenu{
width: 100%;
margin: 40px auto 0;
text-align: right;
color: #003E9C;
}

.footer-content-addmenu a{
color: #003E9C;
text-decoration: underline;
}

.footer-content-addmenu a:hover{
text-decoration: none;
}


.footer-content-copy{
width: 100%;
margin: 20px auto 0;
text-align: right;
}

.footer-content-copy span{
display: inline-block;
}


footer img.footer-content-bg{
display: block;
width: 100%;
margin: 0;
padding: 0 0 80px;
background-color: #EBF2FF;
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}



/* 準備中 */

.preparation{
width: 100%;
margin: 0 auto 60px;
padding: 60px 5%;
text-align: center;
background-color: #DFDFDF;
}

.preparation span{
display: inline-block;
text-align: left;
font-size: 24px;
}



@media (max-width: 960px){

	.header_contact,
	.header_recruit{
	display: none;
	}

}



@media (max-width: 640px){

	body{
	font-size: 16px;
	}



	/* ヘッダー */

	div.header_layout{
	width: 83%;
	margin: 0 12% 0 5%;
	}

	h1.header_logo{
	display: block;
	width: 100%;
	margin: 20px auto;
	}

	h1.header_logo a{
	font-size: 20px;
	}


	.header_contact,
	.header_recruit{
	display: none;
	}



	/* サブページヘッダー */

	.sub-head h2{
	height: 100px;
	font-size: 28px;
	}



	/* メインコンテンツ */

	.content-title > *:before,
	.content-title > *:after{
	display: none;
	}


	.pr-text{
	color: #EC750F;
	width: 100%;
	font-weight: bold;
	font-size: 140%;
	margin: 0 auto 60px;
	text-align: center;
	}

	.content-wrapper{
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
	}

	.content-wrapper:nth-of-type(even){
	background-color: rgba(57,126,255,0.1);
	}

	.content-wrapper:last-of-type{
	margin-bottom: 0;
	}

	.content-wrapper .content-layout{
	width: 90%;
	padding: 30px 0 40px;
	}

	.content-title > *{
	font-size: 28px;
	margin: 0 auto 40px;
	}

	.content-title > * span{
	font-size: 14px;
	}

	img.bg_logo{
	width: 60%;
	top: 40px;
	}



	/* フッター */

	.footer-content{
	width: 90%;
	}


	.footer-content-logo a{
	font-size: 20px;
	}

	.footer-content-logo img{
	height: 2em;
	margin: 0 0.8em 0 0;
	}


	.footer-content-menu{
	display: block;
	margin-top: 20px;
	}

	.footer-content-menu > div{
	display: inline-block;
	width: auto;
	margin: 0 0.6em 0 0;
	}

	.footer-content-menu > div:last-of-type{
	margin: 0;
	}

	.footer-content-menu > div a{
	font-size: 18px;
	}

	.footer-content-menu > div ul{
	display: none;
	}


	.footer-content-addmenu{
	margin: 20px auto 0;
	}


	.footer-content-copy{
	margin: 10px auto 0;
	font-size: 14px;
	}

}