@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Allura&display=swap');

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*ヘッダー詰める*/
.entry-title,
.content {
padding: 0;
margin: 0;
}

.logo-image * {
display: block;
margin: auto;
width:250px;
	height:70px;
	float:left;
	margin:0 0.5em;
}

#main{
Padding: 0;
margin: 0;
background-color: transparent;
}

hr{
	margin:0 !important;
	border:3px solid #ebf3fa;
}

.waku2 hr{
	border:1px solid #e8e8e8;
}

.entry-content{
	margin:0;
	padding:0;
}

.article-footer.entry-footer {
	display: none;
}

/*タイトル、投稿日時、投稿者の非表示*/
.page .entry-title,
.page .date-tags,
.page .author-info{
  display: none;
}

a{
	text-decoration:none;
	color:#161471;
}

p{
	margin:1em 0;
}

/*-----------グローバルメニュー-----------*/
#navi ul li a:hover{
background:#e8e8e8; /*メインメニューにポインタを置いたときの背景色*/
}
ul.sub-menu li {
height: 40px; /*メニューの高さ（縦幅）*/
line-height: 40px; /*ナビ全体の高さ（縦幅）*/
background:#e8e8e8; /*メインメニューにポインタを置いたときの背景色*/
}
ul.sub-menu li a {
position:relative;
}
ul.sub-menu li a:hover {
font-weight:bold;
color: #ffffff; /*サブメニューにポインタを置いたときの文字色*/
background-color:#8b0c45 !important;
}
ul.sub-menu li a:after{
	content:"";
	display:block;
	width:5px;
	height:5px;
	border-top: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
	right: 15px;
	top:0;
	bottom:0;
	margin:auto;
}
#navi .item-label{
	font-size:0.85rem;
}

/*hタグリセット*/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

/*-----------見出し・テキスト-----------*/

.article h1 {
	padding:0;
	margin:0.75em 0;
	font-weight:bold;
	font-size:200%;
    position: relative;
}

.article h1:after {
	border: 8px solid transparent;
	border-top-color: #ffffff;
	border-bottom-width: 0;
	bottom: -40%;
	content: "";
	display: block;
	left: 49.5%;
	position: absolute;
	width: 0;
}

.article h2 {
	padding:0;
	margin:1.5em 0;
	font-weight:bold;
	font-size:200%;
	color:#161471;
	text-align:center;
}

.ul{
	border-bottom:1px solid #161471;
	padding:0.25em;
}

.article h3 {
	padding:0.5em 0.75em;
	margin:0 0 1em -2.25em;
	font-weight:bold;
	font-size:170%;
	background-color:#f7f7f7;
	border-left:14px solid #161471;
	color:#161471;
}

.sub{
	padding:0;
	margin:0.25em 0 1.5em 0;
	font-weight:normal;
	font-size:220%;
	color:#000000;
	text-align:center;
	line-height:200%;
}

.article h4 {
	padding:0;
	margin:0.5em 0;
	font-weight:bold;
	font-size:170%;
}

.article h5 {
	padding:0;
	margin:0 0 0.25em 0;
	font-weight:bold;
	font-size:125%;
}

.font1{
	color:#8b0c45;
}

.font2{
	font-size:300%;
}

.font3 {
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:125%;
}

.font4 {
  padding:0em;
  font-size:700%;
  font-family: 'Allura',"Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
	color:rgba(1,22,100,.1);
	font-weight:bold;
}

.font5{
	font-size:200%;
	line-height:130%;
}

.font6{
	font-weight:bold;
	font-size:170%;
}

.xross{
	line-height:5%;
	margin:1.5em 0;
}

.font7{
	font-weight:bold;
	font-size:70%;
}

.font8{
	color:#161471;
}

