@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@font-face {
	font-family: 'Alte';
	src: url('../fonts/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.ttf.woff') format('woff'), url('../fonts/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.ttf.svg#Alte-DIN-1451-Mittelschrift') format('svg'), url('../fonts/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.ttf.eot'), url('../fonts/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

/*
Key Color：#40B8AD
#2D529C
*/

/* col-md- 1199px以下 */
@media screen and (max-width: 1199px) {
}

/* col-sm- 991px 以下 */
@media screen and (max-width: 991px) {
}

/* col-xs- 767px 以下 */
@media screen and (max-width: 767px) {
}
/* ******************************************************************************************

Global Settings

****************************************************************************************** */
html { font-size: 15px; }
main { position: relative; }
main img {
	max-width: 100%;
	height: auto;
}

/* col-xs- 767px 以下 */
@media screen and (max-width: 767px) {
html { font-size: 12px; }
}
body {
	font-family: Arial, Helvetica, "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #000;
	line-height: 2;
	letter-spacing: -0.03em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, body {
 font-family: "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
}
.container-fluid {
	padding-right: 0;
	padding-left: 0;
}
.container, .container-fluid { overflow: hidden; }
.slider-pro a:hover { opacity: 1; }
/*店舗ページのスタッフ
****************************************************************************************** */
/* Bootstrap Overwrite

****************************************************************************************** */
.label { padding: .3em .6em .3em; }
.label small { color: #fff; }
.label a { color: #fff; }
.breadcrumb {
	padding: 8px 0;
	margin-bottom: 20px;
	list-style: none;
	background-color: #fff;
	border-radius: none;
}

@media screen and (max-width: 767px) {
.breadcrumb { margin-bottom: 0px; }
}
/* Fonts

****************************************************************************************** */
.roboto {
	font-family: 'Roboto'!important;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.roboto-bold {
	font-family: 'Roboto'!important;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.alte { font-family: 'Alte'; }
.min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: 500;
}
/* Width

****************************************************************************************** */
.w100 {
	width: 100%;
	height: auto;
}
.w850 {
	width: 100%;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.w960 {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.w1366 {
	width: 100%;
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 991px) {
.w850, .w960 {
	padding-left: 15px;
	padding-right: 15px;
}
}
/* Youtube 埋め込み
****************************************************************************************** */
/*YouTubeの可変対応*/
.VideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.VideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.VideoWrapper img {
	width: 100%;
	height: auto;
}
/* Anchor
****************************************************************************************** */
a, a img {
	color: #2D529C;
	transition: opacity 0.4s ease;
	backface-visibility: hidden;
}
a, a:hover {
	cursor: pointer;
	text-decoration: none !important;
}
a:hover, a:hover img { opacity: 0.6; }
/* Page Title
****************************************************************************************** */

.page-ttl {
	background-color: #F9F3EA;
	background-position: right top;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-image: url(../img/page-ttl-bg_comapny@2x.png);
	margin: auto;
	width: 100%;
}
.page-ttl .container { position: relative; }
.page-ttl h1 {
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	padding: 70px 0;
	margin: 0;
}
.page-ttl h1 small {
	font-size: 11px;
	margin-left: 1em;
	color: #A38075;
	letter-spacing: 0.1em;
	font-family: Alte;
}
#contribution .page-ttl { background-image: url(/wp/wp-content/themes/hokutokanko/common/img/page-ttl-bg_comapny@2x.png); }
#company .page-ttl { background-image: url(/wp/wp-content/themes/hokutokanko/common/img/page-ttl-bg_comapny@2x.png); }
#recruit .page-ttl, #story01 .page-ttl, #story02 .page-ttl, #story03 .page-ttl, #story04 .page-ttl, #story05 .page-ttl { background-image: url(/wp/wp-content/themes/hokutokanko/common/img/page-ttl-bg_recruit@2x.png); }

@media screen and (max-width: 1199px) {
.page-ttl h1 { padding: 50px 0; }
}

@media screen and (max-width: 991px) {
.page-ttl h1 small {
	margin: 0.5em 0 0 0;
	display: block;
}
}

@media screen and (max-width: 767px) {
.page-ttl h1 {
	padding: 20px 0;
	margin: 0;
	font-size: 18px;
}
.page-ttl h1 small {
	font-size: 7px;
	margin: 0.5em 0 0 0;
	display: block;
}
}
/* ぱんくず
****************************************************************************************** */
.breadcrumb {
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (max-width: 767px) {
.breadcrumb { font-size: 80%; }
}
/* Button
****************************************************************************************** */
.btn1 {
	display: inline-block;
	background: #488A83;
	color: #fff;
	padding: 0 10px;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	max-width: 360px;
	height: 60px;
	line-height: 60px;
}
.btn1::after {
	content: '\f105';
	font-family: FontAwesome;
	float: right;
}
.btn1:hover { color: #fff; }
/*caution
****************************************************************************************** */
.caution {
	padding: 2.5rem 0;
	text-align: center;
	/*
	background:rgba(64,184,173,0.7);
	background: url(../img/caution-bg.png);
	background-size: cover;
*/
	background: #f3f3f3;
}
.caution p {
	color: #14514b;
	font-weight: 600;
	padding: 0;
	line-height: 1.6;
	text-shadow: 0 0 4px rgba(255,255,255,0.3);
}
.caution p:first-child {
	font-size: 1.8rem;
	margin: 0 auto;
}
.caution p:nth-child(2) {
	font-size: 1.3rem;
	margin: 0 auto 1rem;
}
.caution [class*="col-"] { margin-bottom: 1rem; }
.caution [class*="col-"] img {
	max-width: 100%;
	height: auto;
}
/* Headlines
****************************************************************************************** */
/*
h1, .h1 {
	font-size: 36px;
	font-size: 2.4rem;
}
h2, .h2 {
	font-size: 30px;
	font-size: 2rem;
}
h3, .h3 {
	font-size: 24px;
	font-size: 1.6rem;
}
h4, .h4 {
	font-size: 18px;
	font-size: 1.2rem;
}
h5, .h5 {
	font-size: 14px;
	font-size: 0.9333rem;
}
h6, .h6 {
	font-size: 12px;
	font-size: 0.8rem;
}
*/
/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
.ttl1 {
	margin: 0 auto 30px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	font-family: Alte, "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.ttl1 small {
	display: block;
	color: #A38075;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding-top: 0.5em;
	position: relative;
	font-family: Alte;
}
.ttl1 small::before, .ttl1 small::after {
	content: '';
	width: 2.8rem;
	height: 1px;
	display: inline-block;
	background: #A38075;
	margin: 0 1em;
	padding: 0;
	vertical-align: middle;
}
.ttl2 {
	background: #2D529C;
	color: #fff;
	padding: 10px 15px;
	border-radius: 3px;
	margin: 1em 0 1.5em;
}
.ttl3 {
	background: #eee;
	padding: 15px 15px;
	border-radius: 3px;
	margin: 1em 0 1.5em;
}
.ttl4 {
	border-left: 5px solid #2D529C;
	padding: 0 10px;
	margin: 1em 0 1em;
}
.ttl5 {
	padding: 0 15px 0.7em;
	position: relative;
	margin: 1em 0 1em;
}
.ttl5::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #ccc;
}
.ttl5::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20%;
	height: 3px;
	background: #2D529C;
}
.ttl6 {
	padding: 10px 15px;
	border: 1px solid #2D529C;
	border-radius: 3px;
	margin: 1em 0 1em;
}

@media screen and (max-width: 767px) {
.ttl1 { font-size: 145%; }
.ttl1 small { font-size: 8px; }
.ttl2 { font-size: 135%; }
.ttl3 { font-size: 130%; }
.ttl4 { font-size: 120%; }
}
/* Line-Height
****************************************************************************************** */
.lh-S { line-height: 1.3!important; }
.lh-M { line-height: 1.5!important; }
.lh-L { line-height: 2!important; }
/* Background-images
****************************************************************************************** */
.bg1 {
	background: #FDF9F4;
	padding: 60px 0;
	padding: 4rem 0;
}
.bg2 {
	background: #fff url(../img/bg2.png) no-repeat right bottom;
	padding: 60px 0;
	padding: 4rem 0;
}
.bg3 {
	background: #fff;
	padding: 60px 0;
	padding: 4rem 0;
}
.bg4 {
	background: url(../img/bg4.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 0;
	padding: 4rem 0;
}
.bg5 {
	background: #FDF9F4 url(../img/bg5.png) no-repeat center top;
	background-size: cover;
	padding: 60px 0;
	padding: 4rem 0;
}
/* Table
****************************************************************************************** */
.table { border-bottom: 1px solid #ddd; }
th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	padding: 1em 1em 1em 2em!important;
	line-height: 2!important;
}
.table-bordered th { background: #F9F9F9; }
.table-striped tr:last-child { border-bottom: 1px solid #ddd; }
.table th {
	background: #F9F9F9;
	width: 20%;
}
/* Grids Gutter Width
****************************************************************************************** */
/*溝幅 0pxの場合*/
.gutter-0 {
	margin-left: 0;
	margin-right: 0;
}
.gutter-0 > [class*='col-'] {
	padding-left: 0px;
	padding-right: 0px;
}
/*溝幅 1pxの場合*/
.gutter-1 {
	margin-left: 0.5px;
	margin-right: 0.5px;
}
.gutter-1 > [class*='col-'] {
	padding-left: 0.5px;
	padding-right: 0.5px;
}
/*溝幅 10pxの場合*/
.gutter-10 {
	margin-left: -5px;
	margin-right: -5px;
}
.gutter-10 > [class*='col-'] {
	padding-left: 5px;
	padding-right: 5px;
}
/*溝幅 20pxの場合*/
.gutter-20 {
	margin-left: -10px;
	margin-right: -10px;
}
.gutter-20 > [class*='col-'] {
	padding-left: 10px;
	padding-right: 10px;
}
/*溝幅 25pxの場合*/
.gutter-25 {
	margin-left: -12.5px;
	margin-right: -12.5px;
}
.gutter-25 > [class*='col-'] {
	padding-left: 12.5px;
	padding-right: 12.5px;
}
/*溝幅 40pxの場合*/
.gutter-40 {
	margin-left: -20px;
	margin-right: -20px;
}
.gutter-40 > [class*='col-'] {
	padding-left: 20px;
	padding-right: 20px;
}
/*溝幅 60pxの場合*/
.gutter-60 {
	margin-left: -30px;
	margin-right: -30px;
}
.gutter-60 > [class*='col-'] {
	padding-left: 30px;
	padding-right: 30px;
}
/* モーダル内共通
******************************************************************************************* */
.pageTtl {
	background: #29A9E0;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding: 30px 60px;
	margin: 0;
}
.pageContainer { padding: 30px 60px; }
/*閉じるボタン*/
#cboxClose, #cboxClose:hover {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -60px;
	background: url(../js/colorbox/images/close.png) no-repeat 0 0;
	background-size: cover;
}
#cboxClose:hover { opacity: 0.7; }

@media screen and (max-width: 767px) {
.pageTtl {
	font-size: 18px;
	padding: 15px;
}
.pageContainer { padding: 30px 15px; }
#cboxClose, #cboxClose:hover {
	width: 40px;
	height: 40px;
	top: -40px;
}
}
/*Pagenation(Bootstarp Overwrite)
******************************************************************************************* */
.pagination > li > a, .pagination > li > span { color: #2D529C; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 3;
	color: #ffffff;
	background-color: #2D529C;
	border-color: #2D529C;
	cursor: default;
}
/*Pagenation(Wordpress)
****************************************************************************************** */
.page-numbers {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;/*  border-radius: 4px;*/
}
.page-numbers > li { display: inline; }
.page-numbers > li > a, .page-numbers > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #337ab7;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin-left: -1px;
	color: #2D529C;
}
.page-numbers > li:first-child a, .page-numbers > li:first-child span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.page-numbers > li:last-child a, .page-numbers > li:last-child span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus {
	z-index: 2;
	color: #2D529C;
	background-color: #eeeeee;
	border-color: #dddddd;
}
/*
.page-numbers > .current > a,
.page-numbers > .current > span,
.page-numbers > .current > a:hover,
.page-numbers > .current > span:hover,
.page-numbers > .current > a:focus,
.page-numbers > .current > span:focus {
*/
.page-numbers .current {
	z-index: 3;
	color: #ffffff;
	background-color: #2D529C;
	border-color: #2D529C;
	cursor: default;
}
.page-numbers > .disabled > span, .page-numbers > .disabled > span:hover, .page-numbers > .disabled > span:focus, .page-numbers > .disabled > a, .page-numbers > .disabled > a:hover, .page-numbers > .disabled > a:focus {
	color: #777777;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed;
}
/* anchorLink
******************************************************************************************* */
ul.anchorLink {
	list-style: none;
	margin: 0 0 0 -5px;
	padding: 0;
	overflow: hidden;
}
ul.anchorLink li {
	display: block;
	float: left;
	margin: 0 5px 5px;
}
ul.anchorLink li a {
	display: block;
	border: 1px solid #ddd;
	padding: 0.5em 1em;
	color: inherit;
}
ul.anchorLink li a::after {
	content: '\f107';
	font-family: FontAwesome;
	margin-left: 1em;
	display: inline-block;
	float: right;
}
ul.anchorLink li a:hover { color: #E51D67; }

/* col-xs- 767px 以下 */
@media screen and (max-width: 767px) {
ul.anchorLink { margin: 0 auto; }
ul.anchorLink li {
	float: none;
	margin: 0 0 5px;
	width: 100%;
}
}
/* ******************************************************************************************

News

****************************************************************************************** */
#news {
	padding: 4.5333rem 0 0.666rem;
	padding: 4.5333rem 0;
}
#news h2 {
	margin: 0 auto 1.333rem;
	padding: 0;
	line-height: 1.2;
	height: 1;
}
#news .news-header {
	position: relative;
	border-bottom: 1px solid #C9A963;
	margin-bottom: 2rem;
}
#news .top-tab {
	line-height: normal;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#news .top-tab li {
	display: inline-block;
	margin-left: 1rem;
}
#news .top-tab li a {
	display: inline-block;
	background: #ccc;
	color: #999;
	line-height: 1.5333rem;
	font-size: 0.8rem;
	width: 4.266rem;
	letter-spacing: 0em;
	text-align: center;
	border-radius: 0.2666rem;
}
#news .top-tab li a:hover, #news .top-tab li.active a {
	background: #2D529C;
	color: #fff;
}
#news dl {
	margin: 0;
	padding: 0;
}
#news dl dt, #news dl dd {
	margin: 0 0 2rem;
	padding: 0;
}
#news dl dt {
	width: 8em;
	float: left;
	clear: left;
}
#news dl dd { padding-left: 8em; }

