/*--------------------------------------- 
  全体共通だよん
ピサ塾
---------------------------------------*/
.bxslider li img{
}
.misenai{
	display:none;
}
.wrap{
	overflow: hidden;
}
p{
	font-size: 0.9rem;/*読みやすくする*/
	line-height: 2.3rem;
	margin: 0;
}
input[type="text"]{/*小さいサイズに指定する事で回避できる　iphoneが拡大してしまうバグの修正*/
	 font-size: 16px;
}
/*--- 上のコードはログインボタンな
どの大きさを調節する------*/

/*--------------------------------------- 
 大きいサイズの時は見せない
---------------------------------------*/
.smaho_slider{
	display: block;
	padding: 0;/*隙間があったので追加*/
}
.web_slider{
	display:none;
}
.main_areas01{
	display:none;
}

.smaho{/*表示*/
	display:block;
}
.smaho01{
	visibility:visible;
}
.web,.web02{/*見せない*/
	display:none!important;/*ココをつけて強制的に非表示にする*/
}


/*---------------------------------------
header　box2の中身
---------------------------------------*/
.box1 ul,.box1a ul{
	display: none;
}

/*.box2 ul{
	height: 50px;
	list-style:none;
	margin:0;
}*/
/*.box2 li{/*バーガーボタンのみに使うようにする*/
	/*height:63px;*/
	/*width: 50px;*/
	/*margin: 0;
	float: right;
}*/


.box2 li{
	/*height:63px;*/
}

/* ログインボタンの部分 */
.btn_login {
	margin: 10px 30px 0 0;/*ずらす*/
}

.menu01 {
    float: right;
}



/*-------------------
Mサイズ時にナビの上部分が見えなくなる
小学部ボタンなど
-------------------------*/
#gnabi_ue{
	display: none;
}

/*---------------------------------------
---------------------------------------*/

#main img,#main01 img {
	max-width: 100%;
	height: auto;
}

hr{
border:none;
border-top:dashed 1px #CCC;
height:1px;
color: #CCC;
width:380px;
}
.koe01 {
	display: none;
}
body{
	width: 100%;/*--100％にしてデバイスごとにサイズを最適化する-----*/
	margin: 0;
	padding:0;
	background-image: none;
	word-wrap:break-word;
	overflow:scroll;
  　word-wrap:normal;
}
#container {
	width: 100%;
}

#header {
	height: 70px;
	width: 100%;
	margin:0;
	padding:0;
	background-color: transparent;
}
.ai2 {
	display:none;
	line-height: 120px;
	margin: 0 0 0 400px;
}

#contents {
	width: 100%;
	margin: 0;
	padding: 0;
}
#contents02 {
	width: 100%;
	margin: 0;
	padding: 0;
	clear:both;
}
#contents03 {
	width: 100%;
	margin: 0;
	padding: 0;
	clear:both;
	background-color: #FFFFFF;
}
#main {
	float: none;
	clear: both;
	width: 100%;
	padding:0;
}
#main00 {
	width: 98%;
	margin: 0;
	padding:0;
	clear: both;
	float: none;
}
#main01 p{
	font-size:12px;
	line-height: 26px;
}
#main02 {
	float: none;
	width: 70%;
	margin: 0;
	padding:0;
}
/*--------------------------------------- 
  お問合せページで使っています
---------------------------------------*/
#main3 {
	width:100%;
	margin: 0;
	padding:0;
	background-color: #FFFFFF;
	float: none;
}
#main3 p{
	font-size: 1rem;
    line-height: 170%;
    margin: 0 0 8px 0;
}
#main3 p img {
	width:100%;
}
#main3 table{
	width:100%;
}
.maki{ /*--- contact2の写真サイズの修正用--*/
	height:240px;
	width: 160px;
}
/*--------------------------------------- 
  footerの中だよん
---------------------------------------*/
.f4 {
   margin: 0;
   padding:15px 25px 0 0;
   float: right;
}
#footer {
	width: 100%;
	clear: both;
	font-size: 0.6em;
	background-color:#6C9523;
	color:#FFF;
}
#footer p{
    margin:0;
	padding: 0;
	font-size: 13px;
	line-height:25px;
}
#footer a:visited{
	color:#FFF;
	font-size: 12px;
	line-height:25px;
	text-decoration:none;
}
#footer a:link{
	text-decoration:none;
	color:#FFF;
}
#footer a:hover{
	text-decoration:underline;
}

#footer02 {
	display: none;
	width: 98%;
	text-align: center;
	margin: 3px 0 0 0; 
	clear: both;
	height: 30px;
	background-color: #124266;
	color: #FFFFFF;
	font-size: 9px;
}
#footer02 p{
    margin:0;
	padding: 7px 0 0 0;
	font-size: 12px;
}
#logo {
    float:left;
    margin:0;
	padding:0;
}
/*---------------------------------------
gnavi のなかみだよ

---------------------------------------*/
#gnabi {/*--　グローバルナビ--*/
	display: none;
	color:#3A3A3A;
}
#gnavi {
    width: 100%;
	height: auto;
	clear:both;
	float: none;
	display:none;
	}
#gnavi ul {
    width: 100%;
    list-style:none;
	margin:0;
	padding:0;
	display:none;
}
#gnavi li{
	height: auto;
	width: 33%;
	padding: 0;
	margin: 0;
	float: left;
}
/*-------------------------------
list styleです

---------------------------------*/
#main p{
  font-size: 0.9rem;
  line-height: 2.0rem;
	padding: 0 15px;
}
#main00 p{
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  line-height: 2em;
}

h1 {
	max-width: 380px;
	height:auto;
	display:inline-block;
    margin: 5px 0 0 0;
	padding:0;
}
h1 img{
	width: 150px;
	height: auto;
}
h2,h3{
	font-size: 16px;
	font-weight: bold;
	line-height:24px;
}

.mida01 {
	height:48px;
	width: 100%;/*修整*/
	padding: 10px 0 0 8px;
	color:#FFF;
}
.mida03{
	padding: 0 0 0 15px;
}
h4 {
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 0px;
}
h5{
   font-size:12px;
   line-height: 10px;
   margin: 0;
   padding: 0;
}
.kadai{  /*--h4の背景が灰色の部分につかっている　東洋経済のトピックみたいな ---*/
	margin:0;
	padding: 0 0 0 5px;
	line-height:25px;
}

.mini{
   font-size: 9px;
   line-height: 120%;
}
.mini02{
    color:#FF0000;
	font-size: 10px;
   line-height: 130%;
}
.mini03{
   font-size: 10px;
   line-height: 130%;
}