.marker-under { /*黄色アンダーラインマーカー*/
 background: linear-gradient(transparent 70%, #f1ece8 70%);
}

/*-----------ボックス-----------*/

.boxin2 {
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
}
.con {
  width:32.5%;
	padding:0.5em 0.5em 0 0.5em;
}

.con2 {
  width:66.7%;
  margin: 0 ;
	padding:0.5em 0.5em 0 0.5em;
}

.con3 {
  width:49%;
  margin: 0 ;
	padding:0.75em;
}

.con3-l{
	background-color:#8b0c45;
	color:#ffffff;
  margin: 0 ;
	padding:2em;
	text-align:right;
	font-size:180%;
}

.con3-r{
	background-color:#161471;
	color:#ffffff;
  margin: 0 ;
	padding:2em;
	text-align:left;
	font-size:180%;
}

.con4 {
  width:100%;
	padding:1.5em 3em;
	background-color:#ffffff;
	margin:1.5em 0;
}

.con5 {
  width:25%;
	padding:1em;
}

.con6 {
  width:75%;
  margin: 0 ;
	padding:0 2em;
}

.con7 {
  width:10%;
  margin: 0 ;
	padding:0 0.5em;
	font-size:90%;
}

.con8 {
  width:100%;
  margin: 0 ;
	padding:1em 3em;
}

.con9 {
  width:100%;
  margin: 0 ;
	padding:0.5em;
}

.doctor1 {
  width:48.5%;
	padding:1.5em 3em;
	background-color:#ffffff;
	margin-right:1em;
}
.doctor2 {
  width:48.5%;
	padding:1.5em 3em;
	background-color:#ffffff;
	margin-left:1em;
}
.doctor3 {
  width:23.6%;
	padding:1.5em 2em;
	background-color:#ffffff;
	margin:1em 1em 0em 0;
}
.doctor4 {
  width:23.6%;
	padding:1.5em 2em;
	background-color:#ffffff;
	margin:1em 0 0em 1em;
}

.hikaku1{
	background-color:#e8e8e8;
	text-align:center;
	margin:0.25em;
	font-weight:bold;
	padding:0.75em !important;
}

.hikaku2{
	background-color:#161471;
	text-align:center;
	margin:0.25em;
	color:#ffffff;
	font-weight:bold;
	padding:0.75em !important;
}

.waku{
  padding: 1.5em;/*文字周りの余白*/
	margin:0 0 1em 0;
	background-color:#f7f7f7;
	border-radius: 10px;
	border:2px solid #161471;
}

.waku ul{
	margin-left:1em;
}

.waku2{
  padding: 1em 1.5em;/*文字周りの余白*/
	margin:0.5em 0.2em;
	background-color:#ffffff;
	border:1px solid #cccccc;
	font-weight:normal;
}

.waku2 p{
	margin:0.5em 0;
}

.waku3{
  padding: 1em 1.5em;/*文字周りの余白*/
	margin:0;
	background-color:#f7f7f7;
	font-weight:normal;
}

.waku2 .waku3{
	margin:0.5em 0;
}

.waku3 p{
	margin:0.75em 0;
}

.waku3 img{
	padding:0.5em 0;
}

box3{
	width:1160px;
	margin:0;
	padding:0em !important;
}

contents{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
	padding:1em;
	margin:0 !important;
}

contents2{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
	padding:0em !important;
	margin:0 !important;
}

contents2 .con3{
	width:50% !important;
}

.cover{
background: url('http://renew-soukei.altair-waseda-keio.jp/wp/wp-content/uploads/2020/11/main2.png') top center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;	
	position: relative;
z-index: 0;
	color:#ffffff;
	padding:5em 0;
	text-align:center;
	margin:0;
}

.cover::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: inherit;
background: linear-gradient(90deg, rgba(177,0,37,.8) 0%, rgba(177,0,37,.8) 50%, rgba(1,22,100,.8) 50%, rgba(1,22,100,.8) 100%);
/* 最背面へ */
z-index: -1;
}

.cover2{
background-color:#ebf3fa;
padding-bottom:2em;
}

.cover3{
background-color:#161471;
	text-align:center;
	color:#ffffff;
	padding:1em;
}

.cover4{
background: url('http://renew-soukei.altair-waseda-keio.jp/wp/wp-content/uploads/2020/11/sakura4.png') top center;
	background-repeat:no-repeat;
	border: 1px solid #333;
}

.cover5{
background: url('https://waseda-keio.co.jp/wp-content/uploads/2021/05/natsuzora5-1024×698-1.png') top center;
	background-repeat:no-repeat;
}




.lpnoda{
background: url('https://waseda-keio.co.jp/wp-content/uploads/2021/05/lpnoda.png') top center;
	background-repeat:no-repeat;
}

.img-wrap {
  overflow: hidden;
  position: relative;
	margin:0;
}

.img-wrap:before {
  animation: img-wrap 1s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #f7f7f7;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}

/*-----------テーブル-----------*/

.container table tr,
.container table th{
  background-color: #ffffff;
}

.list td,
.article th {
  border: 1px solid #e8e8e8;
	text-align:center;
	width:16.5%;
}
.list th {
font-weight:normal;
background-color:#e8e8e8 !important;
}

@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}

/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 padding:1em;
background-color:#e8e8e8 !important;
 border:solid 1px transparent;
 border-bottom:solid 1px #ffffff;
	font-weight:normal;
	text-align:left;
}
.price th{
 padding:1em 0.75em;
background-color:#e8e8e8 !important;
 border:solid 1px transparent;
 border-bottom:solid 1px #ffffff;
	font-weight:normal;
	text-align:left;
}
/*通常欄*/
.inquiry td{
 border:solid 1px #e8e8e8;
 padding:0.5em 0.75em;
}
.price td{
 border:solid 1px transparent;
 padding:0.25em 0.75em;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#8b0c45;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#161471;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

span.wpcf7-list-item {
display: block!important;
}

/*-----------Q&A-----------*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
}
.cp_qa .cp_actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
}
.cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 1em;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_qa .cp_plus {
	font-size: 2em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 5px;
}

.cp_qa .cp_actab input[type=checkbox] {
  display: none;
}

/*-----------ボタン指定-----------*/

.article .btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1.5em;
  text-decoration: none;
  color: #ffffff;
  background: #8b0c45;
  transition: .4s;
	margin:0.1em;
	font-size:120%;
}