/* col-sm- 991px 以下 */
@media screen and (max-width: 991px) {
#news {
	padding-left: 0;
	padding-right: 0;
}
#news .top-tab {
	position: relative;
	right: auto;
	top: auto;
	margin: 0 auto 1rem;
	text-align: center;
}
#news .top-tab li {
	display: inline-block;
	margin: 0 0.5rem;
}
}
/* Wordpress Classes
******************************************************************************************* */
img.alignleft {
	float: left;
	margin: 0.7em 2rem 1rem 0;
}
img.alignright {
	float: right;
	margin: 0.7em 0 1rem 2rem;
}
img.aligncenter {
	display: block;
	margin: 1rem auto;
}
/*下層ページメニュー*/
.child-List {
	padding: 0 0 2rem 0;
	margin-top: 1px;
}
.child-List h2 {
	margin: 2rem auto 1rem;
	font-weight: bold;
}
.child-List ul {
	list-style: none;
	margin: 0 -10px;
	padding: 0;
	overflow: hidden;
}
.child-List ul li {
	width: 33.333%;
	/*	width: 50%;*/
	float: left;
	padding: 0 10px;
}
.child-List ul li a {
	display: block;
	border: 1px solid #ddd;
	padding: 1em 1em;
	background: #fff;
	text-align: center;
	font-size: 16px;
	color: inherit;
}
.child-List ul li a::after {
	content: '\f105';
	float: right;
	font-family: FontAwesome;
}

