@charset "utf-8";

/*
Theme Name: 株式会社洋々
Theme URI: http://hisashikiguchi.com/
Description: 洋々のWordPressテーマ
Author: HISASHI KIGUCHI OFFICE
Author URI: http://hisashikiguchi.com/
Version: 1.0
*/

html{font-size: 62.5%;}

*, *:before, *:after{box-sizing: border-box;}

body{
	margin: 0;
	padding: 0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight: 500;
}

button{font-family: "游ゴシック体", "Yu Gothic", YuGothic , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: 500;
}

a{
	text-decoration: none;
	color: #356D9C;
}

p{
	font-size: 1.2rem;
	letter-spacing: 1px;
}

button{border: none;}

.container{
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 20px;
}

dl,dt,dd{
	font-size: 1.4rem;
	padding: 5px 0;
}

dl{margin: 10px 0;}

/*** ヘッダー ***/
.header{width: 100%;}

.header_upper{
	display: flex;
	display: -webkit-flex;
}

iframe.wp-embedded-content {width:100%;}

.logo{padding: 15px 0 0;}

.logo h1 img{width: 100px;}

.copy p{
	margin-top: 50px;
	margin-left: 50px;
}

.toiawase{
	display: block;
	background: #ffd700;
	border-radius: 5px;
	padding: 20px;
	height: 120px;
	margin-top: -30px;
	margin-left: auto;
	transition: all 0.5s;
}

.toiawase:hover{
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	background: #053468;
}

.toiawase p a{
	display: block;
	padding-top: 60px;
	padding-bottom: 20px;
	color: #000000;
	font-weight: bold;
	transition: all 0.5s;
}

