@charset "utf-8";

/*
Theme Name: Katawara Child
Theme URI:
Template: katawara
Description:
Author:
Tags:
Text Domain: katawara
Version: 0.0.1
*/

/* サイト内共通 
-------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#453a2d;
}
a {
	color:#453a2d;
}

a:hover{
	color:#e0b404;
}

a:hover img{
	opacity:0.7;
}
.p-entry-content p a {
  text-decoration: underline;
}
.p-entry-content li a {
  text-decoration: underline;
}

p{
	font-size:1.1em;
	line-height:1.8;
	color:#453a2d;
}
li{
	font-size:1.1em;
	line-height:1.6;
	color:#453a2d;	
	margin-bottom: 0.4em;
}
.vk-mobile-nav li{
	font-size:100%;
}

.txt_c {
	text-align:center;
}
.txt_l{
	text-align:left;
}
.mincho {
    font-weight: normal;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
}

.l-container_inner {
    padding-top: 2em;
    padding-bottom: 2em;
}
@media screen and (max-width: 767px){
.l-container_inner {
    padding-top: 1em;
    padding-bottom: 1em;
}
}
.l-site-footer {
    background: #faf9f8;
}
.pcp-carousel-wrapper .sp-pcp-carousel {
    padding-top: 0px; 
}
.card {
    border-radius: 0;
}
.card-intext .card-intext-inner .vk_post_body {
	background-color: rgba(235,150,94,0.6);}

.vk_post .vk_post_title {
    margin: 0!important; 
}
.vk_post .vk_post_title a{
    text-decoration: none;  
}
.card-body {
    padding: 0.75rem;
}
.card-title a {
    text-decoration: none;
}
.vk-mobile-nav-menu-btn {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
    font-size: 8px;
    font-weight: 500;
    line-height: 8.5;
    height: 40px;
    width:38px;
    margin:4px 4px 0 4px;
}
.p-page-header {
    padding: 1em 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
	margin-top:1em;
}
h1.p-site-header-brand_logo {
	margin-top:0;
}
.nopost_none{
	display: none;
}
.nopost_text p a{
	text-decoration: underline;
}
.nopost_text p::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	color:#efece2;
	font-size:60%;
	padding:0 10px 10px 0;
}
.vk_post_taxonomy-category {
    display: none;
}
.vk_post_taxonomy-post_tag dt.vk_post_taxonomy_title {
    display: none;
}
.vk_post_taxonomy-post_tag dd.vk_post_taxonomy_terms {
    margin: 0;
    padding:2px 6px;
    text-align:right;
    background-color:#E8965C;
    color:#fff;
}

    
/* トップページスライダー */
.slide-text-title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;	
}
.slide .slide-text-set .btn-ghost {
	border-radius:50vh;
	margin-top:3em;
	background-color: #e4c548;
	border:none;
	padding:0.4em 1.6em;
}
.slide .slide-text-set a:hover.btn-ghost {
	background-color: #fff!important;
	border:1px solid #e4c548;
	color: #e4c548;
}
@media (min-width: 768px){
.slide .slide-text-set .btn-ghost {
	font-size:16px;
}	
	
}

@media screen and (max-width: 767px){
.slide-text-title {
  font-size:95%;
	font-weight:600;
}
.slide .slide-text-set .btn-ghost {
  font-size:70%;
	padding:0.4em 1.2em;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  display:none;
}
}

/* ロゴ　
-------------------------------------------------- */
.p-site-header-brand_logo {
	padding:1em;
	margin: 0;
}
.p-site-header-brand_description {
    color: #543f32;
}
/* スマホ　ハンバーガー横のログインとお問合せボタン
-------------------------------------------------- */
.l-site-header_inner {
	position: relative;
}
.mobile-contact {
    position: absolute;
    top: 0;
    right: 80px;
    z-index: 100;
    height: 50px;
    width: 45px;
    margin: 10px 0 0;
    padding-right:3px;
    font-size:8px;
    line-height:1.8;
    text-align:center;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
}
.mobile-login {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 100;
    height: 50px;
    width: 45px;
    margin: 10px 0 0;
    padding-right:3px;
    font-size:8px;
    line-height:1.8;
    text-align:center;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
}

.mobile-login i,.mobile-contact i{
    font-size:20px;
}
@media (min-width: 1200px){
.mobile-login, .mobile-contact{
    display: none !important;
}
}
/* 見出し スマホナビ上部
-------------------------------------------------- */
.mobile_info{
	display: flex;
    justify-content: start;
    align-items: center;
}
.mobile-contact2 a{
    margin:1em;
    padding: 0.8em;
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    border-radius: 0.5em;
    background: #e4c548;
    color: #fff;
    transition: 0.3s;
    text-decoration: none!important;
}
.mobile-login2 a{
    margin:1em;
    padding: 0.8em;
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    border-radius: 0.5em;
    background: #53806d;
    color: #fff;
    transition: 0.3s;
    text-decoration: none!important;
}
.mobile-contact2 a:hover{
    border:1px solid #e4c548;
    background: #fff;
    color:#e4c548;
}
.mobile-login2 a:hover{
    border:1px solid #53806d;
    background: #fff;
    color:#53806d;
}
.mobile-login2 i,.mobile-contact2 i{
    font-size:20px;
    margin:2px 20px 0 0;
}

/* 見出し 
-------------------------------------------------- */
.p-page-header_title:first-child {
    font-size: 2em;
}
.p-site-header-brand_logo{
	
}

.l-container h1 {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
    font-size: 2em;
    font-weight: 400;
    position: relative;
    padding: 0 0 0.4em 0em;
    border-bottom: 4px solid #F2ECE6;
    margin: 1em 0 1em;
    color:#453a2d;
    letter-spacing: 0.1em;
}
.l-container h1::after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 4px;
	background-color: #e4c548;
}
.page-id-12 h1::after {
    background-color: #c58016;
}
.page-id-14 h1::after {
    background-color: #c28080;
}
.page-id-8143 h1::after {
    background-color: #c58016;
}
.page-id-22905 h1::after,.page-id-22907 h1::after,.page-id-22903 h1::after {
    background-color: #53806d;
}
.category-recipe h1::after {
    background-color: #E89D68!important;	
}
.p-entry_header h1.recipetitle::after {
    background-color: #E89D68!important;	
}
.category-koza h1::after {
    background-color: #53806d!important;	
}
.tag h1::after {
    background-color: #E89D68;	
}

/*h1.p-archive-header_title{
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
    font-size: 2em;
    font-weight: 400;
    position: relative!important;
    padding: 0 0 0.4em 0em!important;
    border-bottom: 4px solid #F2ECE6!important;
    margin: 1em 0 1em!important;
    color:#453a2d;
    letter-spacing: 0.1em;	
}
h1.p-archive-header_title::after{
	position: absolute!important;
	bottom: -4px!important;
	left: 0!important;
	z-index: 2!important;
	content: ''!important;
	width: 30%;
	height: 4px;
	background-color: #e4c548!important;
}
.category-recipe h1.p-archive-header_title.l-main-section_title::after {
    background-color: #E89D68!important;	
}
.p-entry_header h1.p-entry_title.recipetitle::after {
    background-color: #E89D68!important;	
}
.archive .p-page-header{
	display:none;
}
.archive .l-container_inner{
	padding-top:0;
}
 */
h2 {
    font-size: 1.8em;
    border-left:6px solid #e4c548;
    margin:3em 0 1em;
    padding: 0.5em 0 0.5em 1em;
    background:#faf9f8;
    margin: 1.5em 0 0.8em;
}
h3 {
    font-size: 1.6em;
    border-bottom:1px solid #e4c548;
    margin: 1.5em 0 0.8em;
    padding: 0.3em 0 0.3em 0.1em;
}
h3.p-widget_title {
	color:#543f32;
	border:none;
	padding-left:0;
}
h4 {
    font-size: 1.4em;
    border-left:3px solid #e4c548;
    margin: 1.5em 0 0.8em;
    padding: 0.3em 0 0.3em 1em;
}
h5 {
    font-size: 1.2em;
    margin: 1.5em 0 0.8em;
    padding: 0.3em 0 0.3em 0;
}
h6 {
    font-size: 1.1em;
    margin: 1.5em 0 0.8em;
    padding: 0.3em 0 0.3em 0;
}
.p-entry-content h6 {
    font-weight: 600;
}
.p-entry-content h6:before{
	color:#e4c548;
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    margin-right: 5px;
}