@media screen and (max-width: 767px) {
.child-List ul {
	padding-left: 1rem;
	padding-right: 1rem;
	margin: 0 -10px;
}
.child-List ul li {
	width: auto!important;
	float: none;
	margin-bottom: 10px;
}
}

/* col-xs- 767px 以下 */
@media screen and (max-width: 767px) {
img.alignleft, img.alignright, img.aligncenter {
	float: none;
	display: block;
	margin: 2rem auto;
	max-width: 100%;
	height: auto;
}
}
/*ギャラリー
****************************************************************************************** */
.gallery {
	padding: 0;
	margin: 0 -5px 10px!important;
}
.gallery-item {
	padding: 5px !important;
	text-align: center;
	margin: 0!important;
}
.gallery-item img {
	border: 1px solid #cfcfcf !important;
	padding: 4px !important;
	border-radius: 3px !important;
}
/* Form
******************************************************************************************* */
.form-group {
	border-top: 1px solid #ddd;
	margin-top: 0rem;
	margin-bottom: 1rem;
	padding: 2rem 0 1rem;
}
.form-horizontal .control-label {
	padding-top: 4px;
	padding-top: 0.2666rem;
}
.form-group p { line-height: 1.5; }
.radio label, .checkbox label { line-height: 1.5; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	margin-left: -19px;
	vertical-align: middle;
	line-height: 1;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { line-height: 1.5; }
.btnCont {
	text-align: center;
	background: #eee;
	padding: 2rem;
	margin-top: 0;
	margin-bottom: 0;
	border: none;
}
.radio-inline { padding-left: 1.4em; }
.checkbox-inline { padding-left: 0; }
span.wpcf7-list-item {
	margin: 0 0 0 0!important;
	padding: 0 2em 0 0;
}
span.wpcf7-list-item label { font-weight: normal; }
/*アラート*/
.wpcf7 .wpcf7-response-output {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	text-align: center;
}
.wpcf7 .wpcf7-validation-errors {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	text-align: center;
}
.wpcf7 .wpcf7-mail-sent-ok {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
	text-align: center;
}
.req {
	font-size: 11px;
	font-weight: normal;
}
/*プライバシーポリシー*/
.privacy-policy h2 {
	font-size: 1rem;
	font-weight: bold;
}
/*採用情報
****************************************************************************************** */
.boshuBtn{
	text-align: center;
	padding: 3rem 0 0;
}
.boshuBtn a{
	display: inline-block;
	margin: auto;
	width: 100%;
	max-width: 800px;
	height: auto;
}
.boshuBtn a img{
	width: 100%;
	height: auto;
	border-radius: 8px;
}
/*prologue
****************************************************************************************** */
#prologue { padding: 4rem 0; }
#prologue h2 { margin-bottom: 2rem; }

@media screen and (max-width: 767px) {
#prologue h2 { font-size: 160%; }
}
/*#story
****************************************************************************************** */
#story {
	border-top: 1px solid #2D529C;
	background: #F9F3EA;
	padding: 4rem 0;
}
#story [class*="col-"] { margin-bottom: 30px; }
#story dl, #story dt, #story dd {
	margin: 0;
	padding: 0;
}
#story a { color: #000; }
#story dl { padding-top: 10px; }
#story img { display: block; }
#story dt {
	display: block;
	background: #2D529C;
	color: #fff;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	border: 2px solid #fff;
	text-align: center;
	margin: -30px 0 1rem -10px;
	position: relative;
	float: left;
}
#story dt span {
	font-size: 14px;
	font-family: Alte;
	font-weight: normal;
	line-height: 1;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#story dt strong {
	display: block;
	font-size: 30px;
	font-weight: normal;
}
#story dd { padding-left: 80px; }
#story dd strong {
	font-size: 15px;
	font-size: 1rem;
}
#story dd .label {
	background: #B58D09;
	display: inline-block;
}