.article .btn-flat-logo:hover,
.article .btn-flat-logo2:hover,
.article .btn-flat-logo3:hover{
	opacity: 0.5 ;
}

.article .btn-flat-logo2 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1.5em;
  text-decoration: none;
  color: #ffffff;
  background: #161471;
  transition: .4s;
	margin:0.1em;
	font-size:120%;
}

.article .btn-flat-logo3 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #ffffff;
  background: #161471;
  transition: .4s;
	margin:0.1em;
	font-size:100%;
	border:#ababab solid 1px;
	min-width:250px;
}

#page-top {
    position: fixed;
	bottom:0;
	width:100%;
	background-color:#383838;
	color:#ffffff;
	padding:1em 0;
	margin:0;
	z-index:100;
}

ul.lcp_catlist li {
list-style:none;
border-bottom: 1px solid #CCCCCC;
padding-top: 10px;
padding-bottom: 50px;
}

ul.lcp_catlist li img {
 float: left;
 margin-right: 30px;
}

/* Newpost Catch */
ul#npcatch{
	padding:0 !important;
}
#npcatch li{
         overflow:hidden;
         clear:both;
         vertical-align:top;
         border-bottom: 1px dotted #666666;
}
#npcatch img{
         float:left;
         padding:5px 10px 0 0;
}
#npcatch .title a{
         font-weight: 700;
         text-decoration: none;
}
#npcatch .date {
         font-size: small;
         font-weight: 600;
         display:block;
         color: #adb5bf;
         margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}


.cover ul li{
	margin:0;
}
.item {
  padding: 0.25em;
  font-size: 200%;
  font-weight: bold;
  list-style: none;
  opacity: 0;
	margin:0;
}

.item:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 0.5s ease 0.5s 1 forwards;
}

.item:nth-child(2) {
  -webkit-animation: example 1.5s ease 2s 1 forwards;
  animation: example 1.5s ease 2s 1 forwards;
}

.item:nth-child(3) {
  -webkit-animation: example 2s ease 4s 1 forwards;
  animation: example 2s ease 4s 1 forwards;
}

.item:nth-child(4) {
  -webkit-animation: example 3s ease 6s 1 forwards;
  animation: example 3s ease 6s 1 forwards;
  font-size: 250%;
}
.item:nth-child(5) {
  -webkit-animation: example 4s ease 8s 1 forwards;
  animation: example 4s ease 8s 1 forwards;
  font-size: 250%;
}
.item:nth-child(6) {
  -webkit-animation: example 5s ease 10s 1 forwards;
  animation: example 5s ease 10s 1 forwards;
}
.item:nth-child(7) {
  -webkit-animation: example 6s ease 12s 1 forwards;
  animation: example 6s ease 12s 1 forwards;
}


@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}

/*-----------ブログ横幅調整-----------*/
.post-template-default .content,
.archive .content,
.category .content{
	max-width:1250px;
	padding:2em;
	background-color:#f7f7f7;
	margin:0 auto;
}
.post-template-default .wrap{
		max-width:1200px;

}

.post-template-default .main{
		max-width:800px;

}



/*-----------レスポンシブ改行-----------*/
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

#footer
{
	padding:0 0 7em 0;
	margin:0;
	background-color:#e8e8e8;
}

/*追従バナー*/
.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    top: 50px; /* バナーの上下の位置 */
    right: 0%; /* バナーの左右の位置 */
}
.floating-banner2 {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    top: 280px; /* バナーの上下の位置 */
    right: 0%; /* バナーの左右の位置 */
}
.pc {
	width:80px; /* バナーの横幅を指定 */
}
.floating-banner:hover,
.floating-banner2:hover
{
    opacity: .8; /* ホバーで少し透過 */
}
.sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}

