﻿@charset "utf-8";
/*
Theme Name:SKIN
Theme URI:
Description:WordPressテーマ「SKIN」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.0.3
Text Domain:tcd-w
*/


/* --------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
-------------------------------------------------------------------------------- */
@font-face {
  font-family: 'design_plus';
  src: url('fonts/design_plus.eot?v=1.2');
  src: url('fonts/design_plus.eot?v=1.2#iefix') format('embedded-opentype'),
       url('fonts/design_plus.woff?v=1.2') format('woff'),
       url('fonts/design_plus.ttf?v=1.2') format('truetype'),
       url('fonts/design_plus.svg?v=1.2#design_plus') format('svg');
  font-weight: normal;
  font-style: normal;
}

p{color: #4B4848;}


/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance:none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance:checkbox; }
input[type="radio"]{ -webkit-appearance:radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix.not_after:after{
	content:none;
}
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */


/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
*{box-sizing:border-box;}
body { font-family:Arial,sans-serif; color:#333; line-height:1; width:100%; min-width:1280px; background:#fff; }
a { color:#666; text-decoration:none; }
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -ms-transition-property:background-color, color, border-color; -ms-transition-duration:0.2s; -ms-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
}
a:hover { color:#c2aa99; text-decoration:underline; }
.clear { clear:both; }
.hide { display:none; }

/* レイアウト */
#main_contents { width:100%; position:relative; }
#main_col {
  width:100%;; padding:0;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#left_col { width:800px; float:left; }
#side_col { width:300px; float:right; margin-bottom:50px; }

/* キャプションホバースライド */
.caption_hover_slide {
  -webkit-transition:margin 0.35s ease;
  -moz-transition:margin 0.35s ease;
  -ms-transition:margin 0.35s ease;
  -o-transition:margin 0.35s ease;
  transition:margin 0.35s ease;
}
.image:hover .caption_hover_slide { margin-left:1em; margin-right:-1em; }

/* 共通ヘッドライン（背景あり） */
.headline_bg_l { margin:0; padding:15px 22px; font-size:26px; color:#222; background:#e3d0c3; }
.headline_bg_l span { display:inline-block; margin-left:15px; font-size:15px;  position:relative; top:-3px; }
.headline_bg_l a { float:right; font-size:14px; color:#222; margin:6px -8px 0 0; padding:0 24px 0 0; position:relative; text-transform:none; text-decoration:none; }
.headline_bg_l a:after { content:'\e910'; font-family:'design_plus'; font-size:16px; text-align:right; margin:-0.5em 0 0 0; position:absolute; top:50%; right:0;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
	-webkit-transition: none; transition: none;
}
.headline_bg { margin:0; padding:20px 22px; font-size:16px;  color:#222; background:#e3d0c3; }
.headline_bg a { float:right; font-size:14px; color:#222; margin:1px -8px 0 0; padding:0 24px 0 0; position:relative; text-decoration:none; }
.headline_bg a:after { content:'\e910'; font-family:'design_plus'; font-size:16px; text-align:right; margin:-0.5em 0 0 0; position:absolute; top:50%; right:0;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

p {
	font-size: 17px;
	color: #595757;
    /*line-height: 2;*/
    line-height: 1.7;
}
/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { width:100%; border-top:7px solid rgba(226,190,166,.8); position:relative; }
.header_inner { width:100%; max-width:1600px; min-height:120px; margin:0 auto; position:relative; padding: 0 5%; }

/* ロゴ */
#header_logo { position:absolute; top:26%;
  -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); transform:translateY(-20%);
/*  width:100%;*/
}
#header_logo .logo { display:inline-block; font-size:24px; margin:0 auto;max-width: 360px;}
#header_logo .logo a { color:#666; text-decoration:none; }
#header_logo img { display:block; max-height:80px; max-width:100%; height:auto; }

/* グローバルメニュー */
a.menu_button { display:none; }
#global_menu {
	float:right;
	z-index:20;
	position:relative;
	color:#666;
	/*margin:0 -28px 0 0;
    top: 50%;
    right: 0;
    transform: translate(0, -70%);*/
	}
#global_menu a { color:#666; }
#global_menu > ul { font-size:0; position:relative; text-align:right; margin:0 auto; display:flex; }
#global_menu > ul > li { font-size:1%; position:relative; display:inline-block; /*font-family: "Century Gothic", CenturyGothic, "Muli", sans-serif;*/ font-family: "Hiragino Kaku Gothic Pro", "HiraKakuProN", "ヒラギノ角ゴ", "メイリオ", sans-serif; letter-spacing: 0.5px;}
#global_menu > ul > li > a {
  font-size:15px; text-decoration:none; height:120px; line-height:120px; display:block; padding:0 28px; text-transform: uppercase;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
  position:relative;
}
#global_menu > ul > li.menu-insta > a {
	padding-left: 10px !important;
}
#global_menu > ul > li.menu-twitter > a {
    padding-left: 15px !important;
}
@media only screen and (max-width:992px) {
	#global_menu > ul > li.menu-insta > a,
	#global_menu > ul > li.menu-twitter > a {
		padding-left: 14px !important;
	}
}

#global_menu > ul > li > a:hover {
	color:#c2aa99;
/*    transform: rotateX(360deg);
    -webkit-transform:rotateX(360deg);
	-webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;*/
	}
#global_menu ul ul { display:none; }


@media only screen and (min-width:992px) {
  body { overflow-x:hidden; }
  #global_menu .child_menu_button { display:none; }
  #global_menu ul ul { display:block; visibility:hidden; width:220px; position:absolute; top:120px; left:30px; margin:0; padding:0; opacity:0; z-index:2;
    -webkit-transition-property:opacity,left; -webkit-transition-duration:.3s; -webkit-transition-timing-function:ease;
    -moz-transition-property:opacity,left; -moz-transition-duration:.3s; -moz-transition-timing-function:ease;
    -ms-transition-property:opacity,left; -ms-transition-duration:.3s; -ms-transition-timing-function:ease;
    -o-transition-property:opacity,left; -o-transition-duration:.3s; -o-transition-timing-function:ease;
    transition-property:opacity,left; transition-duration:.3s; transition-timing-function:ease;
  }
  #global_menu ul ul ul { left:250px; top:0; bottom:auto; margin:0; border:none; }
  #global_menu ul ul li { line-height:1.5; padding:0; margin:0; text-align:left; position:relative; display:block; }
  #global_menu ul ul a { display:block; font-size:14px; color:#fff; background:#e3d0c3; border:none; position:relative; padding:12px 28px 11px 28px; height:auto; line-height:1.6; margin:0; text-align:left; }
  #global_menu ul ul a:hover { background:#c2aa99; text-decoration:none; border:none; }
  #global_menu ul ul li.menu-item-has-children > a:before { margin:0; display:block; right:10px; position:absolute; content:"\e910"; font-family: "design_plus";  
}
  #global_menu > ul > li:hover > ul { visibility:visible; left:0; opacity:1; z-index:3; /* box-shadow:0px 1px 2px 0px rgba(255,255,255,.5); */ }
  #global_menu > ul > li li:hover > ul { visibility:visible; opacity:1; top:0; left:100%; z-index:3; }
}

/* ヘッダー固定 */
  #logo_image_fixed, #logo_text_fixed { display:none; }
@media only screen and (min-width:992px) {
  .fix_top.header_fix #header {
    position:fixed; width:100%; min-width:1280px; top:0px; left:0px; z-index:200; background:rgba(226,190,166,.8); border-top:none;
    -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%);
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
    animation:slideDown 0.5s ease; -ms-animation:slideDown 0.5s ease; -webkit-animation:slideDown 0.5s ease; -moz-animation:slideDown 0.5s ease; 
  }
  .fix_top.header_fix .header_inner { min-height:80px; }

  /* ロゴ */
  .fix_top.header_fix #header_logo #logo_image_fixed, .fix_top.header_fix #header_logo #logo_text_fixed { display:block; }
  .fix_top.header_fix #header_logo #logo_image, .fix_top.header_fix #header_logo #logo_text { display:none; }
  .fix_top.header_fix #header_logo .logo a { color:#fff; text-decoration:none; }
  .fix_top.header_fix #header_logo img { max-height:60px; }

  /* グローバルメニュー */
  .fix_top.header_fix #global_menu a { /*color:#fff;*/ }
  .fix_top.header_fix #global_menu > ul > li > a { height:70px; line-height:70px; }
  .fix_top.header_fix #global_menu > ul > li:hover > ul { top:70px; }
}

@-webkit-keyframes slideDown {
  0% { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
  100% { -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); }
}
@keyframes slideDown {
  0% { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
  100% { -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); }
}

