/*--------------------------------------- 
  全体共通だよん
ピサ塾
---------------------------------------*/
#header img{
	max-width: 380px;
	height: auto;
}
#main img,#main01 img {
	max-width: 100%;
	height: auto;
}
.ai2 {
	display: none;
	line-height: 120px;
	margin: 0;
}

/*--　Mサイズ時にボタンを見えなくする--*/
.headC {
	display: !important;
}

#gnabi {/*--　グローバルナビ--*/
	display: none;
}

/*--　Mサイズ時オーバーフローするところの文字サイズについて--*/
.o_menu p{
	font-size: 15px;
	line-height:40px;
}

/*--　Mサイズ時に可変するテーブルcss--*/

.table2{
    margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.table2 td p {
	font-size:12px;
    margin: 0 0 0 5px;
	text-align: left;
}
.table2 td{
    border: none;
	margin: 0;
	font-size:14px;
	text-align: center;
}
/*--------------------------------------- 
  構造タグ
---------------------------------------*/

body{
	margin: 0 auto;
	padding:0;
}
#container {
	width: 100%;
	margin: 0 auto;
}

#header {
	height: 100%;
	width: auto;
	height:80px;
	margin:0;
	padding:0;
}
#header ul {
    width: 100%;
    list-style:none;
	margin: 0;
	padding: 0;
}
#header li{
	height: 100%;
	padding: 0;
	margin: 0;
	float: right;
}
#contents {
	width: 100%;
	margin: 0;
	padding: 0;
}
#contents02 {
	width: 77%;
	margin: 0;
	padding: 0;
	clear:both;
}

#main00 {
	width: 100%;
}
#main {
	float: left;
	width: 76%;
	padding:0 10px 0 0;
}

#main02 {
	float:right;
	width: 77%;
	margin: 0;
	padding:0;
}
#main3 {
	width: 100%;
	margin: 0;
	padding:0;
}
#main3　img {
	height:auto;
}


/*--------------------------------------- 
  footerの中だよん
---------------------------------------*/
.f4 {
   margin: 0;
   padding:15px 25px 0 0;
   float: right;
}
#footer {
	width: 100%;
	clear: both;
	font-size: 80%;
	background-color:#6C9523;
	color:#FFF;
}
#footer a:visited{
	color:#FFF;
	font-size: 12px;
	line-height:25px;
	text-decoration:none;
}
#footer a:link{
	text-decoration:none;
	color:#FFF;
}
#footer p{
    margin:0 0 0 15px;
	padding: 0;
	font-size: 13px;
	line-height:25px;
}
#footer02 {
	display: none;
	width: 98%;
	text-align: center;
	clear: both;
	height: 30px;
	background-color: #47B1A2;
	color: #FFFFFF;
}

/*---------------------------------------
gnavi のなかみだよ

---------------------------------------*/
#gnavi {
	height: auto;
	clear:both;
	width:100%;
	display:none;
	}

#gnavi ul {
    list-style:none;
	margin:0;
	padding:0;
	height:auto;
}
#gnavi li{
	width: 13%;
	height: auto;
	padding: 0;
	margin: 0;
	float: left;

}
/*-------------------------------
list styleです

---------------------------------*/
#main p{
  font-size: 13px;
  line-height: 25px;
}
#main00 p{
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 25px;
}

h1 {
	float: left;
	padding:0;
	margin: 10px 0 0 0;
}