/* スマホ専用ナビ 
-------------------------------------------------- */
.home #sp_nav{
	display:none;
}

#sp_nav ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	 margin-top: 0; 
  margin-bottom: 0; 
}

#sp_nav ul li{
  width: 20%;
list-style: none;
	font-size: 10px;
	line-height:1.7;
	margin-bottom: 0 !important;
}
#sp_nav ul li a {
  display: flex;
  flex-direction: column;
  padding: 1em 0 1em;
  font-weight: 600;
  text-align: center;
  color:#443517;
}
#sp_nav ul li a:hover {
	opacity:0.6;
}

#sp_nav ul li a span {
  display:block;
	margin: 0 0 0.5em 0;
}	

li.menu1_s,li.menu3_s,li.menu5_s{
  background-color: #cecac2;
}
li.menu2_s,li.menu4_s{
  background-color: #c5beb0;
}


/* グローバルナビ　1200pxまでのロゴ表示調整 
-------------------------------------------------- */

@media screen and (min-width: 992px) and (max-width: 1199.98px){
.p-site-header-brand {
    padding: 0 0;
    max-width: 1199.98px;
}
.p-site-header-brand_logo {
    padding: 0.5em;
}
.p-site-header-brand_logo a img {
    max-width: 250px;
}
.p-site-header-brand_description {
    padding: 0.5em 0;
}
}

/* トップページ 
-------------------------------------------------- */
.pcp-carousel-wrapper .sp-pcp-carousel {
    padding-bottom: 0;
    padding-top: 0;
}
.top_txt{
	margin:1em auto;
	text-align:center;
	font-size:1.2em;
}
.top_txt p{
	margin:0.5em 0 0 0;
	font-size:1.1em;
}
.top_img_sp{
	padding:0 0 0.3em 0;
}
.top_img_sp img{
	margin:0 0 1em;
}
.table_top {
  border-collapse: collapse;
  margin: 1em auto 1em;
  padding: 0;
  border:none;
}
.table_top tr {
  background-color:#efece2;
  padding: .35em;
}
.table_top td {
  padding: 1em 1em 0.5em;
  border-right: 1em solid #fff;	
  border-bottom:none;
}
.table_top td:nth-child(3){
	border-right:none;
}
.table_top td.td_img{
  padding: 0 0 1em 0;
}
.top_title {
	position: relative;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.2em;
	background:none;
	border:none;
	padding-left:0;
}
.top_title img {
	margin:0.5em ;
}

#top_recommend ul {
	padding: 0 6.5em;
	margin: 0;
}
#top_recommend li {
	display: inline-block;
	width: calc(97.7% / 4) ;
	text-align: center;
	margin-bottom:0.5em;
}
.company_title {
	position: relative;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.2em;
	background:none;
	border:none;
	padding-left:0;
}
.company_title img {
	margin:0.5em ;
}
.company_title2 {
	position: relative;
	text-align: left;
	font-weight: normal;
	letter-spacing: 0.2em;
	font-size:1.3em;
	border:none;
	padding-left:0;
}
.company_title2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 50px 0 0;
	padding: 0 30px 0 0;
	background-color: #fff;
	text-align: left;
}
.company_title2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #453a2d;
}
/* ボタン トップページ
-------------------------------------------------- */
.btn_top_div1 {
	padding:0.5em;
}
.btn_top_div2 {
	padding:1em 0;
}
.btn_top_div3 {
	background-color:#efece3;
}
.btn_top1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 70%;
  color: #fff;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  transition: 0.3s;
  background: #53806d;
}
.btn_top1 a:hover {
  border: 1px solid #53806d;
  background: #efece2;
  color: #53806d;
}
.btn_top2{
  display: flex;
  justify-content: center;
  align-items: center;	
}
.btn_top2 a {
  margin: 0 auto;
  padding: 0.5em 0.5em;
  width: 45%;
  color: #fff;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  transition: 0.3s;
  background: #c58016;
}
.btn_top2 a:hover {
  border : 1px solid #c58016;
  background: #efece2;
  color: #c58016;
}
.btn_top3 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 70%;
  color: #fff;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  transition: 0.3s;
  background: #c28080;
}
.btn_top3 a:hover {
  border: 1px solid #c28080;
  background: #efece2;
  color: #c28080;
}
.btn_top4 a{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 50%;
  color: #333;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  transition: 0.3s;
  background: #efece2;

}
.btn_top4 a:hover {
  background: #F9F6F4;
}
.btn_co_div3 {
	padding:0.5em 0 4em 0;	
}
.btn_top2_sp {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:-3.5em;
	margin-bottom:1.3em;
}
.btn_top2_sp a {
  margin: 6px 4px 0;
  padding: 4px 3px;
  width: 45%;
  color: #fff;
  font-size: 0.8em;
  font-weight:500;
  text-align:center;
  transition: 0.3s;
  background: #c58016;
  letter-spacing: -0.05em;
}
.btn_top2_sp a:hover {
  border: 1px solid #c58016;
  background: #efece2;
  color: #c58016;
}



/* 発酵食大学とは　ページ
-------------------------------------------------- */
.h4_about{
	padding:0;
	margin: 0.5em 0;
	line-height: 1.5;
	border:none;
	font-weight: 600;
}
i.fas.fa-asterisk.ico_about {
    color: #e4c548;
    margin-right: 0.5em;
    font-size: 0.9em;
}
.h3_about {
	border-bottom: 1px solid #543f32;
}

.h3_about span {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	display: flex;
	align-items: center;
	font-size: 0.9em;
	text-transform: uppercase;
}
.about_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.about_list_item{
	width:46%;
	text-align: center;
	margin:2%;	
	padding:1% 1% 0 1%;
}
.about_list_item h5{
	text-align: center;
	color: #e0b404;
	font-size: 1.3em;
	font-weight: 600;	
}

/* コース一覧ページ 
-------------------------------------------------- */

.table_course1,.table_course2 {
  border-collapse: collapse;
  margin: 1em auto 2em;
  padding: 0;
  table-layout: fixed;
  border:none;
}
.table_course1 tr,.table_course2 tr {
  padding: 0.35em 0.35em 1.2em;
  border: 1px solid #C8BAAB;
}
.table_course1 th {
  padding: 1em 10px 1em 1em;
  border: 1px solid #C8BAAB;
  font-weight:400;
}
.table_course1 thead th span{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	font-size:1.4em;
	letter-spacing:0.5em;
  }
.table_course2 th {
  padding: 1em 10px 1em 1em;
  border: 1px solid #C8BAAB;
  font-weight:600;
}
.table_course1 td,.table_course2 td {
  padding: 1em 10px 1em 1em;
  border: 1px solid #C8BAAB;	
}
.table_course1 td a,.table_course2 td a{
  text-decoration: underline;  
}
.table_course1 td a:hover,.table_course2 td a:hover{
	color:#e4c548;  
}
.table_course1 td.td_img{
  padding: 0 0 1em 0;	
}
.table_course1 td.td_img ul li span{
	background:linear-gradient(transparent 60%, #FFF9B2 60%);	
}
.table_course1 thead {
  background-color: #554738;
  color:#fff;
  text-align:center;
  font-size:1.1em;
}
.table_course1 thead a{
  color:#fff;
}
.table_course1 thead th{
  padding: 1em 1em 0.3em 1em;
  }

.table_course1 .sptitle {
  background-color: #554738;
  color:#fff;
  text-align:center;
  font-size:1.1em;	
  padding:0.5em 0;
}
.table_course1 .sptitle span {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	font-size:1.4em;
	letter-spacing:0.5em;	
}
.table_course1 th,.table_course2 th {
    background: #554738;
    color: #fff;
}
.table_course1 ul {
  list-style: none;
  padding: 1em 1em 0.5em 1em;
  margin: 0;
}
.table_course1 ul li {
  position: relative;
  padding: 0 0 0 2em;
  margin: 0;
}
.table_course1 ul li.list1::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: '\f144';
  color: #53806d;
}
.table_course1 ul li.list2::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: '\f144';
  color: #c58016;
}
.table_course1 ul li.list3::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: '\f144';
  color: #c28080;
}
.table_course2 .w11{width:11%;}