@media screen and (max-width: 767px) {
#story dd strong {
	font-size: 15px;
	font-size: 1.25rem;
}
}
/*#manual
****************************************************************************************** */
#manual { padding: 4rem 0; }
#qa {
	max-width: 940px;
	margin: auto;
}
.quiz {
	border: 5px solid #52A9A2;
	border-radius: 10px;
	padding: 30px;
	padding: 2rem;
	margin: 2rem 0
}
.question {
	margin: 0;
	padding: 0 0 0 70px;
	position: relative;
}
.question dt {
	font-size: 17px;
	font-size: 1.13rem;
	font-weight: normal;
	padding-top: 1.1em;
}
.question dt span {
	display: inline-block;
	font-family: Alte;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #52A9A2;
	text-align: center;
	border-radius: 30px;
	color: #fff;
	font-size: 26px;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
}
.question dd {
	margin: 0;
	padding: 1rem 0;
	font-weight: bold;
}
.question dd ol {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
}
.question dd ol li {
	margin-bottom: 0.5em;
	font-size: 1rem;
}
.question dd ol li:nth-child(1)::before { content: '①'; }
.question dd ol li:nth-child(2)::before { content: '②'; }
.question dd ol li:nth-child(3)::before { content: '③'; }
.question dd ol li:nth-child(4)::before { content: '④'; }
.question dd ol li:nth-child(5)::before { content: '⑤'; }
.question dd ol li::before { margin-left: -1em; }
#quiz_06 .question dd ol li {
	width: 33.333%;
	float: left;
	text-align: center;
	padding: 0 0.7rem;
}
.answer {
	margin: 0;
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
	clear: both;
}
.answer dt {
	display: block;
	text-align: center;
	background: #52A9A2;
	color: #fff;
	padding: 0.7em 0 0.2em;
	font-size: 1.2rem;
	line-height: 1;
	cursor: pointer;
}
.answer dt::after {
	content: '\f0d7';
	content: '\f107';
	font-family: FontAwesome;
	display: block;
	line-height: 1;
}
.answer dd {
	margin: 0;
	padding: 30px;
	padding: 2rem;
	color: #3e7f7a;
	background: #FDFCEE;
	line-height: 1.7;
	font-size: 1rem;
	display: none;
	overflow: hidden;
}
.answer dt.active::after {
	content: '\f0d8';
	content: '\f106';
}