.header_fix { padding-top:130px; }
.header_fix #header {
  -webkit-transition:opacity 0.2s ease;
  -moz-transition:opacity 0.2s ease;
  -ms-transition:opacity 0.2s ease;
  -o-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}
.header_fix #header:hover { opacity:1; }

/* アドミンバー */
.admin-bar { padding-top:32px; }
@media only screen and (min-width:992px) {
  .fix_top.header_fix.admin-bar { padding-top:152px; }
  .fix_top.header_fix.admin-bar #header { top:32px; }
}
@media only screen and (max-width:991px) {
  .mobile_fix_top.header_fix.admin-bar { padding-top:92px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:32px; }
}
@media only screen and (max-width:782px) {
  .admin-bar { padding-top:46px; }
  .mobile_fix_top.header_fix.admin-bar { padding-top:106px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:46px; }
}
@media only screen and (max-width:600px) {
  .mobile_fix_top.header_fix.admin-bar { margin-top:46px; padding-top:60px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:0; }
}

/* パンくずリンク */
#bread_crumb { margin:0 0 10px; height:60px; line-height:60px; overflow:hidden; }
#bread_crumb ul { width:100%; max-width:1150px; margin:0 auto; }
#bread_crumb li a { color:#c2aa99; }
#bread_crumb li { font-size:14px; display:inline; vertical-align:middle; padding:0; margin:0; position:relative; }
#bread_crumb li:after {
  font-family:'design_plus'; content:'\e910'; color:#666; font-size:10px; display:inline; padding:0 0.5em 0 1em; position:relative; bottom:1px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#bread_crumb li:last-child:after { content:''; margin:0; }
#bread_crumb li.home a span { display:none; }
#bread_crumb li.home a:before { content:'\e90c'; font-family:'design_plus'; color:#999;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#bread_crumb li.home a:hover { text-decoration:none; }
#bread_crumb li.home a:hover:before { color:#c2aa99; }


/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
.home #main_col { margin-top:0; margin-bottom:0; background:rgba(142,141,141,0.81)}
.home a.title{text-align:left;}

/* スライダー */
#header_slider { width:100%; max-width:100%; max-height:100vh; position:relative; margin:0 auto; }
#header_slider .item { width:100%; }
#header_slider .item:nth-of-type(n+2) { display:none; }
#header_slider.slick-initialized .item:nth-of-type(n+1) { display:block; }
#header_slider .item img { width:100%; height:auto; display:block; }
#header_slider .item .overlay span:before { content:''; display:block; width:100%; height:100%; z-index:2; position:absolute; left:0px; top:0px; }
#header_slider .slick-arrow {
  border:none; height:50px; width:50px; overflow:hidden; text-align:center; font-family:'design_plus'; color:#666; font-size:16px; line-height:50px; margin-top:-25px; position:absolute; top:50%; z-index:2; cursor:pointer; background:rgba(255,255,255,0.9); opacity:0.4;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#header_slider .slick-prev { left:0; }
#header_slider .slick-next { right:0; text-align:right; padding-right:15px; }
#header_slider .slick-arrow:hover { opacity:1; }
#header_slider .slick-dots { text-align:center; position:absolute; bottom:16px; left:0; right:0; }
#header_slider .slick-dots li { display:inline-block; margin:0 3px; }
#header_slider .slick-dots li button { display:inline-block; padding:0; width:12px; height:12px; overflow:hidden; text-indent:-400px; background:#fff; border:none; border-radius:100%; opacity:0.6; }
#header_slider .slick-dots li button:hover { background:#c2aa99; opacity:0.7; }
#header_slider .slick-dots li.slick-active button { background:#c2aa99; opacity:1; }
.show_index_topics #header_slider .slick-dots { bottom:76px; }


/* スライダーキャプション */
#header_slider .catchphrase { margin-bottom: 8px; }
#header_slider .caption {
  position:absolute; text-align:center; width:100%; margin:auto; top:50%; left:0; right:0; z-index:3;
  -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#header_slider .caption p { line-height:1.5; }
#header_slider .caption .button {
  display:inline-block; margin:15px 0 0 0; padding:0 25px; min-width:170px; height:45px; line-height:45px; font-size:14px; text-decoration:none; border:1px solid transparent;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -ms-transition-property:background-color, color, border-color; -ms-transition-duration:0.2s; -ms-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* スライダーキャプションのアニメーション */
#header_slider .caption > :nth-child(-n+3) {
  opacity:0;
}
#header_slider .item.slick-active .caption > :nth-child(1) {
  -webkit-animation:opacityAnimation 1.0s ease forwards 1.0s; animation:opacityAnimation 1.0s ease forwards 1.0s;
}
#header_slider .item.slick-active .caption > :nth-child(2) {
  -webkit-animation:opacityAnimation 1.0s ease forwards 2.0s; animation:opacityAnimation 1.0s ease forwards 2.0s;
}
#header_slider .item.slick-active .caption > :nth-child(3) {
  -webkit-animation:opacityAnimation 1.0s ease forwards 3.0s; animation:opacityAnimation 1.0s ease forwards 3.0s;
}
#header_slider .first_active .caption > :nth-child(1) {
  -webkit-animation:opacityAnimation 1.0s ease forwards 2.0s !important; animation:opacityAnimation 1.0s ease forwards 2.0s !important;
}
#header_slider .first_active .caption > :nth-child(2) {
  -webkit-animation:opacityAnimation 1.0s ease forwards 3.0s !important; animation:opacityAnimation 1.0s ease forwards 3.0s !important;
}
#header_slider .first_active .caption > :nth-child(3) {
  -webkit-animation:opacityAnimation 1.0s ease forwards 4.0s !important; animation:opacityAnimation 1.0s ease forwards 4.0s !important;
}
@-webkit-keyframes opacityAnimation {
  0% { opacity:0; -webkit-transform:translateY(30px); transform:translateY(30px); }
  100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
}
@keyframes opacityAnimation {
  0% { opacity:0; -webkit-transform:translateY(30px); transform:translateY(30px); }
  100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }}

/* video, youtube */
.slider_video_wrapper { width:100%; position:relative; }
.slider_video_wrapper:before { content:''; display:block; padding-top:56.25%; /* aspect 16:9 */ }
.slider_video_wrapper .slider_video_container { width:100%; height:100%; position:absolute; top:0; left:0; }

/* Topics */
#index_topics { margin:-60px 0 20px 0; height:60px; overflow:hidden; background:rgba(226,190,166,.8); position:relative; z-index:3; }
#index_topics .headline { float:left; margin:0; padding:0 22px; height:60px; line-height:60px; font-size:26px; font-weight:400; color:#fff; position:relative; }
#index_topics .headline:after { content:""; display:block; margin-top:-10px; width:0; height:20px; border-right:1px solid #fff; position:absolute; top:50%; right:0; }
#index_topics .newsticker { margin:0; height:60px; overflow:hidden; position:relative; }
#index_topics ol { margin:0; padding:0; width:100%; position:absolute; top:0; }
#index_topics ol li { margin:0 22px; height:60px; line-height:60px; font-size:14px; color:#fff; overflow:hidden; }
#index_topics ol li a { display:block; color:#fff; text-decoration:none !important; }
#index_topics ol .entry-date { display:inline-block; margin-right:18px; text-decoration:none !important; }

/* コンテンツ1 */
#index_content1 { margin:20px 0 60px 0; }
#index_content1.columns-2, #index_content1.columns-3 { display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; }
#index_content1.columns-2 .box { width:49.13%; }
#index_content1.columns-3 .box { width:32.17%; }
#index_content1 .box { overflow:hidden; position:relative; }
#index_content1 a { display:block; text-decoration:none; }
#index_content1 .image img { display:block; width:100%; height:auto; }
#index_content1 .caption { font-size:14px; line-height:2.2; color:#666; overflow:hidden;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#index_content1 .image .caption { width:63%; height:72%; padding:12px 10px 12px 20px; overflow:hidden; background:rgba(255,255,255,0.8); position:absolute; top:14%; left:8%; }
#index_content1 .noimage .caption { width:100%; height:72%; padding:15px 20px; overflow:hidden; position:absolute; top:14%; left:0; }

#index_content1 .caption .headline { margin:0 0 8px 0; font-size:26px; font-weight:400; line-height:1.2; color:#c2aa99; }
#index_content1 .caption p { margin:0 0 2.2em 0; }
#index_content1 .caption p:last-child { margin-bottom:0; }

/* コンテンツ2 */
#index_content2 { margin:50px 0 55px 0; text-align:center; }
#index_content2 .headline { margin:0 0 16px 0; font-size:38px; font-weight:400; line-height:1.4; color:#c2aa99; }
#index_content2 .desc { line-height:2.2; }
#index_content2 .desc p { margin:0 0 2.2em 0; }