.style1 {
	font-size: 24px;
	font-weight: bold;
}
.sen {
	color: #FF0000;
	text-decoration: underline;    
}
address{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 5px 0 0 0;
	font-size: 12px;
	font-style: normal;
}
.orange{
	color: #FA6B02;
	font-size: 13px;
	font-weight: bold;
}
.midasi{
    margin:0 0 10px 0;
}
.midasi02{
    margin: 10px 0 5px 0;
}
.midasi03{
	background-image: url(../img/back_h03.jpg);
	height: 35px;
	width: auto;
	padding: 0 0 0 8px;
	color: #FFF;
}
.btn{
	padding: 0 0 0 120px;
}
.an{
	margin: 0 0 0 4px;
	font-size:13px;
}
.q{ 
  background-image:url(../qa/img/q_back.gif);
  background-repeat: no-repeat;
  height: 31px;
  width: 56%;
  font-size: 18px;
  margin: 0 0 0 30px;
}
.kokuban {
  width: 56%;
  height: 208px;
  background-image:url(../img/kokuban.jpg);
  background-repeat: no-repeat;
}

/*--------------------------------------- 
  パンくずの中だよん
---------------------------------------*/
#pan{
  margin: 0 5px 0 5px;
  padding: 0;
  font-size:12px;
  clear:both;
  height:auto;
  width: 99%;
  float: none;
  color:#000;
}
#pan ul{
  list-style:none;
  margin: 0;
  padding:0;
}
#pan li{
   margin: 13px 5px 8px 0;  
  list-style:none;
  float:left;
}
/*--------------------------------------- 
  naviの中だよん
---------------------------------------*/
#navi {
	float: none;
	width: 100%;
	padding:0;
	background-color: #F0F0F0;
	display: none;
}
#navi2 {
	float: none;
	display: none;
	width: 100%;
	height: auto;
	background-image: url(../img/lnavi02.jpg);
	background-repeat: no-repeat;
}
#navi ul,#navi2 ul {
	list-style-type: none;
	width: 100%;
	height: auto;
	display: block;
	margin: 0;	
	padding: 0;
	clear:both;
}
#navi li,#navi2 li {
	width:100%;
	margin: 0 0 0 10px;
	padding: 0;
	display:block;
	list-style-type: none;
	clear: both;
	font-size: 12px;
	line-height: 25px;
}
/*--------------------------------------- 
  トップページ
  社長の声をご紹介
---------------------------------------*/

.koe_box{
	width: 380px;
	height: 160px;
	display:block;
}
.koe_box01{
	width: 100px;
	height: 140px;
	margin: 0 1px;
	display: block;
	float:left;
}
.koe_box02{
	width:270px;
	height: 140px;
	margin: 0 0;
	float: left;
	background-image:none;
	background-repeat:no-repeat;
	border: 2px solid #09F;
	border-radius: 20px; /* 角丸の指定 */
}
.koe_box02 p{
	margin: 0 0 0 10px;
}
.koe_box01 a:hover{
	opacity:0.8;
}  
/*--------------------------------------- 
  topの中だよん
---------------------------------------*/
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}


/*--------------------------------------- 
  tableの中だよん
---------------------------------------*/
table {
	width:100%;
	border-collapse:collapse;
}
th {
	padding:5px;
}
td {
	padding: 10px 0 0 0;
}
.waku02{
	width: 100%;
	background-color: #FAFAFA;
	border: none;
}

.waku{
  background-image:url(../remake/img/waku.gif);
  background-repeat:no-repeat;
}
.top{
    margin: 0;
	padding: 0;
	border-collapse: collapse;
	border:1px solid #E8E8E8;
	vertical-align:top;
}
.top td{
    margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
}
.toi{
   margin:0 0 0 5px;
   padding: 0;
}
.tel{
   text-align:right;
   float: right;
   margin: 0;
   padding: 20px 0 0 0;
   width: 10px;
   display: none;

}
.news{
    margin: 0 0 0 40px;
	padding: 0;
}
/*--　Sサイズ時の縦並びにするcss--*/

.table2{
	margin: 0;
	width: 100%;
	border:none;
}
.table2 tr{
	display:block;
}
.table2 td{
	display:block;
	float:left;
}
/*--　Sサイズ時の縦並びcss end--*/

.table3{
	width: 100%;
    margin: 0;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}
.table3 td p {
	font-size:12px;
    margin: 0 0 0 5px;
}
.table3 td{
    border:1px solid #E8E8E8;
	margin: 0;
	font-size:14px;
}
.news td{
    margin: 0;
	padding: 0;
	font-size:12px;
}

