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

/*---------------------------------------
header　box2の中身
---------------------------------------*/
.box2 ul{
	height: 50px;
	list-style:none;
	margin:0;
}
.box2 li{
	height:63px;
	width: 50px;
	margin: 0;
	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 0 0 8px;*/
	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;
}
.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 15px;*/
}
#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: 1.85rem;/*2.0から変更*/
	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;
}
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 20px 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: 96%;/**/
	margin: 0 auto;
	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: 0.8rem!important;/*優先させる*/
   line-height: 1.5rem!important;
}

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

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

.num1{
	width:120px;
	text-align:center;
}

/*------------------------------------------
サイズが小さくなると、可変する。
テキストはセンター テーブルに使用
-------------------------------------*/

.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;
	margin: 0 0 15px 0;/*下に隙間を作る*/
}

.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: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.kanren_kizi a{
	display: block;
	height: 130px;/*広げました*/
	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{
	display:block;
	margin: 0 auto;/*中央に寄せる*/
	max-width: 414px;
	width: 100%;
}
.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:#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;/*- 写真の分だけ下にする-*/
}
/*--------------------------------------- 
 大きいサイズの時は見せない
---------------------------------------*/
.smaho_slider{
	display: block;
}
.web_slider{
	display:none;
}

.smaho{
	display:block;
}
.smaho01{
	visibility:visible;
}
.web,.web02{
	display:none;
}

/*--------------------------------------- 
フレックスボックスで作成　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%;
}


/*--------------------------------------- 
 フォーム
---------------------------------------*/
.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: 97%;/*ここがポイント*/
	margin: 0 auto;/*中央よせ*/
}
.nayami_area td{
	padding: 15px 0!important;/*見やすくします*/
}
.nayami_area p{
	padding: 0 0 0 10px!important;/*左の隙間を増やす*/
	line-height: 1.8rem!important;/*文字の幅を調節*/
	font-size: 0.85rem!important;/*少し小さくする*/
}

/*--------------------------------------- 
ページトップに戻るの jquery部分
---------------------------------------*/

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

/*--------------------------------------- 
全体共通
コメントエリア
---------------------------------------*/
.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;
}

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

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;
}
/*-------------------------------------------------------

合格ガイド
場所：/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;/*左に隙間をつくり合わせる*/
}