/* コース */
#index_course { margin:50px 0; }
#index_course ol { margin:0; padding:0; font-size:0; }
#index_course li { margin:0 0 5px 5px; padding:0; width:calc(33.333% - 5px); display:inline-block; vertical-align:top; position:relative; }
#index_course li:nth-child(3n+1) { margin-left:0; }
#index_course li .image { display:block; width:100%; color:#c2aa99; text-decoration:none; }
#index_course li img { display:block; width:100%; height:auto; }
#index_course li .caption { width:100%; padding: 13.5px 20px; font-size:22px; font-weight:400; line-height:1.5; position:absolute; bottom:0; left:0; z-index:2; background:rgba(255,255,255,0.8);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#index_course li .caption span { display:block; width:100%; }

/* リスト先頭のボーダーを非表示 */
table.pb_pricemenu tr:first-child td { border-top:0; }

/* お知らせ/キャンペーン */
#index_news { margin:50px 0; }
#index_news.columns-2 { display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; }
#index_news.columns-2 .index_news { width:47.82%; }
#index_news ol { margin:0 0 30px 0; }
#index_news li { line-height:2; border:1px solid #ddd; border-top:none; position:relative; }
#index_news .title { display:inline; margin:0; font-weight:300; }
#index_news .title a { display:block; padding:15px 26px 15px 126px; text-decoration:none; position:relative; }
#index_news .no_date .title a { padding-left:26px; }
#index_news .date { display:inline; color:#c2aa99; font-weight:500; position:absolute; top:50%; left:26px;
  -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
}

/* お客様の声 */
#index_voice { margin:50px 0; }
#index_voice ol { margin:0; padding:0; font-size:0; border-left:1px solid #ddd; }
#index_voice li { display:inline-block; margin:0; padding:0; width:50%; font-size:14px; line-height:2; }
#index_voice li a { display:block; padding:30px 26px; text-decoration:none; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#index_voice li .image { width:100px; height:100px; overflow:hidden; float:left; }
#index_voice li .image img { display:block; width:100%; height:auto; }
#index_voice li .info { height:100px; overflow:hidden; }
#index_voice li.has_post_thumbnail .info { margin-left:128px; }
#index_voice li .info .voice_name { margin:-4px 0 0 0; color:#c2aa99; font-weight:300; }

/* ブログ */
#index_blog { margin:80px 0; padding-top:60px; background:rgba(227,208,196,.15); }
#index_blog .headline { margin:0 3.652%; font-size:30px; font-weight:400; line-height:1.4; color:#c2aa99; }
a.index_blog_button { float:right; padding:15px 22px; min-width:120px; line-height:1; font-size:14px; text-align:center; text-decoration:none; color:#fff; }
a.index_blog_button span { position:relative; }
a.index_blog_button span:after { content:'\e910'; font-family:'design_plus'; color:#fff; font-size:16px; margin:-0.45em 0 0 0; position:absolute; top:50%; right:-24px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
a.index_blog_button:hover { color:#fff; background:#c2aa99; }

#index_blog_list { margin:0; padding:17px 0 43px 0; position:relative; font-size:0; }
#index_blog_list > li { width:28.696%; margin:17px 0 17px 3.3%; display:inline-block; vertical-align:top; }
#index_blog_list > li:nth-child(3n+1) { margin-left:3.652%; }
#index_blog_list li a { display:block; text-decoration:none; }
#index_blog_list li .image { display:block; width:100%; height:0; overflow:hidden; padding-top:63.63%; position:relative; }
#index_blog_list li .image img { width:100%; height:auto; min-height:100%; position:absolute; top:0; left:0; }
#index_blog_list li .info { display:block; padding:20px 24px; background:#fff; border:1px solid #eee; }
#index_blog_list li .title { font-size:14px; line-height:1.7; font-weight:400; height:3.4em; overflow:hidden; }
#index_blog_list li .meta { margin-top:8px; }
#index_blog_list li .meta li { display:inline-block; margin:0 14px 0 0; padding:0; font-size:12px; line-height:28px; }
#index_blog_list li .meta .category span { display:inline-block; min-width:75px; min-height:28px; padding:0 10px; text-align:center; text-decoration:none; }
#index_blog_list li .meta .date { font-size:14px; }

/* 営業日 */
#index_business_day { margin:80px 0; }

/*新着情報*/
.news_box{
	text-align:center;
	color:#000;
	background-color:#fff;
    width: 100%;
    max-width: 100%;
    /*margin: 5% auto;*/
}

.news_box .content{
	width:100%;
	background-color:#F7F7F7;
	padding:100px 0;
}


.news_box .content ol{
	width:75%;
	margin:auto;
	
}

.news_box .content ol li{
	display:flex;
	justify-content:flex-start;
	line-height:1.6;
}

.news_box .date{
	margin-right:20px;
}

.news_box .text_box{
	text-align:left;
	margin-left:20px;
}

.news_box .text_box .title{
    font-size: 20px;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}
.news_box .text_box .title:hover{
	text-decoration: underline;
}
.news_box .text_box p{
	font-size: 18px;
    line-height: 1.5;
}
/*トップ中ページのメニュー*/
#menu_contents{
	width:100%;
	padding:0 20%;
	margin-bottom:50px;
}

#menu_contents .content{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#menu_contents .menu_box{
	width:49%;
	margin-bottom:10px;
	position: relative;
}

#menu_contents .menu_box img{
	width:100%;
	height:100%;
}
#menu_contents .menu_box .top-hover-mask{
	width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#menu_contents .menu_box .top-hover-mask:hover{
	opacity: 1;
}

/*ページのタイトル*/
.page_title_line{
	display: block;
	width: 100px;
    height: 7px;
/*    background: #a4c2f4ff;*/
    background: #004c71;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}


/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
/* ヘッダー画像 */
#header_image { width:100%; max-width:1600px; margin:0; position:relative; overflow:hidden; height:430px; }
#header_image img { width:100%; height:auto; display:block;     animation: header_image 6s ease-in-out forwards;}
#header_image .caption { margin:0; width:100%; padding:0 30px; line-height:1.5; text-align:center; color:#fff;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  text-align:left;
}

#header_image .caption .bg_img{
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  animation: header_image 6s ease-in-out forwards;
}

@keyframes header_image {
	0% { transform:scale(1.2); }
	100% { transform:scale(1); }
}

#header_image .caption p + p {
	margin-top: 0.5em;
}

/* コンテントヘッダー */
.content_header { margin:0 0 40px 0; }
.content_header img { display:block; width:100%; height:auto; }


/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
.no_post { margin:50px 0; }

#archive_headline { margin:0; }

#archive_wrapper { margin-bottom:150px; padding-bottom:29px; background:rgba(227,208,196,.15); }
#post_list { margin:0; padding:29px 0 26px; position:relative; font-size:0; }
#post_list > li { width:41.25%; margin:19px 0 19px 5.833%; display:inline-block; vertical-align:top; }
#post_list li a { display:block; text-decoration:none; }
#post_list li .image { display:block; width:100%; height:0; overflow:hidden; padding-top:63.63%; position:relative; }
#post_list li .image img { width:100%; height:auto; min-height:100%; position:absolute; top:0; left:0; }
#post_list li .info { display:block; padding:18px 24px; background:#fff; border:1px solid #eee; }
#post_list li .title { font-size:14px; line-height:1.7; font-weight:400; height:3.4em; overflow:hidden; }
#post_list li .meta { margin-top:8px; }
#post_list li .meta li { display:inline-block; margin:0 14px 0 0; padding:0; font-size:12px; line-height:28px; }
#post_list li .meta .category span { display:inline-block; min-width:75px; min-height:28px; padding:0 15px; text-align:center; text-decoration:none; }
#post_list li .meta .date { font-size:14px; }