.table_course2 thead td {
    background: #554738;
    color: #fff;
    text-align:center;
    letter-spacing:0.5em;
    font-size:1.1em;	
}
.table_course2 tbody td {
    text-align:center;	
}
.table_course2 td.txt_c {
	text-align:center;
}
.table_course2 td.txt_l{
	text-align:left;
	padding-left:1em;
}
.table_course2 dl{
  margin:0;
}
.table_course2 dt{
  float: left;
  margin: 0 0 0.6em 0;
}
.table_course2 dd{
  margin: 0 0 0.6em 6em;
}
.td_sp{
	letter-spacing: 0.4em;
	font-weight:500;
}
.line_browndashed {
    color: #333;
    text-decoration: none;
    border-bottom: dashed 1px brown;
}
@media screen and (min-width: 768px) {
.pc_hide{display:none;}
.td_sp{display:none;}
}

@media screen and (max-width: 767px) {
.table_course1 .sp_hide,.table_course2 .sp_hide { display: none ;}
.table_course1,.table_course2  {border: none!important ;}
.td_sp {background-color: #F3E4D4;border: none ;}
.table_course1 td,.table_course2 td{display: block;width: 100% ;text-align: left ;border-bottom:none;}
.table_course1 td.td_img{padding: 0 0 3em 0;}
.table_course2 thead td {text-align:left;}
.table_course2 tbody td {text-align:left;}
.table_course2 td.txt_c {text-align:left;}
}

/* ボタン コース一覧ページ
-------------------------------------------------- */
.btn_co7_1 a,.btn_co7_2 a,.btn_co7_3 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1em;
  padding: 0.5em 1em;
  width: 50%;
  color: #fff!important;
  font-size: 1em;
  font-weight:600;
  text-align:center;
  transition: 0.3s;
  border-radius:50vh;
  background-color:#53806d;
  text-decoration:none!important;
}
.btn_co7_2 a {
  background-color:#c58016;
}
.btn_co7_3 a {
  background-color:#c28080;
}
.btn_co7_1 a:hover {
  background: #fff;
  color: #53806d!important;
  border:1px solid #53806d;
}
.btn_co7_2 a:hover {
  background: #fff;
  color: #c58016!important;
  border:1px solid #c58016;
}
.btn_co7_3 a:hover {
  background: #fff;
  color: #c28080!important;
  border:1px solid #c28080;
}
.btn_co8 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 50%;
  color: #453a2d;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  border: 1px solid #8e6048;
  text-decoration:none!important;
}
.btn_co8 a:hover {
  background: #F9F6F4;
}

/* コースページ上部ナビ 
-------------------------------------------------- */

.nav_co1 {
    display: block;
    width: 100%;
    font-size: 0;
    margin:0 0 20px 0;
}
.nav_co1 .nav_co_inner{
    margin: 0 auto;
}
.nav_co1 li {
    display: inline-block;
    position: relative;
    top:0;
    background:rgba(248,229,199,0.6);
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    line-height: 1.65em;
}

.nav_co1 li a {
    display: block;
    padding: 20px ;
    font-size: 1rem;
}
.nav_co2 {
    display: block;
    width: 100%;
    font-size: 0;
    margin:0 0 20px 0;
}
.nav_co2 .nav_co_inner{
    margin: 0 auto;
}
.nav_co2 li {
    display: inline-block;
    position: relative;
    top:0;
    background:rgba(235,213,213,0.5);
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    line-height: 1.65em;
}

.nav_co2 li a {
    display: block;
    padding: 20px ;
    color: #333;
    font-size: 1rem;
}

@media screen and (max-width: 992px){
.nav_co1 {
    border-top: 1px solid #c58016;
    border-left: 1px solid #c58016;
    font-size: 0;
    position: relative;
    top: auto;
    left: auto;
    float: none;
}

.nav_co1 .nav_co_inner {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.nav_co1 li {
    border-top: none;
    border-bottom: none;
    border-right:none;
    background:none;
    display: block;
    width: 50%;
    position: relative;
    float: left;

}

.nav_co1 li::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #c58016;
    position: absolute;
    bottom: 0;
    left: 0;
}

.nav_co1 li::after {
    content: '';
    display: block;
    width: 1px;
    height: 40px;
    background-color: #c58016;
    position: absolute;
    top: 0px;
    right: 0;
}
.nav_co1 li a {
    padding: 20px 0;
    transition: all .14s ease-out 0s;
    display: block;
    color: #333;
    font-size: 0.8rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.nav_co2 {
    border-top: 1px solid #c28080;
    border-left: 1px solid #c28080;
    font-size: 0;
    position: relative;
    top: auto;
    left: auto;
    float: none;
}

.nav_co2 .nav_co_inner {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.nav_co2 li {
    border-top: none;
    border-bottom: none;
    border-right:none;
    background:none;
    display: block;
    width: 50%;
    position: relative;
    float: left;
}

.nav_co2 li::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #c28080;
    position: absolute;
    bottom: 0;
    left: 0;
}

.nav_co2 li::after {
    content: '';
    display: block;
    width: 1px;
    height: 40px;
    background-color: #c28080;
    position: absolute;
    top: 0px;
    right: 0;
}
.nav_co2 li a {
    padding: 20px 0;
    transition: all .14s ease-out 0s;
    display: block;
    color: #333;
    font-size: 0.8rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
}


/* コースページ 
-------------------------------------------------- */
.h2_co1,.h2_co2,.h2_co3 {
    font-size: 1.8em;
    border-left:6px solid #c58016;
    margin:3em 0 1em;
    padding: 0.5em 0 0.5em 1em;
    background:#faf9f8;
}
.h2_co2 {
    border-left:6px solid #c28080;
}
.h2_co3 {
    border-left:6px solid #53806d;
}
/* コースページ 見出し　メディアクエリ */
@media screen and (max-width: 767px) {
.h2_co1,.h2_co2,.h2_co3 {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
    border-left:none;
    padding-left:0;
    background:none;
    font-weight:
    font-weight:600;
}
.h2_co1::before,.h2_co1::after {
	content: '';
	width: 1em;
	height: 3px;
	background-color: #c58016;
}
.h2_co2::before,.h2_co2::after {
	content: '';
	width: 1em;
	height: 3px;
	background-color: #c28080;
}
.h2_co3::before,.h2_co3::after {
	content: '';
	width: 1em;
	height: 3px;
	background-color: #53806d;
}
.h2_co1::before,.h2_co2::before,.h2_co3::before {
	margin-right: 1em;
}
.h2_co1::after,.h2_co2::after,.h2_co3::after {
	margin-left: 1em;
}
.img_co_big{
	border-radius: 1em;
}
}
/* コースページ 見出し　メディアクエリ　おわり */

.h3_co1{
	background-color:#c58016;
	font-size:1.4rem;
	line-height:1.2;
	padding: 0.6em 0.7em 0.5em;
    color: #fff;
    border-radius: 4px;
}
.h3_co2{
	background-color:#c28080;
	font-size:1.4rem;
	line-height:1.2;
	padding: 0.6em 0.7em 0.5em;
    color: #fff;
    border-radius: 4px;
}
.img_co {
	width:100px;
	position: absolute; 
	top:0;
	right:0;
	border-radius: 4px; 
	z-index: 1;
}
.s_co1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	font-size: 75%;
	margin-bottom:10px;
}
.s_co2{
	font-size: 70%;
	font-weight:normal;
	line-height:0.5em!important;
}
.s_co2 a{
	color:#fff;
	text-decoration: underline;
}
.p_co{
	color: #c3511c;
}
.p_co2{
	color: #b71a37;
}
.p_big{
	font-size:140%;
}
.h4_co1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	border-left:none;
	padding:0.5em 0;
	color: #c3511c;
	background-color:#fff;
	font-weight:600;
}
.h4_co2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	border-left:none;
	padding:0.5em 0;
	color: #b71a37;
	background-color:#fff;
	font-weight:600;
}
.h4_co3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	border-left:none;
	padding:0.5em 0;
	color: #53806d;
	background-color:#fff;
	font-weight:600;
}
.h5_co1{
	border-left:none;
	padding:0;
	margin:1em 0 0.5em 0;
	color: #c58016;
	letter-spacing:0.1em;
	font-weight:600;
}
.h5_co2{
	border-left:none;
	padding:0;
	margin:1em 0 0.5em 0;
	color: #c28080;
	letter-spacing:0.1em;
	font-weight:600;
}
.h6_co1{
	border-bottom:none;
	color: #c58016;
	padding:0;
	margin:0;
	font-weight:600;
	letter-spacing:0.1em;
}
.h6_co2{
	border-bottom:none;
	color: #c28080;
	padding:0;
	margin:0;
	font-weight:600;
	letter-spacing:0.1em;
}