/*--　Sサイズ時の可変テーブル--*/
.table4{
    margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.table4 td p {
	font-size: 11px;
    margin: 0 0 0 5px;
	padding:0;
	text-align: center;
}
.table4 td{
    border:1px solid #E8E8E8;
	margin: 0;
	padding:0;
	font-size: 11px;
	text-align: center;
}
/*--　Sサイズ時の可変テーブル終わり--*/


/*------サイズが小さくなると、可変する。
ボーダーの色はブルー
テキストは左のテーブルレイアウト -----*/


.table5a{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.table5a td, .table5a th{
	margin: 0;
	padding: 0 10px;
	border: 1px solid #BFDEF2;
}
.table5a p{
   margin: 0;
   padding:0;
   font-size: 5px;
   line-height: 2.0em;
}

.td_back{
	background-color: #7CBCE6;
	color:#FFF;
	width:20%;
	text-align:center;
}

/*--------------------------------------- 
  お客様の声　ナンバー部分 tableを利用しています 
---------------------------------------*/

.num1{
	width:120px;
	text-align:center;
}
.cna3{
	padding: 30px 0 0 0!important;/*調節用*/
}
/*------------------------------------------
サイズが小さくなると、可変する。
テキストはセンター テーブルに使用
-------------------------------------*/

.table6{
    margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.table6 td, .table6 th{
	margin: 0;
	border: 1px solid #CCCCCC;
}
.table6 p{
   padding: 0;
   font-size: 12px;
}
/*------end -----*/




/*--------------------------------------- 
  ボックスの背景　強調するボックス
---------------------------------------*/
.table5{
    margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-collapse: collapse;
	background-color:#FAFAFA;
}
.table5 td, .table5 th{
	margin: 0 0 0 10px;
	border: 1px solid #CCCCCC;
}
.table5 p{
   padding: 0 0 0 10px;
   font-size: 20px;
   line-height: 20px;
   font-weight:bold;
}
/*--------------------------------------- 
  開催情報などを表示するボックス
  
---------------------------------------*/
.table6{
    margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}
.table6 td, .table6 th{
	margin: 0 0 0 10px;
	border: 1px solid #CCCCCC;
}
.table6 p{
   padding: 0 0 0 10px;
   font-size: 0.8em;
   line-height: 15px;
}
/*-----------------------------------
お問合せフォーム専門のcss 
-----------------------------------*/
.contact {
  margin: 0 0 0 5px;
  padding: 0 ;
  width:100%;
}
.contact_table{
	width:380px; /*問い合わせの幅を指定*/
}
.table_contact{
	width:380px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.table_contact tr{
}

.table_contact td{
	margin: 0;
	padding:10px 0;
	display:block;
	border: none;
	line-height:40px;
}
.table_contact p{
   padding: 0;
   margin:0;
   font-size: 12px;
   line-height:40px;/*-ボックスの高さ調節ができる--*/
}

/*-----お問合せ 名前入力の高さ-----*/

.contact_name {
	width:100%;
	height:40px;
	padding: 0;
	background-color:#F6F6F6;
}
.contact_01 {
	width:100%;
	height:40px;
	padding:0;
	background-color:#F6F6F6;
}
/*-----お問合せ 高さが20px-----*/

.contact_02 {
	width:100%;
	height:40px;
	background-color:#F6F6F6;
}
.contact_haba{
	width:360px
}
/*-----住所 高さがpx-----*/

.contact_add{
	width:100%;
	height:40px;
	background-color:#F6F6F6;
}
.contact_add02{
	height:70px;
	padding:0;
	width:100%;
}
.error{
	color:#F00;
	font-weight:bold;
	font-size: 0.7em;
}
/*--------------------------------------- 
 お問合せページのテーブルおわり
---------------------------------------*/
.company{
	margin: 0 0 0 5px;
	padding: 0;
	border-top: none;
	border-right: none;
	border-bottom: thin dotted #EBEBEB;
	border-left: none;
}
.company tr{
    vertical-align: top;
}
.price{
	margin: 0 0 0 30px;
	font-size: 12px;
	text-align:center;
}
.m{
   margin: 0 0 0 5px;
   padding: 0;
}

/*--------------------------------------- 
 floatだよん
---------------------------------------*/
.f1{
   margin: 0;
   padding: 0;
   float: none;
} 
.f2{
   margin:0;
   padding: 0 10px 0 0; 
   float: left;
}
.f2 img {
	width: 110px;
	height: auto;
}
.shosai {
	display: none;
}
.r1{
	float: none;
	margin: 0 ;
	padding: 0 0 0 60px;
}

.r2{
  float: none;
  padding: 0 7px 0 0;
}
.ten{ 
  margin: 0 0 0 10px;
  padding: 0;
}

.note{
	position: absolute;
	top: 1254px;
	right: 150px;
	left: 467px;
}
.zero{
    margin: 0;
	padding: 0;
}

/*--------------------------------------- 
  カラーです
  
---------------------------------------*/

.red {
	color: #FF0000;
	font-weight: bold;
}
.red02 {
	color: #FF0000;
}
.emeblue {
	color: #5CC7BD;
	font-weight: bold;
	font-size: 16px;
}

.wh {
	color:#FFFFFF;
	font-size: 12px;
}
#footer .wh{
	display:none;
}
.wt {
     color: #FFFFFF;
	 font-weight:bold;
	 text-align: center;
}
.rblue {
	color: #0066FF;
	font-weight: bold;
}
.copy {
     font-size: 6px;
	 margin:5px 0 0 0;
	 color: #FFFFFF;
}
.to1 {
     font-size: 12px;
	 margin: 0;
	 padding: 0;
}
.pink{
    color:#FF3399;
	font-size:24px;
	margin: 0 0 5px 0;
	font-weight:bold;
}
.woman_pink{
	color: #FF9899;
	font-weight:bold;
}
.hati{
   font-size: 8px;
}

/*--------------------------------------- 
   お問い合わせ
---------------------------------------*/

.waku02{
	background-color: #F0F0F0;
	border: none;
	width: 100%;
}
.koeback {
	display: none;
}
#map1{
	display:none;
}
.map{
	display:none;
}
.map02{
	display: block;
}


/*--------------------------------------- 
   youtubeの可変
---------------------------------------*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 1px;
	left: -20px;
	width: 100%;
	height: 100%;
}

/*--------------------------------------- 
   モバイル部分のボタン
---------------------------------------*/
#footer_btn{
	margin: 0;
	padding: 0;
	display: block;
}
#footer_btn ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
#footer_btn li{
	height: 50px;
	float: left;
	margin: 1px;
	padding: 0;
}
/*--------------------------------------- 
   メンバーページのcss
---------------------------------------*/
#main_back{
	height:auto;
	max-width: 380px;
	clear:both;
}
#profile {
	display: none;
	float: left;
	width: 380px;
	height: auto;
	margin: 0;
}
#profile_photo {
	float: left;
	width: 380px;
	height: auto;
	margin: 0;
}
.photo_member02 {
	width:380px;
	height:auto;
}
#profile02 {
	float: left;
	width: 380px;
	height: auto;
	margin: 0;
	clear:both;
}
#comment {
	float: left;
	width: 380px;
	height: auto;
	margin: 0;
	clear:both;
}
.box4 {
	clear:both;
	width:380px;
	height:100px;
}

/*--------------------------------------- 
  メンバー写真を並べているテーブルについて
---------------------------------------*/
#profile p,#profile02 p,#comment p,#profile_photo p {
	margin: 0 0 0 3px;
}
.table_member{
	margin: 0;
	padding: 0;
	width: 100%;
}
.table_member td{
	border: none;
}
.table_member img{
	width: 78px;
	height:auto;
	margin: 0;
	padding: 0;
}

/*--------------------------------------- 
  メンバー一覧ページ
---------------------------------------*/


.member_box {
	width: 380px;
	height:auto;
	clear: both;
}

.member {
	width: 44%;
	height: 260px;
	padding: 0 20px 0 0;
	float: left;
}	
.member  img{
	width: 100%;
	height: auto;
}
/*--------------------------------------- 
  トップページ
---------------------------------------*/
.hicon{
	height:27px;
	width:20px;
}
.bicon{
	height:26px;
	width:100%;
}

/*----人型アイコン---*/

/*--------------------------------------- 
  
予約ボタンの表示設定  
---------------------------------------*/
.yoyaku{
	display: none;
}
.yoyaku02{
	display:block;
}
/*----小さいときは横並びは非表示にする--*/