@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
    .pc {
        display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
    .sp {
        display:inline-block; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
   .pc {
        display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }	
    .sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
    }	
    .floating-banner  {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        right: 0; /* 左右の隙間が空かないように */
        top: 5%; /* 画面の最下部にぴったりくっつくように指定 */
    }
    .floating-banner2  {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        right: 0; /* 左右の隙間が空かないように */
        top: 35%; /* 画面の最下部にぴったりくっつくように指定 */
    }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
.cover p {
  font-size: 180%;
}
#page-top a{
	text-decoration:none;
	color:#ffffff;
}
.doctor1 {
  width:47.25%;
	padding:1.5em 3em;
	background-color:#ffffff;
	margin-right:0.75em;
}
.doctor2 {
  width:47.25%;
	padding:1.5em 3em;
	background-color:#ffffff;
	margin-left:0.75em;
}
.doctor3 {
  width:23.3%;
	padding:1.5em;
	background-color:#ffffff;
	margin:1em 0.75em 0em 0;
}
.doctor4 {
  width:23.3%;
	padding:1.5em;
	background-color:#ffffff;
	margin:1em 0 0em 0.75em;
}
	.con6 .con3{
  width:48%;	
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.article h1 {
	font-size:140%;
	margin:0.5em 0 1em 0;
}
.article h2 {
border-bottom:1px solid #161471;
padding-bottom:0.5em;
font-size:135%;
}	
.sub {
	margin:0.25em 0 1.5em 0;
	font-size:135%;
	line-height:135%;
}
.article h3 {
	margin:0 0 1em -1.75em;
	font-size:130%;
}
.article h4 {
	font-size:120%;
}
.article h5 {
	font-size:115%;
}
.font2{
	font-size:200%;
}
.font3 {
	font-size:110%;
}
.font5{
	font-size:120%;
}
.font6{
	font-size:150%;
}
.ul{
	border-bottom:1px solid transparent;
}
.con3 {
  width:48%;
}
.con4 {
	padding:1em 2em;
	margin:1.5em 0;
}
.con5 {
	padding:0.5em;
}

.con6 {
	padding:0 1em;
}

.waku2{
  padding: 1em;/*文字周りの余白*/
	margin:0.5em 0.25em;
}
.con .btn-flat-logo3 {
  padding: 0.5em 0.75em;
	min-width:200px;
}
.con {
  width:32%;
	padding:0.75em 0.75em 0 0.75em;
}
.lpnoda .con3{
	width:100% !important;
	padding:0 1.5em;
}
.pro{
background-color: rgba(255, 255, 255, .7);
	text-align:left !important;
	padding:0.25em;
}
.boxl{
	order:0;
}
.boxr{
	order:1;
}
.doctor3 {
  width:48%;
	padding:1.5em;
	background-color:#ffffff;
	margin:1em 0.75em 0em 0;
}
.doctor4 {
  width:48%;
	padding:1.5em;
	background-color:#ffffff;
	margin:1em 0.75em 0em 0;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.cover{
background: url('http://renew-soukei.altair-waseda-keio.jp/wp/wp-content/uploads/2020/11/smain2.png') top center;
padding:3em 0;
}
.cover .item {
  font-size: 130%;
	margin-right:1em;
}
.cover4 {
    background: url(http://renew-soukei.altair-waseda-keio.jp/wp/wp-content/uploads/2020/11/sakura4.png) top right;
    background-repeat: no-repeat;
}
.font5{
	font-size:140%;
}
.font6{
	font-size:140%;
}
.font7{
	font-size:63%;
}
.con {
  width:100%;
}
.con2 {
  width:100%;
	padding:0.5em 0.5em 0 0.5em;
}
.con3 {
  width:100%;
}
.con3-l{
	text-align:center;
	padding:0.5em;
	font-size:160%;
}
.con3-r{
	text-align:center;
	padding:0.5em;
	font-size:160%;
}
.con3 .con{
	width:50%;
}
.con4 {
	padding:1em 1.5em;
	margin:1.5em 0;
}
.con5 {
  width:100%;
	padding:0.5em 1.75em;
}
.con4 .con6 {
  width:100%;
	padding:0;
}
.con6 {
  width:100%;
	padding:0 1.5em;
}
.con6 .con3{
  width:100%;
	padding:1em;
}
.con7 {
  width:50%;
}
.con8 {
	padding:1em;
}
.doctor1 {
	width:100%;
	padding:1em 1.5em;
	margin:0.75em 0;
}
.doctor2 {
	width:100%;
	padding:1em 1.5em;
	margin:0.75em 0;
}
.doctor3 {
	width:100%;
	padding:1em 1.5em;
	margin:0.75em 0;
}
.doctor4 {
	width:100%;
	padding:1em 1.5em;
	margin:0.75em 0;
}

#page-top {
display:none;
}
.waku ul{
	margin-left:0em;
}
ul.sub-menu li {
height: 30px; /*メニューの高さ（縦幅）*/
line-height: 30px; /*ナビ全体の高さ（縦幅）*/
background:#ffffff; /*メインメニューにポインタを置いたときの背景色*/
}
.con .btn-flat-logo3 {
  padding: 0.5em 1em;
	min-width:250px;
}
#footer
{
	padding:0;
	margin:0;
}

}
/*220930 フォーム修正*/
.date-width input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
    width: 30%;
}
.date-width select.wpcf7-form-control.wpcf7-select {
    width: 30%;
	margin-left: 5px;
}
.visible-xs{
    display: none!important;
}
@media screen and (max-width: 834px){
.date-width input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
	width: 80%;
	margin-bottom:10px;
}
.date-width select.wpcf7-form-control.wpcf7-select {
    width: 80%;
	margin-bottom:10px;
}
	.hidden-xs{
		display:none;
	}
	.visible-xs{
		display: block!important;
	}
}


