@charset "utf-8";
/* CSS Document */


/* ==========================================================================
Common
========================================================================== */
*,
*:before,
*:after {
  box-sizing: inherit;
}
html { box-sizing: border-box; scroll-behavior: smooth; }
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.inline-flex { display: -webkit-flex; display: inline-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-center  { justify-content:center; -webkit-justify-content:center; }
.flex-end  { justify-content:flex-end; -webkit-justify-content:flex-end; }
.flex-txt-center{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
figure img{width: 100%; height: auto;}
img{ -webkit-backface-visibility: hidden; }
body {
  	font-family: "Arial", 'Noto Sans JP',"BIZ UDGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:17px;
	background: #f0f5fb;
	line-height:1.8em;
	margin: 0;
  	padding: 0;
	position:relative;
    font-feature-settings: "palt";
    text-align: justify;
    text-justify: inter-ideograph;
	}
@media screen and (max-width:767px){
    body { font-size:16px; line-height:1.7em; }
}

:root{ scroll-padding: 70px; scroll-behavior: smooth; }

.content_area{}

ul,li{ margin:0; padding:0; list-style:none; }

h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; line-height:1.4em; }
.gochic{ font-family: "Arial" , 'Roboto', 'Noto Sans JP',"BIZ UDGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }
.mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.content_in{ width:1180px; margin:0 auto; position:relative; }
.mt000{margin-top: 0px!important;}
.mb000{margin-bottom: 0px!important;}
.mb010{margin-bottom: 10px!important;}
.mb005{margin-bottom: 5px!important;}
.mb020{margin-bottom: 20px!important;}
.mb030{margin-bottom: 30px!important;}
.mb040{margin-bottom: 40px!important;}
.mb050{margin-bottom: 50px!important;}
.mb060{margin-bottom: 60px!important;}
.mb080{margin-bottom: 80px!important;}
.mb100{margin-bottom: 100px!important;}

@media screen and (max-width:767px){
    .mb080{margin-bottom: 50px!important;}
    .mb100{margin-bottom: 60px!important;}
}

/*wp-pagenavi base*************************************************************************/
.wp-pagenavi {
    text-align: center!important;
    padding: 20px 0 30px 0!important;
}
.wp-pagenavi a, .wp-pagenavi span {
     color:#999!important;
     background-color:#FFF!important;
     border:solid 1px #999!important;
     padding: 8px 15px!important;
    margin:0 2px!important;
     white-space: nowrap!important;
     -moz-border-radius: 3px!important;
     -webkit-border-radius: 3px!important;
     border-radius: 3px!important;
     -webkit-transition: 0.2s ease-in-out!important;
     -moz-transition: 0.2s ease-in-out!important;
     -o-transition: 0.2s ease-in-out!important;
     transition: 0.2s ease-in-out!important;
}
.wp-pagenavi a:hover{
     color:#FFF!important; 
     background-color:#999!important; 
     border-color:#999!important;
     }
.wp-pagenavi span.current{
     color:#FFF!important;
     background-color:#27346f!important;
     border-color:#27346f!important;
     font-weight: bold!important;
     }
/* ==========================================================================
ヘッダー
========================================================================== */
header {position: fixed; top: 0; width: 100%; height: 70px; z-index: 99; background: #FFF; padding-top: 10px;}
header .logo{width: 270px;}
header .logo a{display: block;}
header .logo a .main_logo{width: 270px; height: auto; margin-right: 10px;}
header .logo a .skg_logo{width: 165px; height: auto;}

header ul.sub_menu{margin-right: 10px;padding-top: 24px;}
header ul.sub_menu li{display: inline-block;}
header ul.sub_menu li a{display: block; position: relative; font-size: 15px; color: #333; margin-right: 10px; padding-right: 12px;}
header ul.sub_menu li a::after{display: block;position: absolute; top: 0; right: 0; content: url("../images/new/common/arrow_right.svg"); width: 7px; }
header ul.sub_menu li a:hover{color: #AAA;}

header .tel{margin-right: 15px; padding-top: 7px;}
header .tel .num{font-family: "Arial", "BIZ UDPGothic", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; font-size: 26px; line-height: 1em; }
header .tel .caption{font-size: 12px; line-height: 1.3em;}

header .contact_btn{padding-top: 10px;}
header .contact_btn a{display: block; position: relative; background: #e83828; color: #FFF; font-size: 15px; padding: 3px 20px 3px 45px; transition: all .3s !important;}
header .contact_btn a::before{display: block; position: absolute; top: 7px; left: 20px;  content: url("../images/new/common/mail_white.svg");width:20px; }
header .contact_btn a:hover{background: #B28146; }

@media screen and (max-width:767px){
	header .logo{width: 180px;}
	header .logo a .main_logo{width: 180px;}
	header {height: 50px; padding-top: 10px;}
	header .head_menu{display: none;}
}

/* ==========================================================================
グローバルメニュー
========================================================================== */
.gnavi__wrap{padding: 0;margin-top: 70px; background: #FFF;}
.gnavi__lists li.gnavi__list{display: block;}
.gnavi__lists li.gnavi__list:last-child {border-right: none; padding-right: 0;}
.gnavi__lists li.gnavi__list a{color: #333; display: block; position: relative; padding: 7px 21px 15px 0; }
.gnavi__lists li.gnavi__list a:hover{color: #AAA;}
.gnavi__lists li.gnavi__list a.arrow{padding: 7px 30px 15px 0;}
.gnavi__lists li.gnavi__list a.arrow::before{content: url("../images/new/common/arrow_down.svg"); position: absolute; top: 6px; right: 13px; width: 10px;}
.gnavi__lists li.gnavi__list a.main_list::after{content: ""; position: absolute; top: 9px; right: 0; width: 1px; height: 30px; background: #888;}

.dropdown__lists { transform: scaleY(0); transform-origin: center top; transition: all .3s; width: 100%; position: absolute; left: 0; padding: 20px 20px 10px 20px; background: #FFF; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2); z-index: 9; }
.dropdown__lists::after{ content:""; display: block; width:32%; }
.gnavi__list:hover .dropdown__lists { transform: scaleY(1); }
.dropdown__list { background-color: #FFF; transition: all .3s; position: relative; width: 32%; margin-bottom: 10px; }

.dropdown__list a { display: block; width: 100%; line-height: 1em; padding: 0!important; }
.dropdown__list a:hover { background-color: #EFEFEF; color: #333!important; }
.dropdown__list a img {width: 50px; margin-right: 15px;}
.dropdown__list a span {line-height: 50px;}

@media screen and (max-width:767px){
	.gnavi__wrap{display: none;}
}

/* ==========================================================================
サイドコンテンツ
========================================================================== */
/* 地域アイコン
--------------------------------------------------- */
.tokyo { background: #165e83!important; }
.osaka { background: #0095d9!important; }
.aichi { background: #8491c3!important; }
.fukuoka { background: #7058a3!important; }
.fukui { background: #8c45a1!important; }
.kyoto { background: #192f60!important; }
.hiroshima { background: #65318e!important; }
.kanagawa { background: #460e44!important; }
.ishikawa { background: #006e54!important; }
.shizuoka { background: #80aba9!important; }
.okayama { background: #1f3134!important; }
.wakayama { background: #393f4c!important; }
.saitama { background: #2a769c!important; }
.miyagi { background: #2a9c6e!important; }
.niigata { background: #9c8d2a!important; }
.online { background: #b33000!important; }
.hyogo { background: #005ad9 !important;}

aside h2{font-size: 18px;font-weight: bold; margin-bottom: 10px; border-left: 3px solid #27346f; padding: 5px 0 5px 15px;}

aside .menu_box{ margin-bottom: 40px;}
aside .menu_box li{margin-bottom: 5px;}
aside .menu_box li a {position: relative; display: flex; align-items:center; background: #FFF; color: #333;transition: all .3s !important;}
aside .menu_box li a:hover{background: #d8e0ed;}
aside .menu_box li a img{width: 50px;margin-right: 15px;}
aside .menu_box li a::after { content: url(../images/new/common/arrow_right.svg); position: absolute; width: 10px; height: 24px; top: 50%; right: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

aside .seminar_box{margin-bottom: 40px;}
aside .seminar_box li{margin-bottom: 20px;}
aside .seminar_box li a {color: #333;}
aside .seminar_box li a:hover {color: #B28146;}
aside .seminar_box li a .txt .date span{display: inline-block; padding: 5px; text-align: center; color: #FFF; font-size: 14px; line-height: 1em; margin-right: 10px;width: 80px;}
aside .seminar_box li a .txt .ttl_box{font-size: 15px; line-height: 1.6em;}
aside .seminar_box li a .txt .ttl_box .seminar_main_ttl{font-size: 17px; font-weight: bold;}
aside .seminar_box li a .txt .ttl_box .seminar_main_ttl br{display: none;}

aside .column_box ul{ margin-bottom: 20px;}
aside .column_box li{margin-bottom: 10px;}
aside .column_box li a {position: relative; background: #FFF; color: #333;transition: all .3s !important; padding: 10px;}
aside .column_box li a:hover{background: #d8e0ed;}
aside .column_box li a figure{width: 70px;}
aside .column_box li a .desc{width: calc(100% - 70px); padding: 0 10px 0 15px; line-height: 1.6em; }
aside .column_box li a .desc .date{font-size: 15px;}

aside .link_bnr a { display: block; margin-bottom: 40px; border: 2px solid #333; padding: 5px 5px 5px 5px; text-align: center; color: #222; font-weight: bold; background: #FFF; }

aside .aside_foot{ position: -webkit-sticky; position: sticky; top: 120px; }
aside .pre{ position: relative; background: #27346f; padding: 10px 20px 20px 20px; margin-bottom: 20px;}
aside .pre .ttl{ color: #FFF; font-size: 24px; font-weight: bold; line-height: 1.7em; margin-bottom: 10px;}
aside .pre .ttl span{background: #FFF; color: #27346f; display: inline-block; font-size: 14px; line-height: 1em; padding: 8px 20px;margin-bottom: 10px; border-radius: 999px;}
aside .pre .desc{ position: relative; line-height: 1.7em; color: #FFF; }
aside .pre .desc img{ position: absolute; right: -10px; bottom: -10px; width:125px;height: auto;}
aside .pre .fukidashi{ display: block;width: 115px;height: 115px; position: absolute; right: -50px; top: -25px; background: #C00; color: #FFF;text-align: center; border-radius: 50%; font-weight: bold;line-height: 1.3em; padding-top: 15px; }
aside .pre .fukidashi strong{ font-size:32px;line-height: 1.3em; }
aside .pre .cv_btn{margin-top: 30px;}

@media screen and (max-width:1379px){
}
@media screen and (max-width:767px){
}

/* ==========================================================================
footer
========================================================================== */
footer .foot_contact{
    border-top: 4px solid #263270;
    border-bottom: 1px solid #CCC;
}
footer .foot_contact .inner{
    width: 780px;
    margin: 0 auto;
    padding: 50px 0;
}
footer .foot_contact .inner p.ttl{
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}
footer .foot_contact .inner p.time{
    margin-top: 6px;
    font-size: 16px;
}
footer .foot_contact .inner .tel{
    width: 48%;
    padding-top: 5px;
}
footer .foot_contact .inner .mail{
    width: 48%;
}
footer .foot_contact .inner .tel .tel_num{
    font-family: "Arial", "BIZ UDPGothic", "メイリオ", "Meiryo", 'Roboto', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    font-size: 48px; 
}
footer .foot_contact .inner .tel .tel_num a{
    color: #222;
}
footer .foot_contact .inner .tel .tel_num img{
    width: 50px;
    height: auto;
}
footer .foot_contact .inner .mail a{
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #233237;
    color: #FFF;
    line-height: 2em;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
}
footer .foot_contact .inner .mail a:hover{
    background: #115957;
}

footer{background: #FFF; color: #222; }
footer .logo_box{ padding-top: 50px; }
footer .logo_box a{ display: block; width: 210px; height: auto; margin: 0 auto 20px auto; }
footer .logo_box a img{ width: 100%; height: auto; }
footer .logo_box a img.skg{ width: 140px; margin-bottom: 5px; }

footer .foot_content .inner .nav:nth-child(1){width: 24%;}
footer .foot_content .inner .nav:nth-child(2){width: 22%;}
footer .foot_content .inner .nav:nth-child(3){width: 17%;}
footer .foot_content .inner .nav:nth-child(4){width: 16%;}
footer .foot_content .inner .nav:nth-child(5){width: 16%;}
footer .foot_content .inner .nav p{font-size: 15px; line-height: 1.7em; font-weight: bold;}
footer .foot_content .inner .nav p a{ color: #222; }
footer .foot_content .inner .nav p a:hover{ color: #AAA; }
footer .foot_content .inner ul{ padding-left: 1.2em; }
footer .foot_content .inner ul li{ width: 100%; font-size: 14px; line-height: 1.5em; padding-bottom: 5px; list-style: disc; }
footer .foot_content .inner ul li::marker{ color: #999; }
footer .foot_content .inner ul li a{ color: #222; }
footer .foot_content .inner ul li a:hover{ color: #AAA; }

footer .foot_content{ margin-bottom: 40px; }

footer .company{
    margin: 0 auto;
    max-width: 820px;
}
footer .company .logo{
    width: 200px;
}
footer .company .logo .od_link{
    display: block;
    border: 1px solid #AAA;
    padding: 10px;
    line-height: 1em;
}
footer .company .access{
    width: 360px;
    font-size: 13px;
    line-height: 1.5em;
}
footer .company .access a{
    color: #222;
    font-weight: bold;
}
footer .company .access i{
    padding-right: 5px;
}
footer .company .access strong{
    padding-left: 8px;
}

footer .main_copyright{
	text-align:center;
	padding: 10px 0;
    margin-top: 30px;
	}
.drawer-hamburger { display:none !important; }

@media screen and (max-width:767px){
	footer .foot_contact .inner{ width: 90%; padding: 30px 0; }
	footer .foot_contact .inner p.ttl{text-align: center; font-size: 16px;}
	footer .foot_contact .inner p.time{ margin-top: 0; font-size: 15px;}
	footer .foot_contact .inner .tel{ width: 100%; padding-top: 5px; text-align: center; margin-bottom: 15px; }
	footer .foot_contact .inner .mail{ width: 100%;}
	footer .foot_contact .inner .tel .tel_num{ font-size: 38px; line-height: 0.6em; }
	footer .foot_contact .inner .tel .tel_num a{ color: #333;}
	footer .foot_contact .inner .tel .tel_num img{ width: 40px; height: auto; }
	footer .foot_contact .inner .mail a{ font-size: 15px; line-height: 2em; padding: 15px; text-align: center; }
	footer .foot_content{ display: none;}
	
	footer .logo_box{ padding-top: 40px; }
	footer .logo_box a{ display: block; width: 100%; height: auto; margin: 0 auto 20px auto; }
	footer .logo_box a img{ width: 100%; height: auto; }
	footer .logo_box a img.skg{ width: 140px; margin-bottom: 5px; }

    footer .foot_content.content_in{width: 92%;}
    footer .logo_box a{ width: 240px; }
    footer .company{ width: 92%; margin: 0 auto; }
    footer .company .logo{ width: 48%;}
	footer .company .logo .od_link{padding: 5px;}
    footer .company .logo a{ display: block; width: 100%; margin: 0 auto 15px auto;}
	footer .company .logo a img{width: 100%;}
    footer .main_copyright{ font-size: 12px; margin-top: 0; text-align: left; padding: 10px 0 80px 20px;}
}

/* ==========================================================================
共通パーツ
========================================================================== */
ul.list01{
    margin: 20px 0 20px 5px;
}
ul.list01 li{
    padding-left: 1.4em;
    padding-right: 20px;
    position: relative;
}
ul.list01 li:before{
	position: absolute;
    top: 6px;
    left: 0;
    content: url("../images/common/icon/circle_blue.svg");
    width: 16px;
    height: 16px;
    line-height: 1em;
}

ul.list02{
    padding: 0 0 0 30px;
}
ul.list02 li{
    list-style: disc;
    padding: 0;
}
ul.list02 li:before{
    display: none;
}

ol.list01 {
  position: relative;
  margin: 0;
  padding: 0
}
ol.list01 li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
ol.list01 li span {
  position: absolute;
  left: 0;
  margin: 0
}

ol.list_num{
    list-style: decimal;
    padding-left: 24px;
}
ol.list_num li{
    list-style: decimal;
}


ol.list_circle  {
  position: relative;
  margin: 0;
  padding: 0
}
ol.list_circle li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
ol.list_circle li span {
  position: absolute;
  left: 0;
  margin: 0
}
table.tbl00{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
    line-height: 1.6em;
    margin-bottom: 20px;
	}
table.tbl00 thead th{
	background:#eeefef;
	font-weight:bold;
	padding:5px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl00 tbody th{
	background:#eeefef;
	font-weight:bold;
	padding:10px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl00 tbody td{
	padding:10px;
    border:1px solid #c9c9ca;
    vertical-align: top;
    background: #FFF;
	}
table.tbl01{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
    line-height: 1.6em;
    margin-bottom: 20px;
	}
table.tbl01 thead th{
	background:#eeefef;
	font-weight:bold;
	padding:5px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl01 tbody th{
	background:#eeefef;
	font-weight:bold;
	padding:10px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl01 tbody th .heigt01{ line-height: 1.1em; }

table.tbl01 tbody td{
	padding:10px;
    border:1px solid #c9c9ca;
    vertical-align: top;
    background: #FFF;
	}
table.tbl01 .col1{width: 10%;}
table.tbl01 .col2{width: 30%;}

table.tbl02{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
    font-size: 13px;
    line-height: 1.4em;
	}
table.tbl02 thead th{
	background:#eeefef;
	font-weight:bold;
	padding:5px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl02 td{
	padding:10px;
    border:1px solid #c9c9ca;
    vertical-align: top;
	}
table.tbl02 .bg1{background: #D7D8D8;}
table.tbl02 .bg2{background: #E4E3E2;}
table.tbl02 .bg3{background: #EFEFEF;}

table.tbl03{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
    line-height: 1.4em;
	}
table.tbl03 thead th{
	background:#eeefef;
	font-weight:bold;
	padding:5px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl03 td{
	padding:10px;
    border:1px solid #c9c9ca;
    vertical-align: top;
	}
table.tbl03 td ul{ margin: 0!important; padding: 0 0 0 1.2em; }
table.tbl03 td ul li{ list-style: disc; padding: 0!important;margin-bottom: 10px;}
table.tbl03 td ul li:last-child{ margin-bottom: 0;}
table.tbl03 td ul li:before{ display: none; }
table.tbl03 td ul li::marker{ color: #00A8C6;}

table.tbl04{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
    line-height: 1.4em;
	}
table.tbl04 thead th{
	background:#eeefef;
	font-weight:bold;
	padding:5px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl04 td{
	padding:10px;
    border:1px solid #c9c9ca;
    vertical-align: top;
	}

.arrow{ text-align: center; padding: 10px 0; }
.arrow img{ width: 50px;height: auto; }

strong.ttl{
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    color: #263270;
}
.tbl_sp{ display: none;}

.link_btn{width: 100%; text-align: center; margin-top: 15px; }
.link_btn a{position: relative; display: inline-block; background: #5b5c69; color: #FFF; font-size: 15px; font-weight: bold; padding: 3px 40px; }
.link_btn a:hover{background: #B28146;}
.link_btn a::after{content: url("../images/new/common/arrow_right_white.svg");position: absolute; width: 10px; height: 24px;
top: 50%; right: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.more_btn{text-align: right;}
.more_btn a{position: relative; display: inline-block;border-bottom: 1px solid #27346f; padding: 0 40px 1px 5px; font-size: 16px;}
.more_btn a::after{ width: 1px; height: 35px; content: ""; background-color: #27346f; position: absolute; bottom: -6px; right: 12px; transform: rotate(-45deg);}

.more_btn p{position: relative; display: inline-block;border-bottom: 1px solid #FFF; padding: 0 40px 1px 5px; font-size: 16px;}
.more_btn p::after{ width: 1px; height: 35px; content: ""; background-color: #FFF; position: absolute; bottom: -6px; right: 12px; transform: rotate(-45deg);}

.cv_btn{width: 100%; text-align: center;}
.cv_btn a{position: relative; display: inline-block;color: #FFF; line-height: 1em; background: #e83828; padding: 15px 40px; transition: all .3s !important; }
.cv_btn a::after{content: url("../images/new/common/arrow_right_white.svg");position: absolute; width: 10px; height: 18px; top: 50%; right: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.cv_btn a:hover{background: #B28146; }
.cv_btn a span{display: block; font-size: 14px;margin-top: 5px;}

@media screen and (max-width:767px){
    .tbl_sp{ display: block; width: 100%; height: auto;}
    table.tbl01{ display: none; }
    table.tbl02{ display: none; }
    .arrow img{ width: 40px;height: auto; }
    strong.ttl{ font-size: 16px; }
    table.tbl03 th{display: block;width: 100%; }
    table.tbl03 td{display: block;width: 100%; }
    table.tbl03 th.w100{ width: 100%!important; }
}

/* ==========================================================================
トップページ
========================================================================== */
#toppage{ }
#toppage .slick-prev{ left:10px;z-index: 2; height: 40px; }
#toppage .slick-prev:before{content: url("../images/new/home/slide_prev.svg");}
#toppage .slick-next{ right:10px;z-index: 2; height: 40px; }
#toppage .slick-next:before{content: url("../images/new/home/slide_next.svg");}
#toppage .slick-dots{bottom: 10px;}
#toppage .slick-dots li button:before { font-size: 36px; top: -6px; color: #FFF; }

#toppage .slide-items li.item{width: 100%; height: 400px;}
#toppage .slide-items li.item01{background-image: url("../images/new/home/visual_01_back.jpg"); background-position: right center; background-repeat: no-repeat; background-size: cover; color: #FFF;}
#toppage .slick-dotted.slick-slider{margin-bottom: 0;}

#toppage .item01 .inner{position: relative;height: 100%; color: #ddbc63;}
#toppage .item01 .inner h1.ttl{position: absolute; top: 80px; font-size: 40px; line-height: 1.3em; color: #FFF; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));}
#toppage .item01 .inner .features{position: absolute; bottom: 50px;}
#toppage .item01 .features .inner01{ position: relative; text-align: center; padding: 0 40px; line-height: 2em; margin-right: 5px; }
#toppage .item01 .features .inner02{ margin: 0 0 0 10px; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; position: relative; }
#toppage .item01 .features .inner02 .expert_ttl{ font-weight: bold; font-size: 16px; line-height: 1.6em; flex-shrink: 0; }
#toppage  .item01 .features .inner02 .expert_list{ flex: 1; margin-left: 20px; padding-left: 20px; -moz-column-count: 3; column-count: 3; border-left: 1px solid #FFF; text-align: left; }
#toppage  .item01 .features .inner02 .expert_list li{ break-inside: avoid; font-size: 13px; line-height: 1.5em; letter-spacing: 0.06em; }
#toppage  .item01 .features .inner01 .ttl01{ font-size: 16px; font-weight: bold; }
#toppage  .item01 .features .inner01 .ttl02{ font-weight: bold; font-size: 46px; }
#toppage  .item01 .features .inner01 .ttl02 span{ font-size: 20px; }
#toppage  .item01 .features .inner01::before,#toppage  .item01 .features .inner02::before{
    content: ""; display: block; width: 35px; height: 87px;
    background: url("../images/new/home/home_visual02_waku_l.svg") no-repeat center/contain;
    position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
#toppage .item01 .features .inner01::after,#toppage  .item01 .features .inner02::after{
    content: ""; display: block; width: 35px; height: 87px;
    background: url("../images/new/home/home_visual02_waku_r.svg") no-repeat center/contain;
    position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}

#toppage .slide-items li.item02{background-image: url("../images/new/home/visual_02_back.jpg"); background-position: right center; background-repeat: no-repeat; background-size: cover; color: #FFF;}
#toppage .item02 .inner, #toppage .item03 .inner, #toppage .item04 .inner{position: relative;height: 100%;}

#toppage .item02 .inner .link_btn, #toppage .item03 .inner .link_btn ,#toppage .item04 .inner .link_btn{position: absolute; bottom: 50px; left: 0;}
#toppage .item02 .inner .link_btn a, #toppage .item03 .inner .link_btn a, #toppage .item04 .inner .link_btn a{ position: relative; background: none; border: 2px solid #FFF; color: #FFF; font-size: 17px; font-weight: bold; padding: 15px 80px;}
#toppage .item02 .inner .link_btn a span, #toppage .item03 .inner .link_btn a span, #toppage .item04 .inner .link_btn a span{position: relative; z-index: 2;}
#toppage .item02 .inner .link_btn a::before, #toppage .item03 .inner .link_btn a::before, #toppage .item04 .inner .link_btn a::before{position: absolute; left: 0; bottom: 0; content: "";background: #FFF; width: 1px; height: 100%;transition: all .3s !important; }
#toppage .item02 .inner .link_btn a:hover::before, #toppage .item03 .inner .link_btn a:hover::before, #toppage .item04 .inner .link_btn a:hover::before{width: 100%;transition: all .3s !important;}
#toppage .item02 .inner .link_btn a:hover, #toppage .item03 .inner .link_btn a:hover, #toppage .item04 .inner .link_btn a:hover{color: #27346f;}

#toppage .item02 .inner h1.ttl {position: absolute; width: 100%; text-align: center; top: 100px; font-size: 40px; line-height: 1.3em; color: #FFF; font-weight: bold; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8)); }
#toppage .item02 .inner h1.ttl span{font-size: 30px;}

#toppage .item03 .inner h1.ttl {position: absolute; width: 100%; text-align: center; top: 100px; font-size: 40px; line-height: 1.3em; color: #FFF; font-weight: bold; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8)); }
#toppage .item03 .inner h1.ttl span{font-size: 30px;}

#toppage .slide-items li.item03{background-image: url("../images/new/home/visual_03_back.jpg"); background-position: right center; background-repeat: no-repeat; background-size: cover; color: #FFF;}

#toppage .slide-items li.item04{background-position: right top; background-repeat: no-repeat; background-size: cover; color: #FFF;background-color: rgba(39, 52, 111, 0.7);
  background-blend-mode: multiply;}

#toppage .item04 .inner h1.ttl {position: absolute; width: 100%; text-align: center; top: 100px; font-size: 42px; line-height: 1.1em; color: #FFF; font-weight: bold; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8)); }
#toppage .item04 .inner h1.ttl span{font-size: 26px;}

#toppage .item04 .bokashi{position: relative; width: 100%; height: 100%;backdrop-filter: blur(8px);}

#toppage .item04 .inner p.sec_ttl {position: absolute; width: 100%; text-align: center; top: 45px; color: #FFF; font-weight: bold; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8)); }
#toppage .item04 .inner p.sec_ttl::after{background: #FFF;}

#toppage .item04 .inner .desc {position: absolute; width: 100%; text-align: center; top: 220px; font-size: 26px; line-height: 1.3em; color: #FFF; font-weight: bold; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8)); }
#toppage .item04 .inner .desc .area_icon{margin-right: 30px; font-size: 18px; line-height: 1.5em;}
#toppage .item04 .inner .desc .area_icon .place{padding: 3px 10px;}
#toppage .item04 .inner .desc .date span{margin-right: 10px; font-size: 23px;}

.sec_ttl{text-align: center; color: #27346f; font-size: 26px; font-weight: bold; line-height: 1.05em; position: relative; margin-bottom: 50px;}
.sec_ttl::after{content: "";width: 80px; height: 3px; background: #27346f; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.sec_ttl span{display: inline-block; font-size: 17px; line-height: 1em;}

#toppage section{padding: 60px 0;}

#toppage .seminar li {margin-bottom: 50px;}
#toppage .seminar li .photo{width: 160px;}
#toppage .seminar li .photo a{display: block;overflow: hidden;}
#toppage .seminar li .photo a:hover img{transform: scale(1.05);opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}
#toppage .seminar li .photo img{width: 100%; height: auto;}
#toppage .seminar li .area_icon {width: 100px; text-align: center; color: #FFF; line-height: 1em; }
#toppage .seminar li .area_icon .place{padding: 5px 0;}
#toppage .seminar li .inner{width: calc(100% - 300px);}
#toppage .seminar li .inner .ttl_box{border-bottom: 1px solid #CCC;padding-bottom: 5px; margin-bottom: 10px;margin-top: -5px;}
#toppage .seminar li .inner a .seminar_sub_ttl{color: #27346f; font-weight: bold; font-size: 18px;transition: all .3s !important;}
#toppage .seminar li .inner a .seminar_main_ttl,#toppage .seminar li .inner a .seminar_ttl{color: #27346f; font-weight: bold; font-size: 22px; transition: all .3s !important;}
#toppage .seminar li .inner a .seminar_main_ttl br, #toppage .seminar li .inner a .seminar_ttl br{display: none;}
#toppage .seminar li .inner a:hover .seminar_sub_ttl{color:#B28146;}
#toppage .seminar li .inner a:hover .seminar_main_ttl,#toppage .seminar li .inner a:hover .seminar_ttl{color:#B28146;}
#toppage .seminar li .inner .catch{line-height: 1.5em; margin-bottom: 12px;}
#toppage .seminar li .inner .desc span{background: #888; color: #FFF; font-size: 15px; padding: 3px 8px; margin-right: 8px;}
#toppage .seminar li .inner .desc .date{margin-right: 40px;}
#toppage .seminar li .inner .desc .koshi em{font-style: normal; font-size: 15px;margin-left: 10px;}

#toppage .column, #toppage .data_box{background: #dadde8;}

ul.list_box{margin-bottom: 10px;}
ul.list_box li{ position: relative; width: 31%; background: #FFF; margin-bottom: 30px;}
ul.list_box li figure{height: 140px;}
ul.list_box li figure a{display: block; overflow: hidden;height: 100%;}
ul.list_box li figure a img{transition: transform .3s ease;}
ul.list_box li figure a:hover img{transform: scale(1.05);opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}
ul.list_box li .desc{padding: 15px 20px 70px 20px;;}
ul.list_box li .desc .cat span{display: inline-block; font-size: 14px; color: #FFF; line-height: 1em; background: #27346f;padding: 3px 10px 5px 10px;}
ul.list_box li .desc h2{margin: 5px 0 8px 0;}
ul.list_box li .desc h2 a{font-size: 18px; font-weight: bold; line-height: 1.6em; color:#27346f;}
ul.list_box li .desc h2 a:hover{color:#B28146;}
ul.list_box li .desc h3{margin: 5px 0 8px 0;}
ul.list_box li .desc h3 a{font-size: 18px; font-weight: bold; line-height: 1.6em; color:#27346f;}
ul.list_box li .desc h3 a:hover{color:#B28146;}
ul.list_box li .desc p{font-size: 16px; line-height: 1.7em;}
ul.list_box li .desc .date{text-align: right; font-size: 15px; margin-top: 8px;}
ul.list_box li .link_btn{position: absolute; bottom: 20px;width: 100%;}

ul.list_box li .desc table{font-size: 16px;}

@media screen and (max-width:767px){
	#toppage .slick-dotted.slick-slider{margin-top: 50px;}
	#toppage .slide-items li.item{width: 100%; height: 550px;}
	
	#toppage .item01 .inner{width: 90%;}
	#toppage .item01 .inner h1.ttl{position: absolute; top: 120px; font-size: 26px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1.0));}
	#toppage .item01 .inner .features{position: absolute; bottom: 50px;}
	#toppage .item01 .features .inner01{ padding: 0 34px; line-height: 1.5em; margin-right: 0; }
	#toppage .item01 .features .inner02{ margin: 0 0 0 10px; padding: 0 24px; }
	#toppage .item01 .features .inner02 .expert_ttl{ font-size: 13px; line-height: 1.6em; text-align: center; }
	#toppage .item01 .features .inner02 .expert_list{ display: none;}
	#toppage .item01 .features .inner01 .ttl01{ font-size: 13px; }
	#toppage .item01 .features .inner01 .ttl02{ font-weight: bold; font-size: 30px; }
	#toppage .item01 .features .inner01 .ttl02 span{ font-size: 13px; }
	#toppage .item01 .features .inner01::before,#toppage  .item01 .features .inner02::before{width: 30px; height: 70px;}
	#toppage .item01 .features .inner01::after,#toppage  .item01 .features .inner02::after{width: 30px; height: 70px;}
	#toppage .item02 .inner, #toppage .item03 .inner, #toppage .item04 .inner{position: relative;height: 100%;}
	#toppage .item02 .inner .link_btn a, #toppage .item03 .inner .link_btn a, #toppage .item04 .inner .link_btn a{ font-size: 15px; padding: 15px 30px; background-color: rgba(0,0,0,0.5);}
	#toppage .item02 .inner h1.ttl {top: 100px; font-size: 30px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1.0));}
	#toppage .item02 .inner h1.ttl span{font-size: 20px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1.0));}
	#toppage .item03 .inner h1.ttl {top: 100px; font-size: 28px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1.0)); }
	#toppage .item03 .inner h1.ttl span{display: inline-block; font-size: 20px; line-height: 1.4em; margin-bottom: 10px;}
	#toppage .slide-items li.item04{background-position: center top; }
	#toppage .item04 .inner {width: 80%;}
	#toppage .item04 .inner h1.ttl { top: 100px; font-size: 32px; line-height: 1.3em; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1.0)); }
	#toppage .item04 .inner h1.ttl span{display: inline-block; font-size: 19px; line-height: 1.4em; margin-bottom: 8px;}
	#toppage .item04 .inner p.sec_ttl {top: 45px; font-size: 22px; }
	#toppage .item04 .inner .desc {top: auto; bottom: 140px; font-size: 20px; line-height: 1.3em;  }
	#toppage .item04 .inner .desc .area_icon{width: 100%; margin-right: 0; margin-bottom: 10px; font-size: 18px; line-height: 1.5em;}
	#toppage .item04 .inner .desc .area_icon .place{padding: 3px 10px;}
	#toppage .item04 .inner .desc .date span{margin-right: 10px; font-size: 17px;}
	
	#toppage .slide-items li.item01{background-image: url("../images/new/home/visual_01_back_sp.jpg"); background-position: center center;}
	#toppage .slide-items li.item02{background-image: url("../images/new/home/visual_02_back_sp.jpg"); background-position: center center; }
	#toppage .slide-items li.item03{background-image: url("../images/new/home/visual_03_back_sp.jpg"); background-position: center center;}
	
	.sec_ttl{ font-size: 22px;}
	.sec_ttl span{font-size: 15px; }
	#toppage section{padding: 50px 0;}

	#toppage .seminar li {margin-bottom: 50px; justify-content:flex-start; -webkit-justify-content:flex-start;}
	#toppage .seminar li .photo{display: none;}
	#toppage .seminar li .area_icon {width: 120px; font-size: 15px;}
	#toppage .seminar li .inner{width: 100%; margin-top: 15px;}
	
	#toppage .seminar li .inner .ttl_box{border-bottom: 1px solid #CCC;padding-bottom: 5px; margin-bottom: 10px;margin-top: -5px;}
	#toppage .seminar li .inner a .seminar_sub_ttl{ display: inline-block; font-size: 16px; line-height: 1.5em;}
	#toppage .seminar li .inner a .seminar_main_ttl,#toppage .seminar li .inner a .seminar_ttl{display: inline-block; font-size: 18px; line-height: 1.5em;}
	#toppage .seminar li .inner .catch{font-size: 15px; line-height: 1.5em; margin-bottom: 12px;}
	#toppage .seminar li .inner .desc span{display: inline-block; width: 80px; text-align: center;}
	#toppage .seminar li .inner .desc .date{margin-right: 0; margin-bottom: 8px;}
	#toppage .seminar li .inner .desc .koshi em{display: none;}
	#toppage .seminar li .inner .desc .koshi{font-size: 15px;}
	#toppage .seminar li .link_btn a{width: 100%;}
	
	ul.list_box li{ width: 100%; margin-bottom: 30px;}
	ul.list_box li figure{height: 120px;}
	ul.list_box li .desc{padding: 10px 20px 70px 20px;}
	ul.list_box li .desc h2{margin: 0 0 5px 0;}
	ul.list_box li .desc h2 a{font-size: 17px; line-height: 1.6em;}
	ul.list_box li .desc h3 a{font-size: 17px; line-height: 1.6em;}
	ul.list_box li .desc p{font-size: 15px; line-height: 1.6em;}
	ul.list_box li .desc .date{text-align: right; font-size: 14px; margin-top: 8px;}
	ul.list_box li .link_btn{font-size: 15px;}
}


/* ==========================================================================
サブページ
========================================================================== */
#bread{ width: 100%; padding: 2px 0; font-size: 14px; background: #dadde8; }
#bread .content_in{ position: relative;padding-left: 28px; }
#bread .content_in::before{ position: absolute; top: 5px; left: 0; content: url("../images/new/common/home_blue.svg"); width: 20px; height: 20px; line-height: 1em; }
#bread br{ display: none;}

#subpage{padding: 40px 0 60px 0;}
#subpage main{width: calc(100% - 360px);}
#subpage aside{width: 300px;}

@media screen and (max-width:767px){
    #bread{ padding: 55px 0 5px 0; margin-bottom: 0; overflow-x: scroll; word-break: keep-all; white-space: nowrap; }
	#subpage main{width: 100%;}
	aside{display: none;}
}

/* ==========================================================================
セミナー情報
========================================================================== */
#seminar_detail .visual_area{ position: relative; height: 400px; overflow: hidden; padding-top: 50px; color: #FFF;}
#seminar_detail .visual_area .visual_back{ position: absolute; top: 0; left: 0; width: 100%; z-index: -1;}
#seminar_detail .visual_area .visual_back::after{content: ""; width: 100%; height: 100%; background:rgba(39,52,111,0.7); position: absolute; top: 0; left: 0; mix-blend-mode: multiply; }
#seminar_detail .visual_area .visual_back img{width: 100%; min-width: 1180px;-ms-filter: blur(8px);filter: blur(8px);}

#seminar_detail .visual_area .content_in{position: relative; height: 100%;}
#seminar_detail .visual_area .sec_ttl{color: #FFF; margin-bottom: 40px; font-weight: normal;}
#seminar_detail .visual_area .sec_ttl::after{background: #FFF;}
#seminar_detail .visual_area h2{text-align: center; font-size: 42px; line-height: 1.1em; font-weight: bold;}
#seminar_detail .visual_area h2 span{font-size: 26px;}

#seminar_detail .visual_area .desc{position: absolute; bottom: 30px; width: 100%; }
#seminar_detail .visual_area .desc .date_box{width: 50%;}
#seminar_detail .visual_area .desc .date_box .area{border: 1px solid #FFF; font-size:24px; line-height: 1em; font-weight: bold; text-align: center; padding: 15px 15px; margin-right: 25px; display: flex;flex-flow: wrap;justify-content: space-around;align-items: center;}
#seminar_detail .visual_area .desc .date_box .area span{font-size: 17px;}
#seminar_detail .visual_area .desc .date_box .date{font-size: 35px; font-weight: bold; display: flex;flex-flow: wrap;justify-content: space-around;align-items: center;}
#seminar_detail .visual_area .desc .date_box .date span{font-size: 17px; font-weight: normal;}

#seminar_detail .visual_area .desc .koshi_box{width: 46%;}
#seminar_detail .visual_area .desc .koshi_box .ttl{border-bottom: 1px solid #777; margin-bottom: 10px;}
#seminar_detail .visual_area .desc .koshi_box .name{font-size:28px; font-weight: bold; line-height: 0.95em;}
#seminar_detail .visual_area .desc .koshi_box .name span{font-size: 17px; line-height: 1em; font-weight: normal;}

#seminar_detail .cv_area{width: 100%; background: #142050;}
#seminar_detail .cv_area .content_in{position: relative;}
#seminar_detail .cv_area .content_in figure{position: absolute; bottom: 0; right: 0; width: 240px;}

#seminar_detail .cv_area .content_in .koshi_box{position: absolute; bottom: 0; right: 0; width: 550px; z-index: 3;}
#seminar_detail .cv_area .content_in .koshi_box .inner{position: relative; width: 270px;}
#seminar_detail .cv_area .content_in .koshi_box .inner figure{position: relative!important;}
#seminar_detail .cv_area .content_in .koshi_box .inner .txt{position: absolute; bottom: 15px; left: 0; color: #FFF; filter: drop-shadow(0 0 4px #000);}
#seminar_detail .cv_area .content_in .koshi_box .inner .txt .name{font-weight: bold; font-size: 28px;}
#seminar_detail .cv_area .content_in .koshi_box .inner .txt .position1{font-size: 14px;}
#seminar_detail .cv_area .content_in .koshi_box .inner .txt .position1 br{display: none;}


#seminar_detail .cv_area .content_in .cv_btn a{padding: 20px 120px; margin: 20px 0;}
#seminar_detail .cv_area .content_in .seminar_finished{text-align: center; font-weight: bold; color: #FF0; font-size: 22px; padding: 30px 0;}

#seminar_detail .main_area{padding: 50px 0 60px 0;}
#seminar_detail .main_area .main_catch{text-align: center; font-size: 26px; font-weight: bold; color:#142050; margin-bottom: 30px; }
#seminar_detail .main_area .txt_area{width: calc(100% - 450px);}
#seminar_detail .main_area .txt_area .content_box{margin-bottom: 40px;}
#seminar_detail .main_area .txt_area .content_box p{margin-bottom: 20px;}
#seminar_detail .main_area .txt_area .naiyou{background: #FFF; padding: 20px 25px; box-shadow:0 0 8px 0px rgba(0, 0, 0, 0.1) }
#seminar_detail .main_area .txt_area .naiyou .ttl{color:#142050; font-weight: bold; font-size: 18px; padding: 3px 0 3px 12px; margin-bottom: 15px; border-left: 5px solid #142050; }

#seminar_detail .main_area .right_area {width: 410px; margin-bottom: 60px;}
#seminar_detail .main_area .right_area .desc_box{background: #dadde8; padding: 20px 20px 25px 20px; margin-bottom: 20px; font-size: 16px; line-height: 1.6em;}
#seminar_detail .main_area .right_area .desc_box figure{overflow: hidden; height: 140px; margin-bottom: 15px;}
#seminar_detail .main_area .right_area .desc_box h3{text-align: center;color:#142050;font-size: 18px; font-weight: bold; margin-bottom: 10px;}
#seminar_detail .main_area .right_area .desc_box .sub_ttl{font-size: 16px; font-weight: bold; line-height: 1.5em;}
#seminar_detail .main_area .right_area .desc_box .main_ttl{font-size: 21px; font-weight: bold; line-height: 1.5em; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #727171;}
#seminar_detail .main_area .right_area .desc_box table{margin-bottom: 20px;}
#seminar_detail .main_area .right_area .desc_box th,#seminar_detail .main_area .right_area .desc_box td{vertical-align: top;}
#seminar_detail .main_area .right_area .desc_box th{width: 90px;}
#seminar_detail .main_area .right_area .desc_box th span{display: block; background: #142050; color: #FFF; font-size: 14px; font-weight: normal; padding: 1px;text-align: center; }
#seminar_detail .main_area .right_area .desc_box th{padding: 4px 0 5px 0;}
#seminar_detail .main_area .right_area .desc_box td{padding: 5px 0 5px 15px;}
#seminar_detail .main_area .right_area .desc_box td .date{font-weight: bold; font-size: 22px;}

#seminar_detail .main_area .right_area .koushi{margin-bottom: 10px;}
#seminar_detail .main_area .right_area .koushi_box{background: #dadde8; padding: 20px 20px 25px 20px;}
#seminar_detail .main_area .right_area .koushi_box h3{text-align: center;color:#142050;font-size: 18px; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #666;  padding-bottom: 5px;}
#seminar_detail .main_area .right_area .koushi_box figure{ width: 140px;}
#seminar_detail .main_area .right_area .koushi_box figure img{ border-radius: 50%; background: #FFF;}
#seminar_detail .main_area .right_area .koushi_box .right{width: calc(100% - 160px); font-size: 14px; line-height: 1.7em;}
#seminar_detail .main_area .right_area .koushi_box .right .name{font-size: 22px; font-weight: bold; line-height: 1.6em;}
#seminar_detail .main_area .right_area .koushi_box .right .position1{margin-bottom: 10px;}

#seminar_detail .main_area .right_area .koushi_box .txt{ margin-top: 15px; width: 100%; font-size: 15px; line-height: 1.9em;}

#seminar_detail #form{ background: #dadde8; padding: 60px 0;}
#seminar_detail #form .sec_ttl{margin-bottom: 20px;}

@media screen and (max-width:767px){
	#seminar_detail .visual_area{ height: 380px; padding-top: 40px;}
	#seminar_detail .visual_area .visual_back img{width: 100%; min-width: 1180px;}
	#seminar_detail .visual_area .sec_ttl{font-size: 20px;}
	#seminar_detail .visual_area h2{ font-size: 28px; line-height: 1.4em; }
	#seminar_detail .visual_area h2 span{display: inline-block; font-size: 19px; line-height: 1.5em;}

	#seminar_detail .visual_area .desc{bottom: 20px; }
	#seminar_detail .visual_area .desc .date_box{width: 100%;}
	#seminar_detail .visual_area .desc .date_box .area{font-size:15px;line-height: 1.3em; margin-right: 15px;}
	#seminar_detail .visual_area .desc .date_box .area span{font-size: 15px;}
	#seminar_detail .visual_area .desc .date_box .date{font-size: 22px;}
	#seminar_detail .visual_area .desc .date_box .date span{font-size: 16px;}

	#seminar_detail .visual_area .desc .koshi_box{display: none;}

	#seminar_detail .cv_area{width: 100%; background: #142050;}
	#seminar_detail .cv_area .content_in{position: relative;}
	#seminar_detail .cv_area .content_in figure{display: none;}

	#seminar_detail .cv_area .content_in .koshi_box{display: none;}
	#seminar_detail .cv_area .content_in .koshi_box .inner{position: relative; width: 270px;}
	#seminar_detail .cv_area .content_in .koshi_box .inner figure{position: relative!important;}
	#seminar_detail .cv_area .content_in .koshi_box .inner .txt{position: absolute; bottom: 15px; left: 0; color: #FFF; filter: drop-shadow(0 0 4px #000);}
	#seminar_detail .cv_area .content_in .koshi_box .inner .txt .name{font-weight: bold; font-size: 28px;}
	#seminar_detail .cv_area .content_in .koshi_box .inner .txt .position1{font-size: 14px;}

	#seminar_detail .cv_area .content_in .cv_btn a{padding: 20px 20px; margin: 20px 0; width: 100%; text-align: center; font-size: 16px;}
	#seminar_detail .cv_area .content_in .seminar_finished{font-size: 15px; padding: 20px 0;}

	#seminar_detail .main_area{padding: 40px 0 40px 0;}
	#seminar_detail .main_area .main_catch{font-size: 18px; margin-bottom: 20px; }
	#seminar_detail .main_area .txt_area{width: 100%; font-size: 15px; line-height: 1.7em; margin-bottom: 30px;}
	#seminar_detail .main_area .txt_area .naiyou{padding: 15px 15px; }
	#seminar_detail .main_area .txt_area .naiyou .ttl{font-size: 17px; margin-bottom: 10px; }

	#seminar_detail .main_area .right_area {width: 100%; margin-bottom: 10px;}
	#seminar_detail .main_area .right_area .desc_box{font-size: 15px; line-height: 1.6em;}
	#seminar_detail .main_area .right_area .desc_box figure{display: none;}
	#seminar_detail .main_area .right_area .desc_box h3{font-size: 17px;}
	#seminar_detail .main_area .right_area .desc_box .sub_ttl{font-size: 15px; line-height: 1.5em;}
	#seminar_detail .main_area .right_area .desc_box .main_ttl{font-size: 17px; line-height: 1.5em; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #727171;}
	#seminar_detail .main_area .right_area .desc_box th{display: block; width: 100%;}
	#seminar_detail .main_area .right_area .desc_box th{padding: 4px 0 5px 0;}
	#seminar_detail .main_area .right_area .desc_box td{display: block; width: 100%; padding: 5px 0 5px 0;}
	#seminar_detail .main_area .right_area .desc_box td .date{font-size: 20px;}
	#seminar_detail .main_area .right_area .desc_box .cv_btn a{padding: 15px 30px; font-size: 14px;}
	
	#seminar_detail .main_area .right_area .koushi_box figure{ width: 90px;}
	#seminar_detail .main_area .right_area .koushi_box .right{width: calc(100% - 100px);}
	#seminar_detail .main_area .right_area .koushi_box .right .name{font-size: 20px;}
	#seminar_detail .main_area .right_area .koushi_box .right .position1{margin-bottom: 0;}
	#seminar_detail .main_area .right_area .koushi_box .txt{line-height: 1.7em;}	
}

/* ==========================================================================
セミナー一覧
========================================================================== */
.sub_visual_area{ position: relative; height: 140px; overflow: hidden; padding-top: 50px; color: #FFF;}
.sub_visual_area .visual_back{ position: absolute; top: 0; left: 0; width: 100%; z-index: -1;}
.sub_visual_area .visual_back::after{content: ""; width: 100%; height: 100%; background:rgba(39,52,111,0.4); position: absolute; top: 0; left: 0; mix-blend-mode: multiply; }
.sub_visual_area .visual_back img{width: 100%; min-width: 1180px;-ms-filter: blur(0px);filter: blur(0px);}
.sub_visual_area .sec_ttl{color: #FFF; margin-bottom: 40px; font-weight: normal;}
.sub_visual_area .sec_ttl::after{background: #FFF;}

#seminar_list .seminar li {margin-bottom: 50px;}
#seminar_list .seminar li .photo{width: 160px;}
#seminar_list .seminar li .photo a{display: block;overflow: hidden;}
#seminar_list .seminar li .photo a:hover img{transform: scale(1.05);opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}
#seminar_list .seminar li .photo img{width: 100%; height: auto;}
#seminar_list .seminar li .area_icon {width: 100px; text-align: center; color: #FFF; line-height: 1em; }
#seminar_list .seminar li .area_icon .place{padding: 5px 0;}
#seminar_list .seminar li .inner{width: calc(100% - 300px);}
#seminar_list .seminar li .inner .ttl_box{border-bottom: 1px solid #CCC;padding-bottom: 5px; margin-bottom: 10px;margin-top: -5px;}
#seminar_list .seminar li .inner a .seminar_sub_ttl{color: #27346f; font-weight: bold; font-size: 18px;transition: all .3s !important;}
#seminar_list .seminar li .inner a .seminar_main_ttl,#seminar_list .seminar li .inner a .seminar_ttl{color: #27346f; font-weight: bold; font-size: 22px; transition: all .3s !important;}
#seminar_list .seminar li .inner a .seminar_main_ttl br, #seminar_list .seminar li .inner a .seminar_ttl br{display: none;}
#seminar_list .seminar li .inner a:hover .seminar_sub_ttl{color:#B28146;}
#seminar_list .seminar li .inner a:hover .seminar_main_ttl,#seminar_list .seminar li .inner a:hover .seminar_ttl{color:#B28146;}
#seminar_list .seminar li .inner .catch{line-height: 1.5em; margin-bottom: 12px;}
#seminar_list .seminar li .inner .desc span{background: #888; color: #FFF; font-size: 15px; padding: 3px 8px; margin-right: 8px;}
#seminar_list .seminar li .inner .desc .date{margin-right: 40px;}
#seminar_list .seminar li .inner .desc .koshi em{font-style: normal; font-size: 15px;margin-left: 10px;}

#seminar_list .seminar{padding: 60px 0 40px 0;}

@media screen and (max-width:767px){
	.sub_visual_area{margin-top: 0; height: 100px; padding-top: 30px;}
	.sub_visual_area .sec_ttl{font-size: 20px;}
	.seminar_form_visual{margin-top: 50px;}
	
	#service .sub_visual_area{padding-top: 20px!important;}
	
	#seminar_list .seminar li {margin-bottom: 50px;}
	#seminar_list .seminar li .photo{display: none;}
	#seminar_list .seminar li .area_icon {width: 120px; font-size: 15px; }
	#seminar_list .seminar li .inner{width: 100%; margin-top: 15px;}
	#seminar_list .seminar li .inner a .seminar_sub_ttl{display: inline-block; font-size: 16px; line-height: 1.5em;}
	#seminar_list .seminar li .inner a .seminar_main_ttl,#seminar_list .seminar li .inner a .seminar_ttl{display: inline-block; font-size: 18px; line-height: 1.5em;}
	#seminar_list .seminar li .inner a .seminar_main_ttl br, #seminar_list .seminar li .inner a .seminar_ttl br{display: none;}
	#seminar_list .seminar li .inner .catch{font-size: 15px;}
	#seminar_list .seminar li .inner .desc span{display: inline-block; width: 80px; text-align: center;}
	#seminar_list .seminar li .inner .desc .date{margin-right: 0; margin-bottom: 8px; font-size: 16px;}
	#seminar_list .seminar li .inner .desc .koshi{font-size: 16px;}
	#seminar_list .seminar li .inner .desc .koshi em{display: none;}
	#seminar_list .seminar{padding: 30px 0 10px 0;}
	#seminar_list .seminar .link_btn a{width: 100%;}
}


/* ==========================================================================
コラム一覧
========================================================================== */
h1.page_ttl{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    border-left: 3px solid #00A8C6;
    padding: 5px 0 5px 15px;
}
h1.page_ttl span{
    font-size: 24px;
    padding-left: 8px;
}
h2.page_ttl{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    border-left: 3px solid #00A8C6;
    padding: 5px 0 5px 15px;
}
h2.page_ttl span{
    font-size: 24px;
    padding-left: 8px;
}
h2.page_ttl2{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #00A8C6;
    padding: 0 0 5px 0;
}

h2.num{
    position: relative;
    padding: 5px 0 5px 60px;
}
h2.num span{
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 100%;
    background: #263270;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
}

#column_list main ul li{
    margin-bottom: 20px;
}
#column_list main ul li a {
    background: #EFEFEF;
    overflow: hidden;
    border-radius: 8px;
}
#column_list main ul li a:hover {
    background: #d3e5e8;
}
#column_list main ul li a figure{
    width: 160px;
}
#column_list main ul li a .ttl_box{
    width: calc(100% - 160px);
    padding: 15px 20px;
    color: #222;
}
#column_list main ul li a .ttl_box .ttl{
    font-weight: bold;
    font-size: 19px;
    color: #263270;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
}
#column_list main ul li a .ttl_box .desc{
    line-height: 1.6em;
    margin-bottom: 10px;
}
#column_list main ul li a .ttl_box .date{
    text-align: right;
    color: #666;
    line-height: 1em;
}
#column_list main ul li a .ttl_box .date .catname{ position: relative; padding-left: 26px; padding-right: 20px;}
#column_list main ul li a .ttl_box .date .catname::before{
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    margin: auto 0;
    content: url("../images/common/icon/folder_grey.svg");
    width: 20px;
    height: 20px;
    line-height: 1em;
}
#column_list main ul li a .ttl_box .date .date_inner{ position: relative; padding-left: 26px; }
#column_list main ul li a .ttl_box .date .date_inner::before{
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    margin: auto 0;
    content: url("../images/common/icon/calender.svg");
    width: 20px;
    height: 20px;
    line-height: 1em;
}


/****記事ボックス*********************************************/
.article_list{
    padding: 50px 0 20px 0;
}
.article_list .inner{
    margin-bottom: 50px;
}
.article_list .inner h2{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}
.article_list .inner h2 span{
    border-bottom: 3px solid #00A8C6;
    padding: 0 30px 5px 30px;
}
.article_list .inner ul li,.article_list .inner ol li{
    position: relative;
    margin-bottom: 30px;
    background: #FFF;
}
.article_list .inner ul::after, .article_list .inner ol::after {
    display: block;
    content:"";
}
.article_list .inner ul li a, .article_list .inner ol li a{
    display: block;
    position: relative;
}
.article_list .inner ul li a img, .article_list .inner ol li a img{
    width: 100%;
    height: auto;
}

.article_list .inner ul li a .ttl_box, .article_list .inner ol li a .ttl_box{
    position: relative;
    padding: 15px 20px 15px 20px;
    color: #222;
}
.article_list .inner ul li a .ttl_box .ttl, .article_list .inner ol li a .ttl_box .ttl{
    font-weight: bold;
    line-height: 1.7em;
    margin-bottom: 5px;
}
.article_list .inner ul li a .ttl_box .date ,.article_list .inner ol li a .ttl_box .date{
    color: #666;
    font-size: 14px;
    line-height: 1.5em;
}
.article_list .inner ul li a .ttl_box .date i, .article_list .inner ol li a .ttl_box .date i{
    padding-right: 5px;
}
.article_list .inner ul li a .cat_name, .article_list .inner ol li a .cat_name{
    position: absolute;
    left:20PX;
    top: -15px;
    display: inline-block;
    font-size: 14px;
    line-height: 1em;
    font-weight: bold;
    padding: 5px 10px;
    color: #fff;
    background: #00A8C6;
}

.article_list .inner ol {
  counter-reset: item;
  list-style-type: none;
}
.article_list .inner ol li:before {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 9;
    counter-increment: item;
    content: counter(item);
    font-weight: bold;
    color: #FFF;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}
.article_list .inner ol li:first-child:before{
    background: #e6b422;
}
.article_list .inner ol li:nth-child(2):before{
    background: #C0C0C0;
}
.article_list .inner ol li:nth-child(3):before{
    background: #815a2b;
}
.article_list .inner ol li:nth-child(4):before{
    background: #666666;
}

.article_list .inner ul.new_article li{ width: 31%; }
.article_list .inner ul.new_article::after { width: 31%; }

.article_list .inner ol.ranking_article li{ width: 23%; }
.article_list .inner ol.ranking_article::after { width: 23%; }

.article_list.related .inner ul li{ width: 31%; }
.article_list.related .inner ul::after { width: 31%; }


@media screen and (max-width:767px){
    h1.page_ttl{ font-size: 20px; margin-bottom: 20px; }
    h1.page_ttl span{ font-size: 16px; }
    h2.page_ttl{ font-size: 20px; }
    h2.page_ttl span{ font-size: 16px; }
    h2.page_ttl2{ font-size: 18px; padding: 0 0 5px 0; }
    
    #column_list main ul li a figure{ width: 100px; }
    #column_list main ul li a .ttl_box{ width: calc(100% - 100px); padding: 15px 20px; }
    #column_list main ul li a .ttl_box .ttl{ font-size: 17px; line-height: 1.5em;padding-bottom: 10px; }
    
    .article_list.related .inner ul li{ width: 100%; }
    .article_list.related .inner ul::after { width: 100%; }
}

/* ==========================================================================
コラム
========================================================================== */
#column .contents_box img{ max-width: 100%; height: auto; }

#column .visual {position: relative; }
#column .visual .photo{overflow: hidden; position: relative; width: 100%; height: 300px;}
#column .visual .photo picture{ display: block; position: absolute; top: -10px; left: -10px; width: 103%; -ms-filter: blur(5px); filter: blur(5px); }
#column .visual .photo picture img {width: 100%; height: auto;}
#column .visual .photo picture::after{ content: ""; width: 100%; height: 100%; background: rgba(39, 52, 111, 0.7); position: absolute; top: 0; left: 0; mix-blend-mode: multiply;}

#column .visual .inner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:flex; justify-content:center; align-items:center;}

#column .visual .inner  h1{ position: relative; font-size: 30px; color: #FFF; text-align: center; }
#column .visual .inner  h1 span::before{content: "";display: block; width: 150px; height: 2px; background: #FFF; position: absolute; top: -15px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#column .visual .inner  h1 span::after{content: "";display: block; width: 150px; height: 2px; background: #FFF; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

#column .visual .inner  h2{ position: relative; font-size: 30px; color: #FFF; text-align: center; }
#column .visual .inner  h2 span::before{content: "";display: block; width: 150px; height: 2px; background: #FFF; position: absolute; top: -15px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#column .visual .inner  h2 span::after{content: "";display: block; width: 150px; height: 2px; background: #FFF; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

#column .visual h1.ttl{font-size: 26px; font-weight: bold; padding-bottom: 8px; margin-bottom: 20px; border-bottom: 3px solid #27346f;}

#column .visual .visual_desc{
    margin-bottom: 30px;
}
#column .visual .cat_name{
    display: inline-block;
    background: #27346f;
    color: #FFF;
    padding: 2px 16px 2px 34px;
    position: relative;
    font-size: 15px;
}
#column .visual .cat_name::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0;
    content: url("../images/common/icon/folder.svg");
    width: 18px;
    height: 18px;
    line-height: 1em;
}
#column .visual .date{ position: relative; padding-left: 26px; }
#column .visual .date::before{
    position: absolute;
    top: -5px;
    bottom: 0;
    left: 0;
    margin: auto 0;
    content: url("../images/common/icon/calender.svg");
    width: 22px;
    height: 22px;
    line-height: 1em;
}

#column .contents_box{ padding-bottom: 30px;margin-bottom: 10px; }
#column .contents_box p{ margin: 20px 0; }
#column .contents_box h2{ font-size: 24px;font-weight: bold;margin-top: 90px; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #333;}
#column .contents_box h3{ font-size: 20px;font-weight: bold;margin-top: 40px;margin-bottom: 10px; padding: 10px 20px; background: #dadde8;}
#column .contents_box h4{ font-size: 18px;font-weight: bold;margin-top: 40px;margin-bottom: 10px; padding: 5px 10px 5px 15px; border-left: 3px solid #333;}
#column .contents_box h5,#column .contents_box h6{ font-size: 17px;font-weight: bold;margin-top: 20px;margin-bottom: -10px;}

#column .contents_box ul{
    margin: 20px 0;
}
#column .contents_box ul li{
    padding-left: 1.6em;
    padding-right: 20px;
    position: relative;
}
#column .contents_box ul li:before{
	position: absolute;
    top: 6px;
    left: 0;
    content: url("../images/common/icon/circle_blue.svg");
    width: 16px;
    height: 16px;
    line-height: 1em;
}
#column .contents_box ol{
    margin: 20px 0;
    padding-left: 2em;
}
#column .contents_box ol li{
    list-style-type: decimal;
    padding-left: 0.2em;
}

ul.dot{ padding-left: 2em; }
ul.dot li{
    list-style: disc;
    padding-left: 0!important;
    padding-right: 0!important;
}
ul.dot li:before{ display: none;}
ul.dot li::marker{ color: #00A8C6; }

ul.line { border: 1px solid #CCC; padding: 15px 20px 15px 40px;}

ol.maru  {
  position: relative!important;
  margin: 20px 0 0 5px!important;
  padding: 0!important;
}
ol.maru li  {
  list-style: none!important;
  list-style-position: outside!important;
  margin: 0 0 15px 0!important;
  padding-left: 1.4em!important;
}
ol.maru li span {
  position: absolute!important;
  left: 0!important;
  margin: 0!important;
}


#column .contents_box table{
    border: 1px solid #CCC;
    margin: 20px 0;
}
#column .contents_box table th,#column .contents_box table td{
    border: 1px solid #CCC;
    background: #FFF;
    padding: 10px 15px;
    line-height: 1.5em;
}
#column .contents_box table th{
    background: #EFEFEF;
}
#column .contents_box blockquote{
    background: #FFF;
    padding: 20px;
}
#column .contents_box blockquote img{
    margin-bottom: 8px;
}
#column .contents_box blockquote p{
    font-size: 14px;
    margin: 0;
    line-height: 1.6em;
}

main .author_box{
    background: #FFF;
    border-radius: 10px;
    padding: 10px 20px 20px 20px;
    margin-bottom: 30px;
}
main .author_box .left{
    width: 140px;
}
main .author_box .left figure{ overflow: hidden; border-radius: 50%; background: #EEE; }
main .author_box .right{
    width: calc(100% - 160px);
}
main .author_box .title{
    font-weight: bold;
    margin: 0 0 10px 0;
}
main .author_box .name{
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 5px;
}
main .author_box .name .position01{
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4em;
    padding-left: 10px;
}
main .author_box .txt{
    border-top: 1px solid #CCC;
    padding-top: 10px;
    font-size: 14px;
    line-height: 1.8em;
}
main .author_box .more_btn01{
    text-align: left;
}

#column .article_list.related{
	border-top: 1px solid #CCC;
    padding: 20px 0 20px 0;
}
#column .article_list.related .inner{
    margin-bottom: 0;
}
#column .related h3.ttl{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.cat_list_box{
    margin-bottom: 10px;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 20px 20px 10px 20px;
}
.cat_list_box h3.ttl{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cat_list_box ul li{
    display: inline-block!important;
    background: none!important;
    width: auto!important;
    margin-bottom: 0!important;
}
.cat_list_box ul li a{
    display: inline-block;
    border: 2px solid #00A8C6;
    padding: 12px 20px;
    color: #00A8C6;
    border-radius: 5px;
    line-height: 1em;
    font-weight: bold;
    margin: 0 10px 10px 0!important;
}
.cat_list_box ul li a:hover{
    background: #00A8C6;
    color: #FFF;
}

.tag_list_box{
    margin-bottom: 30px;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 20px 20px 10px 20px;
}
.tag_list_box h3.ttl{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cat_list_box ul li{
    display: inline-block!important;
    background: none!important;
    width: auto!important;
    margin-bottom: 0!important;
}
.tag_list_box a{
    font-size: 16px!important;
    display: inline-block;
    border: 2px solid #999;
    padding: 12px 20px;
    background: #999;
    color: #FFF;
    border-radius: 5px;
    line-height: 1em;
    font-weight: bold;
    margin: 0 10px 10px 0!important;
}
.tag_list_box a:hover{
    color: #999999;
    border: 2px solid #999;
    background: #FFF;
}

/*****もくじ************************************************************/
.ez-toc-section{display: inline-block;margin-top: -70px;padding-top: 70px;}
.ez-toc-title-container{text-align: center; border-bottom: 1px solid #AAA; margin-bottom: 10px;}
.ez-toc-title{font-weight: bold!important;}

#ez-toc-container{
    width: 90%!important;
    margin: 30px auto;
    padding: 20px!important;
    border-radius: 0!important;
    border:none!important;
    background: #FFF!important;
    box-shadow: none!important;
}
#ez-toc-container ul{
    margin: 0!important;
}
#ez-toc-container ul li{
    padding-left: 0.3em!important;
    padding-top: 5px;
    padding-bottom: 5px;
}
#ez-toc-container ul li.ez-toc-heading-level-3 a{font-weight: normal;}
#ez-toc-container ul li.ez-toc-heading-level-3{padding: 0 0 0 1.5em!important; }
#ez-toc-container ul li.ez-toc-heading-level-3 a::before{display: none;}
#ez-toc-container ul li:before{
	display: none!important;
}
#ez-toc-container ul li a{ color:#0071BC; text-decoration: none; transition: all .3s !important; }
#ez-toc-container ul li a:visited{ color:#0071BC; text-decoration: none; }
#ez-toc-container ul li a:hover{ color:#B28146; outline:none; text-decoration: none; }
#ez-toc-container.counter-decimal ul.ez-toc-list li a, .ez-toc-widget-container.counter-decimal ul.ez-toc-list li a{
    padding-left: 1.4em;
}
#ez-toc-container.counter-decimal ul.ez-toc-list li a::before, .ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before{
  	font-weight: 900;
	color: #27346f;
	margin-left: -3.9em;
	padding-right: 0.6em;
}

@media screen and (max-width:767px){
	#column{font-size: 16px; line-height: 1.7em;}
    #column .visual picture{ display: block; margin-bottom: 20px; }
	#column .visual picture img{width: 100%;}
	#column .visual h1.ttl{font-size: 20px;}
	#column .visual .inner  h2{ font-size: 24px; }
    #column .visual .cat_name { font-size: 13px; padding: 1px 8px 1px 35px; }
    #column .visual .date { font-size: 14px;}
	
	#column .visual .photo{height: 170px;}
	#column .visual .photo picture{width: 106%;}
	#column .visual .inner h1{font-size: 22px;width: 90%;}

    #column .contents_box h2{ font-size: 20px;margin-top: 60px;}
    #column .contents_box h3{ font-size: 18px;padding: 10px 20px;}
    #column .contents_box h4{ font-size: 17px;}
    #column .contents_box h5,#column .contents_box h6{ font-size: 16px;}
    
    #column .contents_box ul li{ padding-right: 0; }
    
    #column .contents_box blockquote{ margin: 0; padding: 10px;}

    #column .tag_list a{ font-size: 13px; padding: 1px 8px 1px 35px; }
    

    main .author_box{ padding: 10px 15px 20px 15px; margin-bottom: 40px; }
    main .author_box .left{ width: 60px; }
    main .author_box .right{ width: calc(100% - 80px); }
    main .author_box .title{ font-size: 14px; }
    main .author_box .name{ font-weight: bold; }
    main .author_box .more_btn01{ font-size: 13px; }
    main .author_box .more_btn01 a{ padding: 5px 20px;}
    main .author_box .name .position01{ display: inline-block; line-height: 1.3em; }

    .cat_list_box{ padding: 15px 15px 10px 15px; }
    .cat_list_box h3.ttl{ font-size: 16px; }
    .cat_list_box ul li a{ font-size: 14px; padding: 8px 14px; }
    .tag_list_box{ padding: 15px 15px 10px 15px; }
    .tag_list_box h3.ttl{ font-size: 16px; }
    .tag_list_box a{ font-size: 14px!important; padding: 8px 14px; }

    /*****もくじ************************************************************/
    #ez-toc-container{ padding: 20px 20px 20px 15px!important; width: 100%!important; }
    #ez-toc-container ul li{ padding-left: 1em!important;}
    
}

/* ==========================================================================
事業承継士とは
========================================================================== */
#about .visual .inner h2 span{font-size: 80%;}
#about .visual {margin-bottom: 30px;}

#about .top_flow{margin: 10px 0 50px 0;}
#about .top_flow figure{margin-bottom: 15px;}
#about .top_flow img{filter: drop-shadow(0 0 2px #CCC);}
#about .top_flow h3{position: relative; text-align: center; border-bottom: none; color: #27346f; margin-bottom: 10px;}
#about .top_flow h3::after{content: "";width: 100px; height: 3px; background: #27346f; display: block; margin: 5px auto 0 auto;}
#about .top_flow p.caption{text-align: center; font-weight: bold;margin-bottom: 15px;}

#about section{ margin-bottom: 60px;}
#about section h3{font-size: 22px; font-weight: bold; margin-top: 0; margin-bottom: 15px; padding-bottom: 5px; padding-top: 20px; border-bottom: 2px solid #333;}
#about .cv_area{border: 1px solid #AAA; padding: 20px; border-radius: 8px;}
#about .cv_area .caption01{text-align: center; font-weight: bold; font-size: 20px; color: #27346f; margin-bottom: 10px;}

#about .cv_btn a{ padding: 15px 140px;}
#about #sec .sec_inner .left{width: 150px;}
#about #sec .sec_inner .left strong{display: inline-block; padding: 5px 20px; background: #27346f; color: #FFF;}
#about #sec .sec_inner .right{width: calc(100% - 170px);}

body{counter-reset: number 0; }
#about .mokuji{background: #FFF; width: 90%; margin: 30px auto; padding: 20px;}
#about .mokuji .ttl{text-align: center; border-bottom: 1px solid #AAA; margin-bottom: 10px; font-weight: bold;}
#about .mokuji ol{padding-left: 24px;}
#about .mokuji ol li{position: relative; padding:5px 0 5px 0; list-style: decimal;}
#about .mokuji ol li::marker{color:#0071BC; }
#about .mokuji ol li a{font-weight: 500;}

#about p.cap-ttl{margin-bottom: 8px;}
#about p.cap-ttl span{display: inline-block; padding: 3px 20px; background: #6f7bb3; color: #FFF;}

#about .arrow_ttl{ width: 280px; height: 60px;background: #6b7c8e; color: #FFF; display: flex; justify-content: center; align-items: center;
  clip-path: polygon(0 -0.5%, 90% -0.5%, 90% 0, 100% 50%, 90% 100%, 90% 100.5%, 0 100.5%); margin-right: 20px;}
#about .arrow_ttl span{padding: 0 30px 0 20px;}
#about .arrow_txt {width: calc(100% - 300px); display: flex; align-items: center;}

#about #sec02 figure{margin-bottom: 20px;}

#about #sec04 .inner_box{margin-bottom: 50px;}
#about #sec04 .inner_box h4{margin-bottom: 20px;}
#about #sec04 .inner_box h4 span{display: block; width: 120px; background:#27346f; color: #FFF; font-weight: bold;text-align: center; padding: 10px 0;}
#about #sec04 .inner_box h4 strong{ display: block; width: calc(100% - 120px); background: #dadde8; padding: 10px 20px;}

#about #sec04 .inner_box ol.point {margin-bottom: 30px;}
#about #sec04 .inner_box ol.point li{ width: 32%;background: #FFF; padding: 20px;}
#about #sec04 .inner_box ol.point li h5{font-weight: bold; font-size: 18px; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 10px;}
#about #sec04 .inner_box ol.point li p.caption{font-size: 15px; line-height: 1.8em;}
#about #sec04 .inner_box ol.point li .books{background: #EFEFEF; margin-top: 15px; padding: 15px;}
#about #sec04 .inner_box ol.point li .books figure{margin-bottom: 15px; text-align: center;}
#about #sec04 .inner_box ol.point li .books figure img{max-width: 160px;}
#about #sec04 .inner_box ol.point li .books p{font-size: 15px; line-height: 1.8em; margin-bottom: 8px;}

#about #sec04 .inner_box .step p.cap-ttl{width: 200px;}
#about #sec04 .inner_box .step p.cap-ttl span{display: block; text-align: center;}
#about #sec04 .inner_box .step .right{width: calc(100% - 220px);}
#about #sec04 .inner_box .step ul.list01{margin: 0;}

#about #sec07 .question{margin-bottom: 10px;}
#about #sec07 .question span{display: block; width: 120px; background:#27346f; color: #FFF; font-weight: bold;text-align: center; padding: 10px 0;}
#about #sec07 .question strong{ display: block; width: calc(100% - 120px); background: #dadde8; padding: 10px 20px;}

@media screen and (max-width:767px){
	#about #sec .sec_inner .left{width: 100%; margin-bottom: 10px;}
	#about #sec .sec_inner .right{width: 100%;}
	#about .cv_btn a{padding: 15px 30px;}
	#about .cv_area .caption01{font-size: 17px;}
	#about .arrow_ttl{width: 260px; height: 40px; margin-bottom: 10px;}
	#about .arrow_txt{width: 100%;}
	#about #sec04 .inner_box h4 span{width: 100%; padding: 6px 0;}
	#about #sec04 .inner_box h4 strong{width: 100%;}
	#about #sec04 .inner_box ol.point li{width: 100%; margin-bottom: 15px;}
	#about #sec04 .inner_box ol.point li h5{font-size: 17px;}
	#about #sec04 .inner_box .step p.cap-ttl{width: 100%;}
	#about #sec04 .inner_box .step .right{width: 100%;}
	#about #sec04 .inner_box .step ul.list01{margin-bottom: 20px;}
	#about #sec07 .question span{width: 50px;}
	#about #sec07 .question strong{width: calc(100% - 50px);}
}

/* ==========================================================================
事業承継のポイント
========================================================================== */
#contents_list ul.list_box li{width: 48%;}
#contents_list ul.list_box li .catch{ font-weight: bold; border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 5px;}
#about section h3{font-size: 18px;}

/* ==========================================================================
数字で見る事業承継
========================================================================== */
#column.numbers p.catch {font-size: 22px; font-weight: bold; margin-bottom: 30px;}
#column.numbers .contents_box blockquote{ margin: 1em 0; border-radius: 8px; }
#column.numbers .contents_box blockquote img.w50{width: 100%; max-width: 385px;}
#column.numbers .contents_box blockquote img.w60{width: 100%; max-width: 460px;}
#column.numbers .contents_box blockquote img.w80{width: 100%; max-width: 520px;}
#column.numbers .contents_box blockquote img{ line-height: 1em;}

#column.numbers .contents_box .point_box{ background: #dadde8; padding: 20px; margin: 30px 0 40px 0;}
#column.numbers .contents_box .point_box .point_catch{ font-size: 18px; font-weight: bold; color: #27346f; border-bottom: 1px solid #27346f; padding-bottom: 3px; margin: 0 0 15px 0;}
#column.numbers .contents_box .point_box .point_catch i{font-size: 24px; margin-right: 5px;}
#column.numbers .contents_box .point_box ul{ margin: 0;}
#column.numbers .contents_box .point_box ul li{ margin-bottom: 10px;}
#column.numbers .contents_box .point_box ul li:last-child{ margin-bottom: 0;}

#column.numbers .contents_box p.ttl{ font-size: 18px; margin-bottom: 5px; }

#column_list.numbers main ul li a{ display: block; }
#column_list.numbers main ul li a .ttl_box{ width: 100%; }
#column_list.numbers main ul li a .ttl_box .desc{ margin-bottom: 0; }

@media screen and (max-width:767px){
	#contents_list ul.list_box li{width: 100%;}
    #column.numbers p.catch {font-size: 18px; margin-bottom: 20px;}
	#column.numbers .contents_box p.ttl{font-size: 17px;}
}

/* ==========================================================================
サブページ
========================================================================== */
main .page_ttl{
    color: #27346f;
    font-weight: bold;
    text-align: center;
    background: #E8F2F1;
    padding: 40px 10px;
    margin-bottom: 60px;
}
main .page_ttl.ttl02{ padding: 0 10px; margin-bottom: 40px; background: none; }
main .page_ttl.ttl03{ color: #FFF; background: #263270;}

main .page_ttl h1{ font-size: 32px; font-weight: bold; }
main .page_ttl h1 span{ font-size: 26px; }

main .page_ttl p.ttl{ position: relative; margin-bottom: 15px; }
main .page_ttl p.ttl::after{
    content: "";
    display: block;
    width: 120px;
    height: 3px;
    background: linear-gradient(to right, #27346f 50%, #0FAFAA 50%);
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: auto;
}
main .page_ttl.ttl03 p.ttl::after{ background: linear-gradient(to right, #717691 50%, #0FAFAA 50%); }


main h2.ttl{
    width: 100%;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    color: #27346f;
    border-bottom: 3px solid #27346f;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

#notfound .inner { text-align: center; }
#notfound .inner h2{ font-weight: bold; margin-bottom: 20px;}
#notfound .inner p{margin-bottom: 30px;}

@media screen and (max-width:767px){
    main .page_ttl{ padding: 20px 10px; margin-bottom: 50px; font-size: 13px; }
    main .page_ttl.ttl02{ padding: 0 10px; margin-bottom: 40px; background: none; }
    main .page_ttl h1{ font-size: 18px; }
    main .page_ttl h1 span{ font-size: 16px; }
    main .page_ttl p.ttl{ position: relative; margin-bottom: 15px; line-height: 1em; padding-bottom: 5px; }
    
    main h2.ttl{ font-size: 18px; padding-bottom: 5px; margin-bottom: 20px; }
}

/* ==========================================================================
書籍紹介
========================================================================== */
#books .detail {margin-bottom: 50px;}
#books .detail .left{ width: 240px; margin-bottom: 30px; }
#books .detail .right{ width: calc(100% - 270px); }

#books .detail .left figure{ }
#books .detail .left .cv_btn{margin-top: 20px;}
#books .detail .left .cv_btn a{width: 100%;}

#books .detail .right h1{ font-size: 24px; font-weight: bold;margin-bottom: 20px;}
#books .detail .right .txt{ margin: 30px 0 0 0;}
#books .detail .right p{margin-bottom: 20px; }

#books .mokuji{ background: #dadde8;padding: 30px; }
#books .mokuji h3{text-align: center; color: #27346f; font-weight: bold;font-size: 20px; margin-bottom: 20px;}
#books .mokuji ul li{ margin-bottom: 25px;}
#books .mokuji ul li h4{ font-size: 18px; font-weight: bold; border-bottom: 1px solid #27346f; padding-bottom: 5px; margin-bottom: 10px; }
#books .mokuji ul li p{ }
#books .mokuji ul li p strong{display: block; border-bottom: 1px solid #AAA;padding-bottom: 5px; margin-bottom: 10px;}

#books #case_list ul.list_box li figure{width: 300px;}
#books #case_list ul.list_box li figure img{filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1));}
#books #case_list ul.list_box li .desc{width: calc(100% - 300px); }

@media screen and (max-width:767px){
    #books .detail .left{ width: 100%; margin-bottom: 30px; }
    #books .detail .right{ width: calc(100%); }
    #books .mokuji{ padding: 20px; }
}

/* ==========================================================================
会社案内
========================================================================== */
#company main .reason .point00 { margin-bottom: 30px;}
#company main .reason .point00 figure{ width: 320px;}
#company main .reason .point00 .desc{ width: calc(100% - 360px); }
#company main .reason .point00 .desc h3{ color: #27346f;font-weight: bold; font-size: 20px; margin-bottom: 15px; }

#company main .reason .point01 .inner{width: 47%;}
#company main .reason .point01 .inner .ttl_box{margin-bottom: 10px;}
#company main .reason .point01 .inner .ttl_box figure{ width: 90px; border: 2px solid #27346f; overflow: hidden; border-radius: 50%;}
#company main .reason .point01 .inner .ttl_box .ttl{ width:calc(100% - 110px);}
#company main .reason .point01 .inner .ttl_box .ttl p{ color: #27346f;font-weight: bold; }
#company main .reason .point01 .inner .ttl_box .ttl p strong{ display: inline-block; padding: 0 3px; margin-left: 3px; font-size: 24px; background:linear-gradient(transparent 60%, #ff0 60%); }
#company main .reason .point01 .inner .ttl_box .ttl h3{ color: #27346f;font-weight: bold; font-size: 20px; }

@media screen and (max-width:1379px){
    #company main .reason .point00 figure{ width: 300px;}
    #company main .reason .point00 .desc{ width: calc(100% - 340px); }
}


.info_table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	}
.info_table th{
	width:180px;
	font-weight:bold;
    color: #263270;
	padding:10px;
	border-bottom:8px solid #f0f5fb;
    border-right: 3px solid #263270;
	}
.info_table td{
	padding:10px 10px 10px 25px;
	border-bottom:8px solid #f0f5fb;
	}

.map_table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	}
.map_table th{
	font-weight:bold;
    color: #263270;
	padding: 0 0 5px 0;
    border-bottom: 1px solid #CCC;
	}
.map_table td{
	padding:10px 0 20px 0;
	}
.access_detail{
    width: 48%;
}
.mapimg figure{
	width: 48%;
}
.mapimg figure img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
    background: #FFF;
}

@media screen and (max-width:767px){
    .info_table th{ display: block; width:100%; padding:0 0 3px 0; border-bottom:1px solid #263270; border-right: none; }
    .info_table td{ display: block; width: 100%; padding:10px 0 20px 0; border-bottom:none; }
    .map_table th{ display: block; width: 100%; padding: 0 0 5px 0; }
    .map_table td{ display: block; width: 100%; padding:10px 0 20px 0; }
    .access_detail{ width: 100%; }
    .mapimg figure{ width: 100%; margin-bottom: 30px; }
}



/* ==========================================================================
動画
========================================================================== */
#movie .thanks_desc{ font-weight: bold; margin-bottom: 30px;}
#movie .youtube_box{
	width:100%;
	max-width: 800px;
	margin: 0 auto;
	}
#movie .youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
	}
#movie .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

#movie .thanks{ text-align: center;}
#movie .thanks h3{border-bottom: none;padding-bottom: 0;margin-bottom: 20px;}

#movie .dl_box{ margin-bottom: 80px; text-align: center; }
#movie .dl_box a{
    display: inline-block;
    line-height: 1.3em;
    padding: 15px 40px;
    font-size: 20px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    background: #2877bc;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    transition: all .3s !important;
}
#movie .dl_box a:hover{background: #174873;}

#movie .form_wrap .form_block .questionary{
    border: 2px solid #AAA;
    padding: 20px 30px;
    border-radius: 10px;
    margin: 30px 0;
}
#movie .form_wrap .form_block .questionary .box {
    margin-bottom: 25px;
}
#movie .form_wrap .form_block .questionary p.ttl {
    font-weight: bold;
    margin-bottom: 5px;
}
#movie .form_wrap .form_block .questionary .problems .wpcf7-list-item{ display: block;}
#movie .form_wrap .form_block .questionary span.wpcf7-list-item{ padding-right: 30px; }

#movie .accordion-container { position: relative; width: 100%; outline: 0; cursor: pointer; padding: 20px; margin-bottom: 30px; border: 1px solid #0fafaa; border-radius: 5px;}
#movie .accordion-container .article-title { display: block; position: relative; margin: 0; padding: 15px 0; text-align: center; background: #e6f1f5; font-weight: bold; color: #222; cursor: pointer; min-height: 50px; }
#movie .accordion-container .article-title p { padding: 0 50px 0 70px; }
#movie .accordion-container .article-title:hover, .accordion-container .article-title:active, .accordion-container .content-entry.open .article-title { background-color: #cae2eb; }

#movie .article-title{ position: relative; }
#movie .article-title:after { content: ''; position: absolute; right: 25px; top: 38%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #1A2E72; border-right: solid 2px #1A2E72; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
#movie .article-title.open:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%; }
#movie .accordion-content { display: none; position: relative; padding:15px 0 0 0; background: #FFF; cursor: default; }

#movie .accordion-content h3{color: #0fafaa; font-size: 20px; margin-bottom: 10px; border-bottom: none;}
#movie .accordion-content h4{color: #0fafaa; font-weight: bold; border-bottom: 1px solid #0fafaa; margin-bottom: 10px;}
#movie .accordion-content .inner_desc{margin-bottom: 20px;}
#movie .accordion-content .inner_desc ol{padding: 0 0 10px 0;}
#movie .accordion-content .inner_desc ol li{list-style: decimal; margin-left: 20px;}
#movie .accordion-content .inner_desc .koushi figure{width: 160px;}
#movie .accordion-content .inner_desc .koushi figure img{border-radius: 50%; border: 1px solid #0fafaa; }
#movie .accordion-content .inner_desc .koushi .right{width: calc(100% - 180px);}
#movie .accordion-content .inner_desc .koushi .right .name{font-size: 22px; font-weight: bold; margin: 8px 0 5px 0;}
#movie .accordion-content .inner_desc .koushi .right .position1{font-size: 15px; line-height: 1.5em;}
#movie .accordion-content .inner_desc .koushi .right .position2{font-size: 15px; line-height: 1.5em; margin-bottom: 10px;}
#movie .accordion-content .inner_desc .koushi .right .txt{font-size: 15px;}

#movie .caution{margin: 20px 0 0 0; }
#movie .caution p{font-weight: bold; margin-bottom: 10px; }
#movie .caution p strong{color: #C00; }

#movie .w80{width: 80px!important;}

/* ==========================================================================
お客様事例
========================================================================== */
#case .cat_list {padding: 15px 0 40px 0;}
#case .cat_list li {display: inline-block; border: 1px solid #27346f; color: #27346f; font-weight: 700; padding: 2px 20px; margin-right: 8px; border-radius: 999px;}
#case .case_detail{background: #FFF; padding: 25px 25px 5px 25px; margin-bottom: 60px; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1);}
#case .case_detail h2{font-size: 18px; text-align: center; font-weight: bold; color: #27346f; margin-bottom: 10px; }
#case .case_detail .inner .box{margin-bottom: 20px;}
#case .case_detail .inner .box .ttl{font-weight: bold; border-bottom: 1px solid #CCC; margin-bottom: 10px; }

#case .case_detail .inner .box ul li{ padding-left: 1.6em; padding-right: 20px; position: relative;}
#case .case_detail .inner .box ul li::before{position: absolute; top: 6px; left: 0; content: url(../images/common/icon/circle_blue.svg); width: 16px; height: 16px; line-height: 1em; }

/**** お客様事例一覧 *********************/
#case_list ul.list_box li{width: 100%;}
#case_list ul.list_box li figure{width: 200px; height: auto; padding: 20px 20px 0 20px;}
#case_list ul.list_box li figure img{width: 100%; height: auto;}
#case_list ul.list_box li .desc{width: calc(100% - 200px);padding: 15px 20px 0px 10px;}
#case_list ul.list_box li .desc h2 br{display: none;}
#case_list ul.list_box li .desc .caption01{margin-bottom: 5px;}
#case_list ul.list_box li .desc .caption02{margin-bottom: 15px;}
#case_list ul.list_box li .desc .caption01 span{display: inline-block; width: 120px; text-align: center; background: #263270; color: #fff; font-weight: 400; font-size: 16px; margin-right: 10px;}
#case_list ul.list_box li .desc .caption02 span{display: inline-block; width: 120px; text-align: center; background: #DDD; font-weight: 400; font-size: 16px; margin-right: 10px;}
#case_list ul.list_box li .link_btn{position: relative; bottom: auto; margin-top: 0; padding: 15px 20px 20px 20px;}

@media screen and (max-width:767px){
	#case_list ul.list_box li figure{width: 100%;padding: 20px 20px 0 20px; text-align: center;}
	#case_list ul.list_box li figure img{width: 70%; height: auto;}
	#case_list ul.list_box li .desc{width: 100%; padding: 15px 20px 0px 10px;}
	#case .cat_list li{font-size: 13px; margin-bottom: 5px;}
	#case_list ul.list_box li .desc .caption01{margin-top: 15px;margin-bottom: 10px;}
	#case_list ul.list_box li .desc .caption01 span{display: block;width: 100%; margin-bottom: 5px;}
	#case_list ul.list_box li .desc .caption02 span{display: block;width: 100%; margin-bottom: 5px;}
}



/* ==========================================================================
サービス一覧
========================================================================== */
#service_list main{width: 100%;}
#service_list main .desc{ margin-bottom: 80px; }
#service_list main .desc h2{ font-size: 34px; font-weight: bold; color: #585858; text-align: center; border-bottom: 1px solid #B4B4B4; margin-bottom: 20px; padding-bottom: 10px;}
#service_list main .desc h2 span{ color: #0FAFAA;}
#service_list main .desc .green{ color: #88ad1d; }
#service_list main .desc .orange{ color: #ffa700; }
#service_list main .desc .blue{ color: #226bd4; }
#service_list main .desc p{  }
#service_list main .desc .box_wrap .box{ position: relative; width: 30%; background: #EEE; padding: 15px;}
#service_list main .desc .box_wrap .plus{ width: 5%; color: #27346f; font-weight: bold; font-size: 30px; display: flex; justify-content:center; align-items:center;}

#service_list main .desc .box_wrap .box h4{ font-weight: bold; font-size: 26px; text-align: center; border-bottom: 1px solid #CCC; padding-bottom: 3px; margin-bottom: 10px;}
#service_list main .desc .box_wrap .box h4 span{ font-size: 18px;}
#service_list main .desc .box_wrap .box h4 strong{ font-size: 26px;}
#service_list main .desc .box_wrap .box p{ font-weight: bold; font-size: 16px;}
#service_list main .desc .box_wrap .box ul{ padding-left: 1em;}
#service_list main .desc .box_wrap .box ul li{ list-style: disc; line-height: 1.7em;}
#service_list main .desc .box_wrap .box ul.second{ background: #FFF; padding: 10px 10px 10px 30px; margin-top: 15px; }
#service_list main .desc .box_wrap .box ul.second li{ line-height: 1.4em; }
#service_list main .desc .box_wrap .box ul.second li span{ font-size: 16px;}
#service_list main .desc .box_wrap .box ul.second li:first-child{ list-style: none;margin-left: -20px;font-size: 17px;}

#service_list main .desc .box_wrap .box.box01{ background: #EDF3D9;}
#service_list main .desc .box_wrap .box.box01 h4{ border-bottom: 1px solid #88ad1d;}
#service_list main .desc .box_wrap .box.box01 h4 strong{ color: #88ad1d;}
#service_list main .desc .box_wrap .box.box01 ul li::marker{ color: #88ad1d; }
#service_list main .desc .box_wrap .box.box01 figure{position: absolute;bottom: 0; right: 10px; width: 240px;}

#service_list main .desc .box_wrap .box.box02{ background: #faeed7;}
#service_list main .desc .box_wrap .box.box02 h4{ border-bottom: 1px solid  #ffa700;}
#service_list main .desc .box_wrap .box.box02 h4 strong{ color:  #ffa700;}
#service_list main .desc .box_wrap .box.box02 ul li::marker{ color:  #ffa700; }
#service_list main .desc .box_wrap .box.box02 figure{position: absolute;bottom: 0; right: 10px; width: 140px;}

#service_list main .desc .box_wrap .box.box03{ background: #dfe8f5;}
#service_list main .desc .box_wrap .box.box03 h4{ border-bottom: 1px solid  #226bd4;}
#service_list main .desc .box_wrap .box.box03 h4 strong{ color:  #226bd4;}
#service_list main .desc .box_wrap .box.box03 ul li::marker{ color:  #226bd4; }
#service_list main .desc .box_wrap .box.box03 figure{position: absolute;bottom: -10px; right: -10px; width: 160px;}


@media screen and (max-width:1379px){
    #service_list main .desc .box_wrap .box p{ font-weight: bold; font-size: 15px;}
    #service_list main .desc .box_wrap .box.box02 figure{right: 0; width: 80px;}
}
@media screen and (max-width:767px){
    #service_list main .desc .box_wrap .box{ width: 100%;padding: 15px;}
    #service_list main .desc .box_wrap .plus{ width: 100%; display: flex; justify-content:center; align-items:center;}
    #service_list main .desc .box_wrap .box.box01 figure{position: absolute;bottom: 0; right: 10px; width: 130px;}
    #service_list main .desc .box_wrap .box.box02 figure{position: absolute;bottom: 0; right: 10px; width: 130px;}
    #service_list main .desc .box_wrap .box.box03 figure{position: absolute;bottom: -10px; right: -10px; width: 140px;}
    
}

/* ==========================================================================
サービス一覧（2405変更）
========================================================================== */
#service_list.new main .desc{ margin-bottom: 0; }
#service_list.new main .desc h2{ font-size: 22px; font-weight: bold; text-align: center; border-bottom: 1px solid #B4B4B4; margin-bottom: 15px; padding-bottom: 5px;}
#service_list.new main .desc .about{color: #585858; margin-bottom: 50px; font-weight: bold; font-size: 30px; text-align: center; line-height: 1.7em;}
#service_list.new main .desc .about span{ color: #27346f;}

#service_list.new main .desc .desc_inner{ margin-bottom: 50px;}
#service_list.new main .desc .desc_inner p{width: calc(100% - 240px); text-align: left;}
#service_list.new main .desc .desc_inner figure{ width: 220px; }

#service_list.new main .reason .desc p{ text-align: left; }
#service_list.new main .reason .point00 { margin-bottom: 30px;}
#service_list.new main .reason .point00 figure{ width: 420px;}
#service_list.new main .reason .point00 .desc{ width: calc(100% - 460px); }
#service_list.new main .reason .point00 .desc h3{ color: #27346f;font-weight: bold; font-size: 22px; margin-bottom: 8px; text-align: left; }

#service_list.new main .reason .point01 .inner{width: 100%; margin-bottom: 20px;}
#service_list.new main .reason .point01 .inner .ttl_box{margin-bottom: 10px;}
#service_list.new main .reason .point01 .inner .ttl_box figure{ width: 90px; border: 2px solid #263270; overflow: hidden; border-radius: 50%;}
#service_list.new main .reason .point01 .inner .ttl_box .ttl{ width:calc(100% - 110px);padding-top: 10px;}
#service_list.new main .reason .point01 .inner .ttl_box .ttl p{ color: #27346f;font-weight: bold; }
#service_list.new main .reason .point01 .inner .ttl_box .ttl p strong{ display: inline-block; padding: 0 3px; margin-left: 3px; font-size: 24px; background:linear-gradient(transparent 60%, #ff0 60%); }
#service_list.new main .reason .point01 .inner .ttl_box .ttl h3{ color: #27346f;font-weight: bold; font-size: 20px; }

#service_list.new #contents_list ul.list_box li:nth-child(1),#service_list.new #contents_list ul.list_box li:nth-child(2){width: 49%;}
#service_list.new #contents_list ul.list_box li:nth-child(3),#service_list.new #contents_list ul.list_box li:nth-child(4),#service_list.new #contents_list ul.list_box li:nth-child(5){width: 32%;}

#service_list.new main #flow01 .box01{ display: block; position: relative;}
#service_list.new main #flow01 picture{ display: block;}
#service_list.new main #flow01 picture img{ width: 100%; height: auto;}

#service_list.new main #flow01 .box01 .link a{ display: block;width: 100%; height: 100%;background:rgba(255,255,255,0.0);}
#service_list.new main #flow01 .box01 .link a:hover{display: block; background:rgba(255,255,255,0.5); }
#service_list.new main #flow01 .box01 .link{display: block; position: absolute; }

#service_list.new main #flow01 .box01 .link01{width: 167px; height: 258px; bottom: 262px; left:88px; }
#service_list.new main #flow01 .box01 .link02{width: 167px; height: 258px; bottom: 262px; left:268px; }
#service_list.new main #flow01 .box01 .link03{width: 167px; height: 258px; bottom: 262px; left:448px; }
#service_list.new main #flow01 .box01 .link04{width: 167px; height: 258px; bottom: 262px; left:628px; }
#service_list.new main #flow01 .box01 .link05{width: 707px; height: 152px; bottom: 87px; left:88px; }
#service_list.new main #flow01 .box01 .link06{width: 707px; height: 93px; bottom: 565px; left:88px; }

#service_list.new main #flow02 .flow_desc{position: relative; background: #FFF; padding: 20px; margin-bottom: 20px; border-radius: 8px;}
#service_list.new main #flow02 .flow_desc::after{ content: url("../images/service/arrow_gray.svg"); display: block; position: absolute; bottom: -16px; left: 0; right: 0; margin: 0 auto; width: 50px; line-height: 1em;}
#service_list.new main #flow02 .flow_desc.last::after{display: none;}

#service_list.new main #flow02 .flow_desc h3{font-size: 18px; font-weight: bold;border-bottom: 1px solid #CCC; padding-bottom: 3px; margin-bottom: 10px;}

#service_list.new main #flow02 .flow_desc .left{width: calc(100% - 260px);}
#service_list.new main #flow02 .flow_desc figure{width: 220px;}

#service_list.new main .dl_box { border:2px solid #27346f; padding: 30px 20px; text-align: center; margin-bottom: 40px; border-radius: 10px;}
#service_list.new main .dl_box p{ margin-bottom: 10px; font-weight: bold;}
#service_list.new main .dl_box .appli_btn01 a{ font-size: 18px; line-height: 1.5em; padding-top: 10px;padding-bottom: 10px;}


@media screen and (max-width:1379px){
    #service_list.new main .desc h2{ font-size: 17px; }
    #service_list.new main .desc .about{ font-size: 21px;}
    #service_list.new main .reason .point00 figure{ width: 300px;}
    #service_list.new main .reason .point00 .desc{ width: calc(100% - 340px); }
    
    #service_list.new main #flow01 .box01 .link01{width: 138px; height: 258px; bottom: 262px; left:88px; }
    #service_list.new main #flow01 .box01 .link02{width: 138px; height: 258px; bottom: 262px; left:237px; }
    #service_list.new main #flow01 .box01 .link03{width: 138px; height: 258px; bottom: 262px; left:385px; }
    #service_list.new main #flow01 .box01 .link04{width: 138px; height: 258px; bottom: 262px; left:534px; }
    #service_list.new main #flow01 .box01 .link05{width: 584px; height: 152px; bottom: 87px; left:88px; }
    #service_list.new main #flow01 .box01 .link06{width: 584px; height: 112px; bottom: 565px; left:88px; }
}
@media screen and (max-width:767px){
	#service_list.new main{font-size: 16px; line-height: 1.7em;}
    #service_list.new main .desc{ margin-bottom: 0px; }
    #service_list.new main .desc h2{ font-size: 15px; margin-bottom: 15px; padding-bottom: 5px;}
    #service_list.new main .desc .about{margin-bottom: 40px; font-size: 18px; line-height: 1.7em; text-align: left;}
    #service_list.new main .desc h3 { font-size: 17px; line-height: 1.7em; font-weight: bold; margin-bottom: 8px; text-align: left;}

    #service_list.new main .desc .desc_inner{ margin-bottom: 50px;}
    #service_list.new main .desc .desc_inner p{width: calc(100%); text-align: left; margin-bottom: 20px;}
    #service_list.new main .desc .desc_inner figure{ width: 100%; }

    #service_list.new main .reason .desc p{ text-align: left; }
    #service_list.new main .reason .point00 { margin-bottom: 30px;}
    #service_list.new main .reason .point00 figure{ width: 100%; margin-bottom: 8px;}
    #service_list.new main .reason .point00 .desc{ width: calc(100%); }
    #service_list.new main .reason .point00 .desc h3{ font-size: 18px; margin-bottom: 10px; text-align: left; }

    #service_list.new main .reason .point01 .inner{width: 100%; margin-bottom: 30px;}
    #service_list.new main .reason .point01 .inner .ttl_box{margin-bottom: 10px;}
    #service_list.new main .reason .point01 .inner .ttl_box figure{ width: 90px; }
    #service_list.new main .reason .point01 .inner .ttl_box .ttl{ width:calc(100% - 110px); padding-top: 0;}
    #service_list.new main .reason .point01 .inner .ttl_box .ttl h3{ font-size: 18px; line-height: 1.5em; }

    #service_list.new main #flow01 picture img{ width: 100%; height: auto;}
    #service_list.new main #flow01 .box01 .link{ display: none;}
    

    #service_list.new main #flow02 .flow_desc{position: relative; border: 1px solid #BBB; background: #F6F6F6; padding: 20px; margin-bottom: 20px; border-radius: 8px;}
    #service_list.new main #flow02 .flow_desc::after{ content: url("../images/service/arrow_gray.svg"); display: block; position: absolute; bottom: -16px; left: 0; right: 0; margin: 0 auto; width: 50px; line-height: 1em;}
    #service_list.new main #flow02 .flow_desc.last::after{display: none;}

    #service_list.new main #flow02 .flow_desc h3{font-size: 18px; font-weight: bold;border-bottom: 1px solid #CCC; padding-bottom: 3px; margin-bottom: 10px;}

    #service_list.new main #flow02 .flow_desc .left{width: calc(100%); }
    #service_list.new main #flow02 .flow_desc figure{display: none;}
    
    #service_list.new main .dl_box { padding: 20px 20px; margin-bottom: 30px;}
    #service_list.new main .dl_box .appli_btn01 a{ font-size: 17px; }
	
	#service_list.new #contents_list ul.list_box li:nth-child(1),#service_list.new #contents_list ul.list_box li:nth-child(2){width: 100%;}
	#service_list.new #contents_list ul.list_box li:nth-child(3),#service_list.new #contents_list ul.list_box li:nth-child(4),#service_list.new #contents_list ul.list_box li:nth-child(5){width: 100%;}
}


/* ==========================================================================
サービスページ
========================================================================== */
#service main{width: 100%;}
#service .form_area{ background: none;}
#service .form_area .form_desc{background: none; padding: 0;}
#service .contact_area{background: #dadde8; padding: 60px 0 80px 0;}
#service .contact_area .content_in{max-width: 800px;}
#service .form_area .caution{text-align: right;}
#service .form_area .caution span{color: #C00;}
#service .form_area .service_name{border-bottom: 1px solid #AAAf; color: #27346f; font-weight: bold;padding-bottom: 5px; margin-bottom: 15px;}
#service .form_area .service_name strong{padding-left: 15px; color: #333;}

#service .subpage{padding: 40px 0 0 0;}
#service .sub_visual_area{padding-top: 30px;}
#service .sub_visual_area .sec_ttl{line-height: 1.15em;}
#service main #desc .desc{ margin-bottom: 40px;}
#service main #desc .desc figure{ width: 340px; }
#service main #desc .desc .txt{ width: calc(100% - 370px); }
#service main #desc .nayami_wrap{margin-bottom: 10px;}
#service main #desc .nayami_wrap::after{content: url("../images/common/arrow_green.svg"); display: block;width: 60px;margin: 0 auto;line-height: 1em;}
#service main #desc .nayami{border: 2px solid #27346f; background: #FFF; border-radius: 8px; padding: 20px; position: relative;}
#service main #desc .nayami h3{text-align: center; margin-bottom: 8px; font-size: 18px;font-weight: bold;}
#service main #desc .nayami ul { padding-left: 1.5em;}
#service main #desc .nayami ul li {list-style: disc;}
#service main #desc .nayami ul li::marker {color: #0FAFAA;}
#service main #desc .result{ text-align: center;font-weight: bold; font-size: 24px; color:#900; }

#service main #about .desc .txt{ width: calc(100% - 300px); }
#service main #about .desc figure{ width: 260px; }
#service main #about .desc figure figcaption{ font-size: 15px; }

#service main #shien .shien_box h3{ font-size: 19px; font-weight: bold;color: #27346f; margin-bottom: 15px; }
#service main #shien .shien_box h3 .num{display: block; width: 45px; background:#27346f;color: #FFF;text-align: center; padding: 10px 0;}
#service main #shien .shien_box h3 .txt{display: block;width: calc(100% - 45px);  padding: 10px 20px; background: #dadde8;}
#service main #shien .shien_box .inner_box{background: #FFF; margin: 20px 0;}
#service main #shien .shien_box .inner_box .inner{width: calc(100% - 260px); padding: 20px 0 20px 20px;}
#service main #shien .shien_box .inner_box .inner2{ padding: 20px;}
#service main #shien .shien_box .inner_box figure{width: 230px;padding: 20px 20px 20px 0;;}

#service main #shien .shien_box .inner_box .inner h4,#service main #shien .shien_box .inner_box .inner2 h4{ font-size: 18px; font-weight: bold; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 10px;}
#service main #shien .shien_box .inner_box .inner2 h5{ font-weight: bold; font-size: 17px; margin-bottom: 5px;}
#service main #shien .shien_box .inner_box .inner ul{padding-left: 1.5em; }
#service main #shien .shien_box .inner_box .inner ul li{list-style: disc;}
#service main #shien .shien_box .inner_box .inner ul li::marker {color: #27346f;}
#service main #shien .shien_box .appli_btn01 a{padding: 10px 40px;}

#service main #case_list ul li{ margin-bottom: 20px; }
#service main #case_list ul li a { background: #047a8f; overflow: hidden; border-radius: 8px; }
#service main #case_list ul li a:hover { background: #003558; }
#service main #case_list ul li a .ttl_box{ padding: 25px 30px; color: #FFF; }
#service main #case_list ul li a .ttl_box .caption01{ font-weight: bold; margin-bottom: 3px;}
#service main #case_list ul li a .ttl_box .caption01 span{ display: inline-block; width: 120px;text-align: center; background: #FFF; color: #263270;font-weight: normal;font-size: 16px;margin-right: 10px; }
#service main #case_list ul li a .ttl_box .caption02{ margin-bottom: 15px;}
#service main #case_list ul li a .ttl_box .caption02 span{ display: inline-block; width: 120px;text-align: center; background: #666; color: #FFF; font-size: 16px;margin-right: 10px; }
#service main #case_list ul li a .ttl_box .ttl{ font-weight: bold; font-size: 20px; border-bottom: 1px solid #CCC; margin-bottom: 15px; padding-bottom: 5px; }
#service main #case_list ul li a .ttl_box .ttl br{display: none;}
#service main #case_list ul li a  .ttl_box .desc{ line-height: 1.6em; margin-bottom: 20px; }

#accordion li{ margin-bottom: 10px; }
#accordion.accordion-container {
	position: relative;
	width: 100%;
	outline: 0;
	cursor: pointer;
}
#accordion.accordion-container .article-title {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 0;
	background: #dadde8;
	font-weight: bold;
	color: #222;
	cursor: pointer;
	min-height: 50px;
	display: flex;
	align-items: center;
    transition: all .3s !important;
}
#accordion.accordion-container .article-title p {
	padding: 0 50px 0 70px;
}

#accordion.accordion-container .article-title:hover, .accordion-container .article-title:active, .accordion-container .content-entry.open .article-title {
	background-color: #b0b7d4;transition: all .3s !important;
}
#accordion .article-title{
	position: relative;
}
#accordion .article-title:after {
	content: '';
	position: absolute;
	right: 25px;
	top: 38%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #1A2E72;
	border-right: solid 2px #1A2E72;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#accordion .article-title.open:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 45%;
}
#accordion .article-title p:before{
	content: 'Q';
	color: #263270;
	font-size: 26px;
	text-align: center;
	line-height: 1em;
	display: block;
	position: absolute;
	top: 50%;
    left: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#accordion .accordion-content {
	display: none;
	position: relative;
	padding:20px 30px 20px 70px;
	background: #F9F9F9;
    cursor: default;
}


@media screen and (max-width:1379px){}
@media screen and (max-width:767px){
	#service .form_area .service_name{font-size: 16px;}
	#service main{font-size: 16px; line-height: 1.7em;}
    #service main #desc{ margin-bottom: 50px!important;}
    #service main #desc .desc figure{ width: 100%; margin-bottom: 20px; }
    #service main #desc .desc .txt{ width: 100%; font-size: 16px; line-height: 1.7em; }
    #service main #desc .nayami{ padding: 15px; }
    #service main #desc .nayami h3{font-size: 16px;}
	#service main #desc .nayami ul li{ font-size: 16px; line-height: 1.7em; }
    #service main #desc .result{ font-size: 18px; }

    #service main #about .desc .txt{ width: 100%; margin-bottom: 20px; font-size: 16px; line-height: 1.7em; }
    #service main #about .desc figure{ width: 100%; border: 1px solid #CCC; padding: 15px;}
    #service main #about .desc figure figcaption{ font-size: 14px; }

    #service main #shien .shien_box h3{ font-size: 18px; }
    #service main #shien .shien_box h3 .num{ width: 40px;padding: 10px 0;}
    #service main #shien .shien_box h3 .txt{display: block;width: calc(100% - 40px);}
    
    #service main #shien .shien_box .inner_box{ margin: 20px 0;}
    #service main #shien .shien_box .inner_box .inner{width:100%; padding: 20px 20px 0px 20px;}
    #service main #shien .shien_box .inner_box .inner2{ padding: 20px;}
    #service main #shien .shien_box .inner_box figure{width: 100%; padding: 20px 20px 20px 20px;}

    #service main #shien .shien_box .inner_box .inner2 h5{ font-size: 16px;}

    #service main #shien .shien_box .appli_btn01 a{padding: 10px 40px;}

    #service main #case_list ul li a .ttl_box{ padding: 15px 20px 20px 20px; }
    #service main #case_list ul li a .ttl_box .caption01{margin-bottom: 10px;}
    #service main #case_list ul li a .ttl_box .caption01 span{ display: block; width: 100%; margin-right: 0; margin-bottom: 8px; }
    #service main #case_list ul li a .ttl_box .caption02 span{ display: block; width: 100%; margin-right: 0; margin-bottom: 8px; }
    #service main #case_list ul li a .ttl_box .ttl{ font-size: 18px; }
    
    #service main #shien .shien_box .appli_btn01 a{ line-height: 1.5em;}
    
    #accordion .article-title:after{ right: 15px; top: 44%; }
    #accordion .article-title p:before{ left: 15px; font-size: 22px;}
    #accordion.accordion-container .article-title p{ padding: 0 40px 0 50px; }
    #accordion .accordion-content{padding: 20px 20px;}
}

/******支援の流れ************************************/
#flow .flow_desc{ text-align: center; position: relative; background: #e1f2f2; padding: 15px 20px; margin-bottom: 15px; border-radius: 5px; }
#flow .flow_desc::after { content: url(../images/common/arrow_green2.svg); display: block; position: absolute; bottom: -12px; left: 0; right: 0; margin: 0 auto;   width: 35px; line-height: 1em; }

#flow .flow_desc p.ttl{ font-weight: bold; font-size: 18px;}
#flow .flow_desc p.ttl2{ font-weight: bold; font-size: 16px; border-bottom: 1px solid #AAA; margin-bottom: 5px;}
#flow .flow_desc p.txt{ font-size: 15px;}

#flow ul{ padding-left: 1.4em; font-size: 15px;}
#flow ul li{ list-style: disc; margin-right: 40px;}
#flow ul li::marker{ color: #0FAFAA;}

#flow .box02{ position: relative; border: 1px solid #f15a24; padding: 20px; border-radius: 8px; margin-bottom: 15px;}
#flow .box02::after { content: url(../images/common/arrow_orange.svg); display: block; position: absolute; bottom: -11px; left: 0; right: 0; margin: 0 auto;   width: 35px; line-height: 0; }

#flow .box02 .left{ writing-mode: vertical-lr; text-orientation: upright; width: 60px; }
#flow .box02 .right{ width: calc(100% - 75px);}

#flow .box02 .left h3{ font-weight: bold; font-size: 20px; color: #f15a24; }

#flow .box02 .flow_desc{ text-align: left; background: #fbf2de; }
#flow .box02 .flow_desc::after { content: url(../images/common/arrow_orange2.svg); }
#flow .box02 .flow_desc:last-child{ margin-bottom: 0;}
#flow .box02 .flow_desc:last-child::after{ display: none;}

#flow .box03{ position: relative; border: 1px solid #c41a70; padding: 20px; border-radius: 8px; margin-bottom: 15px;}
#flow .box03::after { content: url(../images/common/arrow_pink.svg); display: block; position: absolute; bottom: -11px; left: 0; right: 0; margin: 0 auto;   width: 35px; line-height: 0; }

#flow .box03 .left{ writing-mode: vertical-lr; text-orientation: upright; width: 60px; }
#flow .box03 .right{ width: calc(100% - 75px);}

#flow .box03 .left h3{ font-weight: bold; font-size: 20px; color: #c41a70; }

#flow .box03 .flow_desc{ text-align: left; background: #f4e4ee; }
#flow .box03 .flow_desc::after { content: url(../images/common/arrow_pink2.svg); }

#flow .box03 .service .flow_desc{ width: 24%;}
#flow .box03 .service ul li{ margin-right: 0; line-height: 1.5em; margin-bottom: 10px;}

#flow .flow_desc.no_arrow{ margin-bottom: 0;}
#flow .flow_desc.no_arrow::after{ display: none;}

@media screen and (max-width:767px){
    #flow .box02{ padding: 15px;}
    #flow .box03{ padding: 15px;}
    #flow ul li{ margin-right: 0;}
    #flow .box03 .service .flow_desc{ width: 100%;}
}

/* ==========================================================================
事業承継プレ診断
========================================================================== */

main#pre_shindan .page_ttl{ position: relative; padding: 40px 20px 20px 20px; }
main#pre_shindan .page_ttl h1{ margin-bottom: 20px; }
#service .sub_visual_area.shindan{ padding-top: 50px;}

main#pre_shindan .desc_box{margin-bottom: 50px;}
main#pre_shindan .desc_box .merit_box{ width: calc(100% - 440px);}
main#pre_shindan .desc_box figure{width: 400px;}


main#pre_shindan .merit_box{ color: #27346f; background:#27346f; padding: 20px 30px; text-align: left; }
main#pre_shindan .merit_box h2{font-size: 20px; color: #FFF; font-weight: bold; text-align: center; margin-bottom: 10px;}

main#pre_shindan .merit_box ul li{ width: 32%; text-align: center; background: #FFF; padding: 20px; }
main#pre_shindan .merit_box ul li figure{ padding: 0 30px; width: 100%; }
main#pre_shindan .merit_box ul li p{ font-size: 17px; line-height: 1.5em; }

main#pre_shindan .catch_box {position: relative;}
main#pre_shindan .catch_box .fukidashi{position: absolute; right: 0; top: -130px; width: 160px; height: 160px; border-radius: 50%; background: #A00;text-align: center; color: #FFF; font-weight: bold;font-size: 18px; padding-top: 34px; }
main#pre_shindan .catch_box .fukidashi strong{font-size: 200%;}
main#pre_shindan .catch_box .catch{text-align: center; font-weight: bold; font-size: 30px; color: #27346f; margin-bottom: 20px; }
main#pre_shindan .catch_box p.desc { text-align: center; font-weight: bold; margin-bottom: 40px; }

#pre_shindan_box{ margin-bottom: 30px; }
#pre_shindan_box .flow_box{
    background: #dadde8;
    padding: 30px;
}
#pre_shindan_box .flow_box h2{
    text-align: center;
    color: #27346f;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
#pre_shindan_box .flow_box h3{
    color: #27346f;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    
}
#pre_shindan_box .flow_box .flow_list{
    display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;
    justify-content:space-between; -webkit-justify-content:space-between;
    margin-bottom: 20px;
    position: relative;
}
#pre_shindan_box .flow_box .flow_list::after {
    position: absolute;
    bottom:-23px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: url("../images/common/arrow_white.svg");
    width: 50px;
}
#pre_shindan_box .flow_box .flow_list:last-child::after{ display: none; }
#pre_shindan_box .flow_box .flow_list:last-child{margin-bottom: 0;}
#pre_shindan_box .flow_box .flow_list .num{
    width: 60px;
    background: #27346f;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
}
#pre_shindan_box .flow_box .flow_list .txt{
    width: calc(100% - 60px);
    background: #FFF;
    padding: 15px 20px;
    box-sizing: border-box;
}
#pre_shindan_box .flow_box .flow_list h4{ font-size: 16px; font-weight: bold; margin-bottom: 5px; }
#pre_shindan_box .flow_box .flow_list .txt .flow_list_inner{ border: 1px solid #CCC; background: #F6F6F6; padding: 15px 15px; margin-top: 20px; }
#pre_shindan_box .flow_box .flow_list .txt .flow_list_inner ul { padding-left: 1.2em; }
#pre_shindan_box .flow_box .flow_list .txt .flow_list_inner ul li{ list-style: disc; font-size: 15px;}
#pre_shindan_box .flow_box .flow_list .txt .flow_list_inner ul li::marker{ color: #27346f; }
#pre_shindan_box .flow_box .flow_list figure{ position: absolute; right: -20px; top: -15px; width: 220px; }

@media screen and (max-width:1379px){
    main#pre_shindan .page_ttl .fukidashi{ left: -30px; top: 30px; padding: 15px 20px; }
}
@media screen and (max-width:767px){
    main#pre_shindan .page_ttl .fukidashi{ display: none; }
    main#pre_shindan .page_ttl h1{ font-size: 24px; }
    main#pre_shindan .page_ttl .catch{ font-size: 18px; }
    main#pre_shindan .page_ttl .desc{ line-height: 1.8em; margin-bottom: 30px;}
    main#pre_shindan .merit_box{ padding: 15px 20px; }
    main#pre_shindan .merit_box h2{font-size: 18px;}
    main#pre_shindan .merit_box ul li{ width: 100%; text-align: left; padding: 15px; margin-bottom: 5px; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between; }
    main#pre_shindan .merit_box ul li:last-child{ margin-bottom: 0; }
    main#pre_shindan .merit_box ul li figure{ width: 70px; padding: 0 10px; }
    main#pre_shindan .merit_box ul li p{ width: calc(100% - 80px); font-size: 16px; line-height: 1.5em; }

    #pre_shindan_box{ margin-bottom: 80px; }
    #pre_shindan_box .flow_box{ padding: 20px 15px; }
    
    #pre_shindan_box .flow_box h2{ font-size: 20px; margin-bottom: 15px; }
    #pre_shindan_box .flow_box h3{ font-size: 16px; }

    #pre_shindan_box .flow_box .flow_list .num{ width: 30px; padding: 15px 0; }
    #pre_shindan_box .flow_box .flow_list .txt{ width: calc(100% - 30px); padding: 15px 15px; }
    #pre_shindan_box .flow_box .flow_list .txt p{ line-height: 1.6em; }
    
    #pre_shindan_box .flow_box .flow_list .txt .flow_list_inner ul li{ line-height: 1.6em; margin-bottom: 10px; }
    #pre_shindan_box .flow_box .flow_list .txt .flow_list_inner ul li:last-child{ margin-bottom: 0; }
    
    #pre_shindan_box .flow_box .flow_list figure{ position: relative; right: auto; top: auto; width: 100%; }
    
}

/* ==========================================================================
コンサルタント紹介
========================================================================== */
#consultants .desc { margin-bottom: 20px;}
#consultants .desc figure{ width: 220px; }
#consultants .desc .txt_box{ width: calc(100% - 270px); }
#consultants .desc .txt_box h3{ font-size: 26px; font-weight: bold; margin-bottom: 15px;}
#consultants .desc .txt_box h3 span{ font-size: 16px; padding-left: 8px; }
#consultants .desc .txt_box .position{ font-size: 16px; border-left: 1px solid #27346f; padding-left: 20px; margin-bottom: 15px;}
#consultants .desc .txt_box .position span{ font-size: 13px; padding-left: 8px;}

#consultants .prof{ background: #FFF; padding: 20px 25px; margin-bottom: 40px;}
#consultants .prof02 { margin-bottom: 30px;}
#consultants .prof02 h4, #consultants .prof03 h4 { font-weight: bold; color: #27346f; font-size: 18px; border-bottom: 1px solid #27346f; padding-bottom: 5px; margin-bottom: 15px; }
#consultants .prof02 ul{ width: 50%; padding-left: 24px; }
#consultants .prof02 ul li { list-style: disc;}
#consultants .prof02 ul li::marker { color: #27346f;}

#consultants .prof03 { margin-bottom: 30px;}
#consultants .prof03 ul{ width: 100%; padding-left: 24px; }
#consultants .prof03 ul li { list-style: disc;}
#consultants .prof03 ul li::marker { color: #27346f;}
#consultants .prof03 ul li span{ font-size: 13px; padding-left: 8px; }

#consultants .about_box{ border: 1px solid #CCC; border-radius: 8px; padding: 20px 25px;}
#consultants .about_box h4{ font-weight: bold; margin-bottom: 8px;}
#consultants .about_box h4 span{ font-size: 13px; }

@media screen and (max-width:767px){
    #consultants .desc figure{ width: 100%; margin-bottom: 20px; text-align: center; }
    #consultants .desc figure img{ width: 60%; }
    #consultants .desc .txt_box{ width: calc(100%); }
    #consultants .prof02 ul{ width: 100%; padding-left: 24px; }
}

/* ==========================================================================
サイトマップ
========================================================================== */
#sitemap .map_box{
    margin-bottom: 30px;
}
#sitemap .map_box .map_list{
    padding-left: 1em;
}
#sitemap .map_box .map_list li{
    width: 48%;
    position: relative;
    margin: 0 1%;
}
@media screen and (max-width:767px){
    #sitemap .map_box .map_list li{
        width: 100%;
    }
}

#sitemap .column_box .cat_list h4{
    font-weight: bold;
    background: #e4ebf0;
    padding: 8px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
#sitemap .column_box .cat_list ul{
    margin-bottom: 20px;
    padding-left: 1em;
}
#sitemap .column_box .cat_list ul li{
    position: relative;
    margin: 0 1%;
}

/* ==========================================================================
ダウンロード
========================================================================== */
#downloads{width: 100%!important;}

#downloads .downloads_box{ width: calc(100% - 380px); margin-bottom: 40px; background: #FFF; padding: 20px 30px; }
#downloads #form{width: 340px;}
#downloads #form .form_area{background: none!important;}
#downloads #form .form_desc{background: none; padding: 0;}

#downloads #form h3{font-size: 18px; font-weight: bold; margin-bottom: 10px; border-left: 3px solid #27346f; padding: 5px 0 5px 15px;}
#downloads #form p.desc{ font-size: 15px; line-height: 1.6em;}
#downloads #form p.desc.red{margin-top: 10px; color: #C00;}
#downloads #form .form_area .form_caption{padding: 15px;}

#downloads #form .form_area input[type="text"], #downloads #form .form_area input[type="tel"], #downloads #form .form_area input[type="email"], #downloads #form .form_area select, #downloads #form .form_area textarea{ background: linear-gradient(180deg, #EEE 0%, #EEE 5px, #FFF 5px, #FFF 100%);}
#downloads #form .form_area .form_desc .position{width: 100%; margin-bottom: 5px;}
#downloads #form .form_area .form_desc .name{width: 100%;}

#downloads .downloads_box .cat_name { display: inline-block; background: #dadde8; font-size: 15px; padding: 3px 10px; line-height: 1.5em; margin-bottom: 10px; }
#downloads .downloads_box h1{ font-weight: bold; font-size: 24px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 2px solid #27346f; }
#downloads .downloads_box .downloads_box_img{ width: 240px; order: 2; }
#downloads .downloads_box .downloads_box_img figure{ margin-bottom: 10px; }
#downloads .downloads_box .downloads_box_desc{ width: calc(100% - 280px); order: 1; }
#downloads .contact_box h2{ font-size: 18px; background: #1a76b6; color: #FFF; padding: 5px 20px; font-weight: bold; margin-bottom: 10px; }
#downloads .downloads_box .downloads_box_desc .txt{ margin-bottom: 30px; }

#downloads .dl_btn{
}
#downloads .dl_btn a{
	display: block;
	width: 80%;
	margin: 0 auto ;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background: #233237;
	color: #FFF;
	padding: 15px;
	border-radius: 5px;
}
#downloads .dl_btn a i{
	padding-right: 10px;
}
#downloads .dl_btn a:hover{
	background: #115957;
}
#downloads .thanks{
	text-align: center;
	margin-bottom: 60px;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 40px 30px;
}
#downloads .thanks h2{
	font-size: 22px;
    font-weight: bold;
	color: #1b2852;
	margin-bottom: 0;
}
#downloads .thanks p{
	font-weight: bold;
	margin: 0 0 30px 0;
}

#downloads .booklet_contents{
    background: #dadde8;
    border-radius: 5px;
    padding: 18px 24px;
    margin-bottom: 10px;
}
#downloads .booklet_contents h2{
    font-weight: bold;
    color: #27346f;
    font-size: 18px;
    border-bottom: 1px solid #27346f;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
#downloads .booklet_contents ol{
    padding-left: 50px;
}
#downloads .booklet_contents ol li{
    list-style:upper-roman;
}
#downloads .booklet_contents ol li::marker{
    color: #27346f;
    font-weight: bold;
}

#downloads .booklet_thumb{margin-top: 30px;}
#downloads ul.booklet_thumb li{ width: 32%; margin-bottom: 10px; }
#downloads ul.booklet_thumb li img{ width: 100%; height: auto; border: 1px solid #AAA;}

@media screen and (max-width:767px){
	#downloads .downloads_box{width: 100%; padding: 20px; font-size: 16px; line-height: 1.7em;}
	#downloads #form{width: 100%;}
	#downloads .downloads_box .downloads_box_img{width: 100%;}
	#downloads .downloads_box .downloads_box_desc{width: 100%; }
	#downloads .downloads_box .downloads_box_img figure{text-align: center;}
	#downloads .downloads_box .downloads_box_img figure img{width: 70%;}
	#downloads .downloads_box h1{font-size: 20px;}
	#downloads .booklet_contents{padding: 18px 20px; }
	#downloads .booklet_contents ol{padding-left: 20px;}
	#downloads ul.booklet_thumb li{width: 49%;}
}


/* ==========================================================================
ダウンロードリスト
========================================================================== */
#case_list .cat_name{display: inline-block; background: #dadde8; font-size: 15px; padding: 3px 10px; }


@media screen and (max-width:767px){
}

/* ==========================================================================
お問い合わせ
========================================================================== */
#contact main{width: 100%;}
#contact .content_in{max-width: 800px;}

#contact .tel_box{ padding-top: 10px; margin-bottom: 80px; }
#contact .tel_box .caption{ margin-bottom: 20px; }
#contact .tel_box_in{ box-sizing: border-box; background: #FFF; padding: 20px; text-align: center; border-radius: 5px; }
#contact .tel_box_in a{ color: #333; cursor: default; }

#contact .tel_box_in .campaign{ font-weight: bold; font-size: 20px; color: #C00; }
#contact .tel_box_in .name{ width: 200px; margin: 0 auto 10px auto; }
#contact .tel_box_in .tel_no{ font-size: 40px; font-family: Arial, Roboto, Meiryo, sans-serif; font-weight: bold; margin-bottom: 10px; }
#contact .tel_box_in .tel_no img{ width: 50px; height: auto; margin-right: 5px; }
#contact .tel_box_in span{ display: inline-block; width: 35%; border: 1px solid #900; color: #900; padding: 5px; margin-bottom: 8px; line-height: 1em; font-weight: bold; }

#contact .form_area{ background: none;}
#contact .form_area .form_desc{background: none; padding: 0;}
#contact .form_area .caution{text-align: right;}
#contact .form_area .caution span{color: #C00;}
#contact .form_area input[type="text"], #contact .form_area input[type="tel"], #contact .form_area input[type="email"], #contact .form_area select, #contact .form_area textarea{background: linear-gradient(180deg, #EEE 0%, #EEE 5px, #FFF 5px, #FFF 100%);}

#contact .thanks {text-align: center; }
#contact .thanks h2{font-size: 26px; font-weight: bold; margin-bottom: 8px; }
#contact .thanks p.caption{font-weight: bold; margin-bottom: 30px;}

@media screen and (max-width:767px){
    #contact h2{ font-size: 20px; }
    #contact .tel_box_in{ padding: 15px; }
	#contact .thanks h2{font-size: 18px; }
}

/******************************************************
フォームスタイル
*******************************************************/
::placeholder { color: #CCC; }

.seminar_form{margin-bottom: 80px;}

.form_area{ }

.form_area .desc_area{background: #dfe5ee; padding: 20px 0 20px 0; margin-bottom: 30px;}
.form_area .desc_area .inner{margin-bottom: 8px;}
.form_area .desc_area .name{border: 1px solid #FFF;background: #FFF; color: #132359; font-size: 15px; font-weight: bold; text-align: center; padding: 0 10px; width: 100px; border-radius: 5px; display: flex; justify-content: center; align-items: center; }
.form_area .desc_area .desc{width: calc(100% - 115px);}

.form_area .thanks_desc{padding: 0;}
.form_area .thanks_desc h2{font-weight: bold; font-size: 140%; color: #132359; text-align: center; margin-bottom: 20px; }
.form_area .thanks_desc .inner { background: #FFF; padding: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.form_area .thanks_desc .inner p{margin-bottom: 20px;}
.form_area .thanks_desc .inner .tel{border-top: 1px solid #CCC; padding: 15px 0 30px 0; }
.form_area .thanks_desc .inner .tel em{display: inline-block; color: #132359; font-size: 110%; font-weight: bold; font-style: normal;}
.form_area .thanks_desc .inner .tel p{margin-bottom: 0; }
.form_area .thanks_desc .inner .caution{border: 1px solid #CCC; padding: 15px; text-align: left!important; font-size: 15px; line-height: 1.8em;}
.form_area .thanks_desc .inner .caution p{margin-bottom: 0;}

.form_area input[type="text"], .form_area input[type="tel"], .form_area input[type="email"], .form_area select, .form_area textarea {
    width: 100%; padding: 13px; border-radius: 5px; border: 1px solid #999; background: linear-gradient(180deg, #DEDEDE 0%, #DEDEDE 5px, #F6F6F6 5px, #F6F6F6 100%); }
.form_area input[type="text"]:focus, .form_area input[type="tel"]:focus, .form_area input[type="email"]:focus, .form_area select:focus, .form_area textarea:focus{
    outline: 1px #FFF solid; border:1px solid #27346f;}
.form_area input[type=submit] { cursor: pointer; font-size: 20px; padding: 20px 0; width: 280px; color: #fff; font-weight: 700; background-color: #900; border: none; transition: .3s; border-radius: 5px; }
.form_area .wpcf7-submit:disabled { background-color: #999; cursor: not-allowed; }

.form_area input[type=checkbox], .form_area input[type=radio] { display: inline-block; margin: 0 2px; padding: 0; vertical-align: middle; position: relative; top: -1px; cursor: pointer; -moz-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); width: 32px; }

.contactform_box .caution{text-align: right;}
.contactform_box .caution span{color: #C00;}
.form_area .form_ttl{background: #326180; padding: 20px 25px;color: #FFF; font-weight: bold;}
.form_area .form_ttl h1{font-weight: bold; font-size: 22px; text-align: center; margin-bottom: 15px;}
.form_area .form_ttl .inner{margin-bottom: 5px;}
.form_area .form_ttl .name{border: 1px solid #FFF; font-size: 15px; text-align: center; padding: 0 10px; width: 100px; border-radius: 5px; display: flex; justify-content: center; align-items: center; }
.form_area .form_ttl .desc{width: calc(100% - 115px);}

.form_area .form_desc table th{width: 170px;}
.form_area .form_desc table td{padding: 8px 0;}
.form_area .form_desc{padding: 20px 25px;}
.form_area .form_desc p{color: #27346f; font-weight: bold;}
.form_area .form_desc p span, .form_area .form_desc strong span{color: #C00;padding-left: 5px}
.form_area .form_desc .w100{width: 100%; padding-bottom: 15px;}
.form_area .form_desc .w50{width: 49%; padding-bottom: 15px;}
.form_area .form_desc .position {width: 49%; margin-bottom: 8px;}
.form_area .form_desc .item{width: 90px; background:#9fa0a0; color: #FFF; display: flex; justify-content: center; align-items: center;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.form_area .form_desc .name{width: 100%;}
.form_area .form_desc .position .wpcf7-form-control-wrap, .form_area .form_desc .name .wpcf7-form-control-wrap {width: calc(100% - 90px); }
.form_area .form_desc .position input, .form_area .form_desc .name input{border-top-left-radius: 0; border-bottom-left-radius: 0;}

.form_area .form_desc .privacy span{display: inline-block;}

.form_area .form_desc #accordion.accordion-container{cursor: text; }
.form_area .form_desc #accordion .accordion-content{padding: 10px 0 0 0; background: none; cursor: default; }
.form_area .form_desc #accordion.accordion-container .article-title{display: inline-block; padding: 5px 15px 5px 45px; min-height: auto; font-weight: normal; font-size: 15px; border-radius: 5px;}
.form_area .form_desc #accordion .article-title:after{right: auto; left: 20px; margin: 20}

.form_area .form_desc #submit_box{text-align: center; border-top: 1px solid #CCC; padding: 20px 0;}
.form_area .form_caption{border: 1px solid #AAA; font-size:14px; line-height: 1.7em; padding: 20px; }
.form_area .form_caption li{text-indent: -1.2em;padding-left: 1.2em;}
.form_area .form_caption li::before{content: "※";padding-right: 0.2em;}

/**フォーム部分***/
.form_block{ padding: 0; background: #FFF; line-height: 1.9em; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; overflow-x: hidden; }
.form_block{ width: 100%; margin: 0 auto; font-size: 16px; }
.form_block .form table{ width:100%; table-layout: fixed; }
	
.form_block table.form_table{ width:100%; table-layout: fixed;  border-top:1px solid #BBB; border-collapse: collapse; border-spacing: 0; }
.form_block table.form_table tr{ border-bottom:1px solid #BBB; }
.form_block table.form_table th{ font-weight:normal; width:24%; min-width:120px; text-align:left; padding:15px 20px; background: #E8F2F1; }
.form_block table.form_table th span, table.form_table td span.required{ font-size:16px; color:#EE0000; margin-left:5px; font-weight: bold;}
.form_block table.form_table td{ padding:15px 20px; position: relative; }
.form_block table.form_table .position .parts { width: 100%; position: relative; }
.form_block table.form_table .name .parts {width: 49%; position: relative; }
.form_block table.form_table .address_parts {width: 100%; position: relative;}
.form_block table.form_table .position .parts label, table.form_table .name .parts label, table.form_table .address_parts label
	{position: absolute; top:0; left: 0; z-index: 1;padding: 11px 10px;border: 1px solid #999; width: 75px; background: #999; color: #FFF;border-radius: 5px 0 0 5px;}
.form_block table.form_table .position .parts input{padding-left: 90px; margin: 0 0 10px 0;}
.form_block table.form_table .name .parts input{padding-left: 90px;margin: 0;}
.form_block table.form_table .address_parts input{padding-left: 130px; margin: 0 0 10px 0;}
.form_block table.form_table .address_parts label{width: 120px!important;}
.form_block input#zip1{ width:140px; }
.form_block input#zip2{ width:100px;padding-left: 8px; }
.form_block table.form_table .second_user{ border: 1px solid #999; padding: 15px; margin-top: 15px;}
.form_block table.form_table .second_user p{width: 100%; margin:0 0 10px 0; font-weight: bold;}
.form_block table.form_table .second_user p span{font-size: 14px; font-weight: normal;}

.form_block input, .form_block textarea, .form_block select { font-family: inherit; font-size: 16px; color: inherit; box-sizing:border-box;}
.form_block select[multiple] { height: 50px;}

.form_block input[type="text"], .form_block input[type="tel"], .form_block input[type="email"], .form_block select, .form_block textarea{
	width:100%; padding:13px; border-radius: 5px; border:1px solid #999;  background: linear-gradient(180deg, #DEDEDE 0%, #DEDEDE 5px, #F6F6F6 5px, #F6F6F6 100%);
}
.form_block input[type="text"]:focus, .form_block input[type="tel"]:focus, .form_block input[type="email"]:focus, .form_block select:focus, .form_block textare:focus{
    outline: 1px #0FAFAA solid; border:1px solid #0FAFAA;
}


.form_block  input[type="submit"] { cursor: pointer; font-size:22px; padding:20px 0; width:280px; color:#FFF; font-weight: bold; background-color:#900; border:none; transition: 0.3s; border-radius: 5px;}
.form_block  .wpcf7-submit:disabled{ background-color: #CCC;cursor: not-allowed;}
.form_block #submit_box{ text-align:center; padding:35px 0 30px 0; }
.form_block input[type="checkbox"], .form_block input[type="radio"] { display: inline-block; margin: 0 2px; padding: 0; vertical-align: middle; position: relative; top: -1px; cursor: pointer;
    -moz-transform:	scale(2.0); -webkit-transform: scale(2.0); transform: scale(2.0); width: 32px; }

.form_block .caution{text-align: right;margin: 0 0 10px 0;}
.form_block .caution span{color: #EE0000; font-weight: bold;}
.form_block .caption{padding:20px; border: 1px solid #CCC;border-radius: 5px;line-height: 1.8em;}
.form_block .caption ul{margin: 0;padding: 0;}
.form_block .caption ul li{ list-style: none; padding-left: 1em; text-indent: -1em; font-size: 14px;}

.form_block span.wpcf7-list-item{ margin: 0; }
.form_name_hidden{display: none;}

.form_block .attr{ padding:20px; border: 1px solid #CCC;border-radius: 5px;line-height: 1.8em; }

.form_block ul.form_caption{ border: 1px solid #CCC; padding: 20px; margin-bottom: 60px; }
.form_block ul.form_caption li { position: relative; font-size: 14px; line-height: 1.7em; padding-left: calc(1em + 7px); }
.form_block ul.form_caption li::before{ position: absolute; content: "※"; top: 0; left: 0; }



#privacy{ margin-bottom: 60px; }
#privacy p.txt{
    margin-bottom: 50px;
}
#privacy section{
    margin-bottom: 40px;
}
#privacy h2{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#privacy h2 span{
    padding-right: 10px;
}
#privacy .name{
    text-align: right;
}

@media screen and (max-width:767px){
    .seminar_form{margin-bottom: 80px;}
	.form_area .desc_area .inner{margin-bottom: 15px;}
	.form_area .desc_area .name{width: 100%; background: #c1cad9; border: 1px solid #c1cad9;}
	.form_area .desc_area .desc{width: 100%;padding: 10px 0 0 0;line-height: 1.6em;}
	.form_area .desc_area .desc strong{display: inline-block; font-size: 17px; line-height: 1.6em;}
	
	.form_area.seminar_thanks .desc_area{display: none;}
	
	.form_area .thanks_desc{padding: 30px 0 0 0;}
	.form_area .thanks_desc h2{font-weight: bold; font-size: 120%; }
	.form_area .thanks_desc .inner { padding: 20px 20px; font-size: 16px; line-height: 1.7em; }
	.form_area .thanks_desc .inner .tel em{font-size: 100%;}
	.form_area .thanks_desc .inner .caution{border: 1px solid #CCC; padding: 15px; text-align: left!important; font-size: 15px; line-height: 1.8em;}
	.form_area .thanks_desc .inner .caution p{margin-bottom: 0;}

	.form_area .form_ttl{background: #326180; padding: 20px 25px;color: #FFF; font-weight: bold;}
	.form_area .form_ttl h1{font-weight: bold; font-size: 22px; text-align: center; margin-bottom: 15px;}
	
	.form_ttl_caption{font-size: 16px; line-height: 1.7em; margin-bottom: 8px;}
	.form_area .caution{font-size: 15px;}
	
	.form_area .form_ttl .inner{margin-bottom: 5px;}
	.form_area .form_ttl .name{border: 1px solid #FFF; font-size: 15px; text-align: center; padding: 0 10px; width: 100px; border-radius: 5px; display: flex; justify-content: center; align-items: center; }
	.form_area .form_ttl .desc{width: calc(100% - 115px);}

	.form_area .form_desc table th{display: block; width: 100%;}
	.form_area .form_desc table td{display: block; width: 100%; padding: 0 0 10px 0; font-size: 16px;}
	.form_area .form_desc{padding: 20px 25px;}
	.form_area .form_desc p{font-size: 16px;}
	.form_area .form_desc table td .link{display: block;padding-left: 55px;}
	.form_area .form_desc .position {width: 100%;}

	.form_area .form_desc #accordion.accordion-container .article-title{ line-height: 1.5em; padding: 10px 15px 10px 45px;}
	.form_area .form_desc #accordion .article-title:after{right: auto; left: 20px; margin: 20}

	.form_area .form_desc #submit_box{text-align: center; border-top: 1px solid #CCC; padding: 20px 0;}
	.form_area input[type=submit]{font-size: 18px;}

}

@media screen and (max-width:767px){
    .drawer-hamburger {display: block !important;}
    header .menu{ width: calc(260px);}
    header .menu nav{ display: none; }
    .drawer-menu a{ color:#FFF; font-weight: bold; padding: 15px 20px; }
    .drawer-menu a:hover{ color:#FFF; text-decoration: none; background: #233237;}
	.drawer-menu li{ border-bottom:1px solid #FFF; font-size: 16px; }
    .drawer-menu a i{padding-left: 8px; color: #888!important; }
	.drawer-dropdown-menu li{ border-bottom:none; border-top:1px solid #CCC; background:#EEE !important; }
}

footer .sp_foot{ display: none; }

@media screen and (max-width:767px){
    .content_in{width:92%;}
    #toppage main #sec_lead .content_in{width:92%;}
    #service #sub_nav .content_in{width:92%;}
    footer .sp_foot{
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: rgba(248,248,248,0.9);
        padding: 15px 0 10px 0;
        z-index: 9;
    }
    footer .sp_foot .ttl{
        font-size: 14px;
        width: 100%;
        font-weight: bold;
        padding: 0 0 5px 0;
        line-height: 1em;
    }
    footer .sp_foot .tel{
        width: 220px;
        padding-top: 5px;
    }
    footer .sp_foot .mail{
        width: calc(100% - 220px);
    }
    footer .sp_foot .tel .tel_num{
        font-family: "Arial", "BIZ UDPGothic", "メイリオ", "Meiryo", 'Roboto', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
        font-size: 26px; 
        line-height: 0.8em;
    }
    footer .sp_foot .tel .tel_num a{ color: #222;}
    footer .sp_foot .tel .tel_num img{ width: 34px; height: auto; }
    footer .sp_foot .mail a{
        display: block;
        width: 100%;
        background: #233237;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        line-height: 1em;
        font-size: 14px;
        padding: 8px 0;
        border-radius: 5px;
    }
}


@media screen and (max-width:767px){

    /* ==========================================================================
    footer
    ========================================================================== */	
	a.drawer-dropdown-menu-item{ background: #00A8C6; padding: 15px 20px; line-height: 1.6em; font-weight: normal;}

    /* ==========================================================================
    お問い合わせ
    ========================================================================== */
    #contact .tel_box_in{ width: 95%; margin: 0 auto; }
    #contact .tel_box_in .name{ width: 160px; }
    #contact .tel_box_in .tel_no{ font-size: 200%; line-height: 1em; }
    #contact .tel_box_in .tel_no a{ color: #222; }
    #contact .tel_box_in .tel_no img{ width: 30px; padding-bottom: 5px; }
    #contact .tel_box_in p { font-size: 13px; }
    
    #privacy h2{font-size: 18px;}
    
}

/* ==========================================================================
サンクス
========================================================================== */
#thanks .detail_box{ text-align: center; }
#thanks .detail_box h2{ font-weight: bold; font-size: 26px;}

/* ==========================================================================
サイトマップ
========================================================================== */
#sitemap .nav{ margin-bottom: 40px; }
#sitemap .nav p.ttl{ font-weight: bold; border-bottom: 1px solid #CCC;margin-bottom: 10px;}
#sitemap .nav p{ position: relative; padding-left: 26px;}
#sitemap .nav p:before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    content: url("../images/common/icon/circle_green.svg");
    width: 16px;
    height: 16px;
    line-height: 1em;
}
#sitemap .nav p.cat{ background:#E8F2F1; padding: 5px 20px; font-weight: bold; margin-bottom: 8px;}
#sitemap .nav p.cat:before{ display: none;}

#sitemap .nav a{ color: #222;}
#sitemap .nav a:hover{ color: #AAA;}
#sitemap .nav ul{ padding-left: 24px; }
#sitemap .nav ul li{ list-style: disc;}

#sitemap .nav.direct{ border-top: 1px solid #CCC; padding-top: 20px;}
#sitemap .nav.direct p{width: 31%; font-weight: bold;}

@media screen and (max-width:767px){
    #sitemap .nav{ margin-bottom: 30px; }
    #sitemap .nav.direct p{width: 100%; }
}