/*---------------------------------------
topページのnewsの点線など
---------------------------------------*/
.news{
	width: 100%;
	margin:0;
	padding:0;
}
.news p{
	font-size: 0.8em;
	margin: 0;
	padding:0;
	line-height: 50px;
}
.news_tensen{
	height: 25px;
	background-image: url(../img/bar_sita_tensen.png);
	background-repeat: no-repeat;
	margin: 0;
	padding:0;
}
/*---------------------------------------
categoryボタンの中
---------------------------------------*/
.category p{
	font-size: 6px;
}
/*---------------------------------------
詳細情報のテーブルレイアウト　調節用
---------------------------------------*/
.shosai01 p{
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
.shosai01 td {
	margin: 0;
	padding: 0;
}
/*---------------------------------------

バッジ

---------------------------------------*/
.badge {
	width: 60px;
	height:60px;
	padding-top: 6px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:60px;
	background-color:#17E3C5;
	color: #FFF;
	text-align:center;
	box-shadow: 0 0 4px #FFFFFF;
}
.badge i {
	display: block;
	line-height: 0;
	font-size: 12px;
}
/*----表示位置の設定 ---*/
.pickup {
	position:relative;
}

.badge {
	-ms-transform: scale(0.9);
	-ms-transform-origin: right top;
	-webkit-transform:scale(0.9);
	-webkit-transform-origin: right top;
	transform:scale(0.9);
	transform-origin: right top;
	top: -8px;
	right:10px;
}
/*---------------------------------------

注意などに使うボックスについて

強調したい箇所につかいます

---------------------------------------*/

.attention{
	height:auto;
	width:100%;
	background-color:#EEEEEE;
}
.attention p{
	margin: 0 0 0 15px;
	line-height:30px;
}


/*---------------------------------------

オーバーレイ部分コンテンツ小さいときの 配置や文字サイズの調節

---------------------------------------*/

.o_menu{
	margin: 20px 0 0 20px;
}
.o_menu p{
	color:#FFF;
	font-size: 18px;
	line-height: 50px;
	margin: 0;
}
.o_menu a:link, .o_menu a:visited{
	color: #FFF;
	text-decoration:none;
}
.o_menu a:hover{
	color: #FFF;
	text-decoration:underline;
}

/*------------------------

実績の部分　２列横並び、Ｓサイズ時に１列

--------------------------*/
.gaiyou img {
	width:100%;
	height:auto;
}
.gaiyou p{
	margin:0 15px 20px 5px;
	font-size: 14px;
}
.boxA-1:after{
	content:"";
	display: block;
	clear:both;
}
.boxA-1 .gaiyou{
	float:left;
	width:100%;
}

/*--------------------------------------- 
   Sサイズの時は社長の顔+コメント部分は非表示にする
---------------------------------------*/
.coment{
	display:none;
	height: 150px;
	width: 735px;
	background-image:url(../img/back_coment.jpg);
	background-repeat:no-repeat;
	border: none;
}
/*--------------------------------------- 
   この記事を読んだ人は、こんな記事も読んでます
   関連記事のcss 最後は2列
---------------------------------------*/

.kanren_kizi img {
	width: 130px;
	height: 80px;
}
.kanren_kizi p{/*---- 文字がはみ出した時に・・・になる。必ず3つ記述すること ----*/
	font-size: 0.75rem!important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.kanren_kizi a{
	display: block;
	height: 130px;/*+20pxにして使いやすくする*/
	padding: 10px 0 0 0;
	border-bottom: dotted 1px #CCC;
	font-size: 14px;
	text-decoration: none;
}
.kanren_kizi .f1{
	float: left;
	margin-right: 20px;
}
.kanren_kizi a:hover{
	background-color: #eeeeee;

}

.kanren_kizi a:after{
	content: "";
	display:block;
	clear:both;
}
/*--------------------------------------- 
トップページ 3列部分
スマホでは2列になる
---------------------------------------*/
.item{
	width: 100%;
	height:auto;
	display: flex;
	flex-wrap:wrap;
}
.item img {
	max-width: 100%;
	height: auto;
}
.s_item{
	width: 100%;
	margin: 0;
}
.s_item a:hover{
	opacity:0.7;
}
/*--------------------------------------- 
   選ばれる理由　subページ
---------------------------------------*/
.item2{
	width: 100%;
	background-color:#F5F1E5;
	background-repeat:repeat;
	height:auto;
	margin: 0;
}
.item2 img {
	max-width: 100%;
	height: auto;
}
.s_item2{
	width: 330px;
	margin: 20px 25px 5px 25px;
	display: block;
	float:left;
}
.s_item2 a:hover{
	opacity:0.7;
}
/*--------------------------------------- 
 2つ並び　topページのサービスにつかっています
 item_2t とは2列トップのt
---------------------------------------*/

.item_2t{
	width: 100%;
	height: auto;
}
.s_item2t img {
	max-width: 100%;
	height: auto;
}
.s_item2t{
	width: 100%;
	height: auto;
	margin: 20px 0;
	display: block;
	float:left;
}
.s_item2t a:hover{
	opacity:0.8;
}

/*--------------------------------------- 
subページのサービスにつかっています
 item_2ts とは2列トップのt subのs
---------------------------------------*/

.item_2ts{
	width: 100%;
	height: auto;
}
.s_item2ts img {
	max-width: 100%;
	height: auto;
}
.s_item2ts{
	width: 100%;
	height: auto;
	margin: 20px 0 20px 10px;
	display: block;
	float:left;
}
.s_item2ts a:hover{
	opacity:0.8;
}
/*--------------------------------------- 
会社概要ページ　地図の部分につかっています
 item_2ts01 とは2列トップのt subのs
---------------------------------------*/
.item_2ts01{
	width: 100%;
	height: auto;
}
.s_item2ts01 img {
	max-width: 100%;
	height: auto;
}
.s_item2ts01{
	width: 100%;
	height: auto;
	margin: 20px 5px;
	display: block;
	float:left;
}
.s_item2ts01 a:hover{
	opacity:0.8;
}
/*--------------------------------------- 
  トップ理念、合格実績など3つ並び　スマホ時には2列になる
　トップページに利用
---------------------------------------*/

.item_3{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
}
.s_item_3{
	width: 46%;/*調節が必要*/
	margin: 10px 2px;
}
.s_item_3 a:hover{
	opacity:0.8;
}
/*--------------------------------------- 
 トップページの 選ばれる理由など
 
---------------------------------------*/
.brand{
    background-color:#F5F1E5;
	background-repeat:repeat;
	width: 100%;
	height: auto;
}
.brand img {
	max-width: 100%;
	height: auto;
}
.b_item{
	width: 320px;
	margin: 5px 40px;
	display: block;
	height:320px; /*--高さを入れた方がいい --*/
	float:left;
}
.b_item a:hover{
	opacity:0.7;
}
/*--------------------------------------- 
 買取りボタン領域
---------------------------------------*/
.kaitori{
	width:100%;
	clear:both;
}
.kaitori img{
	max-width: 100%;
	height: auto;
}
.kaitori01{
	float:left;
	width:360px;
	margin:10px 10px;
}
.kaitori01 a:hover{
	opacity:0.8;
}

/*--------------------------------------- 
 買取りの流れ部分
---------------------------------------*/
.nagare{
	background-image:url(../img/back_nagare.jpg);
	background-repeat:repeat;
}
.nagare img{
	max-width: 100%;
	height:auto;
}
.nagare a:hover{
	opacity:0.7;
	border:0;
}
.smaho{
	display: block;
}
.nagare_kaitori{
	display:none;
}
.sumaho02{   /*----スマホ時には見えない webでは見える---*/
	display:none;
}

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

.p_box{
	display:block;
	text-align:center;
	width: 100%;
	padding:0 10px 0 0;
}


/*--------------------------------------- 
 スマホフッターボタン部分
---------------------------------------*/
.smaho_footer{
	width:380px;
	display:block;
}
.smaho_footer ul{
	display: table;
	margin:0;
	padding:0;
}
.smaho_footer li{
	list-style:none;
	display: table-cell;
	float:left;
	width:49%;
	padding: 0;
	font-size:11px;
	border: solid 1px #EEE;
}
.smaho_footer li a{
  display: block;
  line-height: 48px;
  padding: 0 10px;
  color: #000;
  text-decoration: none;
}
.smaho_footer li a:hover{
	background-color:color:#FFF4FF;
}
.smaho_footer li:nth-child(even) {
  border-left: none;
}
.smaho_footer li:nth-child(3){
 border-top: none;
 border-bottom: none;
}
.smaho_footer li:nth-child(4){
 border-top: none;
 border-bottom: none;
}
/*--------------------------------------- 
 よくある質問　 qa_box
---------------------------------------*/
.qa_box .btn_qa{
	width:42px;
	height:42px;
}
.qa_box p{
	padding: 0 0 0 10px;
}
/*--------------------------------------- 
 ブランドボックスエリア　 brand_box
---------------------------------------*/
.brand_box{
	width: 100%;
}
.brand_item{
	width:170px;
	height:230px;
	padding: 7px;
	float:left;
	display:block;
}
.brand_item p{
	font-size:12px;
	text-align:center;
	line-height:18px;
}
/*--------------------------------------- 
社長挨拶の部分
---------------------------------------*/
.message {/*- 高さを指定して重なりをふせぐ-*/
height:620px;/*- 全体の高さを調節-*/
position:relative;
}

.message .f03{/*- 写真部分はフロートさせない-*/
float:none;
display: none;
}


.message02{/*- 強制的にポジションをつけています-*/
	width:auto;
	float:none;
	position:absolute;
	left:0;
	top:310px;/*- 写真の分だけ下にする-*/
}

/*--------------------------------------- 
社長挨拶の部分　sub
---------------------------------------*/
.message01 {/*- 高さを指定して重なりをふせぐ-*/
height:610px;/*- 全体の高さを調節-*/
position:relative;
}

.message01 .f03{/*- 写真部分はフロートさせない-*/
float:none;
display: none;
}


.message02a{/*- 強制的にポジションをつけています-*/
	width:auto;
	float:none;
	position:absolute;
	left:0;
	top:310px;/*- 写真の分だけ下にする-*/
}


/*--------------------------------------- 
フレックスボックスで作成　770px幅　2列
 item_2f_s1  
sサイズに時に写真が一列なので　s1
---------------------------------------*/
#item_2f_s1{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 770px;
}
.item_2fs_s1 > p{
	font-size:90%;
}
.item_2fs_s1{
	width: 100%;
	margin: 10px 0;
}

.item_2fs_s1 img{
	width: 100%;
}
.item_2fs p{
	font-size:0.8rem !important;
}
.item_2fs_t{
	font-size: 1.2rem!important;
}

/*--------------------------------------- 
 フォーム
---------------------------------------*/
.fbox01{
	display: row;
}
.form_box{
	height: 150px;
}
textarea{
    width: 360px;
    height: 200px;
	text-indent: 5px;
}
.norton{
	width: 115px;
	height: 82px;
}
/*サンクスページ画像のサイズ*/
.thanks_size img{
	width: 180px !important;
	height: 170px;
}



/*************************ここから************************/
.btn_4retu{
	display: flex;
	flex-direction: row;
	 justify-content: space-between;
}
.btn_4a{
	width: 100%;
}

/*************************ここまで************************/

.jlshalf_l{
	width: 100%;
	float: left;
}

.jlshalf_r{
	width: 100%;
	float: right;}

/*------------matome エリア　ここまで-------------------*/


/*お悩みのブルーボックス部分*/
.nayami_area{
	width: 96%;/*ここがポイント*/
	margin: 0 auto;
}
.nayami_area p{
	padding: 5px 0 0 5px!important;
	line-height: 1.8rem!important;/*文字の幅を調節*/
}
.nayami_area td{
	padding: 10px 0 15px 10px;/*余白を追加*/
}
/*--------------------------------------- 
ページトップに戻るの jquery部分
---------------------------------------*/

.pagetop {
    bottom: 70px;/*位置の調節*/
    right: 15px;
}
/*------------------------------------------------ 

トップのタイトルエリアLP

----------------------------------------------------*/
#main_title_areas{/*lpで利用する　文字の部分*/
	width: 100%;
	max-width: 414px;
	height: 570px;/*このサイズが大事*/
	margin: 0 auto;
	padding: 80px 0 0 0;
}
#main_title_areas_next{
		width: 100%;
	max-width: 414px;
	height: 570px;/*このサイズが大事*/
	margin: 0 auto;
	padding: 50px 0 0 0;
	}