/*230113 リニューアル */
.header-container {
    clear: both;
    position: relative;
    z-index: 2;
}
.header{
	float:left;
	width:25%;
	position: relative;
	z-index:2;
}
.navi{
	float:left;
	width:75%;
	    position: relative;
	z-index:2;
	padding-top: 20px;
}
.floating-banner {
    position: fixed;
    z-index: 99999;
    top: 35%;
    right: 0%;
}
div#header-container-in {
    width: 1160px;
    margin: 0 auto;
    padding: 0em !important;
}
.logo-image * {
    width: 90%;
	height:auto;
    margin: 0 0.5em;
}
#page-top {
    background-color: rgba(0,0,0,0.8);
}
.article .btn-flat-logo3 {
    background: #8b0c45;
}
.go-to-top {
    position: fixed;
    display: none;
    right: 10px;
    top: 80%;
    z-index: 99999;
}
.article-header{
	clear:both;
}
#content{
	clear:both;
}
.img-wrap {
    background-image: url(http://xs364408.xsrv.jp/230114/wp-content/uploads/2023/01/jisseki_03.jpg);
    background-repeat: no-repeat;
}
.cover3 {
    background-color: rgba(0,0,0,0.5);
    height: 214px;
    text-align: center;
    color: #ffffff;
    padding: 1em;
}
.article h1 {
    padding: 0;
    margin: 1.75em 0;
}
#post-609 .teiin th {
    background-color: #161471 !important;
}
.page-id-609 .con3 {
    width: 100%;
}
.page-id-609 .con2 {
    width: 100%;
}
.post-14 .waku2 {
    width: 49%;
    min-height: 300px;
    float: left;
}
#post-14 h4 {
    padding: 0;
    margin: 0.5em 0;
    font-weight: bold;
    font-size: 150%;
}
.page-id-54 .con3 {
    width: 50%;
	float: left;
}
.page-id-48 .con9 .con5 {
    width: 10%;
	padding: 0.5em 1em;
}
.page-id-48 .con6 {
    width: 85%;
    margin: 0;
    padding: 0.5em 2em;
}
.page-id-48 .cf .con2 {
    width: 35%;
    float: left;
}
.page-id-48 .cf .con3 {
    float: left;
    width: 65%;
    padding: 0.75em;
}
.page-id-45 .cover2 .waku2 {
    background-image:url(http://xs364408.xsrv.jp/230114/wp-content/uploads/2023/01/pt_bg01.jpg);
    border: 1px solid #cccccc;
    font-weight: normal;
}
.bg-yellow{
	background-color:#fbf7f4;
}
.footer-bottom {
    margin-top: 0px;
}
.article{
	margin-bottom: 0em !important;
}
.bg-yellow a{
	color:#333;
}
.wp-image-5985.pc{
	width:100%;
}
.page-id-10 .cover2 .con3 {
    width: 49%;
    float:left;
}
.font-230118 .con3 {
    width: 49%;
    float:left;
}
.page-id-10 .cover2 .sub {
    font-size: 150%;
    color: #000000;
    text-align: center;
    line-height: 175%;
}
.page-id-10 .font-230118 .sub {
    font-size: 150%;
    color: #000000;
    text-align: center;
    line-height: 175%;
}

.table230118 th {
    border: solid 1px #333;
    padding: 10px;
    width: 40%;
    height: 50px;
    background-color: #f7f0ea !important;
}
.table230118 .color-red{
	background-color:#8b0c45 !important;
	color:#fff;
	font-size: 160%;
}
.table230118 .color-blue{
	background-color:#161471 !important;
	color:#fff;
	font-size: 160%;
}
.table230118 td {
    border: solid 1px #333;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
	width:60%;
}
.table230118 b {
    font-size:150%;
}

table.table230118 {
    border-collapse:  collapse; /* セルの線を重ねる */
}
.font-230118 .font6 {
    font-weight: bold;
    font-size: 170%;
    position: relative;
    left: 3%;
}
table.table230118 {
    border-collapse: collapse;
    min-height: 200px;
	width:520px;
}
.table-width td{
	background-image:url(http://xs364408.xsrv.jp/230114/wp-content/uploads/2023/01/pt_bg01.jpg);
}
.page-id-609 .article th {
    width: auto;
}
.boxin2 .con5 {
    text-align: center;
}
.page-id-1806 .con9 .con5 {
  width:15%;
}

.page-id-1806 .con6 {
  width:85%;
}
.bg-yellow .boxin2 .con5 {
    text-align: left;
}
@media screen and (max-width: 1160px){
div#header-container-in {
    width: 100%;
    margin: 0 auto;
    padding: 0em !important;
}
}
@media screen and (max-width: 1023px){
ul.sub-menu li {
    background: #fff;
}
.mobile-menu-buttons > li {
    padding-top: 10px;
    padding-bottom: 5px;
}
}

@media screen and (max-width: 834px){
.img-wrap {
    background-image: url(http://xs364408.xsrv.jp/230114/wp-content/uploads/2023/01/jisseki_03_sp.jpg);
    background-repeat: no-repeat;
}
	.navi{
		display:none;
	}
	.header {
    width: 40%;
}
.cover3 {
    height: 175px;
}
.article h1 {
    padding: 5px;
    margin: 3em 0;
}
.post-14 .waku2 {
    width: 100%;
    min-height: auto;
    float: left;
}
.page-id-54 .con3 {
    width: 100%;
	float: left;
}
.page-id-48 .con9 .con5 {
    width: 10%;
    padding: 0.5em 0.2em;
}
.page-id-48 .cf .con2 {
    width: 100%;
    float: left;
}
.page-id-48 .cf .con3 {
    float: left;
    width: 100%;
    padding: 0.75em;
}
.floating-banner {
    text-align: right;
}
.floating-banner img{
		width:55%;
}
.logo-image * {
    width: 100%;
}
	.page-id-10 .cover2 .con3 {
    width: 100%;
    float:left;
}
.page-id-10 .cover2 .sub {
    font-size: 105%;
}
	.font-230118 .con3 {
    width: 100%;
    float:left;
}
	.page-id-10 .font-230118 .sub {
    font-size: 125%;
}
	table.table230118 {
    border-collapse: collapse;
    min-height: 135px;
}
	.floating-banner {
    position: fixed;
    z-index: 99999;
    top: 55%;
    right: 0%;
}
	table.table230118 {
    border-collapse: collapse;
    min-height: 200px;
	width:auto;
}
	.page-id-1806 .con5 {
  width:100%;
}

.page-id-1806 .con6 {
  width:100%;
}
}
@media screen and (max-width: 480px){
.boxin2 .con5 {
    width: 50%;
    padding: 0.5em 1.75em;
}
	.page-id-1806 .con9 .con5{
		width: 50%;
    padding: 0.5em 1.75em;
	}
}
.box000 {
    width: 1160px;
    margin: 0 auto;
    padding: 0em !important;
}
/*230217 TOP修正*/
.page-id-10 .teiin th {
    background-color: #161471 !important;
}
.page-id-10 .article th {
    width: auto;
}
.page-id-10 th {
    padding: 0.25em 0.5em !important;
    background-color: #004B88 !important;
    color: #ffffff;
    font-size: 14px;
}
.page-id-609 .con3.width-30 {
	float:left;
    width: 30%;
}
.page-id-609 .con3.width-70 {
	float:left;
    width: 70%;
}
@media screen and (max-width: 834px){
	.page-id-609 .con3.width-30 {
	float:left;
    width: 100%;
}
.page-id-609 .con3.width-70 {
	float:left;
    width: 100%;
}
}
.read-more-003 {
    position: relative;
}

.read-more-003 p {
    position: relative;
    max-height: 200px; /* 開く前に見せたい高さを指定 */
    margin-bottom: 10px;
    overflow: hidden;
    transition: max-height 1s;
}

.read-more-003:has(:checked) p {
    max-height: 500vh;
}

.read-more-003 p::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 50%, hsla(0, 0%, 100%, .9) 0, #fff);
    content: '';
}

.read-more-003:has(:checked) p::after {
    content: none;
}

.read-more-003 label {
    display: flex;
    align-items: center;
    gap: 0 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: .4em 1.2em;
    border-radius: 1px;
    background-color: #161471;
    color: #fff;
    font-size: .7em;
}

.read-more-003 label:hover {
    border:1px solid #161471;
    background-color: #fff;
    color: #161471;
    cursor: pointer;
}

.read-more-003:has(:checked) label {
    display: none;
}

.read-more-003 label::after {
    display: inline-block;
    width: 10px;
    height: 5px;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.read-more-003 label:hover::after{
    background-color: #161471;
}

.read-more-003 input {
    display: none;
}
.alpha:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.txt-right-pc{
	text-align:right;
	font-weight:bold;
}
.voice-q{
	font-size: 125%;
    font-weight: bold;
}
#sotuvoice .con6{
	    background-image: url(https://waseda-keio.co.jp/wp-content/uploads/2023/08/goukaku_img001.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 30%;
}
.hogottl{
	    background: #161471;
    color: #fff;
    margin-top: 30px;
    text-align: center;
    font-size: 125%;
    padding: 15px 10px 10px;
}

#hogovoice .con5{
	width: 10%;
	text-align:center;
}

#hogovoice .con6 {
    width: 90%;
}
@media screen and (max-width: 834px){
#hogovoice .con5 {
    width: 35%;
    text-align: center;
}
}
.font-230118 .con3 {
    width: 40%;
    float: left;
}
.font-230118 .con4 {
    width: 30%;
    float: left;
	padding: 0em 0em;
	    margin: 0em 0;
}
@media screen and (max-width: 834px){
	.font-230118 .con3 {
    width: 100%;
}
.font-230118 .con4 {
    width: 50%;
}}
.logo-image * {
    padding-top: 5px;
}
.teiin td{
	text-align:center;
}
.mobile-menu-buttons .menu-button:hover .menu-button-in {
    opacity: 1;
    color: #900000;
}
#navi-menu-open span.fa.fa-bars {
    font-size: 110%;
}
label#navi-menu-open {
    color: #8b0c45;
}
.header-container-in.hlt-top-menu .logo-header img {
    max-height: 70px;
}
.header-container-in.hlt-top-menu .logo-header {
    max-height: 80px;
}
/*オンライン*/
.page-id-6647 small{
	font-size:74%;
}
.page-id-6647 .con3 {
    float: left;
}
@media screen and (max-width: 834px){
.page-id-6647 .article h2 {
    border-bottom: 1px solid #161471;
    padding-bottom: 0.5em;
    font-size: 105%;
}
}
.page-id-10 img.wp-image-5985.sp{
	width:100%;
}
/* TOP お知らせ */
.infobox {
    padding: 30px 30px 30px;
    width: 80%;
    border: 2px solid #011664;
    border-radius: 20px;
    background-color: #fff;
    margin:0 auto;
	font-size: 120%;
}

