@charset "utf-8";

#promo_frame {
	height: 600px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問い合わせフォーム　修正2023-08-25mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.form_table td.request > p{
	display: flex;
}
.form_table td.request > p > *{
	flex: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　バナーセクション 2022-05-30 mori
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Master Sliderの画像と被らないようにするため、PCのみ無料体験のバナーを非表示 */
div#home_bnr .trial {
    display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント 2022-05-30 mori
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 「一覧へ」を非表示にしたことによるバランスを取るために記述 */
.tweet_area .f_wrap {
	justify-content: flex-start;
}

/* 上記バナーを非表示にしたことによるバランスを取るために、PCのみ「一覧へ」を非表示 */
.tweet_area .more {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　スライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    width: 50px;
    background-color: #e60027;
    height: 50px;
    background-position: -81px -22px;
    border-radius: 50%;
    border: 2px solid #fff;
    left: -28px;
    z-index: 90;
}

.ms-skin-default .ms-nav-next {
    right: -28px;
    left: auto;
    background-position: -78px -99px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Google口コミ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-google-place{
    display:flex!important;
    flex-wrap:wrap;
}

.wp-google-place .wp-google-right{
    width:auto!important;
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
}

.wp-google-place .wp-google-right > div{
    margin:0 15px 0 0!important;
}

.wp-google-reviews{
    display: flex!important;
    flex-wrap:wrap;
}

.wp-gr .wp-google-review{
    width: 33.3333%!important;
    margin-top: 30px!important;
    height: 125px!important;
    overflow:auto!important;
}

.wp-gr.wpac .wp-google-review .wp-google-stars{
    display:block!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(インフォメーション)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header_frame > .inner {
    padding: 12px 0;
}

#header_frame .left{
	height:60px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

#header_frame .logo {
    width: 135px;
}

#header_frame .textwidget {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header_frame .time {
    font-size:14px;
    font-weight:bold;
    margin-right:30px;
}

#header_frame .taiken {
    width:360px;
    margin-right:10px;
    border-radius:5px;
    border:2px solid #e60027;
    border-collapse: separate;
    border-spacing: 0;
}

#header_frame .taiken th,#header_frame .taiken td {
    padding: 11px;
    font-weight:bold;
    text-align:center;
}

#header_frame .taiken th{
    background:#e60027;
    width:140px;
    font-size:14px;
    border-right:2px solid #e60027;
	color: #fff;
}

#header_frame .taiken td{
    font-size:24px;
}

#header_frame .taiken td:before{
    content: "\e958";
    font-family: "icomoon";
    font-weight:normal;
    line-height: 1;
    color:#e60027;
    margin-right:5px;
}

#header_frame .contact a{
    display:block;
    background:#fc9606;
    border-radius:5px;
    font-size:20px;
    font-weight:bold;
    padding: 15px 40px;
	color: #fff;
}

#header_frame .contact a:hover{
    text-decoration:none;
    opacity:.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　＞　グローバルナビの固定（JS連携）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header_fixed_zone {
/*---修正追加(2019-10-03)---*/
    background-color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段／親のスタイル）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id="header_fixed_zone"].fix_exe #h_navi_main {
/*---修正追加(2019-10-03)---*/
    box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.3);
}

#h_navi_main ul:not(.sub-menu) > li.home,#h_navi_main ul:not(.sub-menu) > li.contact {
    display:none;
}

#h_navi_main ul:not(.sub-menu) > li > a {
    color: inherit;
    font-size: 17px;
    font-weight:bold;
    padding: 15px 10px;
}

#h_navi_main ul:not(.sub-menu) > li > a:before {
    content:"";
    display:inline-block;
    width:40px;
    height:40px;
    background:url(./images/about02.png) no-repeat 50% 50%/contain;
    margin-right: 5px;
    margin-left: -10px;
}

#h_navi_main ul:not(.sub-menu) > li.course > a:before {
    background-image:url(./images/course02.png);
}

#h_navi_main ul:not(.sub-menu) > li.result > a:before {
    background-image:url(./images/result02.png);
}