.main_title_area{/*普通ページで利用　ｌｐではない*/
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 80px 0 0 15px;/*位置を調節*/
	/*background:rgba(255,255,255,0.8);*/
	line-height: 2.5rem;
}
.main_title_area02{/*ガイドページ*/
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding:35% 0 0 5%;/*位置を調節*/
	/*background:rgba(255,255,255,0.8);*/
	line-height: 2.5rem;
}
.main_title_areas01{/*背景を白くして、薄くする*/
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 15px;/*位置を調節*/
	/*background:rgba(255,255,255,0.8);*/
	line-height: 2.5rem;
}
.main_title_areas01 p{
	opacity: 1;
}
.main_title_areas02{/*背景を白くして、薄くする*/
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 15px;/*位置を調節*/
	/*background:rgba(255,255,255,0.8);*/
	line-height: 2.5rem;
}
.main_title_areas02 img{
	max-width: 100%;
}
.main_title01{/*大きい文字の部分*/
	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;
	color:black;/*文字の色*/
	line-height: 3.0rem;
	/*text-shadow:2px 2px 3px #716a6a;*/
}
.main_title_e01{/*lp専用*/
	font-size: 1.0rem;
	line-height: 2.5rem;/*調節*/
	color:black;
	letter-spacing:0.1rem;/*文字の間隔*/
	/*text-shadow:2px 2px 3px #716a6a;*/
	font-weight: 600;
	text-align: center;
}
.main_title01a{/*大きい文字の部分*/
	text-align: center;
	padding: 20px 0 0 0;
}
/*LPここまで*/