.circlebox_co{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.circle_co1,.circle_co2,.circle_co3{
  position: relative;
  width: 10em;
  height: 10em;
  margin: 1em;
  background-color: #c58016;
  border-radius:50vh;
}
.circle_co2{
  background-color: #c28080;
}
.circle_co3{
  background-color: #53806d;
}
.circle_co1 span,.circle_co2 span,.circle_co3 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :10em;
  text-align:center;
  color:#fff;
  line-height:1.8;
}
.p_vo {
	overflow:hidden;
}
	
.voice{
	padding-bottom:0.8em;
}
.co_t{
	margin:0 auto;
	text-align:center;
}
.co_t img{
	width:300px;
}
.co_t p{
	font-size:1.5em;
	padding:1em;
	font-weight:500;
}
i.fas.fa-asterisk.ico_co1{
	color:#c58016;
	margin-right:0.5em;
	font-size:0.9em;
}
i.fas.fa-asterisk.ico_co2{
	color:#c28080;
	margin-right:0.5em;
	font-size:0.9em;
}
.table_co{
	margin-bottom:1em;
}
.table_co th,.table_co td{
	font-size:1.1em;
}
.table_co_under{
	font-size:1.1em;
}
/* ボタン コース各ページ　
-------------------------------------------------- */
.btn_co_div {
	padding:1.5em 0;
}
.btn_co_div2 {
	padding:0.5em 0 0 0;
}

.btn_co1 a,.btn_co2 a,.btn_co3 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 50%;
  color: #fff;
  font-size: 1.2em;
  font-weight:600;
  text-align:center;
  border-radius:1em;
  transition: 0.3s;
  text-decoration:none!important;
}
.btn_co1 a {
  background: #c3511c;
}
.btn_co1 a:hover {
  border:1px solid #c3511c;
  background: #fff;
  color:#c3511c;
}
.btn_co2 a {
  background: #b71a37;
}
.btn_co2 a:hover {
  border:1px solid #b71a37;
  background: #fff;
  color:#b71a37;
}
.btn_co3 a {
  background: #53806d;
}
.btn_co3 a:hover {
  border:1px solid #53806d;
  background: #fff;
  color:#53806d;
}
.btn_co4 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_co4 a{
  margin: 0 2%;
  padding: 1em;
  width: 45%;
  color: #543f32;
  font-size: 1em;
  font-weight:500;
  text-align:center;
  border-radius:0.5em;
  border: 2px solid #543f32;
  transition: 0.3s;
  text-decoration:none!important;
}
.btn_co5 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 50%;
  color: #543f32;
  font-size: 1.2em;
  font-weight:600;
  text-align:center;
  border-radius:1em;
  border: 2px solid #543f32;
  transition: 0.3s;
  text-decoration:none!important;
}

.btn_co4 a:hover,.btn_co5 a:hover {
  background: #ebd5d5;
}

.btn_co6 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em auto;
  padding: 1em 2em;
  width: 50%;
  color: #333;
  font-size: 1.2em;
  font-weight:600;
  text-align:center;
  border-radius:0.5em;
  border: 2px solid #c28080;
  transition: 0.3s;
  text-decoration:none!important;
}
.btn_co6 a:hover {
  background: #fcedf0;
}


/* コースページ表組み 
-------------------------------------------------- */
.table_co1{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table_co1 th,.table_co1 td{
  padding: 7px 0 7px 10px;
	 border: solid 1px #999;
}
.table_co1 th{
	font-weight:500;
	letter-spacing:0.1em;
	text-align:left;
	width:28%;
}

.table_co1 tr:nth-child(odd){
  background-color: #eee
}

.table_co2{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table_co2 th,.table_co2 td{
  padding: 7px 0 7px 10px;
  border: solid 1px #999;
}
.table_co2 th{
	font-weight:500;
	letter-spacing:0.1em;
	text-align:left;
}
.table_co2 td{
	text-align:center;
}
.table_co2 tr:nth-child(odd){
  background-color: #eee
}
.tr_co2 th{
	background-color:#ADADAD!important;
	text-align:center;
}
.f_big{
	font-size:200%;
	line-height:0.5;
}

/* 資格認定制度
-------------------------------------------------- */
.kiyaku_dl dt {
	font-size:1.1em;
    background: #eee;
    padding: 6px 12px;
    margin: 3px 18px 3px 0;
    width: 25%;
    float: left;
    clear: both;
}
.kiyaku_dl dd {
	font-size:1.1em;
    padding: 7px 0 6px 10px;
    margin: 7px 0;
}
.kiyaku_dl dd a{
	text-decoration: underline;
}

/* 固定ページ　先生
-------------------------------------------------- */

h3.teacher_title {
    }

h5.teacher_title2 {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	color:#e0b404;
	clear:none!important;
	font-size:1.4em;
}

.teacher_title3 {
  display: inline;
  padding: 0.5em 1em;
  background:#e6e0d9
}

.teacher_title3 a {
  display: inline-block;
  position: relative;
  transition: 0.3s;
  padding: 0.8em 2.5em 0.8em 0;
  text-decoration: none!important;
}

.teacher_title3 a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background:#fff;
  border-radius: 50vh;
  transition: 0.3s;
}

.teacher_title3 a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%) rotate(45deg);
  width: 4px;
  height: 4px;
  border-top: 1px solid #543f32;
  border-right: 1px solid #543f32;
  transition: 0.3s;
}

.teacher_title3 a:hover {
  text-decoration: underline;
  color:#543f32;
}

.teacher_title3 a:hover::before {
  background-color: #e4c548;
}

.teacher_title3 a:hover::after {
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

.teacher_image {
	display:block;
	float:right;
	margin:15px;
	text-align:center;
}

.teacher_image2 {
	display:block;
	float:left;
	margin:15px 30px;
	text-align:center;
}

.teacher_name{
	font-size:1.2em;
	font-weight:600;
	display: inline-block;
}

p.teacher_name {
	margin-bottom:10px!important;
}

.teacher_text2{
	margin-top:15px;
	overflow:hidden;
}

.teacher_area1{
	overflow:hidden;
	padding: 10px 0;

}
.teacher_area2{
	overflow:hidden;
    border-bottom:1px solid #e6e0d9;
	padding: 1em 0 0.5em;
}

.teacher_area1 p,.teacher_area2 p{
	line-height:1.7;
}

.teacher_dl1 {
	float:right;
	width:70%;
}

.teacher_dl {
}

.teacher_dl dt{
	padding: 8px;
	margin:0px 20px 0px 5px;
	width : 130px;
	float : left;
	clear:both;
	font-weight:600;
}

.teacher_dl dd{
	padding : 8px 0 8px 10px;
	margin:0;
	overflow:hidden;
}

.post-content dl.teacher_dl{
	margin-bottom:5px;
}


/* 固定ページ　背景紙スタイル　主に「発酵食大学について」ページ用
-------------------------------------------------- */

/* 右下がめくれてる */
.paper1 {
  background-color: #e6e0d9;
  position: relative;
  padding: 1em;
}
.paper1::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 0 18px 18px;
  border-style: solid;
  border-color: #ccc #fff #fff #ccc;
}

/* 吹き出し */
.paper2 {
  position: relative;
  border: 3px solid #fcdee2;
  border-radius: 8px;
  padding: 20px;
	width:60%;
}
.paper2::before,
.paper2::after {
  position: absolute;
  top: 100%;
  left: 10%;
  content: '';
  height: 0;
  width: 0;
  border: 12px solid transparent;
}
.paper2::before {
  border-top: 16px solid #fcdee2;
}
.paper2::after {
  border-top: 16px solid #fff;
  margin-top: -5px;
}
.girl {
	margin-left:8%;
}
/* マステでタイトルつき　ピンク　タイトルをstrongで囲む */
.paper3 {
  position: relative;
  background-color: #eee;
  padding: 2em 1em 1em;
}
.paper3 strong {
  position: absolute;
  top: -1em;
  background-color: rgba(224,145,156,1);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-4deg);
}