.toiawase:hover p a{color: #fff;}

.login {
	float: right;
	border-radius: 5px;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	padding:  0px 20px 50px 20px;
	height: 40px;
	margin-top: 40px;
	margin-right: 10px;
	margin-left: auto;
	background-color: rgba(53, 110, 156, 1);
	transition: all 1s;
}

.login:hover {
	display: block;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}

.login:active {
	display: block;
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.login p a{
	display: block;
	color: #ffffff;
	font-weight: bold;
}

.labo{
	padding: 15px 0 0;
	margin: 20px 0 0;
}

.labo h1 img{width: 100px;}

/*** フッター ***/
.footer{
	margin-top: 40px;
	background: #356D9C;
	padding: 40px 0;
}

.footer_contents{
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 20px;
}

.footer_navi_box{width: 70%;}

.footer_navi ul{
	width: 49%;
	float: left;
}

.blog_navi ul{
	width: 49%;
	float: right;
}

.footer_navi li a, .blog_navi li a{
	display: block;
	color: #fff;
	font-size: 1.2rem;
	padding: 5px 0;
	font-weight: bold;
	margin-bottom: 15px;
}

.sub-menu li a{
	margin-left: -150px;
	margin-top: -10px;
	font-size: 1.1rem;
	font-weight: normal;
}

.footer_toiawase{ 
	display: block;
	width: 27%;
	border: solid 1px #fff;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
}

.footer_toiawase h3{
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}

span.phone, span.email a{
	display: block;
	font-size: 1.4rem;
	color: #fff;
	margin: 10px 0;
}

span.phone a{color: #fff;}

.footer_toiawase i{margin-right: 10px;}

.footer_toiawase h3.shibuya{margin-top: 40px;}

.footer_toiawase address{
	font-size: 1.1rem;
	color: #fff;
}

.footer_toiawase button{
	border: solid 1px #fff;
	background: none;
	font-size: 0.8rem;
	padding: 5px 10px;
	border-radius: 3px;
	cursor: pointer;
	margin: 10px auto 0 auto;
	transition: all 0.5s;
}

.footer_toiawase button a{
	transition: all 0.5s;
	color: #fff;
}

.footer_toiawase button:hover{background: #fff;}

.footer_toiawase button:hover a{color: #356D9C;}

.footer small{
	display: block;
	color: #fff;
}

/*** トップページ ***/
/* スライドショー */
.slideshow{
	max-height: 1000px;
	margin: 10px 0 30px 0;
	overflow-y: hidden;
}

/* 入試情報 */
.nyushi_info{margin: 20px 0;}

.nyushi_info li a{
	display: block;
	color: #000;
	font-size: 1.1rem;
}

/* 特徴一覧 */
.tokuchou{
	background: #F4F4F9;
	border-radius: 5px;
	padding: 30px 40px;
}

.tokuchou ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.tokuchou li{
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
}

.tokuchou button:hover{
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
	transform: translateY(4px);
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
}

/* カテゴリ名表示 */
.news .cat, .kiji_ichiran .cat{
	float: left;
	font-size: 1rem;
	margin: 0 10px;
	padding: 3px;
	border: solid 1px #808080;
	border-radius: 3px;
	background: #fff;
	min-width: 80px;
	text-align: center;
}

/* カテゴリー色分け */
.news .important, .kiji_ichiran .important{
	background: #E75A7C;
	color: #fff;
	border: none;
}

.news .info, .kiji_ichiran .info{
	background: #356D9C;
	color: #fff;
	border: none;
}

.news .class, .kiji_ichiran .class{
	background: #053468;
	color: #fff;
	border: none;
}

.news .press, .kiji_ichiran .press{
	background: #B8DBD9;
	color: #fff;
	border: none;
}

.news .interview, .kiji_ichiran .interview{
	/* background: #ffb6c1; */
	background: #ff69b4;
	color: #ffffff;
	border: none;
}

.news .event, .kiji_ichiran .event{
	background: #ffbc7a;
	color: #ffffff;
	border: none;
}

.news .new-page, .kiji_ichiran .event{
	background: #4682b4;
	color: #ffffff;
	border: none;
}

.news .media, .kiji_ichiran .media{
	background: #66cdaa;
	color: #ffffff;
	border: none;
}

.news .report, .kiji_ichiran .report{
	background: #d8b2ff;
	color: #ffffff;
	border: none;
}

/* イベント申し込み用スタイル */
input[type="checkbox"].seminar-chk:disabled + span.seminar-title {
    text-decoration: line-through;
    opacity: 0.8;
}

/* バナー・SNS */
.side li, .social li{margin-bottom: 20px;}

.blog_ban img{
	width: 100%;
	max-width: 300px;
}

h2.blog, .social h2{
	font-weight: bold;
	color: #053468;
	text-align: center;
	font-size: 1.3rem;
	margin: 0px auto 10px auto;
	padding-bottom: 7px;
}

.social h2{margin: 40px auto 10px auto;}

li.twi, li.face, li.youtube, li.insta, li.note{
	display: block;
	text-align: center;
}

.social li{
	background: #fff;
	border-radius: 5px;
	padding: 10px 0;
	border: solid 2px #fff;
	transition: all 0.5s;
}

.social li i{
	font-size: 25px;
	margin-bottom: 5px;
}

.social li a{
	display: block;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}

li.twi a{color: #55acee;}

li.twi:hover{border: solid 2px #55acee }

li.face a{color: #3b5998;}

li.face:hover{border: solid 2px #3b5998;}

li.youtube a{color: #cd201f;}

li.youtube:hover{border:solid 2px #cd201f;}

li.insta a{color: #3b5998;}

li.insta:hover{border:solid 2px #3b5998;}

li.note a{color: #41C9B4;}

li.note:hover{border:solid 2px #41C9B4;}

/*** コンテンツページ ***/
/* タイトル */
.page_subject h1{
	padding: 30px 0;
	font-size: 2rem;
	font-weight: bold;
	border-bottom: solid 1px #356D9C;
	letter-spacing: 1px;
}
/* パンくず */
.pankuzu{margin: 10px 0;}

.pankuzu span{font-size: 1.1rem;}

/* サイドバーとコンテンツボックス */
.page_sideandcontents{padding-top: 40px;}

/* サイドバー */
.sidebar ul{margin-bottom: 30px;}

.sidebar .children{display: none;}

.sidebar li{
	display: block;
	background: rgba(184, 206, 212, 0.4);
	box-shadow: 0px 2px 0px 0px #438598;
	border: solid 1px rgba(184, 206, 212, 0.4);
	border-radius: 3px;
	margin: 10px 0;
	transition: all 0.3s;
}

.sidebar li a{
	display: block;
	color: #000;
	font-size: 1.1rem;
	padding: 10px;
	transition: all 0.3s;
}

.sidebar li:hover{
	border: solid 1px rgba(184, 206, 212, 1);
	background: rgba(53, 110, 156, 0);
	transform: translateY(2px);
	-webkit-transform: translateY(2px);
	box-shadow: none;
}

.sidebar li.current_page_item, .sidebar li.current-cat{
	border: solid 1px rgba(184, 206, 212, 1);
	background: rgba(53, 110, 156, 0);
	box-shadow: none;
}

.sidebar li.current_page_item:hover, .sidebar li.current-cat:hover{
	transform: none;
	-webkit-transform: none;
}

/* ブログ画像 */
.blog_image{width: 100%;}

.blog_image img{width: 100%;}

/* コンテンツ部分 */
/* 見出し */

.page_contents > h2 {
	font-size: 1.8rem;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 25px 0 18px 0;
}

.page_contents > h2 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #3498db;
        background-color: #f5f5f5;
}

.page_contents h3 {
	font-size: 1.7rem;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 20px 0 18px 0; 
        text-align: center;     
}

.page_contents h3 {
	padding-bottom: .5em;
	border-bottom: 1px solid #3498db;
}

.contents h3 {
	padding-bottom: .5em;
	border-bottom: 1px solid #3498db;
}

.contents h4 {
	font-size: 1.5rem;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 20px 0 18px 0;  
}

.contents h4 {
	position: relative;
	padding: 0 .4em .1em;
}
.contents h4::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #b6f0fc;
}

/* 本文 */
.contents p{
	font-size: 1.4rem;
	line-height: 2em;
	padding: 10px 0;
	word-break: normal; /* ns@20181111 break-all to normal*/ 
}

/* 太字 */
.page_contents p strong, .blog_contents p strong{font-weight: bold;}

/* 斜体 */
.page_contents p em, .blog_contents p em{font-style: italic;}

/* 引用 */
.page_contents blockquote, .blog_contents blockquote{
	padding: 15px;
	margin: 10px 0;
	background: #f0f0f0;
	border-radius: 5px;
}

/* ボックス */
div.box {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
div.box::before {
    background-color: #fff;
    color: #da4033;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

div.box2 {
    border: 4px double #ddd;
    margin: 2em 0;
    padding: 2em;
}

div.box3 {
    background-color: #eee;
    margin: 2em 0;
    padding: 2em;
}


div.box4 { 
background-color: #fff; /* 内容の背景色 */ 
border: 1px #1C79C6 solid; /* 枠線（太さ・色・スタイル） */ 
} 

div.box4 H5 { 
background-color: #1C79C6; /* 見出しの背景色 */ 
font-size: 20pt; /* 見出しの文字サイズ */ 
color: #FFFFFF; /* 見出しの文字色 */ 
margin: 0; /* スペースを削除 */ 
text-align: center; /* 見出し文字の位置 */ 
font-weight: bold;
} 

div.box4 P { 
margin: 0; /* スペースを削除 */ 
text-align: center; /* 内容の文字の位置 */ 
} 

div.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
div.box5 p {
    margin: 0; 
    padding: 0;
}

/* ボタン */

.button {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
    text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-size: 1.4em;
    font-weight: bold;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: rgba(53, 110, 156, 1);
	border: 2px solid rgba(53, 110, 156, 1);
	color: #fff;
	line-height: 50px;
}
.button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.button {
  color: #FFF;
  position: relative;
  padding-left: 30px;
}
.button::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

.button2 {
	display: inline-block;
	width: 320px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button2 {
	background-color: rgba(53, 110, 156, 1);
	color: #fff;
}
.button2:hover {
	background-color: #59b1eb;
}

/*講師募集ボタン*/
.button2_pc {
	display: inline-block;
	width: 340px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 54px;
	outline: none;
	border-radius: 5px;
}
.button2_pc::before,
.button2_pc::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2_pc,
.button2_pc::before,
.button2_pc::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button2_pc {
	background-color: rgba(53, 110, 156, 1);
	color: #fff;
}
.button2_pc:hover {
	background-color: #59b1eb;
}

.button2_pc {
	display: inline-block;
	width: 340px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 54px;
	outline: none;
	border-radius: 5px;
}
.button2_pc::before,
.button2_pc::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

/* オレンジのボタン　*/
.btn-gradation {
  display: inline-block;
  /* width: 1000px; */
  text-align: center;
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 4px;
  background-image: linear-gradient(-90deg, #FF006E, #FFD500);
  transition: .5s;
  background-size: 200%;
}

.btn-gradation:hover {
  background-position: right center;
}

/* オレンジの丸ボタン　*/
.button4 {
  display: inline-block;
  padding: 20px 50px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}

.button4:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

/* オレンジの丸ボタン：個別相談フォーム用 ns@202111127*/
.button4r1 {
  display: inline-block;
  height: 80px;
  width: 330px;
  font-size: 20px;
  padding: 10px 10px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}

.button4r1:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}


/* マーカー */
.marker {
 background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold; 
}

.marker_yellow_hoso {
 background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold; 
}

/* リスト */
.page_contents ul li, .page_contents ol li, .blog_contents ul li, .blog_contents ol li{
	font-size: 1.4rem;
	line-height: 1.5em;
	margin-left: 20px;
	padding: 10px 0;
	list-style-type: square;
}

/* メインイメージ */
.main_image{
	width: 100%;
	max-height: 280px;
	overflow-y: hidden;
}

.main_image img{
	position: relative;
	top:20%;
}

/* テーブル */
table.type06, th, td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
}

table.type06 th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #3f3f3f;
  color: #ffffff;
}
table.type06 td {
  width: 350px;
  padding: 10px;
  vertical-align: top;
}

/* 画像 */
.contents img{
	width: 100%;
	height: auto;
}

img.pdficon{width: 17px;}

img.mentor{width: 150px;}

img.name{width: 150px;}

img.room{width: 330px;}

/* コンテンツ内詳細 */
.detail{
	background: #f4f4f4;
	padding: 10px 15px;
	margin: 7px 0;
	border-radius: 3px;
}

.detail h2{
	font-size: 1.3rem;
	padding: 15px 0;
	margin-bottom: 5px;
	letter-spacing: 1px;
	font-weight: bold;
	border-bottom: solid 1px rgba(184, 206, 212, 0.8);
}

.detail p{
	font-size: 1.3rem;
	line-height: 2em;
	padding: 10px 0;
}

/* プロフィール */
ul.profile{
	margin: 0;
	padding: 0;
}

ul.profile li{
	display: block;
	list-style: none;
	width: 100%;
	margin: 0 0 30px 0;
	font-size: 1.4rem;
}

ul.profile li span{
	font-weight: bold;
	margin: 15px 10px;;
}

ul.profile li p{
	display: block;
	margin: 0;
	padding: 10px;
}

ul.profile img{
	width: 100%;
	margin-bottom: 20px;
	padding: 0;
}

.prof_detail_button{
	font-size: 1.1rem;
	background: #356D9C;
	color: #fff;
	padding: 5px 10px;
}

.prof_detail_button i{
	margin-left: 10px;
}

/* 小分類メニューボタン */
button.shoubunrui{
	display: block;
	width: 100%;
	background: none;
	border: solid 1px #356D9C;
	font-size: 1.2rem;
	text-align: left;
	transition: all 0.3s;
	margin: 0 0 20px 0;
	padding: 7px 10px;
	cursor: pointer;
	color: #356D9C;
}

button.shoubunrui i{
	float: right;
	margin-right: 5px;
	font-size: 20px;
}

button.shoubunrui:hover{
	background: #356D9C;
	color: #fff;
}

button.shoubunrui:hover a{color: #fff;}

/*** ブログ記事ページ ***/
/* サイドバー */
.sidebar h3{
	font-size: 1.3rem;
	text-align: center;
	padding-bottom: 20px;
}

/* ブログタイトル */
.blog_info{
	margin: 10px 0 20px 0;
	display: flex;
	display: -webkit-flex;
}

.blog_info time{
	display: block;
	font-size: 1.2rem;
	margin-right: 15px;
}

.blog_title h2{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0;
}

.category{font-size: 1.2rem;}

.category i, time i{margin-right: 5px;}

/* YouTube横幅 */
.movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/* CTA */
.awac-wrapper .cta-box{
	border: solid 2px #007BC7;
	width: 100%;
	max-width: 800px;
	margin: 40px auto;
}

.awac-wrapper .cta-text p{
	margin:  0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.awac-wrapper .cta-midashi{
	background-image: linear-gradient( 35deg, #007BC7 0%, #005589 100%);
	padding: 25px;
}

.textwidget .cta-midashi h2{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}

.textwidget .cta-midashi h3{
	background: #fff;
	font-size: 18px;
	text-align: center;
	color: #007BC7;
	border-radius: 50px;
	font-weight: bold;
	margin: 20px 60px 0 60px;
	padding: 5px 0;
}

.textwidget .cta-midashi .h2like{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
}

.textwidget .cta-midashi .h3like{
	background: #fff;
	font-size: 18px;
	text-align: center;
	color: #007BC7;
	border-radius: 30px;
	font-weight: bold;
	margin: 20px 30px 0 30px;
	padding: 5px 10px;
}

.awac-wrapper .cta-btn{
	background: #007BC7;
	text-align: center;
	margin: 0 40px;
	border-radius: 7px;
	box-shadow: 0px 5px 0px 0px #005589;
	transition: all 0.3s;
}

.awac-wrapper .cta-btn:hover{
	transform: translateY(5px);
	box-shadow: none;
	background: #91d5ff;
}

.awac-wrapper .cta-btn a{
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
}

.awac-wrapper .cta-btn:hover a{
	color: #000;
}


/****** 889px以上 ******/
@media(min-width: 889px){

/* CTA */
.awac-wrapper .cta-box{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.awac-wrapper .cta-text{
	width: 73%;
}

.awac-wrapper .cta-image{
	width: 27%;
height:300px;
overflow: hidden;
}

.awac-wrapper .cta-image img{
height: 100%;
}

/* 非表示 */
.english_sp,.button2_sp,.labo_sp,.login_sp, .toiawase_sp, .nav_button, .sp_submenu, .sp_submenu_button, .sp_cat_button, .sp_archive_button, .sp_cat, .sp_archive, .sp_desc, .tel_icon_sp{display: none;}

.navigation ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 15px 0;
}

.tokuchou li{width: 30%;}

.tokuchou button{
	display: block;
	border: none;
	background: #356D9C;
	box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.50);
	border-radius: 4px;
	width: 100%;
	height: 90px;
	margin-top: 20px;
	cursor: pointer;
	transition: all 0.2s;
}

.newsandside{
	display: flex;
	display: -webkit-flex;	
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.page_sideandcontents{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	
}

.footer_naviandtoiawase{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 30px;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.newsandside{
	display: flex;
	display: -webkit-flex;	
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

/* ナビゲーション */
.navigation{display: block!important}

.navigation li a{
	display: block;
	font-weight: bold;
	font-size: 1.3rem;
	letter-spacing: 1px;
	color: #000;
	padding: 10px 0;
	transition: all 0.5s;
	border-bottom: solid 2px #fff;
}

.navigation li.current-menu-item, .navigation li.current-page-ancestor{
	color: #356D9C;
	border-bottom: solid 2px #356D9C;
}

.navigation li a:hover{
	color: #356D9C;
	border-bottom: solid 2px #356D9C;
}

.navigation li.current-menu-item:hover, .navigation li.current-page-ancestor:hover{color: #000;}

/* トップページ入試情報 */
.nyushi_info{
	display: flex;
	display: -webkit-flex;
	height: 150px;
}

.nyushi_info ul::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.nyushi_info h2{
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	letter-spacing: 1px;
	width: 16%;
	padding: 20px 0;
	text-align: center;
	background: #356D9C;
}

.nyushi_info h2 i{margin-right: 10px;}

.nyushi_info ul{
	width: 84%;
	border: solid 1px #356D9C;
	overflow-y: auto;
}

.nyushi_info ul::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.nyushi_info ul::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(53, 110, 156, 0.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.nyushi_info li{
	display: block;
	border-bottom: solid 1px #356D9C;
}

.nyushi_info li a{padding: 10px 15px;}

/* トップページ最新情報 */
.news{
	width: 70%;
	background: #F4F4F9;
	border-radius: 5px;
	padding: 30px 40px;
	margin-top: 40px;
}

.news h2.subject{
	font-size: 1.5rem;
	font-weight: bold;
	color: #053468;
	letter-spacing: 2px;
}

.news h2.subject.blog{
	font-size: 1.5rem;
	font-weight: bold;
	color: #053468;
	letter-spacing: 2px;
	margin-top: 40px;
	text-align: left;
}

.news li:after, .kiji_ichiran li:after{
	content: "";
	display: block;
	clear: both;
}

.news li{
	width: 100%;
	margin: 10px 0;
	padding: 10px 5px;
	transition: all 0.3s
}

.news li:hover{background: #fff;}

.news li a, .kiji_ichiran li a{color: #000;}

.news time, .kiji_ichiran time{
	min-width: 60px;
	float: left;
}

.news li h2{
	font-size: 1.1rem;
	color: #000;
	letter-spacing: 0;
	margin-left: 180px;
}

/* ブログ記事一覧 */
.kiji_ichiran li{
	margin: 10px 0 20px 0;
	padding: 10px 5px;
	transition: all 0.3s
}

.kiji_ichiran li h2{
	font-size: 1.3rem;
	margin: 0 0 0 170px;
	padding: 0;
	font-weight: normal;
}

.kiji_ichiran .bloginfo time{font-size:1.3rem;}

/* トップページサイドバー */
.side{
	width: 28%;
	background: #F4F4F9;
	border-radius: 5px;
	padding: 30px 10px;
	margin-top: 40px;
}

.side ul{
	width: 100%;
	margin: 0 auto;
}

.sidebar{
	width: 22%;
	float: left;
}

.contents{
	margin-top: 0;
	width: 75%;
	float: right;
}

.kiji_ichiran_subject h2{
	margin-bottom: 20px;
	padding: 0;
}

/* メンター非表示 */
.sp_button_mentor, .sp_mentor{display: none;}

/* メンターテーブル */
#table_koza{
	width: 100%;
	margin: 20px auto;
}

#table_koza p{font-size: 1.2rem;}

#table_koza th, #table_koza td{padding: 15px;}

#table_koza tr{
	margin: 10px 0;
	padding: 10px 0;
	font-size: 1.2rem;
	border-bottom: solid 1px #356D9C;
}

#table_koza tr:nth-child(1){
	background: #356D9C;
	color: #fff;
}

#table_koza tr:nth-child(1) th{
	text-align: center;
	font-weight: bold;
}

#table_koza td:first-child{width: 22%;}

#table_koza td{width: auto;}

}


/* 関連ブログ引用 */
.ao_info_link {
	font-size: 1.5rem;
	line-height: 2em;
}


/*************** 888px以下 ***************/
@media(max-width: 888px) {

/* 画像 */
.contents img{
	width: 100%;
	height: auto;
}	
	
/* CTA */
.textwidget .cta-midashi h2{font-size: 20px;}

.textwidget .cta-midashi h3{
	margin: 10px;
	font-size: 13px;
}

.textwidget .cta-text p{font-size: 12px;}

.textwidget .cta-btn{margin: 20px;}

.textwidget .cta-image{display: none;}

/* コンテンツ透明化 */
.contents_box{transition: all 0.3s;}

.blackout{opacity: 0.1;}

/* ヘッダー */
.header{
	width: 100%;
	position: fixed;
	background: #fff;
	margin: 0;
	top:0;
	left: 0;
	border-bottom: solid 1px #356D9C;
	z-index: 999;
}

.logo h1{
	width: 65px;
	padding: 0;
	margin-left: 20px;
}

.logo h1 img{width: 100%;}

.sp_desc{
	display: block;
	width: 100%;
}

.sp_desc p{
	color: #356D9C;
	padding: 7px;
	text-align: center;
	font-weight: bold;
}


/* ヘッダー分マージン */
.page_subject{margin-top: 100px;}

.sp_desc{margin-top: 90px;}
	
/* ナビゲーション・コピー・問い合わせ非表示 */
.button2_pc,.labo,.login, .toiawase, .navigation, .copy, .footer_navi, .blog_navi, .sidebar{display: none;}

/* 問い合わせボタン */
.toiawase_sp{
	display: block;
	position: absolute;
	top: 20px;
	right: 60px;
	height: 35px;
	line-height: 35px;
	background: #ffa500;
	border-radius: 5px;
}

.toiawase_sp a{
	font-size: 10px;
	color: #fff;
	padding: 8px;
}

.toiawase_sp i{
	color: #fff;
	font-size: 13px;
	margin-right: 5px;
}

/* ログインボタン */
.login_sp{
	display: block;
	position: absolute;
	top: 20px;
	right: 145px;
	height: 35px;
	line-height: 35px;
	background: rgba(53, 110, 156, 1);
	border-radius: 5px;
}

.login_sp a{
	font-size: 10px;
	color: #fff;
	padding: 8px;
}

.login_sp i{
	color: #fff;
	font-size: 13px;
	margin-right: 5px;
}

/* 英語サイトボタン */
.english_sp{
	display: block;
	position: absolute;
	top: 20px;
	right: 145px;
	height: 35px;
	line-height: 35px;
	background: rgba(53, 110, 156, 1);
	border-radius: 5px;
}

.english_sp a{
	font-size: 10px;
	color: #fff;
	padding: 8px;
}

.english_sp i{
	color: #fff;
	font-size: 13px;
	margin-right: 5px;
}	
	
/* 洋々LABOボタン */
.labo_sp {
	display: block;
	position: absolute;
	top: 15px;
	right: 145px;
	height: 35px;
	line-height: 35px;
	background: rgba(53, 110, 156, 1);
	border-radius: 5px;
}

.labo_sp h1 img{width: 100%;}
	
/*講師募集ボタン*/
.button2_sp {
	display: inline-block;
	width: 340px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 54px;
	outline: none;
	border-radius: 5px;
}
.button2_sp::before,
.button2_sp::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2_sp,
.button2_sp::before,
.button2v::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button2_sp {
	background-color: rgba(53, 110, 156, 1);
	color: #fff;
}
.button2_sp:hover {
	background-color: #59b1eb;
}

.button2_sp {
	display: inline-block;
	width: 340px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 54px;
	outline: none;
	border-radius: 5px;
}
.button2_sp::before,
.button2_sp::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

/* ナビゲーションボタン */
.nav_button{
	display: block;
	position: absolute;
	top: 20px;
	right: 15px;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background: #fff;
	border: solid 1px rgba(53, 110, 156, 1);
	cursor: pointer;
}

.nav_button i{
	display: block;
	color: rgba(53, 110, 156, 1);
	font-size: 15px;
	padding: 10px;
}

/* ナビゲーション */
.navigation li a{
	display: block;
	font-size: 1.3rem;
	letter-spacing: 1px;
	color: #fff;
	padding: 10px;
	margin-top: 4px;
	background: rgba(53, 110, 156, 1);
}

/* フッター */
.footer{transition: all 0.3s;}

.footer_toiawase{ 
	display: block;
	width: 100%;
	border: solid 1px #fff;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
}

.footer small{text-align: center;}

/* サブメニュー・カテゴリー用ボタン */
.sp_submenu_button{
	display: block;
	color: #fff;
	width: 100%;
	padding: 10px;
	background: rgba(53, 110, 156, 1);
	text-align: left;
	margin: 0;
}

/* ブログカテゴリー・アーカイブボタン */
.sp_buttons{
	display: flex;
	display: -webkit-flex;	
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 120px;
}

.sp_cat_button, .sp_archive_button{
	display: block;
	color: #fff;
	width: 49%;
	padding: 10px;
	background: rgba(53, 110, 156, 1);
	text-align: left;
	margin: 0;
}

.sp_submenu_button i, .sp_cat_button i, .sp_archive_button i{
	float: right;
	font-size: 18px;
}

.sp_submenu, .sp_cat, .sp_archive{
	display: none;
	font-size: 1.2rem;
	border: solid 1px rgba(53, 110, 156, 1);
}

.sp_submenu .children{display: none;}

.sp_submenu ul, .sp_cat ul, .sp_archive ul{
	padding: 0;
}

.sp_submenu li a, .sp_cat li a, .sp_archive li a{
	display: block;
	padding: 10px;
	border-bottom: solid 1px rgba(53, 110, 156, 0.5);
}

/* トップページ入試情報 */
.nyushi_info h2{
	color: #fff;
	font-size: 1.3rem;
	background: #356D9C;
	width: 100%;
	padding: 5px;
	text-align: center;
}

.nyushi_info h2 i{margin-right: 5px;}

.nyushi_info ul{
	height: 100px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	border: solid 1px #356D9C;
}

.nyushi_info li{
	background: #eee;
	margin-bottom: 5px;
}

.nyushi_info li a{padding: 8px 10px;}

/* インデックス特徴 */
.tokuchou li{
	padding: 10px 5px;
	width: 50%;
}

.tokuchou button{
	display: block;
	border: none;
	background: #356D9C;
	box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.50);
	border-radius: 4px;
	width: 100%;
	height: 60px;
	margin-top: 20px;
	cursor: pointer;
	transition: all 0.2s;
}

.tokuchou button img{width: 35px;}

/* トップページ最新情報 */
.news{
	width:100%;
	background: #F4F4F9;
	border-radius: 5px;
	padding: 10px;
	margin-top: 40px;
}

.news h2.subject{
	font-size: 1.5rem;
	font-weight: bold;
	background: #fff;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
	color: #000;
}

.news li{
	margin-bottom: 30px;
	padding: 5px 10px;
	border-bottom: solid 1px #a8a8a8;
}

.news li a{color: #000;}

.news li h2{
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	font-size: 1.3rem;
	color: #000;
	letter-spacing: 0;
}

.news .bloginfo{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.news time{
	padding: 0;
	margin-right: 10px;
	font-size: 1rem;
}

.news .cat{
	padding: 3px;
	border-radius: 3px;
	margin: 0;
	width: 60px;
	text-align: center;
}

/* トップページバナー・SNSサイドバー */
.side{
	width: 100%;
	background: #F4F4F9;
	border-radius: 5px;
	padding: 30px 20px;
	margin-top: 40px;
}

/* SNS横並び */
.social ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.social li{width: 30%;}

/* ブログ横並び */
.blog_ban{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

/* ブログ記事一覧 */
.page_sideandcontents{padding: 0;}

.kiji_ichiran_subject{
	margin: 20px 0 10px 0;
	border-top: solid 1px rgba(53, 110, 156, 1);
	border-bottom: solid 1px rgba(53, 110, 156, 1);
}

.kiji_ichiran_subject h2{
	text-align:center;
	padding: 10px 0;
}

.kiji_ichiran .bloginfo{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.kiji_ichiran li{
	margin-bottom: 30px;
	border-bottom: solid 1px #a8a8a8;
	padding: 5px 10px;
}

.kiji_ichiran li a{color: #000;}

.kiji_ichiran time{
	padding: 0;
	margin-right: 10px;
	font-size: 1rem;
}

.kiji_ichiran .cat{
	padding: 3px;
	border-radius: 3px;
	margin: 0;
	width: 60px;
	text-align: center;
}

.kiji_ichiran li h2{
	margin: 0;
	padding: 5px 0;
	font-size: 1.3rem;
}

/* 記事ページタイトル */
.blog_title h2{margin: 25px 0 3px 0;}

/* メンター非表示 */
#table_koza, #mentor_list{display: none;}

/* メンターリスト */
.sp_button_mentor{
	display: block;
	width: 100%;
	background: #356D9C;
	color: #fff;
	font-size: 1.1rem;
	padding: 10px;
	margin: 0;
}

.sp_button_mentor i{
	margin-left: 10px;
	font-size: 16px;
}

.sp_mentor{
	display: none;
	border-left: solid 1px #356D9C;
	border-right: solid 1px #356D9C;
	border-bottom: solid 1px #356D9C;
}

.sp_mentor li{
	display: block;
	font-size: 1.1rem;
	padding: 10px;
	border-top: solid 1px #356D9C;
}

}


/*** 600px未満 ***/
@media(max-width: 600px){
/* 非表示 */
.english_sp{display: none;}
	
/* インデックス特徴 */
.tokuchou{
	margin: 0;
	padding: 10px;
}

/* 本文フォントサイズ */
.contents p{
	letter-spacing: 0px;
	padding: 10px 0;
}

}

/* メンターテーブル */
.table_koza{
	width: 100%;
	margin: 20px auto;
	table-layout: fixed;
    word-break: break-all;
    /* word-wrap: break-all; */
}

.table_koza p{font-size: 1.2rem;}

.table_koza th, #table_koza td{padding: 15px;}

.table_koza tr{
	margin: 10px 0;
	padding: 10px 0;
	font-size: 1.2rem;
	border-bottom: solid 1px #356D9C;
}

.table_koza tr:nth-child(1){
	background: #356D9C;
	color: #fff;
}

.table_koza tr:nth-child(1) th{
	text-align: center;
	font-weight: bold;
}

.table_koza td:first-child{width: 22%;}

.table_koza td{width: auto;}

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


/* added for top page renewal ns@20220307 */

h2.section-title{
	padding: 10px;
	/* color: #007BC7;
	background: rgba(0, 123, 199, 0.1);
	border-left: 5px solid #007BC7; */
	color: #FFFFFF;
	background: #356D9C;
	border-left: 5px solid #0096d1;
	margin: 30px 0 10px;
	font-size: 1.8rem;
}

h3.section-title{
	padding-bottom: .5em;
	border-bottom: 1px solid #3498db;
	font-size: 1.7rem;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 20px 0 18px 0; 
    text-align: center;
}

.article-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.article-list article{
	width: 47%;
	margin-bottom: 30px;
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-flow: row;
	justify-content: flex-end;
}

.article-list article a{
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	width: 100%;
	height: 270px;
	color: #000;
	position: relative;
}

.article-list article a h3, .article h1{
	padding: 10px 0;
	line-height: 1.3em;
	font-size: 1.6rem;
}

.article h1{font-size: 2rem;}

.article-list .flag-new{
	position: absolute;
	width: 70px;
	top: 10px;
	left: 10px;
}

.article-list .flag-new img{width: 100%;}

.article-list .post-info, .article .post-info{
	background: rgba(255, 255, 255, 0.9);
	padding: 15px;
	transition: all 0.3s;
}

.article-list .cat-time, .article .cat-time{
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 700;
}

.article-list .category, .article .category{
	margin-right: 8px;
	border: solid 1px #007BC7;
	padding: 3px 6px;
	transition: border 0.3s;
}

.article-list article:hover .post-info{
	background: #007BC7;
	color: #fff;
}

.article-list article:hover .category{border: solid 1px #fff;}

.btn-kobetsu a{
	display: block;
	border: solid 2px #007BC7;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	color: #007BC7;
	font-size: 1.6rem;
	margin: 10px 0;
}

.btn-kobetsu i{margin-right: 10px;}

.btn-kobetsu a:hover{
	background: #007BC7;
	color: #fff;
}

.btn-kobetsu i{margin-right: 10px;}



/* 以下you2laboのsidebarから拝借 ns@20220222 */
.strength-list h2{
	padding: 10px;
	margin-bottom: 12px;
	color: #007BC7;
	background: rgba(0, 123, 199, 0.1);
	border-left: 5px solid #007BC7;
}

.strength-list .thumbnail{
	min-width: 120px;
	width: 30%;
	height: 200px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.strength-list ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.strength-list li{margin: 10px 0;}

/* 889px以上（ここだけ） */
@media(min-width: 889px){
.strength-list li{width: 47%;}
}

/* .strength-list li:last-child{margin-bottom: 30px;} */

.strength-list li a{
	display: flex;
	background: #f0f0f0;
	transition: all 0.3s;
	border: 1px solid #FFF;
}

.strength-list .post-info{
	padding: 10px 7px;
	color: #000;
	font-size: 1.5rem;
}

.strength-list .post-info .category{
	display: inline-block;
	margin-right: 10px;
	border: solid 1px #007BC7;
	padding: 2px 4px;
	background: #fff;
}

.strength-list .post-info time{
	display: inline-block;
	margin: 5px 0;
}

.strength-list .post-info h3{
	margin: 5px 0;
	padding: 5px;
	font-size: 1.5rem;
	line-height: 2rem;
	transition: all 0.3s;
}

.strength-list li:hover a{
	background: #fff;
	border: 1px solid #007BC7;
}

.strength-list li:hover .post-info h3{color: #007BC7;}

.strength-list p{
	padding: 10px 7px;
	color: #000;
	font-size: 1.5rem;
}


/* 801px以上（ここだけ） */
@media(min-width: 801px){
	.notice{
		background: #F4F4F9;
		border-radius: 5px;
		padding: 10px 10px;
		margin: 0px 0px 10px;
		font-weight:bold;
		text-decoration:underline;
	}

	.notice p{
		font-size: 2rem;
	}
}
.notice:hover{
	background: #356d9c;
	color: #ffffff;
}

.notice:hover a{
	color: #ffffff;
}


/* ===============800px未満=============== */
@media screen and (max-width:800px){

/* 記事一覧 */
.article-list article{width: 49%;}

.article-list article a{height: 230px;}

.article-list article a h3{font-size: 1.2rem;}
	
.article-list .cat-time{display: block;}

.article-list .post-info{padding: 5px;}
	
.article-list .category{
margin: 0 0 5px 0;
font-size:1rem;
text-align:center;
}

.notice{
	background: #F4F4F9;
	border-radius: 5px;
	padding: 10px 5px;
	margin: 0px 0px 10px;
	font-weight:bold;
	text-decoration:underline;
}

.notice p{
	font-size: 1.2rem;
}



}/* 800px未満 ここまで*/


@media screen and (max-width:888px){
.tel_icon_sp{
	display: block;
	position: absolute;
	top: 20px;
	right: 215px;
	height: 35px;
	line-height: 35px;
}

.tel_icon_sp i{
	color: rgba(53, 110, 156, 1);
	font-size: 13px;
	margin-right: 5px;
}
}

/* kobetsu_added ns@20220307 */

.kobetsu_form .radio_input, .kobetsu_form .college .check, .study_type .check{
  display: none;
}

.kobetsu_form .radio_input + label, .kobetsu_form .check + label{
  display: inline-block;
  box-sizing: border-box;
  font-size: 1.3rem;
  font-weight: 600;
  color: #232323;
  border: solid 1px #007BC7;
  border-radius: 5px;
  margin: 0 15px;
  padding: 5px 10px;
  background-color: #fff;
  cursor: pointer;
  text-align: center; 
  width: 100%;
}

.kobetsu_form .radio_input:checked + label, .kobetsu_form .check:checked + label{
  color: #fff;
  background-color: #007BC7;
}


/* ========== 880px未満 ========== */
@media screen and (max-width:880px){
	.kobetsu_form .radio_input + label{
		margin: 0 5px;
	}
}



/* 個別相談フォーム用 ns@202111127*/
.kobetsu_form {
	font-size: 1.6rem;
	line-height: 2em;
	padding: 20px 0;
	word-break: normal; /* ns@20181111 break-all to normal*/ 
}

.kobetsu_form p{
	font-size: 1.7rem;
	line-height: 2em;
	padding: 10px 0;
	word-break: normal; /* ns@20181111 break-all to normal*/ 
}

.kobetsu_form > h2 {
	font-size: 1.8rem;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 25px 0 18px 0;
}

.kobetsu_form > h2 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #3498db;
        background-color: #f5f5f5;
}

.kobetsu_form ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin: 5px 5px 0px;
}

.kobetsu_form ul li{
	width: 28%;
	font-size: 1.3rem;
	margin: 5px 5px 0px;
}

.kobetsu_form ul li#li_tel{
	width: 100%;
	font-size: 1.7rem;
	margin: 10px 5px 0px 0px;
}

.kobetsu_form #interviewtel{
	width: 80%;
}



/* トップページの講座紹介 ns@20220311 */
.topkouza-list h2{
	padding: 10px;
	margin-bottom: 12px;
	color: #007BC7;
	background: rgba(0, 123, 199, 0.1);
	border-left: 5px solid #007BC7;
}

.topkouza-list .thumbnail{
	/* min-width: 120px;
	width: 30%;
	height: 200px; */
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.topkouza-list ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.topkouza-list li{
	margin: 10px 0;
	width: 100%;
}

.topkouza-list li a{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	background: #f4f4f9;
	transition: all 0.3s;
	border: 1px solid #FFF;
}


/* 889px以上（ここだけ） */
@media(min-width: 889px){
	.topkouza-list li div.thumbnail{
		width: 70%;
	}
	.topkouza-list li div.text-info{
		width: 30%;
	}

}

/* 889px未満（ここだけ） */
@media screen and (max-width:888px){
	.topkouza-list li div.thumbnail{
		width: 100%;
	}
	.topkouza-list li div.text-info{
		width: 100%;
	}
}

.topkouza-list .text-info{
	padding: 10px 7px;
	color: #000;
	font-size: 1.5rem;
}

.topkouza-list .text-info .category{
	display: inline-block;
	margin-right: 10px;
	border: solid 1px #007BC7;
	padding: 2px 4px;
	background: #fff;
}

.topkouza-list .text-info time{
	display: inline-block;
	margin: 5px 0;
}

.topkouza-list .text-info h3{
	margin: 5px 0;
	padding: 5px;
	font-size: 1.5rem;
	line-height: 2rem;
	transition: all 0.3s;
}

.topkouza-list li:hover a{
	background: #fff;
	border: 1px solid #007BC7;
}

.topkouza-list li:hover .text-info h3{color: #007BC7;}

.topkouza-list p{
	padding: 10px 7px;
	color: #000;
	font-size: 1.5rem;
}