.main_title_b{/*ガイドページ　下のタイトル文字*/
	    font-size: 1.8rem;
    font-weight: 450;
    color: white;
    line-height: 3.0rem;
    text-shadow: 2px 2px 3px #716a6a;
}
.main_title01c{/*対象年齢の部分*/
	padding: 0;
	margin: 20px 0;
	text-align: center;
}


/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------
悩みのエリア
-------------------------------------------------*/

.contents01_nayami_area{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0 ;/*ちょうせつ*/
	background-color: white;
}
.ct_n01{
	font-size: 1.0rem;
	text-align: center;
	letter-spacing: 2px;
	padding: 0 0 0 0;
}
.ct_n02{
	font-size: 1.0rem;
	padding: 10px 0 30px 0;
	text-align: center;
}
.osusume{/*背景画像*/
	display: none;
}
.solution_area img{
	width: 100%;
}
/*-----------------------------------------------
解決エリア
-------------------------------------------------*/

.solution_area{
	width: 100%;
	padding: 50px 15px;/*少し広げる*/
}
.solution_area02{/*内側*/
	width: 100%;
	padding: 30px 0 0 0;
}
.center_b01{
	line-height: 2.5rem;
}
.center_b02{/*論理力の部分*/
	font-size: 1.2rem;
	line-height: 2.5rem;
	padding-bottom: 20px;
}
/*next部分*/
.solution_area03{
	padding: 0;/*外枠の大きさ*/
	width: 100%;
}
.solution_area03_block{
	width: 100%;
	flex-direction:column;/*縦に並べる*/	
}
/*写真部分*/
.sa03_ph{
	width: 100%;
}
.sa03_ph img{
	padding: 0 15px;/*左右に隙間を作る*/
}
.sa03_txt{/*テキストエリア*/
	width: 100%;
	padding: 0 15px;
	margin: 15px 0 0 0;/*上に隙間をいれる*/
}
/*-----場所：top ------*/

.solution_area04{
	padding: 0;/*外枠の大きさ*/
	width: 100%;
	flex-direction:column;/*縦に並べる*/	
	margin-top:40px; 
}
.solution_area04_sub{
	background-color: white;
	width: 96%;
	margin: 0 auto;/*下にスペースを入れる*/
	padding: 0px 0 30px 0;/*文字の間隔を綺麗にする*/
	margin-bottom:50px;
}

/*-----------------------------------------------

3列エリア

-------------------------------------------------*/

.three_area{
	width:100%;
	margin: 0 0 20px 0;
	/*background-color: white;*/
}
.three_area01{
	width: 100%;
	padding: 0 0 60px 0;
}
.three_area01 img{
	width: 100%;
}
.three_area01 p{
	padding: 0 15px;/*文字の左側に隙間*/
}
/*-------------------------------------

メッセージエリア
用途：社長の挨拶、スタッフ挨拶

---------------------------------------*/
.message_area{
	width: 100%;
	flex-direction: column;
	margin: 10px 0; 
}
.me_p{/*写真エリア*/
	width: 100%;
	order: 0;/*先に写真を表示させる*/
}
.me_t{/*テキストエリア*/
	width: 100%;
	padding: 0;
	order: 1;
}
.me_t p,.me_t h3{
	padding: 0 15px;
}
/*-------------------------------------

pointエリア
用途：ポイントなど

---------------------------------------*/
.point_area_back{
	padding: 15px 10px;/*青を見せる*/
}
.point_area{
	width: 100%;
	padding-top: 20px;
	padding: 0 15px;
}
.point_areas{
	width: 100%;
	flex-direction: column;
}
.pa_p{
	width: 100%;
}
.pa_t{
	width: 100%;
	padding: 0;/*文字の隙間いらない*/
}
.point_area hr{
	width: 100%;
}
/*-------------------------------------

バナー部分　青色

---------------------------------------*/
.btxt_area01{
	padding: 35px 0;
	margin: 10px 0;
}