h2,h3{
	font-size: 18px;
	font-weight: bold;
	line-height:26px;
}
h4 {
	font-size: 16px;
	margin: 0 0 0 10px;
	padding: 0px;
    line-height: 40px;
}
h5{
   font-size:12px;
   line-height: 10px;
   margin: 0;
   padding: 0;
}
.kadai{  /*--h4の背景が灰色の部分につかっている　東洋経済のトピックみたいな ---*/
	margin:0 0 0 5px;
	padding: 0 0 0 5px;
}
.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;
}
.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;
  padding: 0;
  font-size:12px;
  clear:both;
  height:auto;
  width: 99%;
}
#pan ul{
  list-style:none;
  margin: 0;
  padding:0;
}
#pan li{
   margin: 13px 5px 8px 0;  
  list-style:none;
  float:left;
}
/*--------------------------------------- 
  naviの中だよん
---------------------------------------*/
#navi {
	float: right;
	width: 22%;
	padding:0;
}
#navi2 {
	float: left;
	width: 20%;
	height: auto;
}
#navi2 img{
	width: 100%;
	max-width: auto;
	height: auto;
}
#navi img{
	width:100%;
	height:auto;
}
/*--arrow部分の矢印が大きくなるのを防ぐ --*/
#navi2 li img{
	height: 6px;
	width: 5px;
}
#navi li img{
	height: 7px;
	width: 7px;
}

#navi2 p{
	font-size: 0.6em;
}

#navi ul,#navi2 ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;	
	padding: 0;
	clear:both;
}
#navi li,#navi2 li {
	width:95%; /*下の線を調節する*/
	padding: 0 0 0 10px;
	display:block;
	list-style-type: none;
	clear: both;
	font-size: 12px;
	line-height: 25px;
}

  
/*--------------------------------------- 
  topの中だよん
---------------------------------------*/
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}


/*--------------------------------------- 
  tableの中だよん
---------------------------------------*/
table {
	width:100%;
	border-collapse:collapse;
}
.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: 10px 0 0 0;
   width: 80%;
   display: none;
}
.news{
    margin: 0 0 0 40px;
	padding: 0;
}
.table2{
	margin: 0;
	width: 100%;
	border:none;
}

/*--　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:12px;
    margin: 0 0 0 5px;
	text-align: center;
}
.table4 td{
    border:1px solid #E8E8E8;
	margin: 0;
	font-size:14px;
	text-align: center;
}
/*--　Sサイズ時の可変テーブル終わり--*/


.table5{
    margin: 0;
	padding: 0;
	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: 18px;
   line-height: 40px;
   font-weight:bold;
}
/*------サイズが小さくなると、可変する。
ボーダーの色は白
テキストは左のテーブルレイアウト -----*/

.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{
   padding: 0;
   font-size: 5px;
   line-height: 2.0em;
}
.td_back{
	background-color: #7CBCE6;
	color:#FFF;
	width:20%;
	text-align:center;
}

/*--------------------------------------- 
  開催情報などを表示するボックス
---------------------------------------*/

.table6{
    margin: 0;
	padding: 0;
	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: 12px;
}


/*------end -----*/
.news td{
	display: block;
    margin: 0;
	padding: 0;
	font-size:12px;
}
.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;
}
/*--------------------------------------- 
  お客様の声　ナンバー部分 
---------------------------------------*/

.num1{
	width:160px;
	text-align:center;
	border: 0;
}

/*--------------------------------------- 
 floatだよん
---------------------------------------*/
.f1{
   margin: 0 10px 0 0;
   padding: 0;
   float: left;
} 
.f2{
   margin:0;
   padding: 0 10px 0 0; 
   float: left;
}
.f2 img {
	width:100%;
	height: auto;
	margin:0 10px 0 0;
}

.r1{
	float: right;
	margin: 0 2px 0 5px;
}
.r2{
  float: right;
  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;
}
.wt {
     color: #FFFFFF;
	 font-weight:bold;
	 text-align: center;
}
.rblue {
	color: #0066FF;
	font-weight: bold;
}
.copy {
     font-size: 11px;
	 margin:5px 0 0 0;
	 color: #FFFFFF;
}
.to1 {
     font-size: 12px;
	 margin: 0;
	 padding: 0;
}
.woman_pink{
	color: #FF9899;
	font-weight:bold;
}
.pink{
    color:#FF3399;
	font-size:24px;
	margin: 0 0 5px 0;
	font-weight:bold;
}

.hati{
   font-size: 8px;
}
.orange02{
	color: #FFAF3E;
	font-size: 18px;
	line-height:36px;
	font-weight: bold;
}