/* 共通カテゴリー・日付 */
ul.meta .category a, ul.meta .category span { color:#fff; background:#e3d0c3; }
ul.meta .date { color:#c2aa99; }

/* ページング */
.page_navi { margin:0 0 50px 0; }
#archive_wrapper .page_navi { margin:0 5.833%; padding-bottom:16px; }
.page_navi ul { margin:0; font-size:0; border-left:1px solid #eee; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.page_navi li { display:inline-block; font-size:12px; margin:0; padding:0; width:38px; height:38px; }
.page_navi a, .page_navi span { display:block; margin:0; min-width:24px; font-size:12px; line-height:1; text-align:center; color:#666; background:#fff; border:1px solid #eee; border-left:none; height:100%; display:flex; align-items: center; justify-content:center; }
.page_navi a::before { transition:none; }
.page_navi a:hover { background:#e3d0c3; border-color:#e3d0c3; color:#fff; text-decoration:none; }
.page_navi span.dots {}
.page_navi span.current { background:#e3d0c3; border-color:#e3d0c3; color:#fff; }
.page_navi p.back { margin:0; }
.page_navi p.back a { background:#aaa; color:#fff; text-decoration:none; display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; font-size:14px; position:relative; padding:0; border:none; }
.page_navi p.back a:hover { background:#e3d0c3; color:#fff; }
.page_navi .prev::before { font-family: "design_plus"; content:"\e90f"; font-size:11px; display:block; }
.page_navi .next::before { font-family: "design_plus"; content:"\e910"; font-size:11px; display:block; }


/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
#article {; position:relative; }

/* アイキャッチ画像 */
#post_image { padding:0; margin:0 0 40px 0; }
#post_image img { width:100%; height:auto; display:block; margin:0; }

/* 日付・カテゴリー */
#post_meta_top { margin:0 0 17px 0; padding:0; width:100%; }
#post_meta_top li { display:inline-block; margin:0 10px 0 0;; padding:0; font-size:12px; line-height:28px; }
#post_meta_top li.category a { display:inline-block; min-width:75px; min-height:28px; padding:0 15px; text-align:center; text-decoration:none; }
#post_meta_top li.date { font-size:14px; }

/* 記事タイトル */
#post_title { padding:0; margin:0 0 41px; font-size:36px; line-height:1.4; color:#c2aa99; }

/* 記事本文 */
.post_content { font-size:14px; }
.post_content a { color:#c2aa99; }

/* SNSボタン */
#single_share_top { margin:30px 0 0 0; }
#single_share_bottom { margin:30px 0 0 0; }

/* ページ分割 */
#post_pagination { margin:30px 0; clear:both; }
#post_pagination h5 { margin:0 0 10px 0; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; margin:0; width:35px; height:35px; line-height:35px; text-align:center; text-decoration:none; color:#666; font-size:12px; border:1px solid #eee; }
#post_pagination a + a { border-left:none; }
#post_pagination p { background:#e3d0c3; border-color:#e3d0c3; color:#fff; }
#post_pagination a:hover { background:#e3d0c3; color:#fff; text-decoration:none; }

/* メタ情報 */
#post_meta_bottom { margin:0 0 50px; padding:25px; background:#f9f9f9; }
#post_meta_bottom li { display:inline; margin:0 10px 0 0; padding:0 15px 0 20px; border-right:1px solid #ddd; font-size:12px; line-height:1.8; position:relative; }
#post_meta_bottom li:last-child { border:none; margin:0; }
#post_meta_bottom li:before {
  font-family:'design_plus'; color:#aaa; font-size:13px; display:block; position:absolute;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#post_meta_bottom li.post_category:before { content:'\e92f'; top:-4px; left:0px; }
#post_meta_bottom li.post_tag:before { content:'\e935'; top:-3px; left:0px; }
#post_meta_bottom li.post_author:before { content:'\e90d'; top:-3px; left:0px; }
#post_meta_bottom li.post_comment:before { content:'\e916'; font-size:16px; top:-6px; left:0px; }

/* 次の記事、前の記事 */
#previous_next_post { margin:0 0 50px 0; }
#previous_next_post .prev_post { float:left; width:49.625%; }
#previous_next_post .next_post { float:right; width:49.625%; }
#previous_next_post a {
  display:block; padding:35px; background:#f6f6f6;
  line-height:1.3; height:110px; color:#666; text-decoration:none; position:relative;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#previous_next_post .title { display:block; font-size:14px; line-height:1.8; width:calc(100% - 102px); max-height:75px; overflow:hidden; position:absolute; top:50%;
  -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
}
#previous_next_post a:before {
  font-family:'design_plus'; color:#999; font-size:18px; display:block; margin:-0.6em 0 0 0; width:20px; position:absolute; top:50%;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#previous_next_post .prev_post a { padding-left:65px; }
#previous_next_post .next_post a { padding-right:65px; }
#previous_next_post .prev_post a:before { content:'\e90f'; left:20px; text-align:left; }
#previous_next_post .next_post a:before { content:'\e910'; right:20px; text-align:right; }
#previous_next_post a:hover, #previous_next_post a:hover:before, #previous_next_post a:hover:after { color:#c2aa99; }

#previous_next_post2 { margin:50px 0 0 0; text-align:center; }
#previous_next_post2 a { display:inline-block; margin:0 6px 6px 6px; padding:0 36px; min-width:170px; line-height:45px; text-align:center; color:#fff; background:#ddd; position:relative; text-decoration:none;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#previous_next_post2 a:before {
  font-family:'design_plus'; color:#fff; display:block; margin-top:-0.4em; line-height:1; position:absolute; top:50%;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#previous_next_post2 a.prev_post:before, #previous_next_post2 a.back:before { content:'\e90f'; left:10px; text-align:left; }
#previous_next_post2 a.next_post:before { content:'\e910'; right:10px; text-align:right; }
#previous_next_post2 a:hover { background:#e3d0c3; }

/* 広告 */
#single_banner_area { margin:0 0 50px; text-align:center; }
#single_banner_area .single_banner_left { display:inline-block; margin:0 10px 0 0; }
#single_banner_area .single_banner_right { display:inline-block; margin:0 0 0 10px; }
#single_banner_area img { max-width:100%; height:auto; display:block; }
#single_banner_area.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area.one_banner img { margin:0 auto; }

/* 広告（ページ下部） */
#single_banner_area_bottom { margin:0 0 50px; text-align:center; }
#single_banner_area_bottom .single_banner_left { display:inline-block; margin:0 10px 0 0; }
#single_banner_area_bottom .single_banner_right { display:inline-block; margin:0 0 0 10px; }
#single_banner_area_bottom img { max-width:100%; height:auto; display:block; }
#single_banner_area_bottom.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area_bottom.one_banner img { margin:0 auto; }

/* 広告（ショートコードver） */
#single_banner_area2 { margin:0 0 30px 0; text-align:center; }
#single_banner_area2 .single_banner_left { display:inline-block; margin:0 10px 0 0; }
#single_banner_area2 .single_banner_right { display:inline-block; margin:0 0 0 10px; }
#single_banner_area2 img { max-width:100%; height:auto; display:block; }
#single_banner_area2.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area2.one_banner img { margin:0 auto; }

/* 関連記事 */
#related_post { margin:0 0 50px 0; }
#related_post ol { margin:0; padding:30px 7px 8px 7px; position:relative; font-size:0; background:rgba(227,208,196,.15); }
#related_post li { width:28.625%; margin:0 0 25px 3.56%; display:inline-block; vertical-align:top; }
#related_post li a { display:block; text-decoration:none; }
#related_post li .image { margin:0 0 10px 0; display:block; width:100%; height:0; overflow:hidden; padding-top:64.44%; position:relative; }
#related_post li .image img { width:100%; height:auto; min-height:100%; position:absolute; top:0; left:0; }
#related_post li .title { font-size:14px; line-height:1.7; font-weight:400; max-height:3.4em; overflow:hidden; }


/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
/* お知らせ一覧 */
#recent_news { margin:0 0 30px 0; }
#recent_news ol { border-left:1px solid #ddd; border-right:1px solid #ddd; }
#recent_news li { border-bottom:1px solid #ddd; }
#recent_news li a { display:-webkit-flex; display:flex; align-items:center; min-height:138px; text-decoration:none; }
#recent_news .image { width:225px; margin:15px; overflow:hidden; }
#recent_news .image img { display:block; width:100%; height:auto; }
#recent_news .info { padding:30px 50px; line-height:2; }
#recent_news .has_post_thumbnail .info { padding-left:25px; width:calc(100% - 305px); }
#recent_news .info .date { color:#c2aa99; }
#recent_news .info .title { font-weight:300; }

/* お知らせ詳細 */
.single-news #post_meta_top .date, .single-campaign #post_meta_top .date { display:inline-block; min-width:75px; min-height:28px; padding:0 15px; text-align:center; color:#fff; background:#e3d0c3; }


/* ----------------------------------------------------------------------
 コース
---------------------------------------------------------------------- */
/* コース一覧 */
.course_categories { margin:0 0 60px 0; font-size:0; border-left:1px solid #ddd; }
.course_categories li { display:inline-block; width:33.33%; }
.course_categories li a { display:block; padding:19px 10px; font-size:14px; font-weight:400; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#666; text-decoration:none; }
.course_categories li a.active, .course_categories li a:hover { background:rgba(227,208,196,.1); }
.course_category { margin:50px 0; }
.course_category .course_category_headline { margin:0 0 20px 0; font-size:26px; font-weight:400; color:#c2aa99; }
.course_category .course_category_headline span { display:inline-block; margin-left:15px; font-size:15px; font-weight:300; position:relative; top:-3px; }
.course_category li { margin:0 0 30px 0; border:1px solid #ddd; }
.course_category li a { display:-webkit-flex; display:flex; align-items:center; text-decoration:none; }
.course_category .image { width:37.59%; margin:26px 0 26px 3.759%; overflow:hidden; }
.course_category .image img { display:block; width:100%; height:auto; }
.course_category .info { width:51.133%; margin:26px 3.759%; }
.course_category .info .headline { margin:0 0 6px 0; font-size:26px; font-weight:400; line-height:1.2; color:#c2aa99; }
.course_category .info .headline span { display:inline-block; margin-left:15px; font-size:15px; font-weight:300; position:relative; top:-3px; }
.course_category .info .desc { font-size:14px; line-height:2.2; }

/* コース詳細 */
.single-course .content_header { margin-bottom:28px; }


/* ----------------------------------------------------------------------
 お客様の声
---------------------------------------------------------------------- */
/* お客様の声一覧 */
ol#voice_list { margin:0 0 30px 0; padding:0; list-style:none; border-left:1px solid #ddd; border-right:1px solid #ddd; }
ol#voice_list li { min-height:180px; border-bottom:1px solid #ddd; }
ol#voice_list .voice_image { width:100px; margin:38px 0 38px 28px; overflow:hidden; float:left; }
ol#voice_list .voice_image img { display:block; width:100%; height:auto; }
ol#voice_list .info { padding:38px 28px; line-height:2;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
ol#voice_list .info p { margin:0 0 1em 0; }
ol#voice_list .info > :last-child { margin-bottom:0; }
ol#voice_list .has_post_thumbnail .info { width:calc(100% - 128px); float:right; }
ol#voice_list .info .voice_name { margin:0 0 0.5em 0; color:#c2aa99; font-weight:300; }
ol#voice_list .info .voice_button a { display:inline-block; padding:13px 30px; min-width:170px; line-height:1.6; text-align:center; text-decoration:none; color:#fff; background:#ddd; position:relative;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
ol#voice_list .info .voice_button a:before {
  content:'\e910'; font-family:'design_plus'; color:#fff; display:block; margin-top:-0.45em; font-size:1.2em; line-height:1; position:absolute; top:50%; right:10px; text-align:right;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
ol#voice_list .info .voice_button a:hover { background:#e3d0c3; }

/* お客様の声詳細 */
.single-voice #article > .headline { margin-bottom:50px; }
.voice_info { margin:50px 0; }
.voice_info.has_image .voice_image { width:25%; float:left; }
.voice_info.has_image .voice_user { width:71.25%; float:right; }
.voice_info .voice_image img { display:block; width:100%; height:auto; }
.voice_user .voice_name { margin:0; padding:16px 22px; font-size:16px; background:#e3d0c3; }
.voice_info .voice_user table { margin:0; }
.voice_info .voice_user table th, .voice_info .voice_user table td { padding:10px 12px; line-height:2; background:transparent; border:1px solid #ddd; }
.voice_info .voice_user table th { text-align:center; font-weight:normal; }
.voice_info .voice_user table td { text-align:left; font-weight:normal; }
dl.interview { margin:0; padding:0; line-height:2; }
dl.interview dt { margin:50px 0 0.5em 0; padding:0; font-size:16px; font-weight:300; color:#c2aa99; }
dl.interview dd { margin:0 0 2em 0; padding:0; }
.voice_course { margin:50px 0 0 0; padding:26px 40px 40px 40px; line-height:2; background:#f8f8f8; border:1px solid #ddd; }
.voice_course p:last-child { margin-bottom:0 !important; }
.voice_course .course_button { text-align: center; }
.voice_course .course_button a { display:inline-block; padding:14px 36px; min-width:170px; line-height:1.6; text-align:center; text-decoration:none; color:#fff; background:#e3d0c3; position:relative;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.voice_course .course_button a:before {
  content:'\e910'; font-family:'design_plus'; display:block; margin-top:-0.45em; font-size:1.2em; line-height:1; position:absolute; top:50%; right:10px; text-align:right;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}


/* ----------------------------------------------------------------------
 スタッフ
---------------------------------------------------------------------- */
/* スタッフ一覧 */
ol#staff_list { margin:0 0 30px 0; padding:0; list-style:none; border-left:1px solid #ddd; border-right:1px solid #ddd; }
ol#staff_list li { border-bottom:1px solid #ddd; }
ol#staff_list li a { min-height:216px; text-decoration:none; }
ol#staff_list .image { width:150px; margin:28px 0 28px 28px; overflow:hidden; float:left; }
ol#staff_list .image img { display:block; width:100%; height:auto; }
ol#staff_list .info { padding:18px 28px 28px 28px; line-height:2;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
ol#staff_list .has_post_thumbnail .info { width:calc(100% - 178px); float:right; }
ol#staff_list .info .staff_name { display:inline-block; margin:0 14px 0 0; color:#c2aa99; font-size:22px; font-weight:300; }
ol#staff_list .info .staff_position { display:inline-block; color:#666; font-size:12px; }
ol#staff_list .info p { margin:30px 0 0 0; color:#666; }

/* スタッフ詳細 */
.single-staff #article > .headline { margin-bottom:50px; }
.staff_info { margin:0 0 42px 0; }
.staff_info.has_image .staff_image { width:25%; float:left; }
.staff_info.has_image .staff_detail { width:71.25%; float:right; }
.staff_info .staff_image img { display:block; width:100%; height:auto; }
.staff_info .staff_detail .staff_name { display:inline-block; margin:0 12px 12px 0; padding:0; font-size:21px; line-height:1.6; color:#c2aa99; }
.staff_info .staff_detail .staff_social_link { display:inline-block; margin:0 0 12px 0; padding:0; }
.staff_info .staff_detail .staff_social_link li { display:inline-block; margin:0; padding:0; position:relative; }
.staff_info .staff_detail .staff_social_link li a { display:block; padding:0 3px; overflow:hidden; width:16px; height:17px; position:relative; }
.staff_info .staff_detail .staff_social_link li a span { display:none; }
.staff_info .staff_detail .staff_social_link li a:before {
  font-family:'design_plus'; color:#aaa; font-size:16px; line-height:1; display:block; position:absolute; bottom:0; left:0;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.staff_info .staff_detail .staff_social_link li a:hover:before { color:#c2aa99; }
.staff_info .staff_detail .staff_social_link li.twitter a:before { content:'\e904'; }
.staff_info .staff_detail .staff_social_link li.facebook a:before { content:'\e902'; }
.staff_info .staff_detail .staff_social_link li.insta a:before { content:'\ea92'; margin-top:1px; }
.staff_info .staff_detail table { margin:0; }
.staff_info .staff_detail table th, .staff_info .staff_detail table td { padding:10px 20px; line-height:2; background:transparent; border:1px solid #ddd; }
.staff_info .staff_detail table th { text-align:center; font-weight:normal; }
.staff_info .staff_detail table td { text-align:left; font-weight:normal; }
.single-staff #related_post { margin-top: 50px; }


/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget { margin:0 0 50px 0; font-size:14px; position:relative; }
.side_widget:last-child, .side_widget:only-child { margin:0; }
.side_headline { font-size:14px; font-weight:400; margin:0 0 18px 0; padding:18px 22px; color:#fff; background:#e3d0c3; }
.side_widget ul { margin:0; }
.side_widget li { line-height:2; padding:0; margin:0 0 10px 0; }
.side_widget li ul { margin:10px 0 0 10px; }
.side_widget a { }
.side_widget a:hover { }
.side_widget img { height:auto; max-width:100%; }
.styled_post_list1_widget { margin-bottom:50px; }

/* 広告 */
.ml_ad_widget { margin:0 0 47px 0; border:none; padding:0; background:none; }
.ml_ad_widget img { height:auto; max-width:100%; margin:0 auto; display:block; }

/* カレンダー */
.widget_calendar { border:1px solid #ddd; padding:15px; }
.widget_calendar .side_headline { margin:-16px -16px 20px; position:relative; }
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:2px; line-height:3.4; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#eee; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#ccc; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:2; }
#wp-calendar #prev, #wp-calendar #next { line-height:3; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color:#fff; background:#ccc; }
#wp-calendar td#today { font-weight:bold; }

/* デザインされた記事一覧１ */
.styled_post_list1 .side_headline { margin-bottom:0; }
.styled_post_list1 { margin:0; padding:0; display:none; background:#fff; border:1px solid #ddd; border-bottom:none; }
.styled_post_list1 li { margin:0; padding:10px; border-bottom:1px solid #ddd; line-height:1.7; }
.styled_post_list1 li a { display:block; text-decoration:none; position:relative; }
.styled_post_list1 .image { float:left; width:100px; height:100px; overflow:hidden; }
.styled_post_list1 .image img { display:block; width:100%; min-width:100%; }
.styled_post_list1 .info { margin:0 0 0 120px; padding:5px 0 0 0; height:95px; overflow:hidden; }
.styled_post_list1 .title { font-size:1em; margin:0; padding:0; display:block; font-weight:400; text-decoration:none; }
.styled_post_list1 .date { margin:0 0 2px 0; font-size:0.86em; color:#c2aa99; display:block; }
.styled_post_list1_tabs { margin:0 0 -1px 0; padding:0; display:-webkit-flex; display:flex; border-left:1px solid #ddd; position:relative; }
.styled_post_list1_tabs li { margin:0; padding:0; width:50%; line-height:1.4; background:rgba(227,208,196,.1); border-top:1px solid #ddd; border-right:1px solid #ddd; }
.styled_post_list1_tabs li label { display:block; margin:0; padding:18px 9px; text-align:center; cursor:pointer; border-bottom:1px solid #ddd; }
.styled_post_list1_widget .tab-radio { display:none; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .styled_post_list1_tabs .tab-label-recent_post,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .styled_post_list1_tabs .tab-label-recommend_post,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .styled_post_list1_tabs .tab-label-recommend_post2 { background:#fff; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .styled_post_list1_tabs .tab-label-recent_post label,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .styled_post_list1_tabs .tab-label-recommend_post label,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .styled_post_list1_tabs .tab-label-recommend_post2 label { border-bottom-color:#fff; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .tab-content-recent_post,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .tab-content-recommend_post,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .tab-content-recommend_post2 { display:block; }

/* 開閉式カテゴリー一覧 */
.tcdw_category_list_widget .side_headline { margin-bottom:0; }
.collapse_category_list { margin:0; padding:0; }
.collapse_category_list ul { margin:0; padding:0; }
.collapse_category_list li ul { margin:0; padding:0; }
.collapse_category_list li { margin:0; padding:0; border-bottom:1px solid #ddd; }
.collapse_category_list li li { margin:0; padding:0; border-top:1px solid #ddd; border-bottom:none; }
.collapse_category_list li a { display:block; padding:12px 8px; margin:0; text-decoration:none; position:relative; overflow:hidden; }
.collapse_category_list li a:hover { color:#c2aa99; }
.collapse_category_list li a .count { float:right; top:0px; position:relative; padding:0 10px; min-width:15px; text-align:center; font-size:11px; border:1px solid #ddd; border-radius:2px; }
.collapse_category_list li li a .count {}
.collapse_category_list li li li a .count {}
.collapse_category_list .parent_category a.active { margin:0; }
.collapse_category_list .children { display:none; }
.collapse_category_list .children a { padding-left:20px; }
.collapse_category_list .children .children a { padding-left:32px; }

/* 検索 */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s, .widget.google_search #s { width:85%; height:40px; margin:0; border:1px solid #ccc; background:#eee; padding:0 10px; }
.widget_search #search-btn input, .widget_search #searchsubmit { border:none; width:15%; height:40px; background:#222 url(img/common/icon_search.png) no-repeat center; cursor:pointer; display:block; float:right; text-indent:-300%; overflow:hidden; }
.widget.google_search #searchsubmit { font-family:'design_plus'; color:#aaa; font-size:14px; border:none; width:15%; height:40px; background:#222; cursor:pointer; display:block; float:right; overflow:hidden; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .widget.google_search #searchsubmit:hover { background-color:#c2aa99; }

/* アーカイブ、カテゴリードロップダウンメニュー */
.widget_archive select, .widget_categories select, .tcdw_archive_list_widget select { border:1px solid #ddd; padding:12px 10px; width:100%; margin:0; font-size:14px; }
.widget_archive select { padding:12px; }
.widget_archive label, .widget_categories label { display:none; }
.widget_archive select option, .widget_categories select option, .tcdw_archive_list_widget option { background:#fff; color:#333; }

/* コースバナーリスト */
.side_widget.tcdw_course_list_widget .side_headline { margin-bottom:6px; }
.tcdw_course_list_widget .course_list { margin:0; padding:0; }
.tcdw_course_list_widget .course_list li { margin:0 0 6px 0; padding:0; width:100%; position:relative; }
.tcdw_course_list_widget .course_list li:last-child { margin-bottom:0; }
.tcdw_course_list_widget .course_list li .image { display:block; width:100%; color:#c2aa99; text-decoration:none; }
.tcdw_course_list_widget .course_list li img { display:block; width:100%; height:auto; }
.tcdw_course_list_widget .course_list li .caption { width:100%; padding:7px 20px; font-size:22px; font-weight:400; line-height:1.5; position:absolute; bottom:0; left:0; z-index:2; background:rgba(255,255,255,0.8);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.tcdw_course_list_widget .course_list li .caption span { display:block; width:100%; }

/* バナーリスト */
.side_widget.tcdw_banner_list_widget .side_headline { margin-bottom:10px; padding:0; font-size:22px; font-weight:400; line-height:1.5; color:#c2aa99; background:none; }
.tcdw_banner_list_widget .desc { line-height:2; }
.tcdw_banner_list_widget .desc p { margin:0 0 1em 0; }
ul.banner_list { margin:0; padding:0; }
.side_widget.tcdw_banner_list_widget ul.banner_list { margin-top:18px; }
ul.banner_list li { margin:0 0 6px 0; padding:0; width:100%; position:relative; }
ul.banner_list li:last-child { margin-bottom:0; }
ul.banner_list li .image { display:block; width:100%; color:#c2aa99; text-decoration:none; }
ul.banner_list li img { display:block; width:100%; height:auto; }
ul.banner_list li .caption { width:100%; padding:0 22px; font-size:22px; font-weight:400; line-height:1.5; position:absolute; top:50%; left:0; z-index:2;
  -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
/*#footer_top { background:#e3d0c3; color:#fff; }*/
#footer_top { display:none;}
#footer_top .footer_inner { width:100%; max-width:1150px; margin:0 auto; padding:30px 0 10px; text-align:center; position:relative; }
#footer_top a { color:#fff; }

/* logo */
#footer_logo { margin:0 0 15px; }
#footer_logo .logo { display:inline-block; font-size:24px; margin:0; }

/* 住所 */
#footer_address { margin:20px 0; text-align:center; font-size:14px; line-height:1.8; }
#footer_address span { display:inline-block; }

/* SNSボタン */
#footer_social_link { position:absolute; left:0; /*bottom:-43px;*/ bottom:-38px; }
#footer_social_link li { display:inline-block; margin:0 1.5px; position:relative; z-index:1; }
#footer_social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:24px; height:24px; position:relative; 
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; 
}
#footer_social_link li:before {
  font-family:'design_plus'; color:#fff; font-size:17px; display:block; position:absolute; top:5px; left:4px;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#footer_social_link li:hover:before { color:#fff; }
#footer_social_link li.twitter:before { content:'\e904'; }
#footer_social_link li.facebook:before { content:'\e902'; }
#footer_social_link li.insta:before { content:'\ea92'; margin-top:1px; }
#footer_social_link li.rss:before { content:'\e90b'; }

/* コピーライトエリア */
#footer_bottom { background:#c2aa99; width:100%; }
#footer_bottom .footer_inner { width:100%; max-width:1150px; margin:0 auto; position:relative; }

/* コピーライト */
#copyright { padding:16px 10px; font-size:12px; line-height:1.5; color:#fff; text-align:center; }
#copyright a { color:#fff; }

/* ページ上部へ戻るボタン */
#return_top { display:none; position:fixed; bottom:0; right:0; z-index:990; }
#return_top a { display:block; width:50px; height:50px; text-decoration:none; background:rgba(0,0,0,.3); }
#return_top a:before {
  font-family:'design_plus'; color:#fff; font-size:16px; display:block; position:absolute; top:50%; left:50%; margin:-0.4em 0 0 -0.5em;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#return_top a:before { content:'\e911'; }
#return_top a span { display:none; }

/* フッターウィジェット */
#footer_widget { width:100%; background:rgba(227,208,196,.1); }
#footer_widget .footer_inner { width:100%; max-width:1050px; margin:0 auto; padding:60px 0 8px; font-size:0; text-align:center; }
.footer_widget { display:inline-block; vertical-align:top; font-size:12px; line-height:1.6; text-align:left; width:300px; overflow:hidden; margin:0 30px 38.4px 0; padding:0; position:relative; }
.footer_widget.widget_nav_menu { width:150px; margin-right:10px; }
.footer_headline { margin:0 0 18px 0; font-size:14px; color:#c2aa99; line-height:1; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 10px 10px; }
.footer_widget li { line-height:1.6; padding:0; margin:0 0 10px 0; }
.footer_widget a { text-decoration:none; }
.footer_widget a:hover { color:#c2aa99; text-decoration:none; }
.footer_widget img { height:auto; max-width:100%; }

.footer_widget .collapse_category_list ul, .footer_widget .collapse_category_list li { margin:0; padding:0; }
.footer_widget .collapse_category_list { border-top:1px solid #ddd; }
.footer_widget .styled_post_list1 li { margin:0; padding:10px; }
.footer_widget .styled_post_list1_tabs li { margin:0; padding:0; }

/*0208 kagawa add*/
.footer_box{
    /*background-image: url("http://wp-m4.adnet-space.com/wp-content/uploads/2021/02/footer_back_img.png");
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
    background-position: center top;
	background-size: 100% 100%;*/
}
.footer_contents{
    background: transparent;
    background-image: url("../img/footer_bg.png");
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
    background-position: center top;
	background-size: 100% 100%;
	padding:5% 15%;
	text-align:center;
}

.footer_contents .flex_box{
	display: flex;
	align-items:flex-end;
	justify-content:center;
	flex-wrap: nowrap;
    width: 75%;
    margin: 0 auto;
}

.footer_menu{
	padding-top: 50px;
	display:flex;
	width:45%;
}
.footer_menu ul{
	/*max-width: 850px;*/
	width:100%;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
	padding: 0px 15px;
	border-left:dashed 1px #fff;
	font-size:17px;
	line-height:2;
}
.footer_menu ul li{
	display: block;
	width:100%;
    list-style: none;
    padding: 0px 12px;
    margin: 0px;
    margin-bottom: 35px;
    line-height: 1;
    /*border-right: 1px solid #fff;*/
}

.footer_menu ul li:last-child{
	margin-bottom:0;
}

.footer_menu ul li.line_add{
	/*border-left: 1px solid #fff;*/
}
.footer_menu ul li a{
	/*color: #d7d7d7;*/
	color: #fff;
	text-decoration:none;
    /*font-size: 14px;*/
}

.footer_logo_img{
    text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:55%;
}

.footer_img_contents{
	/*max-width: 650px;*/
	width:100%;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	padding-left: 0px;
	position:relative;
}

.footer_img_contents img{
	max-width: 440px;
    width: 100%;
	height:auto;
}
.footer_post_date{
	display: inline-block;
	vertical-align: middle;
	padding: 0px 15px;
	padding-left:0;
    text-align: left;
    /*margin-top: -20px;*/
	margin-top:20px;
	margin-left:45px;
}
.footer_post_date p{
	font-size: 15px;
	line-height: 20px;
	/*color: #d7d7d7;*/
	color: #fff;
	pointer-events: none;
}
.footer_copyright{
	text-align: right;
	padding: 15px;
}
.footer_copyright a{
	display: inline-block;
	font-size: 13px;
	color: #000;
	margin-right: 10px;
	text-decoration: underline;
}
.footer_copyright p{
	display: inline-block;
	color: #000;
	font-size: 11px;
}

@media only screen and (max-width: 1600px){
	.header_inner{
		/*padding: 0 5% !important;*/
		padding: 0 20px !important;
	}
	
	.footer_contents .flex_box{
    width: 100%;
	}
	
	.footer_logo_img {
    width: 55%;
	}
	.footer_menu {
    width: 45%;
}
}

@media only screen and (max-width: 1350px){

#global_menu {
	display:none;
	clear:both;
	height:100vh;
	margin:0;
	top:80px;
	left:0;
	position:absolute;
	z-index:999;
	background:#6B6969;
	-webkit-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1);
	box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); 
    width: 100vw;
    left: 0px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
	position:absolute;
	z-index:999;
}

#global_menu ul{
	display:block;
}

 #global_menu ul { margin:0; width:100%; text-align:left; display:block; }
  #global_menu li, #global_menu > ul > li { display:block; width:100%; border-bottom:1px solid rgba(255,255,255,.5); padding-left:6%; }
  #global_menu ul li:last-child { border-bottom:none; }
  #global_menu ul ul { display:none; }
  #global_menu a, #global_menu > ul > li > a {
    position:relative; display:block; margin:0; padding:0px 14px; height:50px; line-height:50px; overflow:hidden; text-decoration:none;
    color:#fff !important; font-size:1.3rem;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #global_menu a:hover { color:#fff; background:#c2aa99; }
  #global_menu ul ul a { padding-left:28px; background:rgba(255,255,255,.15); }
  #global_menu ul ul ul a { padding-left:42px; background:rgba(255,255,255,.3); }
  #global_menu ul ul ul ul a { padding-left:55px; background:rgba(255,255,255,.45); }
  #global_menu li.menu-item-has-children { position:relative; }
  #global_menu .child_menu_button { display:block; position:absolute; text-align:center; width:60px; height:49px; right:0px; top:1px; z-index:5; cursor:pointer; }
  #global_menu .child_menu_button .icon:before {
    content:'+'; font-size:13px; color:#fff; text-align:center;
    display:block; width:20px; height:20px; line-height:20px; border:1px solid #eee; border-radius:100%;
    position:absolute; left:20px; top:15px;
  }
  #global_menu .child_menu_button.active .icon:before, #global_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
  #global_menu li.menu-item-has-children.open > .child_menu_button .icon:before { content:'-'; }
  #global_menu li.menu-item-has-children.open > ul { display:block; }
	
/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 6%;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  /*background :#fff;*/
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  /*background :#fff;*/
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

}


@media only screen and (max-width: 768px){
	.footer_menu{
		padding-top: 25px;
	}
	.footer_img_contents{
		display: block;
		margin: 0px auto;
	}
	.footer_logo_img{
		padding-top: 5px;
	}
}


@media only screen and (max-width: 480px){
	.footer_menu ul li{
		padding: 0px 5px;
	    margin: 5px 0px;
	}
	.footer_menu ul li a{
		font-size: 12px;
	}
	
}


/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }

/* text and headline */
.post_content p { /*line-height:2.4;*/ line-height: 1.7; margin:0 0 2em 0; }
/*.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:400; margin:0 0 10px 0; padding:10px 0 0 0;}
.post_content h1 { font-size:150%; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; }
*/
/* image */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img
 { height:auto; max-width:100%; }

/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; } 
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }
.post_content .flow {
	width:100%;
	margin-left:0;
}

.post_content .flow li{
		text-align:center;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color:#DCA607;
  padding:5%;
  border-bottom:#fff 1px solid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}



/* table */
.post_content table { margin:0 0 24px 0; /*width:100% !important;*/ }
.post_content td, .post_content th { border:1px solid #bbb; padding:10px 15px; line-height:2.2; }
.post_content th { background:#ddd; font-weight:normal; }
.post_content td{ vertical-align:middle;}
/* table style */
.post_content table.table_no_border th, .post_content table.table_no_border td { border:none; padding-left:0; }
.post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { border-left:none; border-right:none; padding-left:0; }

/* block quote */
.post_content blockquote { margin:0 0 25px 0; padding:27px 30px 0; border:1px solid #ccc; box-shadow:0px 4px 0px 0px #f2f2f2; position:relative; }
.post_content blockquote:before { content:'"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content:'"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }

/* captions */
.post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }

/* gallery */
.gallery { margin-bottom:20px; }
.gallery a img { border:0 !important; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px);	max-width:calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width:9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width:7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
.gallery-caption { background-color:rgba(0, 0, 0, 0.7);	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
.gallery-caption:before { content:""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.gallery-item:hover .gallery-caption { opacity:1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display:none; }

/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/common/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin:12px 0 25px; }


/*再構築後追加*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#header_image,
.header_inner{
  width:100%;
  /*max-width:100% !important;*/
  /*width: 1280px;*/
  /*max-width: 1475px;*/
  max-width: 1340px;
  /*padding: 0 6%;*/
      padding-left: 20px;
    padding-right: 60px;
}

#header_image{
        height: 345px;
    position: relative;
	margin     : auto;
  	overflow   : hidden;
	padding:0;
	max-width:100%;
	position: relative;
}

#header_image .caption p{
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.8;
    width: 100%;
    max-width: 1475px;
    position: relative;
    /* top: 25%; */
    /* line-height: 300px; */
    /* left: 6%; */
    margin: auto;
    margin-top: 30px;
    display: block;
    letter-spacing: 0.01em;
	padding: 0 6%;
}

#header_image .caption{
  z-index: 100;
      position: absolute;
        top: 100px;
}
#header_image2 {
    height: 345px;
	    width: 100%;
    position: relative;
    margin: auto;
    overflow: hidden;
    padding: 0;
    max-width: 100%;
}
#header_image2 .caption {
    margin: 0;
    width: 100%;
	    z-index: 100;
    padding: 0 30px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
#header_image2 .caption .bg_img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background: url(../img/sec2_bg.png) no-repeat;
    background-size: cover;
    animation: header_image 6s ease-in-out forwards;
}
#header_image2 .caption p {
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.8;
    width: 100%;
    max-width: 1475px;
    position: relative;
    /* top: 25%; */
    /* line-height: 300px; */
    /* left: 6%; */
    margin: auto;
    margin-top: 100px;
    display: block;
    letter-spacing: 0.01em;
    padding: 0 6%;
}
#global_menu > ul > li > a{
  padding:0 14px;
}


#global_menu > ul > li:nth-child(n+9) > a{
	padding-right:0;
}

#global_menu > ul > li> a > img{

    width: 34px;
    height: auto;
    margin-top: 16px;

}

#article h2{
  font-family: ""M PLUS 1p", Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Helvetica, sans-serif;
	font-size:32px;
}
.flex{
  display:flex;
}
.headline {
	font-size: 32px;
	text-align: center;
}
h2.headline {
    letter-spacing: 5px;
    color:#221814;
    margin-bottom:25px;
}
h3.headline {
	color:#004c71;
	margin-bottom:40px;
	/*font-family: "M PLUS 1p",sans-serif;*/
    /*font-weight: 500;*/
}

h3.headline span.space{
	margin: 0px 5px;
}

.wp-block-columns,.wp-block-columns.has-background{
    margin-bottom:0;
    padding:50px 100px;
}

.wp-block-column .wp-block-image {
    max-height: 320px;
    overflow: hidden;
}

.wp-block-image {
  object-fit:cover;
}

.text_bottom{
      position: absolute;
    bottom: 20%;
}

.footer_box{
  position: relative;
  z-index: 1;
  display:block;
}

/*フェードインアニメ*/
/*左から右にフェードイン*/
.left-to-right {
  opacity: 0.1;
  transform: translateX(-20px);
  transition: all 1s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}

/*下から上にフェードイン*/
.down-to-top {
  opacity: 0.1;
  transform: translateY(20px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}


body, input, textarea { font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.rich_font { font-weight:500; font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }

#header .logo { font-size:28px; }
.fix_top.header_fix #header .logo { font-size:20px; }
#footer_logo .logo { font-size:24px; }
 #logo_image img { width:90%; height:50%; max-height: none; }
  #logo_image_fixed img { width:50%; height:50%; max-height: none; }
#post_title { font-size:30px; }
body, .post_content { font-size:14px; }

@media screen and (max-width:991px) {
  #header .logo { font-size:18px; }
  .mobile_fix_top.header_fix #header .logo { font-size:18px; }
  #logo_image img { width:90%; height:auto; max-height: none; }
  #logo_image_fixed img { width:50%; height:50%; max-height: none; }
  #post_title { font-size:20px; }
  body, .post_content { font-size:14px; }
}




.image {
overflow: hidden;
-webkit-transition: 0.35s;
-moz-transition: 0.35s;
-ms-transition: 0.35s;
transition: 0.35s;
}
.image img {
-webkit-transform: scale(1);
-webkit-transition-property: opacity, scale, -webkit-transform;
-webkit-transition: 0.35s;
-moz-transform: scale(1);
-moz-transition-property: opacity, scale, -moz-transform;
-moz-transition: 0.35s;
-ms-transform: scale(1);
-ms-transition-property: opacity, scale, -ms-transform;
-ms-transition: 0.35s;
-o-transform: scale(1);
-o-transition-property: opacity, scale, -o-transform;
-o-transition: 0.35s;
transform: scale(1);
transition-property: opacity, scale, -webkit-transform;
transition: 0.35s;
-webkit-backface-visibility:hidden; backface-visibility:hidden;
}
.image:hover img, a:hover .image img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}

.headline_bg_l, .headline_bg, ul.meta .category span, .page_navi a:hover, .page_navi span.current, .page_navi p.back a:hover,
#post_pagination p, #post_pagination a:hover, #previous_next_post2 a:hover, .single-news #post_meta_top .date, .single-campaign #post_meta_top .date, ol#voice_list .info .voice_button a:hover, .voice_user .voice_name, .voice_course .course_button a, .side_headline, #footer_top,
#comment_header ul li a:hover, #comment_header ul li.comment_switch_active a, #comment_header #comment_closed p, #submit_comment
{ background-color:#FFFFFF; }

.page_navi a:hover, .page_navi span.current, #post_pagination p, #comment_header ul li.comment_switch_active a, #comment_header #comment_closed p, #guest_info input:focus, #comment_textarea textarea:focus
{ border-color:#FFFFFF; }

#comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after
{ border-color:#FFFFFF transparent transparent transparent; }

a:hover, #global_menu > ul > li > a:hover, #bread_crumb li a, #bread_crumb li.home a:hover:before, ul.meta .date, .footer_headline, .footer_widget a:hover,
#post_title, #previous_next_post a:hover, #previous_next_post a:hover:before, #previous_next_post a:hover:after,
#recent_news .info .date, .course_category .course_category_headline, .course_category .info .headline, ol#voice_list .info .voice_name, dl.interview dt, .voice_course .course_button a:hover, ol#staff_list .info .staff_name, .staff_info .staff_detail .staff_name, .staff_info .staff_detail .staff_social_link li a:hover:before,
.styled_post_list1 .date, .collapse_category_list li a:hover, .tcdw_course_list_widget .course_list li .image, .side_widget.tcdw_banner_list_widget .side_headline, ul.banner_list li .image,
#index_content1 .caption .headline, #index_course li .image, #index_news .date, #index_voice li .info .voice_name, #index_blog .headline, .table.pb_pricemenu td.menu
{ color:#3A459A; }

#footer_bottom, a.index_blog_button:hover, .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .widget.google_search #searchsubmit:hover, #submit_comment:hover, #header_slider .slick-dots li button:hover, #header_slider .slick-dots li.slick-active button
{ background-color:#3A459A; }

.post_content a { color:#009C6F; }

#archive_wrapper, #related_post ol { background-color:rgba(255,255,255,0.15); }
#index_course li.noimage .image, .course_category .noimage .imagebox, .tcdw_course_list_widget .course_list li.noimage .image { background:rgba(255,255,255,0.3); }

#index_blog, #footer_widget, .course_categories li a.active, .course_categories li a:hover, .styled_post_list1_tabs li { background-color:rgba(137,137,137,0.15); }
#index_topics { background:rgba(137,137,137,0.8); }
#header { border-top-color:rgba(137,137,137,0.8); }

@media screen and (max-width:1024px) {
	.footer_menu ul {
    /* max-width: 850px; */
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px;
    border-left: dashed 1px #fff;
    font-size: 17px;
    line-height: 2;
}
#header_image .caption {
    top: 25px;
}
#header_image {
    height: 193px;
}
#global_menu > ul > li> a > img {
    width: 72px;
    height: auto;
    margin-top: 11px;
}
@media screen and (max-width:960px) {
#global_menu{
	top:60px;
}

#header_image {
    background-size: cover !important;
    height: 200px !important;
}

#header_image .caption p {
    font-size: 1.3rem !important;
}

	
	.footer_contents {
		padding: 5%;
	}
	
	.footer_img_contents img {
	    max-width: 300px;
	}
	
	.footer_logo_img{
		width:45%;
	}
	
	.footer_menu {
    	width: 55%;
	}
}
@media screen and (max-width:768px) {
.footer_post_date {
    margin-left: 13px;
}
#header_image {
    height: 147px !important;
}
#global_menu > ul > li> a > img {

    width: 52px;
    height: auto;
    margin-top: 6px;

}
}
@media screen and (max-width:414px) {
#main_contents {
    width: 100%;
    position: relative;
}
#header_image .caption p {
line-height: 1;
    margin-top: 0px;
}
#header_image {
    height: 80px !important;
}
.footer_post_date {
    margin-left: 6px;
    padding: 0px 0px;
}
.headline {
    font-size: 25px;
}
}
@media screen and (max-width:375px) {
	.page_title_line {
    width: 80px;
    height: 3px;
}
}
@media screen and (max-width:320px) {
#header_image .caption {
    top: 17px;
}
}