/*-------------------------------------

メッセージエリア
用途：pisa塾について

---------------------------------------*/
.point_areas01{
	width: 100%;
	padding: 25px 0 0 0;
}
/*-------------------------------------

用途：nextページに利用
/next/next.php
---------------------------------------*/
.point_area02{/*内側*/
	width: 100%;
	padding-top:25px;
	/*text-align: center;*/
}
.pa_p02 img{
	width: 80%;/*ICTの部分*/
}
.pa_i01{
	padding-top: 30px;
}
.pa_i01 img{
	padding: 0 15px;
	margin-bottom: 30px;
}
/*コンセプトの文章部分*/
.concept_message{
	max-width: 414px;
	width: 100%;
	margin: 0 auto;
}
/*-------------------------------------

数字で分かるエリア

---------------------------------------*/
.number_area_back{
	padding: 30px 0;/*タイトルと文字を離す*/
}
.number_area{
	width: 100%;
	padding: 20px 0 0 0;
}
.number_area01{/*ブロックの大きさを可変にしておく*/
	width: 100%;
	padding:0 15px;
	margin: 30px 15px;/*左右に隙間を作る　綺麗に見える*/
}
.number_area02{/*ブロックの大きさを可変にしておく*/
	width: 100%;
	margin: 30px 15px;/*左右に隙間を作る　綺麗に見える*/
}
.t02{/*ここで調節する*/
	padding: 40px 25px 0 15px;
}
.number_area03{/*ブロックの大きさを可変にしておく*/
	width: 100%; 
	margin: 30px 15px;
}
.number_area04{/*ブロックの大きさを可変にしておく*/
	width: 100%; 
	margin: 30px 15px;
}
.number_area01 img,.number_area02 img{
	width: 100%;
}
.wakumidasi01{/*枠の部分*/
	width: 280px;
}
.ct01{/*タイトル部分*/
	text-align: center;
	line-height: 2.5rem;/*隙間のサイズ*/
	font-size: 1.25em;
	padding: 0 0 0 15px;
}
/*-------------------------------------
マップ部分
---------------------------------------*/
.map_area{
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
.ct_ma01{
	margin-top:50px; 
}
/*-------------------------------------
合格の数エリア
場所：LP　
---------------------------------------*/
.gokaku_score{
	width:100%;
	padding: 0 15px;
}
.wakum_name{/*学校名部分*/
	width:100%;
	font-size: 0.8rem;
	padding: 0.8rem 0;
}
.center_wn{
	padding: 0;
	line-height: 7rem;
}
.num01{
	font-size: 2.0rem;
}
.num02{
	font-size: 1.0rem;
}

/*-------------------------------------
お問い合わせ部分
場所：LP　
---------------------------------------*/
.contact_area_back{
	margin-top:10px;
	
}
.contact_area{
	width: 100%;
}
.contact_comment{/*人のアイコン*/
	display: none;
}
.contact_cbtn{
	width:75%;
}
.ct_a01{/*色の調節*/
	font-size: 1.0rem;
}
.contact_area_obi{/*帯部分*/
	height: 250px;/*帯の高さ*/
	margin: 30px 0; 
}
/*-------------------------------------
帯の部分
場所：LP　
---------------------------------------*/

.btxt01{
	font-size: 1.2rem;
	padding: 1px 0 0 0;/*調節*/
}

.btxt_area03{
	padding: 30px 0 0 0;
	font-size: 0.8rem;
}
.btxt_a03{
	font-size: 1.2rem;
	text-align: center;
	padding: 20px 0!important;
}
/*--------------------------

画像のスライド部分

------------------------------*/
.slick03,.slik02{
	padding: 0 0 30px 0;
	margin: 0 auto;
	text-align: center;
}
.slik02 img{
	width: 100%;
}
/*-------------------------------------------
よくある質問
場所：LP
--------------------------------------------*/
.faq_itm dd{
	margin: 0 0 0 10px;/*左に空きすぎたスペースの修整*/
}
.faq_text{/*テキストの部分*/
    font-size: 0.8rem;
}
.faq_link{
	padding: 42px 68px 44px 10px;/*文字を読みやすくする*/
}
.faq_area p{
	font-size: 0.8rem;
	line-height:2.2rem;/* 新しい書き方*/
	margin:0;
	padding: 0 20px 0 0;
}
/*-----------------------------------------------------------------------

LPで利用
教室のスクロール部分

-------------------------------------------------------------------*/

.contents01_area01{
	width: 100%;
}
.contents01_area01{
	width: 100%;
}

/*---------------------------------------------------------
サブページのメイン部分　背景に画像を設定して、パララックス効果を
-----------------------------------------------------*/
.main_photo_lp{
	background-image: url("../img/back/back_s03.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;
	margin-bottom: 0;
}
.main_photo_service{
	background-image: url("../img/back/back_s06.jpg");/*横500px　縦600px*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;/*600にすると隙間ができる*/
	margin-bottom: 0;	
}
.main_photo_guide{
		background-image: url("../img/back/back_s03a.jpg");/*長くする*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;/*600にすると隙間ができる*/
	margin-bottom: 0;
}
.main_photo_hazimete{
	background-image: url("../img/back/back_s04.jpg");/*長くする*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;/*600にすると隙間ができる*/
	margin-bottom: 0;
}
.main_photo_rinen{
	background-image: url("../img/back/back_s07.jpg");/*長くする*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;/*600にすると隙間ができる*/
	margin-bottom: 0;
}
.main_photo_teacher{
	background-image: url("../img/back/back_s04.jpg");/*横500px　縦600px*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;/*600にすると隙間ができる*/
	margin-bottom: 0;	
}
.main_photo_gokaku{
	background-image: url("../img/back/back_s08.jpg");/*長くする*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;/*600にすると隙間ができる*/
	margin-bottom: 0;
}
.main_photo_kyositu{
	background-image: url("../img/back/back_s07.jpg");/*長くする*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;/*600にすると隙間ができる*/
	margin-bottom: 0;
}
.main_photo_koshu_summer{/*夏期講習*/
	background-image: url("../img/back/back_s07.jpg");/*長くする*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 500px;/*600にすると隙間ができる*/
	margin-bottom: 0;
}
	
/*------------------------------------------

場所：ポイントボックス

-------------------------------------------*/
.point_box{
    margin: 2.8em 0.2em 2em;/*上　左右　下*/
}
/*------------------------------------------

ながれエリア
場所：next
-------------------------------------------*/
.nagare_area_back{
	padding: 0 5px 30px 0;
}
.nagare_area{
	width: 100%;
	padding: 0 20px 30px 20px;
	flex-direction: column;
}
.na_ph{
	width: 100%;
	padding: 0;
}
.na_txt{
	width: 100%;
	padding: 0 0 0 25px;/*高さの調節*/
}
/*------------------------------------------

場所：LP（NEXT）
詳細：時間割の部分
ファイル：next/next.php

-------------------------------------------*/
.time_table{
	width: 100%;
}
.tt_03{
	margin-top:1.5rem; 
}
.tt_02{
	padding: 0 20px;
}
/*--------------------------------------- 
全体共通
コメントエリア
---------------------------------------*/
.names_area{
	width: 20%;
}
.comments_area{
	width: 78%;
	margin: 0 0 0 5px;
}
.comments_area p{
	line-height: 1.75rem!important;/*少しつめます*/
	font-size: 0.85rem!important;
	padding: 0 5px!important;
}
.point_box{
	width: 97%;
}
.one_point_box{
	width: 97%;
}
/*-------------------------------------------

場所:ネクストコース
詳細:

-------------------------------------------*/
.btn_more{
	margin: 0 auto;
}
.cu_block{
	width:96%;
	border: 2px solid #3E3E3E;/*ボタンの枠線の色*/
	padding: 30px 10px;
	margin: 0 auto;
}
.cu_block_area{/*背景に色を付ける*/
	padding: 30px 0;
}
.cu_block h3{
	padding: 15px 0 8px 15px;
}
/*--------------------------------------- 
ページトップに戻るの jquery部分
---------------------------------------*/

.pagetop {
    bottom: 70px;/*位置の調節*/
    right: 15px;
}
/*-----------------------------------------------------------------------

LPで利用
教室のスクロール部分

-------------------------------------------------------------------*/

.contents01_area01{
	width: 100%;
}
.user_area01{
	padding: 0 5px;
}

/*-----------------------------------------------------------------------

場所：よくある質問
用途：サイズの調節など

-------------------------------------------------------------------*/
.qa_btn_area{
	flex-wrap:wrap;
}
.qa_btn{
	width: 30%;
	margin: 10px 5px 0px 5px;
}
.qa_btn p{
	padding: 0;
	font-size: 0.7rem!important;/*ここは大事*/
}
.table_qa {
	margin: 0 10px;
}
/*--------------------------------------- 
ネクストのトップ　LP
場所：3つのステップ部分
---------------------------------------*/
.steps_area{
	width: 100%;
	flex-direction: column;
}

.steps_area_sub{
	width: 100%;
	padding: 0 0 50px 0;
}
/*-------------------------------------

夏期講習の説明エリア
用途：
場所：https://usuigakuen.co.jp/pisajuku/next/koshu/2023/
やる気アップ必修講習
---------------------------------------*/
.concept_area{
	/*max-width: 414px;*/
	width: 100%;
	margin: 20px 0;
}
.concept_area_sub img{
	width: 100%;
}
.btxt_area03a{
	width: 100%;
	height: 130px;
}
.txt_big_blue02{/*4の文字を大きくする*/
	font-size: 1.1rem;
	margin-top: 10px;
}

/*-------------------------------------

用途：夏期講習　4つの特徴
場所：https://usuigakuen.co.jp/pisajuku/next/koshu/2023/
---------------------------------------*/
.point_area_oya{
	width: 100%;
	display: flex;
	flex-direction:column;
	flex-wrap:wrap;/*折り返しあり*/
}
.point_area_sub{
	width: 100%;/*2つに横並び*/
	margin-bottom: 40px;
	padding: 0 15px;
}
.pa_tyousetu{/*paポイントエリア　した文字の調節*/
	margin: 10px 0 30px 0;/*隙間を調節*/
}
/*-------------------------------------

用途：夏期講習　4つの特徴

---------------------------------------*/
.point_area04{/*内側のみ*/
	margin-top:60px;
	margin-bottom: 0;
}

/*--------------------------------------- 
ネクスト 夏期講習　料金と日程
場所：日程部分
https://www.usuigakuen.co.jp/pisajuku/next/koshu/2023/
---------------------------------------*/
.price_area_box_back{
	height: 530px;
	margin-top: 30px;
}
.price_area_box{
	height: 480px;
}
.pa_area01{/*日程など*/
	font-size: 0.9rem;
}
.pa_area02{/*日程など*/
	font-size: 0.9rem;	
}
.pa_taisho{/*対象について*/
	padding: 15px 0;
}
/*--------------------------------------- 
ネクスト 夏期講習　流れ
場所：日程部分
https://www.usuigakuen.co.jp/pisajuku/next/koshu/2023/
---------------------------------------*/
.nagare_area01{
	flex-direction:column;
}

.nagare_area01_block{
	width: 98%;
	background-color:white;
	height: 280px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 30px 15px 0px 15px;
}
/*--------------------------------------- 
ネクスト 夏期講習　流れ
場所：日程部分
https://www.usuigakuen.co.jp/pisajuku/next/koshu/2023/
---------------------------------------*/

.rooms_area{
	width: 100%;
	padding: 0 0 30px 0;
	margin-bottom: 30px;
}
.rooms_area_block{
	width: 100%;
	padding: 15px;
}

.kaki_btn{
    max-width: 360px;
	font-size: 1.0rem;
	margin: 0 auto;
	padding: 15px 0;
}

/*--------------------------------------- 
フッターボタン
場所：全てのページ
---------------------------------------*/
.footer_fix_btn03_back{
	width: 100%;
	background-color: #FFFFFF;
}
.footer_fix_btn03{
	max-width: 414px;
	height: 55px;/*60だと隙間ができる*/
	position:fixed;
	bottom:0;
	left: 50%;
	transform: translate(-50% , 0);
	width: 100%;
	margin: 0 auto;
	display: flex!important;
	justify-content:space-between;
	background-color: white;
}
.fbtn01,.fbtn02,.fbtn03{
	width: 33%;
}
.fbtn01a{
	width: 66%;
}
.fbtn02a{
	width: 34%;
}
.fbtn01 img,.fbtn02 img,.fbtn03 img,.fbtn01a img,.fbtn02a img{
	max-width: 100%;
}
/*--------------------------------------------
画像を小さくする
場所:トップ
---------------------------------------------------*/
.hosei01{
	text-align: center;
}
.hosei01 img{
	text-align: center;
	width: 70%;
}

/*--------------------------------------------
ナビ部分
場所:LP
---------------------------------------------------*/
.navigation table{
	display: flex;/*中央にする*/
	margin-top:20px; 
}

.navigation table td {
	padding: 0 5px;
}
/*-------------------------------------------------------

合格ガイド
場所：/gokaku/など（全部のページで使える）
--------------------------------------------------------*/
.gokaku_guide_area{
	width: 95%;
}

.gokaku_guide_sub{
	width: 49%;
}
/*-----------------------------------------

金額のエリア
場所：スマホ時　固定ボタン
画面の下に表示
-----------------------------------------*/
.footer_fix_btn03_back{
	width:100%;
	background-color:white;
	height:60px;
	/*スマホの時に表示させる*/
}
.footer_fix_btn03{
	max-width: 414px;
    position: fixed;
	height:60px;/*修整*/
    bottom: 0;/*位置の調節　０だとダメ*/
    left: 50%;
    transform: translate(-50% , 0);
    width: 100%;
    margin: 0 auto;
    display: flex!important;
    justify-content: space-between;
	background-color:#FFFFFF;
}

.fbtn01{
	width:50%;
	height:60px;
}
.fbtn01 img{
	width:100%;
}
.fbtn02{
	width:50%;
	/*height:60px;*/
}
.fbtn01 p,.fbtn02 p{/*ずれの修正　2022-1127*/
	margin: 0!important;
}
.fbtn01 a,.fbtn02 a{
	margin: 0!important;
}
.fbtn01 img,
.fbtn02 img{
	width:100%;
	height: 60px;
}
/*---------------------------
調節用　2023.08追加　
場所：h3タイトル用
-------------------------------*/
.mida02b{/*見出しのタイトル用*/
	margin-left: 15px;
}
.class_tokutyo_area_sub01a ul{
	margin-left: 10px;/*左に隙間をつくり合わせる*/
}