.answer dd p.ansIcon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	font-weight: normal;
	font-family: Alte;
	font-size: 26px;
	position: relative;
	background: #52A9A2;
	text-align: center;
	float: left;
	margin: 0 1rem 1rem 0
}
.answer dd p.ansIcon strong {
	display: block;
	width: 60px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 767px) {
#manual h3 { font-size: 160%; }
.question { padding: 0; }
.question dt { padding: 0 }
.question dt span {
	position: relative;
	left: auto;
	top: 0;
	display: block;
	margin: 0 auto 1rem;
}
}
/*plus
****************************************************************************************** */
#plus {
	background: #FDF9F4;
	padding: 4rem 0;
}
#plus h2 { padding: 0 0 2rem; }
#plus dl {
	margin: 0 0 2rem;
	padding: 0;
}
#plus dt {
	background: #666;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	padding: 1rem;
	font-size: 19px;
	font-size: 1.26rem;
}
#plus dd {
	padding: 1rem;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.06rem;
}
#plus .row > div:nth-child(1) dl dt { background: #529d97; }
#plus .row > div:nth-child(2) dl dt { background: #fdaf38; }
#plus .row > div:nth-child(3) dl dt { background: #8c181b; }
#plus .row > div:nth-child(1) dl dd { color: #529d97; }
#plus .row > div:nth-child(2) dl dd { color: #fdaf38; }
#plus .row > div:nth-child(3) dl dd { color: #8c181b; }
.mini-couza {
	background: #f5f1e4 url(http://hokuto-kanko.net/wp/wp-content/uploads/mini-kouza.png) no-repeat right top;
	padding: 2rem;
	border-radius: 8px;
}
.mini-couza .badges {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	background: #2D529C;
	color: #fff;
	text-align: center;
	position: relative;
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.mini-couza .badges span {
	width: 100%;
	display: block;
	line-height: 1.2;
	font-size: 13px;
	font-size: 0.86rem;
	font-weight: bold;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mini-couza .badges span strong {
	font-size: 22px;
	font-size: 1.46rem;
	letter-spacing: -0.3em;
}
.mini-couza h3, .mini-couza h3 small {
	color: #2D529C;
	line-height: 1.5
}
.mini-couza h3 small { display: block; }
.mini-couza h3::after { content: ''; }
.mini-couza p {
	clear: both;
	color: #2D529C;
}

@media screen and (max-width: 767px) {
#plus h2 { font-size: 160%; }
.mini-couza .badges {
	float: none;
	margin: auto;
	margin-bottom: 1rem;
}
.mini-couza h3 {
	text-align: center;
	font-size: 160%;
	padding: 1.5rem 0;
}
}
/*#checkpoint
****************************************************************************************** */
#checkpoint { padding: 2rem 0 4rem; }
#checkpoint h2 {
	line-height: 30px;
	font-size: 24px;
}
#checkpoint h2 i {
	font-size: 30px;
	margin: 0 0.2em 0 0;
	padding: 0;
	line-height: 30px;
}
#checkpoint h3 {
	color: #2D529C;
	font-weight: bold;
}
/*採用情報　詳細ページ
****************************************************************************************** */
#story-head { padding: 2rem 0 0; }
#story-head .row {
	background: #2D529C;
	color: #fff;
}
#story-head .story-head-text { padding: 2rem; }
#story-head .story-head-num {
	font-family: Alte;
	font-size: 20px;
	font-size: 1.33rem;
	margin: 0;
	padding: 0;
	line-height: 1;
}
#story-head .story-head-num strong {
	font-size: 70px;
	font-size: 4.6rem;
	font-weight: normal;
	margin-left: 10px;
}
#story-head h3 {
	font-size: 32px;
	font-size: 2.13rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: 500;
}
#story-head p { font-size: 1rem; }
#story-head .story-head-main-pic {
	overflow: hidden;
	text-align: center;
	position: relative;
}
#story-head .story-head-main-pic img {
	position: absolute;
	left: 0;
	width: auto;
	border: 1px solid red;
}
#story-head .story-head-award {
	float: right;
	margin-bottom: 2rem;
	margin-left: 1rem;
}
#story-head .label-default { background: #b58d09; }
#story-lead { padding: 3rem 0; }
#story-lead p { font-size: 1rem; }
#story-myplofile {
	background: #FDF9F4;
	padding-bottom: 4rem;
}
#story-myplofile h4 {
	background: #2D529C;
	text-align: center;
	color: #fff;
	font-family: Alte;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1;
	padding: 0.7em;
}
#story-myplofile h5 {
	text-align: center;
	margin: 3rem 0;
}
#story-myplofile h6 {
	display: block;
	width: 230px;
	height: 230px;
	line-height: 230px;
	border-radius: 115px;
	background: #2D529C;
	color: #fff;
	font-family: Alte;
	font-weight: 100;
	font-size: 22px;
	letter-spacing: 0.13em;
	text-align: center;
	margin: auto auto 2rem;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}