/* マステでタイトルつき　パープルで傾きなし　タイトルをstrongで囲む */
.paper4 {
  position: relative;
  background-color: #eee;
  padding: 2em 1em 1em;
}
.paper4 strong {
  position: absolute;
  top: -1em;
  background-color: rgba(161,138,172,1);
  padding: 0.25em 1em;
  color: #fff;
}

.paper4 span {
	font-size:18px;
	font-weight:bold;
}


/* マステでタイトルつき　背景白　タイトル黄色　大きい字　タイトルをspanで囲む */
.paper5 {
	font-size:1.2em;
	line-height:1.8;
	position: relative;
	background: #fff;
	border: 1px solid #e0b404;
	padding: 2em 2em 3em;
	margin:2em 0 1em;
	position: relative;

}
.paper5 span {
	position: absolute;
	top: -1em;
	left:5%;
	background-color: #e0b404;
	padding: 0.25em 2em;
	color: #fff;
}
.aboutpage_girl_img {
	display: block;
	position: absolute;
	bottom:1em;
	right:3em;
}


/* レシピ 個別ページ 
-------------------------------------------------- */

.recipe_teacher_name{
text-align:right;
}
.recipe_teacher_name span{
	font-size: 15px;
	color: #ea8d46;
	padding:0 0 0 30px;
}

.recipe_teacher_come {
	text-align: left;
background:rgba(234,141,70,0.2);
	padding: 10px 5px 10px 15px;
	line-height: 1.7;
}

.recipe_image {
	padding:20px 0;
}

.recipe_title{
	border-left:4px solid #E89D68;
	margin:15px 0;
	padding-left: 0.8em;
	line-height:1;
   }

.recipe_flow_list li{
	list-style-type: decimal;
	margin:7px 0;
}

.recipe_title span {
	font-weight: normal;
	font-size: 70%;
}

.recipe_table {
	width: 90%;
	margin: 10px 0 50px 20px;
	line-height: 1.5;
	border: 1px solid #fff;
	font-size:0.9em;
}
.recipe_table th {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #fff;
	border-bottom: 1px solid #c6b9a8;
	text-align:left;
}
.recipe_table td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #fff;
	border-bottom: 1px solid #c6b9a8;
	text-align:right;
}

.recipe_table a {
	color: #ea8d46;
}

.recipe_other_text {
	font-size: 60%;
	margin: 20px 0 10px 20px;
}

.recipe_other_text a {
	color: #ea8d46;
}

/* タグクラウド　主にレシピ用
-------------------------------------------------- */

ul.tags_count {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tags_count ul li{
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 0;
}
.tags_count ul li a {
	position: relative;
	display: inline-block;
	max-width: 120px;
	height: 28px;
	line-height: 28px;
	padding: 0 1em 0 1em;
	background-color: #E8965C;
	border: 1px solid #E8965C;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.tags_count ul li a:hover {
	background-color: #fff;
	border: 1px solid #EA863A;
	color: orange;
}
.body-store .tags_count ul li a:hover {
	background-color: #fff;
	border: 1px solid #d61820;
	color: red;
}

/* エキスパート
-------------------------------------------------- */

.menu-expert_nav-container ul{
	background: #F2ECE6;
	text-align:center;
	padding: 30px 0 10px;
	margin: 0;
}

#menu-expert_nav li{
	padding:10px 0 10px 5px;
	display: inline-block;
	margin: 0 5px 5px 0;
}

#menu-expert_nav li a {
	max-width: 100px;
	height: 25px;
	line-height: 25px;
	padding: 5px 8px;
	background-color: #75624C;
	border: 1px solid #75624C;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

#menu-expert_nav li a:hover {
	background-color: #fff;
	border: 1px solid #75624C;
	color: #AD9072;
}

.area_expert {
	background: #F2ECE6;
	padding: 30px 0;
}

.area_expert_text {
	text-align:center;
	font-size:14px;
}

.expert_table_wrap {
	display:flex;
	justify-content: center;
}

.expert_table {
	width: 80%;
	line-height: 1.5;
	font-size:14px;
	background: #fff;
}

.expert_table th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #fff;
	border-bottom: 2px solid #543f32;
	text-align: center;

}

.expert_table td {
	padding: 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #F2ECE6;
	text-align: center;
	vertical-align: middle;
}

.expert_intro_btn{
	text-align: center;
	font-size:13px;
	font-weight: bold;
	line-height:2;
	padding:5px 10px;

}

.expert_intro_btn span{
	padding:10px 20px;
	background: #F2ECE6;
}

.introarea img{
	float:right;
	margin-top:-30px;
}

.menu-expert_nav-container{
	clear:both;
}

.category-expert .wp-pagenavi {
	text-align: center;
 padding-top:2em;
}

.category-expert .wp-pagenavi a,.category-expert .wp-pagenavi span {
    text-decoration: none;
	border: 1px solid #554738;
    padding: 6px 6px;
    margin: 3px;
	color: #554738;
}

.category-expert .wp-pagenavi a:hover, .category-expert .wp-pagenavi span.current {
    font-weight: normal;
    border-color: #554738;
    background-color: #554738;
    color: #fff;
}

/* 通信部　固定ページ
------------------------------------------------------------------------------------ */


.page-id-22744 .l-container_inner {
    padding-top: 0!important;
}

/* 全幅表示
-------------------------------------------------- */
.full-width{
 margin-left:calc(50% - 50vw);
 margin-right:calc(50% - 50vw);
 padding-left:calc(50vw - 50%);
 padding-right:calc(50vw - 50%)
}
 @media(min-width: 576px){
.full-width{
 padding-left:0em;
 padding-right:0em;
 }}
 @media(min-width: 768px){
.full-width{
 padding-left:0.8%;
 padding-right:0.8%;
 }}
 @media(min-width: 992px){
.full-width{
 padding-left:0.8%;
 padding-right:0.8%;
 }}
 @media(min-width: 1200px){
.full-width{
   margin-left: calc(50% - 50vw + 160px);
   margin-right: calc(50% - 50vw + 160px);
	padding-left:0.8%;
	padding-right:0.8%;
 }}
 @media(min-width: 1400px){
.full-width{
   margin-left: calc(50% - 50vw + 160px);
   margin-right: calc(50% - 50vw + 160px);
	padding-left:0.8%;
	padding-right:0.8%;
 }}
 @media(min-width: 2000px){
.full-width{
   margin-left: calc(50% - 50vw + 160px);
   margin-right: calc(50% - 50vw + 160px);
	padding-left:0.8%;
	padding-right:0.8%;
 }
 .l-container h1.h1_tusin{
	text-align:center;
	background:#efece2;
 }
}

/*　sec0　メインビジュアル
---------------------------------------------------------*/
.sec0_tusin{
	position: relative;
}
.l-container h1.h1_tusin{
	border-bottom:none!important;
	margin-top: 0!important;
	margin-bottom:0;
}
.l-container h1.h1_tusin::after{
	height:0;
}
.btn_tusin_div{
	padding:0;
}
.btn_tusin0_1 a{
	position: absolute;
	bottom:2.7em;
	left:2.8em;
	padding: 0.6em 0.8em;
	width: 38%;
	color: #fff!important;
	font-size: 1.5em;
	font-weight:600;
	text-align:center;
	transition: 0.3s;
	border-radius:50vh;
	background-color:#e4c548;
	text-decoration:none!important;
}
.btn_tusin0_1 a:hover{
	border:2px solid #e4c548;
	background-color:#fff;
	color:#e4c548!important;
}
.btn_tusin0_1 a span{
	margin-left:1em;
}
.btn_tusin_div2{}
.btn_tusin0_2{}


/* カルーセル　フォントサイズ調整 */
.sp-pcp-post .sp-pcp-title,.sp-pcp-post .sp-pcp-title a {
	font-size:0.9em;
	line-height:1.3;
}
.sp-pcp-post .sp-pcp-title:before{
	display:none;
	
}
.postshow_tusin {
	margin:0 1.5%;
}
.btn_tusin_div2{
	margin:1.5em 0 2em;
}
.btn_tusin0_2 a{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 50%;
  color:#53806d;
  font-size: 1.2em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  border: 2px solid #53806d;
  text-decoration:none!important;
  background: #fff;
}
.btn_tusin0_2 a:hover {
  background: #53806d;
  color:#fff;
}
	