#h_navi_main ul:not(.sub-menu) > li.voice > a:before {
    background-image:url(./images/voice02.png);
}

#h_navi_main ul:not(.sub-menu) > li.guide > a:before {
    background-image:url(./images/guide02.png);
}

#h_navi_main ul:not(.sub-menu) > li.kosha > a:before {
    background-image:url(./images/kosha02.png);
}

#h_navi_main ul:not(.sub-menu) > li.blog > a:before {
    background-image:url(./images/blog02.png);
}

#h_navi_main ul:not(.sub-menu) > li[class*='current'] > a, #h_navi_main ul:not(.sub-menu) > li > a:hover {
    background-color: transparent;
}

#h_navi_main ul:not(.sub-menu) > li > a:after{
	content:"";
	width:100%;
	height:4px;
	background:#e60027;
	position:absolute;
	bottom: -5px;
	left:0;
	opacity:0;
	transition:.3s;
}

#h_navi_main ul:not(.sub-menu) > li > a:hover:after,
#h_navi_main ul:not(.sub-menu) > li[class*='current'] > a:after,
body[class*="-voice"] #h_navi_main ul:not(.sub-menu) > li.voice > a:after{
	bottom: 0;
	opacity:1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段／子のスタイル）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_navi_main ul.sub-menu {
    background-color: #fff;
    top: 115px;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, .1));
}

#h_navi_main ul.sub-menu:before {
    border-bottom-color: #fff;
}

#h_navi_main ul.sub-menu a {
	color: #151515;
}

#h_navi_main ul.sub-menu li:not(:last-child) a {
	border-bottom: 1px solid rgb(160 160 160 / 30%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ　＞　ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.child_navi {
    border-radius: 10px;
    overflow: hidden;
    justify-content: center;
}

ul.child_navi li {
    flex-grow: 1;
}

ul.child_navi a {
    padding: 16px 10px;
    background: #ffebef;
    min-width: 100px;
    font-size: 18px;
    font-weight: bold;
    color: #e60027;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.child_navi li:not(:last-child) {
    border-right: 1px solid #ffaebe;
}

ul.child_navi a:hover,ul.child_navi li.current_page_item a {
    background-color: #e60027;
    color: #fff;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(ナビ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_wrap {
    background: #fff;
    width:1200px;
    margin: 0 auto;
    padding: 30px;
}

div#f_navi_wrap div[class*="pc_base_width"]{
	width:1140px;
}

div#f_navi_wrap .navi_a{
	position:relative;
}

div#f_navi_wrap [id="f_navi_main"] ul:not(.sub-menu) > li{
	margin-right:30px;
	margin-bottom: 15px;
	width: 190px;
}

div#f_navi_wrap .navi_a .pc_base_width2{
	padding-right: 210;
}

div#f_navi_wrap li.kosha ul.sub-menu {
    display:flex;
    flex-wrap:wrap;
    width: 200px;
    margin-bottom: 30px;
}

div#f_navi_wrap li.kosha ul.sub-menu > li {
    min-width: 100px;
    padding-right: 20px;
}

div#f_navi_wrap .bnr{
	position:absolute;
	bottom: 20px;
	right:0;
}

div#f_navi_wrap .bnr .mail {
	margin-bottom:20px;
}

div#f_navi_wrap .bnr .mail a{
	display:block;
	width:100%;
	border:1px solid #00adcc;
	color:#00adcc;
	text-align:center;
	border-radius:5px;
	font-size:22px;
	font-weight:bold;
	padding: 23px;
}

div#f_navi_wrap .bnr .mail a:hover{
	background:#e6fbff;
}

div#f_navi_wrap .bnr .mail a:before{
    content: "\e90d";
    font-family: "icomoon";
    font-weight: normal;
    color: #00adcc;
    font-size: 1em;
    line-height: 1;
    margin: 0 10px 0 0;
}

div#f_navi_wrap .bnr .recruit{
	/* height:150px; */
	overflow:hidden;
}