@media screen and (max-width: 991px) {
#story-myplofile h6 {
	width: 180px;
	height: 180px;
	line-height: 180px;
	border-radius: 90px;
	font-size: 19px;
}
}
/*先輩たちのストーリー　ナビ*/
.story-nav { padding: 60px 0; }
.story-nav ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: flex;
	justify-content: space-between;
	column-gap: 2%;

}
.story-nav li {
	/* float: left;
	width: 20%; */
	flex: 0 0 32%;
	padding: 0;
	margin: 0;
	text-align: center;
}
.story-nav li a {
	background: #2D529C;
	color: #fff;
	font-family: Alte;
	display: block;
	border-radius: 4px;
	padding: 0.2em 1em;
	font-size: 26px;
}
.story-nav li.current a,
.story-nav li.current-menu-item a{ opacity: 0.5; }
/* margin
******************************************************************************************* */
/*margin*/
.mg0 { margin: 0 !important; }
.mgt0 { margin-top: 0px !important; }
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt55 { margin-top: 55px !important; }
.mgt60 { margin-top: 60px !important; }
.mgl0 { margin-left: 0px !important; }
.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl25 { margin-left: 25px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl35 { margin-left: 35px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl45 { margin-left: 45px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl55 { margin-left: 55px !important; }
.mgl60 { margin-left: 60px !important; }
.mgr0 { margin-right: 0px !important; }
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr35 { margin-right: 35px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr45 { margin-right: 45px !important; }
.mgr50 { margin-right: 50px !important; }
.mgr55 { margin-right: 55px !important; }
.mgr60 { margin-right: 60px !important; }
.mgb0 { margin-bottom: 0px !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb55 { margin-bottom: 55px !important; }
.mgb60 { margin-bottom: 60px !important; }
.mgb120 { margin-bottom: 120px !important; }
.mgtb30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.mgtb60 {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}
.mgtb120 {
	margin-top: 120px !important;
	margin-bottom: 120px !important;
}
/*padding*/
.pad0 { padding: 0px !important; }
.pad10 { padding: 10px !important; }
.pad15 { padding: 15px !important; }
.pad20 { padding: 20px !important; }
.pad25 { padding: 25px !important; }
.pad30 { padding: 30px !important; }
.padt0 { padding-top: 0px !important; }
.padt5 { padding-top: 5px !important; }
.padt10 { padding-top: 10px !important; }
.padt15 { padding-top: 15px !important; }
.padt20 { padding-top: 20px !important; }
.padt25 { padding-top: 25px !important; }
.padt30 { padding-top: 30px !important; }
.padt35 { padding-top: 35px !important; }
.padt40 { padding-top: 40px !important; }
.padt45 { padding-top: 45px !important; }
.padt50 { padding-top: 50px !important; }
.padt55 { padding-top: 55px !important; }
.padt60 { padding-top: 60px !important; }
.padt90 { padding-top: 90px !important; }
.padl0 { padding-left: 0px !important; }
.padl5 { padding-left: 5px !important; }
.padl10 { padding-left: 10px !important; }
.padl15 { padding-left: 15px !important; }
.padl20 { padding-left: 20px !important; }
.padl25 { padding-left: 25px !important; }
.padl30 { padding-left: 30px !important; }
.padl35 { padding-left: 35px !important; }
.padl40 { padding-left: 40px !important; }
.padl45 { padding-left: 45px !important; }
.padl50 { padding-left: 50px !important; }
.padl55 { padding-left: 55px !important; }
.padl60 { padding-left: 60px !important; }
.padr0 { padding-right: 0px !important; }
.padr5 { padding-right: 5px !important; }
.padr10 { padding-right: 10px !important; }
.padr15 { padding-right: 15px !important; }
.padr20 { padding-right: 20px !important; }
.padr25 { padding-right: 25px !important; }
.padr30 { padding-right: 30px !important; }
.padr35 { padding-right: 35px !important; }
.padr40 { padding-right: 40px !important; }
.padr45 { padding-right: 45px !important; }
.padr50 { padding-right: 50px !important; }
.padr55 { padding-right: 55px !important; }
.padr60 { padding-right: 60px !important; }
.padb0 { padding-bottom: 0px !important; }
.padb5 { padding-bottom: 5px !important; }
.padb10 { padding-bottom: 10px !important; }
.padb15 { padding-bottom: 15px !important; }
.padb20 { padding-bottom: 20px !important; }
.padb25 { padding-bottom: 25px !important; }
.padb30 { padding-bottom: 30px !important; }
.padb35 { padding-bottom: 35px !important; }
.padb40 { padding-bottom: 40px !important; }
.padb45 { padding-bottom: 45px !important; }
.padb50 { padding-bottom: 50px !important; }
.padb55 { padding-bottom: 55px !important; }
.padb60 { padding-bottom: 60px !important; }