/*　sec1　カリキュラム
---------------------------------------------------------*/
.sec1_tusin{
	background:rgba(247,246,242,0.7);
}

.h2_tusin {
	border-left:none;
	background:#53806d;
	color:#fff;
	text-align:center;
	line-height:1.3;
	padding:0.5em 0!important;
	margin-top:0!important;
}
.h2_tusin img{
	margin:0.5em auto;	
}
.jp {
    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.en {
	font-family: 'Tangerine', cursive, serif;
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.07em;
    color:#fff;
}
.note_tusin{
	position: relative;
	background-image: url(./images/tusin/sec1_bg02.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding: 3em 0 2em;
	z-index: 1;
	margin:0 3em;
}
.note_tusin:before {
	content: "";
	position: absolute;
	top: 1%;
	background: #FFF;
	width: 100%;
	height: 98.5%;
	z-index: -1;
}
.sec1_ttlimg{
	display:flex;
	justify-content: center;
	margin:3em 0 2em;
}
.sec1_ttlimg2{
	display:flex;
	justify-content: center;
	margin:3em 0 2em;
}
.sec1_item{
	margin: 0 auto;
}
.sec1_item h3 {
	border-bottom:none;
    margin: 0.8em 0!important;
	text-align:center;
}
.sec1_beige{
	background: #F7F6F2;
	padding: 5% 10% 3%;
	margin: 0 5% 5%;
}
.sec1_beige img{
	width:100%;
}
.sec1_item .text01 {
  font-size: 1.3em;
  line-height: 1.2;
  font-weight:600;
  margin-top:1em;
}
.sec1_item .text02 {
  margin-bottom: 2em;
  line-height: 2;
  text-align:left;
}
.btn_tusin_div3 {
	margin:1.5em 0;
}
.btn_tusin1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 70%;
  color: #53806d;
  font-size: 1.1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  border:2px solid #53806d;
  background:#fff;
}
.btn_tusin1 a:hover {
  background:#53806d ;
  color:#fff;
}
.sec1_table{	
	display: flex;
    justify-content: center;
    align-items: center;
}
.sec1_2 {
  background: #F7F6F2;
  margin: 1em 5% 1em;
}
.sec1_2 h4 {
	border-left:none;
    color: #53806d;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 2;
    text-align:center;	
    padding:0.5em 0 0.1em;
    margin: 0.5em 3% 0.5em;
}
.sec1_item .text03 {
  line-height: 2;
  text-align:left;
  padding:1em 5%;
}
.sec1_2 .text04 {
  margin: 0 3% 1.2em;
  line-height: 1.8;
  text-align:center;
}
.sec1_box{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.sec1_box_img {
  display: block;
  width: 48%;
  height: auto;
  text-align:center;
}
.sec1_box figcaption {
  margin:0.5em 0 1em;
  font-size: 1em;
  color: #543f32;
}

/*　sec2　資格
---------------------------------------------------------*/
.sec2_tusin{
	display:block;
	background: #F1F7F4;
}
.sec2_inner{
	background: #F1F7F4;
	margin:0;
	overflow:hidden;
	position: relative;
}
.sec2_textbox{
	position: absolute;
	top:3em;
	left:3em;
	width:40%;
	background:#fff;
	padding:2em;

}
.sec2_textbox h3{
	border-bottom:none;
	margin-top:0;
}
.sec2_textbox p{
	margin-bottom:0;
}
.sec2_img{
	width:60%;
	float:right;
}

/*　sec3 お客様の声
---------------------------------------------------------*/
.sec3_tusin{
	background: #F1F7F4;
}
.sec3_tusin h3{
	border-bottom:none;
	text-align:center;
}
.sec3_inner{
	display: flex;
	justify-content: center;
	margin:0 5%;	
}
.sec3_item{
	display:flex;
	align-content: center;
}
.sec3_img{
	width:30%;
	text-align:center;
}
.sec3_text{
	width:68%;
}
.sec3_item figcaption {
  margin-top: 12px;
  font-size: 1.2em;
  font-weight: 700;
  color: #5f3813;
}
.sec3_item figcaption span {
  display: block;
  font-size: 0.8em;
  font-weight: 400;
  color: #5f3813;
}
.sec3_item dl {
  position: relative;
  background: #FFF;
  padding: 2em 3em !important;
  text-align: left;
}
.sec3_item dl a {
  color: #5f3813;
}
.sec3_item dl:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 20px;
  background-image: url(./images/tusin/sec3_deco01.png);
  background-repeat: no-repeat;
  margin: auto;
  width: 26px;
  height: 57px;
}
.sec3_item dl dt {
  border-bottom: 2px solid #5f3813;
  margin: 35px 0 10px;
  padding: 0 1.3em 8px;
  font-size: 1.4em;
  position: relative;
  color: #5f3813;
}
.sec3_item dl dd {
  font-size: 1em;
  color: #5f3813;
}
.sec3_item dl dt::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.6em;
  height: 0.6em;
  border: solid 2px #5f3813;
  border-radius: 50%;
  left: 0;
  top: 43%;
  transform: translateY(-50%);
}
.sec3_item dl dt:first-child {
  margin-top: 0;
}
.sec3_item dl dd {
  line-height: 1.8;
}
.sec3_item .img_01 {
  width: 300px;
  margin: 10px 30px 10px 0px;
}
.sec3_item .img_02 {
  width: 300px;
  margin: 10px 0px;
}

/*　sec4 申し込み
---------------------------------------------------------*/
.btn_tusin_div4{
	background-color:#f0edea;
	padding:1em 0;	
}
.btn_tusin4 a{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 0.6em 0.8em;
	width: 50%;
	color: #fff!important;
	font-size: 1.6em;
	font-weight:600;
	text-align:center;
	transition: 0.3s;
	background-color:#e4c548;
	border-radius: 50vh;
	text-decoration:none!important;
}
.btn_tusin4 a:hover{
	border:2px solid #e4c548;
	background-color:#fff;
	color:#e4c548!important;
}
.btn_tusin4 a span{
	margin-left:1em;
}