/*--------------------------------------- 
   お問い合わせ
---------------------------------------*/
.contact {
  margin: 0 0 0 10px;
  padding: 0 ;
  width: 610px;
}
.koeback {
	display: none;
}
/*--------------------------------------- 
   テーブルの幅を可変にするために100%に設定してある
   
---------------------------------------*/
.waku02{
	background-color: #F0F0F0;
	border: none;
	width: 100%;
}
.map{
	display:none;
}
.map02{
	display: block;
}
#map1{
	display:none;
}
/*--------------------------------------- 
  トップページ
---------------------------------------*/
.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: 35px;
	background-image: url(../img/bar_sita_tensen_s.png);
	background-repeat: no-repeat;
	margin: 0;
	padding:0;
}
/*---------------------------------------
詳細情報のテーブルレイアウト　調節用
---------------------------------------*/
.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: 10px;
	-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 #000000;
}
.badge i {
	display: block;
	line-height: 0;
	font-size: 12px;
}
/*----表示位置の設定 ---*/

.pickup {
	position:relative;
}

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

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

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

--------------------------*/
.gaiyou img {
	width:100%;
	height:auto;
}
.boxA-1:after{
	content:"";
	display: block;
	clear:both;
}
.gaiyou p{
	margin:0 15px 15px 5px;
	font-size: 14px;
}
.boxA-1 .gaiyou{
	float:left;
	width:50%;
}
.boxA-1 .gaiyou:nth-child(odd){
	padding-right:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.boxA-1 .gaiyou:nth-child(even){
	padding-left:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; /*- 余白は横幅に含めて処理をする-*/
}
/*------------------------

メニューボタンのサイズ調節
--------------------------*/
.mbt{
	width: 57px;
	height: 67px;
}

/*--------------------------------------- 
   Mサイズの時は社長の顔+コメント部分は非表示にする
---------------------------------------*/
.coment{
	display:none;
	height: 150px;
	width: 735px;
	background-image:url(../img/back_coment.jpg);
	background-repeat:no-repeat;
	border: none;
}

/*--------------------------------------- 
   この記事を読んだ人は、こんな記事も読んでます
   関連記事のcss
---------------------------------------*/

.kanren_kizi img {
	width: 170px;
	height: 100px;
}
.kanren_kizi p{/*---- 文字がはみ出した時に・・・になる。必ず3つ記述すること ----*/
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.kanren_kizi a{
	display: block;
	padding: 5px;
	border-bottom: dotted 1px #CCC;
	font-size: 14px;
	text-decoration: none;
}
.kanren_kizi .f1{
	float: left;
	padding-right: 15px;
}
.kanren_kizi a:hover{
	background-color: #eeeeee;

}

.kanren_kizi a:after{
	content: "";
	display:block;
	clear:both;
}
/*--------------------------------------- 
   買い取り強化しておりますのブロック
---------------------------------------*/
.item{
	width: 100%;
	background-color:#F5F1E5;
	background-repeat:repeat;
	height:auto;
}
.item img {
	max-width: 100%;
	height: auto;
}
.s_item{
	width: 30%;
	margin: 20px 10px;
	display: block;
	float:left;
}
.s_item p{
	font-size:0.8em;
}

/*--------------------------------------- 
  subページ　選ばれる理由に使う　2列表示
---------------------------------------*/

.item2{
	background-color:#F5F1E5;
	background-repeat:repeat;
	width: 100%;
	height: auto;
}
.item2 img {
	max-width: 100%;
	height: auto;
}
.s_item2{
	width: 45%;
	margin: 20px 8px;
	display: block;
	float:left;
}
.s_item2 p{
	font-size:0.8em;
}

/*--------------------------------------- 
 2つ並び　topページのサービスにつかっています
 item_2t とは2列トップのt
---------------------------------------*/

.item_2t{
	width: 100%;
	height: auto;
}
.s_item2t img {
	max-width: 100%;
	height: auto;
}
.s_item2t{
	width: 45%;
	height: auto;
	margin: 20px 10px;
	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: 45%;
	height: auto;
	margin: 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: 45%;
	height: auto;
	margin: 20px 10px;
	display: block;
	float:left;
}
.s_item2ts01 a:hover{
	opacity:0.8;
}

/*--------------------------------------- 
 ブランド部分
---------------------------------------*/
.brand{
	background-color:#F5F1E5;
	width: 100%;
}
.brand img {
	max-width: 100%;
	height: auto;
}
.b_item{
	width: 30%;
	margin: 20px 10px;
	display: block;
	float:left;
	height:250px;
}
.b_item a:hover{
	opacity:0.7;
}

/*--------------------------------------- 
  トップページ
  社長の声をご紹介
---------------------------------------*/

.koe_box{
	width: 100%;
	height: 200px;
	display:block;
}
.koe_box01{
	width: 20%;
	height: 140px;
	margin: 20px 0;
	display: block;
	float:left;
}
.koe_box02{
	width: 78%;
	height: 140px;
	margin: 20px 0;
	float: left;
	border: 2px solid #09F;
	border-radius: 20px; /* 角丸の指定 */
	background-image:none;
	background-repeat:no-repeat;
}
.koe_box02 p{
	margin: 0 0 0 15px;
}
.koe_box01 a:hover{
	opacity:0.8;
}

/*--------------------------------------- 
 買取りボタン領域
---------------------------------------*/
.kaitori{
	width:100%;
	clear:both;
}
.kaitori img{
	max-width: 100%;
	height: auto;
}
.kaitori01{
	float:left;
	width:46%;
	margin:0 10px;
}
.kaitori01 a:hover{
	opacity:0.7;
}
/*--------------------------------------- 
 買取りの流れ部分
---------------------------------------*/
.nagare{
	background-image:url(../img/back_nagare.jpg);
	background-repeat:repeat;
	text-align:center;
}
.nagare img{
	max-width: 100%;
	height:auto;
}
.nagare a:hover{
	opacity:0.7;
	border:0;
}
.smaho{
	display:none;
}

/*--------------------------------------- 
 よくある質問　 qa_box
---------------------------------------*/
.qa_box .btn_qa{
	width:42px;
	height:42px;
}
/*--------------------------------------- 
 ブランドボックスエリア　 brand_box
---------------------------------------*/
.brand_box{
	width: 100%;
}
.brand_item{
	width:21%;
	padding: 7px;
	float:left;
	display:block;
}
.brand_item p{
	font-size:6px;
	text-align:center;
	line-height:11px;
}

/*--------------------------------------- 
 フォーム
---------------------------------------*/

.form_box{
	height: 150px;
}
/*------------matome エリア　ここまで-------------------*/

/*お悩みのブルーボックス部分*/
.nayami_area p{
	padding: 0 0 0 10px;
}
/*-----------------------------------------------
悩みのエリア
-------------------------------------------------*/

.contents01_nayami_area{
	width: 100%;
	margin: 0 auto;
}
.contents01_nayami_area img{
	max-width: 100%;
}
.solution_area{
	width: 100%;
}
.solution_area02{
	width: 100%;
}
.osusume{
	display: none;
}
/*next部分*/
.solution_area03{
	width: 100%;
}
.solution_area03_block{
	width: 100%;
	margin: 50px 0 0 0;/*下にスペースを入れる*/
}

/*------------------------------------------
3つの画像が並んでいるエリア スマホだと1列に並ぶ
--------------------------------------------*/
.three_area{
	width: 100%;
	flex-wrap:wrap;
	justify-content:space-between;
}
/*-------------------------------------

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

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

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

バナー部分　青色

---------------------------------------*/
.btxt_area01{
	padding: 20px 0;
}


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

pointエリア

---------------------------------------*/
.point_area{
	width: 100%;
}
.point_areas{
	width: 100%;
	flex-direction: column;
}
.pa_p{
	width: 100%;
}
.pa_t{
	width: 100%;
	padding: 0 15px;
}
.point_area hr{
	width: 100%;
}
/*--nextのページ部分--*/
.point_area02{/*内側*/
	width: 100%;
}
.pa_p02{/**/
	max-width: 100%;
	text-align: center;
}
.pa_p02 img{
	width: 80%;/*ICTの部分*/
}
.pa_i01{/*imag部分*/
	padding-top:40px; 
	text-align: center;
}
.pa_i01 img{
	padding: 0 20px;/*左右に隙間を作る*/
}


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

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

---------------------------------------*/
.point_areas01{
	width: 100%;
}

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

ナンバーエリア

---------------------------------------*/
.number_area_back{
	/*padding: 60px 0;/*タイトルと文字を離す*/
}
.number_area{
	width: 100%;
	margin: 0 auto;
	padding: 80px 0;
}
/*------------------------------------------------ 

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

----------------------------------------------------*/
#main_title_areas{/*lpで利用する*/
	width: 100%;
}
.main_title_areas01{/*背景を白くして、薄くする*/
	width: 500px;
	margin: 0 auto;
	padding: 0 0 0 100px;
	height: 350px;
}
.main_title01{
	font-size: 1.5rem;
}

.main_title_areas02{/*背景を白くして、薄くする*/
	width: 500px;
	margin: 0 auto;
	padding: 0;
	height: 350px;
}
.main_title_areas02 img{
	max-width: 100%;
}

/*-------------------------------------
マップ部分
---------------------------------------*/
.map_area{
	width: 100%;
	height: auto;
}
/*-------------------------------------
合格の数エリア
場所：LP　
---------------------------------------*/
.gokaku_score{
	width:100%;
}
.wakum_name{/*学校名部分*/
	width:90%;
	padding: 0.8rem 1rem;
}
.num01{
	font-size: 3.6rem;
}
.num02{
	font-size: 1.0rem;
}
.center_wn{
	padding: 20px 0 0 0;
}

/*-------------------------------------
お問い合わせ部分
場所：LP　
---------------------------------------*/
.contact_area{
	width: 100%;
	margin: 0 auto;
}
.contact_comment{/*人のアイコン*/
	right: 0;/*調節*/
}
.ct_a01{/*色の調節*/
	font-size: 1.0rem;
}
.contact_comment img{
	width: 85%;/*画像を小さくする*/
}
/*-------------------------------------
帯の部分
場所：LP　
---------------------------------------*/

.btxt01{
	font-size: 1.45rem;
	padding: 20px 0 0 0;
}

.btxt_area03{
	padding: 15px 0;
	margin: 30px 0 0 0;/*上だけに隙間*/
}
/*-----------------------------------------------------------------------

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

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

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

ながれエリア
場所：next
-------------------------------------------*/
.nagare_area_back{
	padding: 0 5px 30px 0;
}
.nagare_area{
	width: 100%;
	background-color: white;
	margin: 0 auto;/*中央よせ*/
	padding: 0 50px 30px 50px;
	z-index: 1;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;/*中央ぞろえ*/
}
.na_ph{
	width: 50%;
	padding: 0;
}
.na_txt{
	width: 50%;
	padding: 40px 0 0 20px;/*高さの調節*/
}
/*------------------------------------------

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

-------------------------------------------*/
.time_table{
	width: 100%;
}
.tt_02 img{
	width: 100%;
}
.tt_03{
	margin-top:1.5rem; 
}
/*--------------------------------------- 
ネクストのトップ　LP
場所：3つのステップ部分
---------------------------------------*/
.steps_area{
	width: 100%;
	flex-wrap:wrap;
}
.steps_area_sub{
	width: 50%;
}
/*-------------------------------------

夏期講習の説明エリア
用途：
場所：https://usuigakuen.co.jp/pisajuku/next/koshu/2023/
---------------------------------------*/
.concept_area{
	width: 100%;
}
.concept_area_sub{
	width: 100%;
}
.concept_area_sub img{/*画像サイズ*/
	width: 100%;
}