.info_text01{
  padding-top: 40px;
  text-align: center;
  line-height: 40px;
}

.info_text02{
  line-height: 29px;
  text-align: center;
}
.red_font {
    color: #b94047;
    font-weight: bold;
}

.infobox .bold_font{
  font-weight: bold;
  font-size: 120%;
}

.infobox .red_font02{
  color: #b94047;
  font-weight: bold;
  font-size: 200%;
  font-feature-settings: "palt";
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.info_ttl {
    padding: 10px;
    width: 47%;
}

.teiin{
  margin-top: 30px;
  padding: 30px;
  background-color: #e8f0f6;
  border-radius: 10px;
}

.infobox01{
	margin-bottom:50px;
}

.info_text03{
  font-size: 165%;
  font-weight: bold;
  color: #161471;
  text-align: center;
  margin:0px !important;
  margin-bottom:0px !important;
}

.info_text04{
  font-size: 100%;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom:0px !important;
}

.info_table{
    margin: 0 auto;
	margin-bottom:0px !important;
}

.infobox th{
    font-size: 80%;
    color: #fff;
    text-align: center;
    padding: 0px 25px;
    background-color: #6694b9 !important;
    border: 1px solid #fff;
}

.infobox td{
    text-align: center;
    background-color: #fff;
    border: 1px solid #333;
}

.infobox a{
    color: #fff !important;
}

.info_button{
    margin-top: 20px;
    font-weight: bold;
    padding: 10px;
    background-color: #161471;
    text-align: center;
}
.br-none{
	display: none;
}
@media screen and (max-width: 834px){
	.infobox {
    padding: 10px 15px 10px;
    width: 100%;
	font-size:110%;
}
	.info_ttl {
    width: 100%;
}
	.teiin{
    padding: 10px;
}

.teiin .cf{
    padding-top: 0px !important;
    margin-top: -15px !important;
}

.info_text03{
    font-size: 125%;
    padding-top: 10px;
}
.infobox th{
    padding: 0px 10px;
}
	.info_text01{
  padding-top: 20px;
  line-height: 28px;
}
.info_text02{
  line-height: 25px;
  text-align: left;
}
.infobox .red_font02 {
    color: #b94047;
    font-weight: bold;
    font-size: 200%;
    line-height: 37px;
    font-feature-settings: "palt";
}
.br-none{
	display: block;
}}

/*ドクターアイズCTA*/
.doctor{
  padding: 50px 0px;
}
.doctor_text{
  margin-top: 20px;
  font-weight: bold;
  padding: 25px;
  background-color: #161471;
  border-radius: 50px;
  text-align: center;
  color:#fff ;
  font-size: 142%;
}
@media screen and (max-width: 767px) {
  .doctor{
  padding: 20px 0px;
}
  .doctor_text{ 
  margin-left: 10px;
  margin-right: 10px;
}}

/*難関校との違い*/

.chigai .con4 {
    width: 35%;
    float: left;
}

.chigai .con8 {
    width: 65%;
    float: left;
}

.chigai_box{
  padding: 80px 0px;
}
.chigai_ttl{
padding-top:50px;
}

.tigai_pic{
  width: 86%;
}
.chigai_box02{
  padding-bottom: 20px;
}
.chigai_box03{
  padding: 20px 0px;
}
.chigai_box04{
  padding-top: 20px;
  padding-bottom: 50px;
}
.chigai_box hr {
  border: none;
  border-top: 2px dotted;
    color: #011664;
}
.chigai_textbox{
  border: solid #011664;
  border-radius: 30px;
}
.chigai_text{
  padding: 20px;
}
.chigai_box .marker_yellow{
  background:linear-gradient(transparent 60%, #ff6 60%);
}

@media screen and (max-width: 834px) {
.hidden-xs{
display:none !important;
}
.chigai .con4{
width: 100%;
padding-bottom:0px;
}
.chigai .con8 {
width: 100%;
padding: 0;
padding-bottom:30px;
}
.chigai{
  padding: 0px 10px;
}
.tigai_pic{
 width: 80%;
 padding-bottom: 0px;
 margin-left:auto;
 margin-right:auto;
}
.chigai_box{
 padding: 30px 0px;
}
.chigai_box hr{
 width: 100%;
}}

/*-----------24/03/14 中学受験のメソッド　積み上げ型学習の問題点に気づき-----------*/
.mondaiten{
	width:50%;
	float:left;
}
.mondaiten_pic{
	width:50%;
	padding:25px;
	float:left;
}
.mondaiten_02{
    width: 100%;
    background: #f7f7f7;
    padding: 19px;
    margin-top: 25px;
}
.cf{
	clear:both;
}
.mondaiten_box{
	margin-top:25px;
}
.text_blue_bold{
    color: #161471;
    font-weight: bold;
}
.marker_bold_blue{
	background: linear-gradient(transparent 91%, #161471 95%);
	font-weight:bold;
}
.marker_bold{
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight:bold;
}
.matome_text{
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:#161471;
	line-height:1.5em;
}
@media screen and (max-width: 767px){
.mondaiten{
	width:100%;
	float:none;
}
.mondaiten_pic{
	width:100%;
	padding:25px;
	float:none;
}}

/*-----------24/06/14 インフォメーション修正-----------*/
.teiin_text01{
    text-align: center;
    margin-top: 1em;
}
.teiin_text{
    text-align: left;
    padding-top: 1em;
}
.teiin_text a{
    color: #161471 !important;
}
.teiin_text-center{
    text-align: center;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.5em;
    padding: 0 !important;
    margin: 0 !important;
}
.teiin_text-center span{
    color: #b94047;
    font-weight: bold;
    font-size: 1.8rem;
}
@media screen and (max-width: 767px){
.teiin_text-center{
    font-size: 1rem;
}
.teiin_text-center span{
    font-size: 1.5rem;
}}

/*-----------24/08/26 MV下コース追加-----------*/
.d-flex{
	display:flex;
}
.align-items-center{
	align-items:center;
}
.justify-content-center{
	justify-content:center;
}
.course{
    margin-bottom: 50px;
}
.course-box{
    padding: 0 1.5em;
}
.course-img{
    margin-top: 1.5em;
}
.course-ttl01{
 font-size:110%;
 font-weight: bold;
 color: #161471;
 margin-top: 0.5em;
 margin-bottom: 0.5em !important;
 border-bottom: 2px solid #161471;
}
.course-ttl02{
 font-size:110%;
 font-weight: bold;
 color: #910000;
 margin-top: 0.5em;
 margin-bottom: 0.5em !important;
 border-bottom: 2px solid #910000;
}
@media screen and (max-width: 767px){
	.d-flex{
	    flex-direction: column;

}
}

/* SRP */
.srp_box .text-center{
	text-align:center;
}
.srp_box{
  border: 3px solid #161471;
  background-color: #fffbe6;
  border-radius: 20px;
  margin-bottom: 50px;
  padding: 1em;
  margin-left:auto;
  margin-right:auto;
  margin-top:2em;
  width:80%;
}
.srp_logo{
  width: 20%;
  margin: 0 auto;
}
.srp_ttl{
  color: #161471;
  font-size: 155%;
  line-height: 1.5;
  font-weight: bold;
}
.srp_ttl02{
  color: #161471;
  font-weight: bold;
  font-size: 140%;
  margin: 0 !important;
}
.srp_border{
  border: 2px solid #161471;
  margin: 0 auto;
}
.srp_blue_bg{
  background-color: #161471;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #fff;
}
.srp_wihte_bg{
  background-color: #fff;
  color: #333;
  font-weight: bold;
  text-align: center;
  padding: 0.5em;
  border: 1px solid #161471;
}
.spr_cta{
  background-color: #161471;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 1em 6em;
  margin: 0 auto;
}
.srp_box a{
  color: #fff !important;
}
.spr_cta_box{
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (max-width:767px){
.srp_box{
  width:100%;
}
.srp_logo{
  width: 40%;
  margin: 0 auto;
}
.srp_ttl{
  line-height: 1.25;
}
.spr_cta{
  background-color: #161471;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 1em 2em;
  margin: 0 auto;
}}

/*プレジデントFamily*/
.magazine{
 width:80%;
 margin:0 auto;
}

.magazine_box{
  background-color: #fffee9;
  border: 15px solid #efc8c8;
  border-radius: 20px;
  padding: 1em;
}
.magazine_box{
  display: flex;
  align-items: center;
  justify-content: center;
}
.magazine_text_box{
  width: 65%;
}
.magazine_pic_box{
  width: 35%;
  padding: 0 1em;
}
.magazine_ttl{
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 2px solid #fb8e9b;
  padding-bottom: 0.25em;
  margin:0 0 0.5em!important;
}
.magazine_text{
  padding-bottom: 1.5em;
  margin:0 0 0.5em!important;
}
.magazine_button{
  background-color: #fb8e9b;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 50px;
  padding: 0.5em 1em;
  margin: 0 auto;
  text-align: center;
  width: 90%;
}
.magazine_button a{
  text-decoration: none;
}
@media (max-width:991px){
.magazine_text_box{
  width: 70%;
}
.magazine_pic_box{
  width: 30%;
}}

@media (max-width:767px){
.magazine{
 width:auto;
}
.magazine_text_box{
  width: 100%;
}
.magazine_button{
  font-size: 1rem;
}}


.fv_cta_text{
  margin-top: 20px;
  font-weight: bold;
  padding: 25px;
  background-color: #161471;
  border-radius: 50px;
  text-align: center;
  color:#fff ;
  font-size: 142%;
}
@media screen and (max-width: 767px) {
  .fv_cta_text{ 
  margin-left: 10px;
  margin-right: 10px;
 font-size:100%;
 padding: 10px;
}}