/*　CVエリア
---------------------------------------------------------*/
.cv_area {
  background: #44816c;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  padding: 20px 0;
  transform: translateY(0);
  transition: all 0.4s ease;
}
.cv_area.hidden {
  transform: translateY(150px);
}
.cv_inn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 970px;
}
.cv_inn-R {
  width: 462px;
}
.cv_inn .balloon {
  position: relative;
  background: #FFF;
  padding: 6px 6px 6px 76px;
  margin-bottom: 11px;
  text-align: center;
  border: 2px solid #44816C;
  color: #44816C;
  font-size: 2rem;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  z-index: 1;
}
.cv_inn .balloon::before,
.cv_inn .balloon::after {
    content: "";
    position: absolute;
    left: 50%;
    margin: auto;
    width: 0;
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.cv_inn .balloon::before {
  bottom: -24px;
  border: 14px solid transparent;
  border-top: 14px solid #44816C;
}
.cv_inn .balloon::after {
  bottom: -22px;
  border: 14px solid transparent;
  border-top: 14px solid #FFF;
}
.cv_inn .cv_icon {
  position: absolute;
  top: -32px;
  left: 13px;
}
.cv_inn-ttl {
  text-align: center;
}
.cv_inn .btn {
  width: 478px;
  font-size: 2.2rem;
  line-height: 1.8;
  padding: 20px 10px;
}


/*　通信部　メディアクエリ
---------------------------------------------------------*/
/*@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {*/
@media screen and (max-width: 767px) {

     /*　sec0 メインビジュアル
-------------------------*/
.btn_tusin0_1 a{
	bottom:1.5em;
	left:0;
	right: 0;
	margin: auto;
	width: 90%;
	font-size: 1.3em;
	padding:0.5em;
}
.btn_tusin_div2 {
    margin: 0.5em 0 2em;
}
.btn_tusin0_2 a{
  width: 90%;
}
.sec0_img{
	padding :0 0.3em 0.2em; 
	margin-top:0.5em;
}

     /* sec1  カリキュラム
---------------------------*/
.jp {
    font-size: 0.9em;
    letter-spacing: 0.01em;
}
.en {
    margin-top: 0.5em;
    font-size: 0.9em;
    letter-spacing: 0.05em;
}
.note_tusin{
	padding: 2em 0 2em;
	margin:0 1em;
}
.note_tusin:before {
	top: 0.2%;
    height: 99.3%;
}
.sec1_ttlimg{
	margin:1em 0.5em 2em;
}
.sec1_ttlimg2{
	margin:2em 0.5em 1em;
}
.sec1_item h3 {
	border-bottom:none;
    margin: 0.8em 0.1em 0.4em!important;
}
.sec1_item h3 img{
	width:98%;
}
.sec1_beige{
	padding: 3%;
	margin: 0 2% 5%;
}
.sec1_item .text01 {
  font-size: 1.3em;
  line-height: 1.4;
  margin-bottom: 0.6em;
}
.sec1_item .text02 {
  margin-bottom: 1em;
  line-height: 1.8;
}
.btn_tusin_div3 {
    margin: 0.5em 0;
}
.btn_tusin1 a {
  padding: 0.3em 1em;
  width: 100%;
}
.sec1_table{	
	margin:0 2%;
}
.sec1_2 {
    margin: 1em 2% 1em;
}
.sec1_2 h4 {
	text-align: left;
    font-size: 1.3em;
    line-height: 1.5;	
}
.sec1_item .text03 {
	line-height: 1.6;
}
.sec1_2 .text04 {
	text-align: left;
	line-height: 1.6;
}
.sec1_box_img {
  width: 95%;
}
     /* sec2　資格
---------------------------*/
.sec2_inner{
	height:460px;
}
.sec2_textbox{
	top:190px;
	left:8%;
	width:84%;
	padding: 1.2em;
}
.sec2_textbox h3{
	margin-top:0;
}
.sec2_textbox p{
	line-height: 1.6;
}
.sec2_img{
	width:100%;
	float:none;
}


     /* sec3 お客様の声
-----------------------------*/
.sec3_tusin h3 {
	margin:0 3%!important;
}
.sec3_inner{
	margin:0 3%;	
}
.sec3_img{
	width:100%;
}
.sec3_text{
	width:100%;
}
.sec3_item{
	flex-wrap: wrap;
}


     /*  sec4 申し込み
-------------------------------*/
.btn_tusin4 a{
	width:90%;
	font-size:1.3em;
}

     /*  CVエリア
------------------------------*/
  .cv_area {
    padding: 12px 0;
  }
  .cv_area .mainWidth {
    margin: 0 2%;
  }
  .cv_area.hidden {
    transform: translateY(80px);
  }
  .cv_inn-R {
    width: 56%;
    color: #fff;
    margin-right: 3%;
  }
  .cv_inn-ttl {
    text-align: center;
  }
  .cv_inn-L {
    width: 50%;
  }
  .cv_inn .btn {
    width: 100%;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    line-height: 1.4;
    padding: 4px 3%;
  }
}
/* 通信部クエリ　おわり
-------------------------------------------------- */

/* 通信部スケジュール
-------------------------------------------------- */

.tusin_back{
	margin:-1.5em 0 1em 0;
	display: flex;
  justify-content: flex-start;
}

.tusin_back a {
  padding: 0.2em 1em;
  width: 20%;
  color: #53806d;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  text-decoration:none!important;
  background: #fff;
  border:1px solid #53806d;
}
.tusin_back a:hover {
  background: #53806d;
  color:#fff;
}


/* VTR 蔵見学---- */
#kura_ul{
	clear:both;
    margin-left: 0px;
    font-size: 15px;
    list-style: none;
}
.kura_li {
	width:50%;
	float:left;
}
.kura_title {
	padding: 0!important;
}

@media screen and (max-width: 767px){
.kura_li {width: 100%;float: none;text-align: center;}
}

/* 協賛企業
-------------------------------------------------- */

#top_companies ul {
	padding: 0;
}

#top_companies li {
	float: left;
	margin: 0 0 20px;
	list-style:none;
}

/* お問合せページ
-------------------------------------------------- */
.contact1 dl {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	border-top: 1px solid #e6e0d9;
}
.contact1 dt {
	flex-basis: 15%;
	padding: 1em;
	background-color: #faf9f8;
	border-bottom: 1px solid #e6e0d9;
}
.contact1 dd {
	flex-basis: 85%;
	padding: 1em;
	background-color: #fff;
	border-bottom: 1px solid #e6e0d9;
}
@media screen and (max-width: 767px) {
.contact1 dl {
	flex-flow: column;
}
.contact1 dd {
	padding-left:2em;
}
}
.btn_contact1_div{
	margin-top:2em;
}
.btn_contact1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 50%;
  color: #fff;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  text-decoration:none!important;
  background: #e4c548;
}
.btn_contact1 a:hover {
  background: #fff;
  border:1px solid #e4c548;
  color:#e4c548;
}
.btn_contact2 a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 50%;
  color: #453a2d;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  text-decoration:none!important;
  background: #fff;
  border:1px solid #8e6048;
}
.btn_contact2 a:hover {
  background: #F9F6F4;
}

/* 新着記事一覧
-------------------------------------------------- */
.btn_blog_div{
 text-align:right;
}
.btn_blog a{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 59%;
  padding: 0.5em 1em;
  width: 40%;
  color: #333;
  font-size: 1em;
  font-weight:400;
  transition: 0.3s;
  background: #efece2;	
}
.btn_blog a:hover {
  background: #F9F6F4;
}



/* フッター
-------------------------------------------------- */
.l-site-footer_main {
	padding-bottom: 0;
}
.footer_items{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer_profile{
	
}
.footer_profile img{
	width:200px;
}
.footer_profile h5{
	font-size: 1.1em;
    margin: 1.5em 0 0.5em;
    padding: 0;
}
.footer_profile h6{
	font-size: 1.1em;
    margin: 1em 0 0.5em;
    padding: 0.3em 0 0.3em 0;	
}
.footer_profile p{
	font-size: 1em;
    line-height: 1.8;
    margin-bottom: 1em;
}
.footer_profile p.footer_memo{
	font-size: 0.85em;
    line-height: 1.6;
    margin-bottom: 1em;
}

.btn_footer_div{
	text-align:center;
	padding: 1.5em;
	border: 1px solid #F4E8B8;
    border-radius: 3px;
}
.btn_footer_div p{
	font-size:0.9em;
	line-height:1.7;
    margin-bottom: 0.9em;
}
.btn_footer_div p span{
	font-size:0.9em;
}
.btn_footer a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 100%;
  color: #fff;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  text-decoration:none!important;
  background: #e4c548;
}
.btn_footer a:hover {
  background: #fff;
  border:1px solid #e4c548;
  color:#e4c548;
}
.footer-sns{
	text-align: center;
}
.footer-sns li {
	list-style-type: none;
    padding: 8px 10px;
	display: inline-block;
	font-size: 20px;
	margin-bottom: 0;
}
.footer-sns li a{
	border-bottom:none!important;
}
.footer-sns li img {
	position: relative;
	top: -2px;
}




/* ボタン　LINE用 
-------------------------------------------------- */
.btn_about{
	padding:3em 0 0;
}

.btn_line a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 50%;
  color: #058E02;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  border: 1px solid #058E02;
  text-decoration:none!important;
  background: #fff;
}
.btn_line a:hover {
  background: #058E02;
  color:#fff;
}
.btn_line .fa-line {
	font-size:170%;
}

/* モバイル下部エリア　ボタン
-------------------------------------------------- */
.mobile-fix-nav-top {
    border-top: none;
    border-bottom: none;
}

.sp_nav_area {

}
.sp_nav_area a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 0;
  width: 100%;
  color: #fff;
  font-size: 1.1em;
  font-weight:600;
  text-align:center;
  text-decoration:none!important;
  background:#53806d; 
}
.sp_nav_area a:hover {
  background-color: #e4c548;
}
.ico_spnav {
    color:#fff;
	font-size:1.5em;
	margin-left:1em;
}



/* 投稿ページ　ヴィジュアルエディタ追加スタイル
-------------------------------------------------- */

/* ポイント */
.point	{position: relative;
	margin: 60px 0 30px;
	padding: 25px 20px 20px;
	background-color: #fff;
	border:2px solid #53806d;
	font-size: 1em;
	line-height:1.8;
	color: #453a2d;
	clear: both}

.point:before	{position: absolute;
	left: -2px;
	top: -33px;
	content: '\f0a4';
	width: 50px;
	height: 33px;
	padding: 4px 30px 3px 10px ;
	border-radius: 8px 0 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #53806d;
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 24px;
	line-height: 1;
	text-align: center}

.point:after	{position: absolute;
	left: 40px;
	top: -33px;
	height: 31px;
	font-size: 18px;
	content: 'Point';
	padding: 2px 13px 0px 0px;
	border-radius: 0 8px 0 0;
	background-color: #53806d;
	color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
}


/* チェック */
.check	{position: relative;
	margin: 60px 0 30px;
	padding: 25px 20px 20px;
	background-color:#fff;
	border: 2px solid #C43029;
	font-size: 1em;
	line-height:1.8;
	color: #40220f;
	clear: both ;
}

.check:before	{position: absolute;
	left: -2px;
	top: -33px;
	content: '\f058';
	width: 50px;
	height: 33px;
	padding: 4px 30px 3px 10px ;
	border-radius: 8px 0 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #C43029;
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
	text-align: center ;
}

.check:after	{position: absolute;
	left: 40px;
	top: -33px;
	height: 31px;
	font-size: 18px;
	content: 'Check';
	padding: 2px 13px 0px 0px;
	border-radius: 0 8px 0 0;
	background-color: #C43029;
	color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
}

.check a {
	color: #C43029;
	border-bottom : solid 1px #C43029;
	padding-bottom: 1px;
	text-decoration: none!important;
}



/* メモ */
.memo	{position: relative;
	margin: 60px 0 30px;
	padding: 25px 20px 20px;
	border: 2px solid #BC815A;
	background-color: #fff;
	font-size: 1em;
	line-height:1.8;
	color: #453a2d;
	clear: both}

.memo:before	{position: absolute;
	left: -2px;
	top: -33px;
	content: '\f040';
	width: 50px;
	height: 33px;
	padding: 4px 30px 3px 10px ;
	border-radius: 8px 0 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #BC815A;
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 23px;
	line-height: 1;
	text-align: center}

.memo:after	{position: absolute;
	left: 40px;
	top: -33px;
	height: 31px;
	font-size: 18px;
	content: 'Memo';
	padding: 2px 13px 0px 0px;
	border-radius: 0 8px 0 0;
	background-color: #BC815A;
	color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
}


/* レシピ */
.recipe3	{position: relative;
	margin: 60px 0 30px;
	padding: 25px 20px 20px;
	border: 2px solid #E26C2D;
	background-color: #fff;
	font-size: 1em;
	line-height:1.8;
	color: #453a2d;
	clear: both}

.recipe3:before	{position: absolute;
	left: -2px;
	top: -33px;
	content: '\f02d';
	width: 50px;
	height: 33px;
	padding:6px 30px 3px 10px ;
	border-radius: 8px 0 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #E26C2D;
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 23px;
	line-height: 1;
	text-align: center}

.recipe3:after	{position: absolute;
	left: 40px;
	top: -33px;
	height: 31px;
	font-size: 18px;
	content: 'Recipe';
	padding: 2px 13px 0px 0px;
	border-radius: 0 8px 0 0;
	background-color: #E26C2D;
	color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
}

/* 詳細 */
.detail	{position: relative;
	margin: 60px 0 30px;
	padding: 25px 20px 20px;
	border: 2px solid #2F73BC;
	background-color: #fff;
	font-size: 1em;
	line-height:1.8;
	color: #453a2d;
	clear: both}

.detail:before	{position: absolute;
	left: -2px;
	top: -33px;
	content: '\f044';
	width: 50px;
	height: 33px;
	padding: 6px 30px 3px 10px ;
	border-radius: 8px 0 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #2F73BC;
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 23px;
	line-height: 1;
	text-align: center}

.detail:after	{position: absolute;
	left: 40px;
	top: -33px;
	height: 31px;
	font-size: 18px;
	content: 'Detail';
	padding: 2px 13px 0px 0px;
	border-radius: 0 8px 0 0;
	background-color: #2F73BC;
	color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
}


/* マステでタイトルつき　ブルー　タイトルをstrongで囲む */
.paper6 {
  position: relative;
  padding: 2em 1em 0;
  border:2px double #eee;
}
.paper6 strong {
  position: absolute;
  top: -1em;
  background-color: rgba(137,173,198,1);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-2deg);
}

/* faqプラグイン　
-------------------------------------------------- */

#wpsm_accordion_22954 .wpsm_panel-title {
    line-height: 1.5 !important;
    border-left: none;
}
#wpsm_accordion_23657 .wpsm_panel-title {
    border-left: 1px solid #e4c548;
    padding: 0.3em 0 0.3em 0.5em;
}
#wpsm_accordion_22954 .ac_title_class {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
}

/* ページトップへ戻るボタン　
-------------------------------------------------- */




/* メディアクエリ
-------------------------------------------------- */
@media screen and (min-width: 992px) and (max-width: 1199.98px){
.device-pc .p-global-menu>li>a {
    padding: 14px 0.5em;
}
}
@media screen and (max-width: 767px) {
.page-id-22744 .l-container{padding-right:0;padding-left:0;}
.page-id-22744 .l-site-footer-upper{padding-right:15px;padding-left:15px;}
.pc { display: none;}
.sp { display: block;}
.br-pc{display:none;}
.p-site-header-brand_logo {width:48%;padding:0;margin:0!important;}
h1{margin: 0 0 1em;letter-spacing: 0.05em;}
h2 {padding: 0.5em 0 0.5em 0.8em;}
.top_title{font-size:1.5em;}
.company_title{font-size:1.5em;}
.company_title2 {font-size:1.1em;}
.top_txt p{font-size:0.8em;}
#top_companies li {font-size: 12px;text-align: left;margin: 0 0 5px;}
#top_companies li:last-child {margin-bottom: 20px;}
.about_list_item{width:100%;}
.expert_intro_btn span{background: none;padding:0;}
.expert_intro_btn{background: #F2ECE6;}
.expert_table td,.expert_table th{width: 100%;display: block;border: none;}
.expert_table tr{border-bottom: 1px solid #F2ECE6;}
.expert_table td img {padding-top:10px;}
.category-expert .wp-pagenavi {text-align;left;line-height:1.5;}
#top_recommend ul {padding: 0;}
#top_companies li  {width:50%;display: inline-block;}
#top_companies li :nth-child(2n+1) {clear:both;}
#top_companies li img {max-width: 100px;}
#top_companies li {border-left:none;}
#top_companies ul img {display: none;}
.h2_co1 {text-align:center;}
.h4_co1,.h4_co2,.h4_co3 {font-size:1.5em;}
.img_co {width:80px;}
.circle_co1,.circle_co2,.circle_co3{width: 7em;height: 7em;margin:0.3em;}
.circle_co1 span,.circle_co2 span,.circle_co3 span {  width :7em;line-height:1.5;}
.table_co1 th{letter-spacing:0;padding: 7px 0 7px 5px;}
.btn_co1 a,.btn_co2 a,.btn_co3 a,.btn_co5 a,.btn_co6 a {padding: 1em 1em;}
.btn_co1 a,.btn_co2 a,.btn_co3 a,.btn_co5 a,.btn_co6 a,.btn_co8 a,.btn_line a  {width:100%;}
.btn_top4 a {width:80%;}
.btn_co4 a{font-size:0.9em;line-height:1.5;}
.btn_co7 a{width:70%;}
.co_t img{width:200px;}
.teacher_dl1 {float: none;width: 100%;}
.teacher_dl dt{float:none;padding:0.5em 0 0.2em;margin-left:0;}
.teacher_dl dd{padding: 0 0 0.5em;margin-left:5px;}
.teacher_image2 {float: none;margin: 15px;}
.pagebottomnavi_area{width:100%;float:none;margin-bottom:2em;}
.contact1 dt {float: none;}
.footer_items{justify-content: center;}
.footer_profile img{width:150px;}
.footer_profile h6{text-align:center;}
.footer_profile{text-align:center;}
.btn_footer_div{margin-top:1em;}
.btn_contact1 a,.btn_contact2 a{width: 90%;}
.btn_blog a{margin: 0 0 0 34%;width: 65%;}
.kiyaku_dl dt {float: none;width: 80%;}
.tusin_back{margin-top:-0.5em;}
.tusin_back a {width:50%;}
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
.sp  {display: none; }
}

@media screen and (max-width: 500px) {
#top_recommend li {display: inline-block;width: calc(98% / 2);text-align: center;padding-bottom: 4px;}
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #fff;
    color:#453a2d;
  }
}