@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------*/


/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #666;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 18px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #f9f6f0 url(../images/bg.jpg) center / 100px;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 20px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
video {max-width: 100%;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
text-decoration: none;
	color: inherit;
	transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
a:hover {
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

a:visited{
    color: inherit;
}

/*inner共通
---------------------------------------------------------------------------*/
.inner {
	max-width: 1100px;	/*サイトの最大幅*/
	margin: 0 auto;
	padding: 0 3%;		/*上下、左右へのボックス内の余白*/
}


/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	height: 150px;	/*ヘッダーの高さ*/
	color: #fff;	/*文字色*/
	background-color: #FFFFFF;
}
header a {
	color: #fff;	/*リンクテキストの文字色*/
}
/*トップページへの追加設定*/
.home header {
	height: 150px;	/*ヘッダーの高さを上書き。*/
}
header .logo {
	width: 350px;		/*ロゴ画像の幅*/
	float: left;		/*左に回り込み*/
	margin-top: 10px;	/*ロゴの上にあける余白。ヘッダー内の上下の配置バランスをここで調整して下さい。*/
	margin-left: 3%;	/*ロゴの左側にあける余白。*/
}

header h1 {
    color: #000000;
    font-style: normal;
    font-size: 12px;
	 text-align: right;
}

#main_visual{
	background-color: #FFFFFF;
	position: relative;
    width: 100%;
	height: 952px;
}


#main_visual img{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	margin : 0 auto;
}

/*戻るボタン
---------------------------------------------------------------------------*/

.btn-flat-logo {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #21b3b4;
    transition: .4s;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.btn-flat-logo:hover {
  background: #ffff00;
}


.box-013 {
    max-width: 95%;
    margin: 0 auto;
    border: 2px solid #21b3b4;
    border-radius: 3px;
}

.box-013 span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em 0;
    background-color: #21b3b4;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
	text-align: center;
}

.box-013 p {
    margin: 0;
    padding: 1em 1.5em;
    color: #333;
    font-size: 25px;
    text-align: center;
}

/*アコーディオン
---------------------------------------------------------------------------*/
.accordion-008 {
    max-width: 98%;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #fff;
    text-align: center;
}

.accordion-008 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    font-size: 25px;
}

.accordion-008 summary::-webkit-details-marker {
    display: none;
}

.accordion-008 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
	text-align: center;
}

.accordion-008[open] summary::after {
    transform: rotate(225deg);
}

.accordion-008 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-008[open] p {
    transform: none;
    opacity: 1;
}
/*アコーディオン
---------------------------------------------------------------------------*/


/*ログイン（ヘッダー右側のログイン）
---------------------------------------------------------------------------*/
header .login a {
	display: inline-block;text-decoration: none;
	float: right;		/*右に回り込み*/
	margin-right: 3%;	/*右に空けるスペース*/
	margin-top: 30px;	/*上に空けるスペース。ヘッダー内の上下の配置バランスをここで調整して下さい。*/
	border: 1px solid #fe7200;	/*枠線の幅、線種、色*/
	background: #fe7200;/*背景色（古いブラウザ用）*/
	background: #fe7200 url(../images/icon_login.png) no-repeat 20px 11px / 12px;/*背景色、アイコンの読み込み。左から25px、上から11pxの場所に配置。画像幅は12px。*/
	color: #fff;	/*文字色*/
	padding: 5px 30px 5px 50px;	/*上、右、下、左へのボタン内の余白*/
	border-radius: 4px;		/*角丸のサイズ*/
	font-size: 14px;		/*文字サイズ*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、ぼかし幅*/
	letter-spacing: 0.2em;	/*文字間隔を少し広くとる指定*/
}
/*マウスオン時*/
header .login a:hover {
	background-color: #fe9b00;	/*背景色だけ変更する*/
	color: #fff;	/*も地色*/
}


/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	clear: both;overflow: hidden;position: relative;z-index: 100;
	background: #21b3b4 ;	/*背景色、背景画像の読み込み。※古いブラウザ用。*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.4は色が40%ついた状態の事。*/
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 16.6%;	/*メニュー幅（100÷5個=20%）*/
}
#menubar li a {
	display:  block;text-decoration: none;
	line-height: 1.6;	/*行間*/
	color: #fff;		/*文字色*/
	font-size: 14px;	/*文字サイズ*/
	height: 50px;		/*高さ。下のmargin(10+10=20)とpadding-top(10)の数字を合計して「100」になるようにする。*/
	margin: 10px 0;		/*上下、左右に空けるメニューの外のスペース。この部分はマウスオン時に反応しない(色がかわらない)部分になります。*/
	padding-top: 10px;	/*メニュー内の上に空ける余白。上下のバランスをここで調整して下さい。*/
	padding-left: 35px;	/*メニュー内の左側に空ける余白。アイコンとのバランスを調整します。*/
	border-radius: 5px;	/*角丸のサイズ。マウスオン時に角が丸くなる設定です。*/
}
/*「施設のご案内」メニューの設定
アイコンの読み込み。左から15pxの場所に配置。背景画像の一番上(0)を基準に読み込む。サイズは50px。*/


/*装飾文字（英語表記）の設定*/
#menubar li a span {
	text-shadow: none;display: block;
	font-size: 12px;		/*文字サイズ*/
	letter-spacing: 0.2em;	/*文字間隔を少し広くする設定*/
	padding-left: 3px;		/*左に少しだけ余白を作る。*/
	opacity: 0.6;			/*60%だけ色がついた状態。*/
}
/*マウスオン時メニューと、現在表示中(current)メニューの設定*/
#menubar li a:hover,#menubar li.current a {
	background: rgba(0,0,0,0.15);	/*0,0,0は黒の事で、0.15は15%だけ色がついた状態の事。*/
}
/*スマホ用メニューを表示させない*/

#menubar-s, #menubar-s2 {display: none;}

/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

#sinpaisp {display: none;}	
#topsp {display: none;}	
#linesp {display: none;}	
#howtosp {display: none;}	
#kaitorisp {display: none;}	
#tab-bar1 {display: none;}	
.balloon-001{display: none;}	


/* ボタン */
.button_solid011 a {
    background: #21b3b4;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 150px;
    max-width: 100%;
    padding: 20px 25px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    flex-direction: column;
    border-radius: 8px;
    border-bottom: solid 5px #077C77;
    font-size: 25px;
	text-decoration: none;
}
.button_solid011 a span {
    background: #FFFF00;
    width: 80%;
    text-align: center;
    position: absolute;
    top: -15px;
    filter: drop-shadow(0px 1px 2px #aaa);
    padding: 3px 0;
    font-size: 0.8rem;
    color: #2b7fde;
    border-radius: 5px;
	text-decoration: none;
}
.button_solid011 a span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #FFFF00;
	text-decoration: none;
}
.button_solid011 a:hover {
    border-bottom: solid 2px #21b3b4;
    transform: translateY(3px);
}

/* -----------------------------------------------------------
	よくある質問
----------------------------------------------------------- */

.qa-007 {
    max-width: 95%;
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa-007 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-007 summary::before,
.qa-007 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-007 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-007 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-007[open] summary::after {
    transform: rotate(225deg);
}

.qa-007 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-007[open] p {
    transform: none;
    opacity: 1;
}

.qa-007 p::before {
  
}



h3.heading-41 {
    padding: 0 .4em .2em;
    border-bottom: 5px solid #21b3b4;
    color: #333333;
    font-size: 40px;
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
}


.box-023 {
    max-width: 950px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    padding: 1em 1.5em;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%), 0 2px 3px -2px rgb(0 0 0 / 1%);
    background-image: linear-gradient(transparent calc(100% - 1px), #e6edf3 50%, #e6edf3), linear-gradient(90deg, transparent calc(100% - 1px), #e6edf3 50%, #e6edf3);
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
    font-size: 30px;
    border: 2px solid #21B3B4;
    font-weight: bold;
}


.box-024 {
    max-width: 950px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    padding: 1em 1.5em;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%), 0 2px 3px -2px rgb(0 0 0 / 1%);
    background-image: linear-gradient(transparent calc(100% - 1px), #e6edf3 50%, #e6edf3), linear-gradient(90deg, transparent calc(100% - 1px), #e6edf3 50%, #e6edf3);
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffe0;
    color: #333333;
    font-size: 30px;
    border: 2px solid #21B3B4;
    font-weight: bold;
}

/*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
/*上部固定メニュー用fixmenu設定*/
body.is-fixed-menu #menubar.nav-fix-pos {
	position: fixed;width: 100%;top: 0px;
}
body.is-fixed-menu .contents:first-of-type {
	margin-top: 100px;	/*メニューブロックの高さを指定する。背景画像も高さ100pxなので通常はこのままで。*/
}
/*※以下の２ブロックのスタイルの「中身」は、上の２ブロックのスタイルと単純に合わせておいて下さい。fixmenuスクリプトを２つ使う為に必要な設定になります。*/
body.is-fixed #menubar.nav-fix-pos {
	position: fixed;width: 100%;top: 0px;
}
body.is-fixed .contents:first-of-type {
	margin-top: 100px;
}

.brancco{
    width: auto;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
    border: 1px solid #21b3b4;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}


.shopmidasi{
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    color: #494949;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 8px #21b3b4;/*左線*/
    font-size: 30px;
    margin-top: 30px;
    font-weight: bold;
}

.tenpo01{
    color: #21b3b4;
    font-weight: bold;
    font-size: 25px;
    margin-top: 20px;
}

.imei{
    font-weight: bold;
    font-size: 30px;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}


#formn {
    width: 1200px;
    height: 700px;
}



#oyakudachi{
	margin-top: 50px;
	width: 1400px;
	overflow: hidden;
	}
	
#oyakudachi ul{
margin: 0px;
padding: 0; 
width:660px;
}
	

#oyakudachi li {
	width: 520px;
	margin-bottom: 50px;
	float: left;
	margin-left: 20px;
	height: 360px;
	border: 1px solid #D0D0D0;
	list-style: none;
}

.last001{
    font-weight: bold;
    font-size: 32px;
	text-align: center;
}



.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 48px;
}
 
.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}
 
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}

/* -----------------------------------------------------------
	買取方法ボタン
----------------------------------------------------------- */
.kakakubuttonjj a {
	width: 100%;
	background-color: #21b3b4;
	border-radius: 3px;
	box-shadow: 0 4px 0 rgba(136,136,136,1);
	color: #ffffff;
	display: block;
	font-size: 35px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 50px;
	height: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid #21b3b4;
	clear: both;
}
.kakakubuttonjj a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 50px auto 30px;
}

.clickj {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-size: 15px;
	text-align: center;
	padding-bottom: 30px;
	line-height: 20px;
}

.box30 {
    margin: 2em 0;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	height: 350px;
}
.box30 .box-title {
    font-size: 1.2em;
    background: #21b3b4;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box30 img {
    padding: 15px 20px;
    margin: 0;
	float:left;
}
.box30 p {
	font-size: 19px;
    padding: 15px 20px;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}



.midasistep  {
	border: 1px solid #ccc;
	border-top: 3px solid #21b3b4;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	color: #000000;
	font-size: 25px;
	line-height: 1;
	margin: 10px 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	clear: both;
	font-weight: bold;
}






.midashi01 {
    color: #000000;
    font-size: 30px;
    line-height: 1;
    margin: 20px 0px;
    padding-top: 25px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 20px;
    border-top: 5px solid #21b3b4;
    border-radius: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    clear: both;
    border-bottom: 3px dotted #21b3b4;
}



#kaitorisyou{
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	}
	
#kaitorisyou ul{
margin: 0px;
padding: 0; 
width:100%;
}
	

#kaitorisyou li {
	width: 310px;
	margin-bottom: 15px;
	float: left;
	margin-left: 15px;
	height: 500px;
	border: 1px solid #D0D0D0;
	list-style: none;
	overflow: hidden;  
}

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

form input[type="text"],
form input[type="email"]{
	max-width : 90%;
	height : 2em;
	padding : 2px 2%;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
	-webkit-appearance : none;
	font-size : 100%;
	font-family : inherit;
	margin-top : 5px;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form#mail_form textarea:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;

}


form input[type="button"]{
	padding : 9px 15px;
	vertical-align : middle;
	line-height : 1;
	background : #21b3b4;
	border : 1px solid #21b3b4;
	border-radius : 3px;
	color : #ffffff;
	font-family : inherit;
	-webkit-appearance : none;
	font-size : 30px;
}

for input[type="button"]:hover{
	cursor : pointer;
	background : #FF9900;
	border : 1px solid #FF9900;
}


form input[type="radio"],
form input[type="checkbox"]{
	margin-right : 10px;
	margin-top : 7px;
}

form:first-child input[type="radio"],
form:first-child input[type="checkbox"]{
	margin-top : 0px;
}



	.heading-3 {
    padding: 0 .4em .2em;
    border-bottom: 3px dotted #21b3b4;
    color: #333333;
    font-size: 30px;
    margin-top: 40px;
}


/* -----------------------------------------------------------
	一覧
----------------------------------------------------------- */



.ichiran001 {
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.ichiran001l {
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 20px;
	clear: both;
}



.ichiran002 {
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.ichiran003 {
	float: left;
height: 220px;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.ichiran004 {
	float: left;
height: 220px;
	width: 220px;
	margin-bottom: 20px;
}
.ichiran005 {
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 23px;
}
.ichiran006 {
	float: left;
height: 220px;
	width: 220px;
	margin-right: 23px;
}
.ichiran007 {
	float: left;
	height: 220px;
	width: 220px;
	margin-right: 23px;
}



.ichiran001t {
	float: left;
	height: 50px;
	width: 220px;
	margin-right: 10px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
}

.ichiran001tt {
	clear: both;
	float: left;
	height: 50px;
	width: 220px;
	margin-right: 10px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
}

.ichiran002t {
	float: left;
	height: 50px;
	width: 220px;
	margin-right: 10px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
}

.ichiran003t {
	float: left;
	height: 50px;
	width: 220px;
	margin-right: 10px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
}

.ichiran003tt {
	float: left;
	height: 50px;
	width: 220px;
	margin-right: 10px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
	margin-bottom: 30px;
}

.ichiran004t {
	float: left;
	height: 50px;
	width: 220px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
}

.ichiran005t {
	clear: both;
	height: 50px;
	width: 220px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
}


	
.junktt {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	color: #21b3b4;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 30px;
	margin-bottom: 10px;
	margin-top: 40px;
	clear: both;
}
	

.button-11 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    padding: .9em 2em;
    border: 1px solid #21b3b4;
    border-radius: 5px;
    background-color: #fff;
    color: #21b3b4;
    font-size: 1em;
}


/* -----------------------------------------------------------
	選ばれる理由
----------------------------------------------------------- */

/* カードレイアウト部分をラッピングし、
Flexboxを指定"space-between"で各アイテムを均等に配置し、
最初と最後のアイテムを端に寄せます。*/
#cardlayout-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 2em auto;
    max-width: 960px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

/* リンクテキストの下線を非表示 */
a.card-link {
    text-decoration: none;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
#cardlayout-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.card-figure {
    margin: 0;
    padding: 0;
}

/* カードレイアウトのタイトル部分 */
h2 .card-title {
    margin: 0.6em 0 0;
    color: #333;
    text-align: center;
    font-size: 1.8em;
}

/* カードレイアウトの説明文部分 */
.card-text-tax {
    margin: 0;
    padding: 1em;
    color: #818181;
}

/* カードレイアウトを1カラムで配置 */
.card-list {
    margin: 0.5em auto;
    padding: 0;
    width: 96%;
    background: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
    .card-list {
        margin: 0.5em 0;
        width: calc(96% / 2); /* 96%幅を2で割るという指定 */
    }
}

/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px) {
    .card-list {
        width: calc(96% / 3); /* 96%幅を3で割るという指定 */
}
    
/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
    #cardlayout-wrap::after{
        content: "";
        display: block;
        width: calc(96% / 3);
    }
}


/* -----------------------------------------------------------
	データボタン
----------------------------------------------------------- */


.databutton a {
	width: 100%;
	background-color: #ffff00;
	border-radius: 3px;
	box-shadow: 0 4px 0 rgba(136,136,136,1);
	color: #21b3b4;
	display: block;
	font-size: 35px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 60px;
	height: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid #21b3b4;
	clear: both;
}
.databutton a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 50px auto 30px;
}



/* -----------------------------------------------------------
	したどり漫画
----------------------------------------------------------- */

panel {
  width: auto;
}
 
#panel > dt {
	border-bottom: solid 1px white;
	background-color: #21b3b4;
	color: #FFFF00;
	cursor: pointer;
	padding: 10px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 30px;
	text-align: center;
}
 
#panel > dd {
  margin: 0px;
  padding: 10px;
}

/* -----------------------------------------------------------
	したどり漫画
----------------------------------------------------------- */
/* -----------------------------------------------------------
	下取りボタン
----------------------------------------------------------- */
.sitadoributton a {
	width: 100%;
	background-color: #1e90ff;
	border-radius: 3px;
	box-shadow: 0 4px 0 rgba(136,136,136,1);
	color: #ffff00;
	display: block;
	font-size: 35px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding-top: 40px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	height: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid #21b3b4;
	clear: both;
}
.sitadoributton a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 10px auto 30px;
}

#sitadori {
	width: auto;
	height: auto;
	margin: 0 auto;
}



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

.jidouk02 {
    height: 150px;
    width: 1050px;
    border: 2px solid #21b3b4;
    background-color: #FFFFFF;
    right: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-bottom: 40px;
	margin-left: 20px;
}


.kisyumei02 {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    padding: 5px 0px;
    color: #272727;
    font-size: 18px;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-indent: 10px;
    vertical-align: middle;
    width: 330px;
    margin-top: 0px;
    display       : inline-block;
    margin-right: 10px;
}

.button {
    display       : inline-block;
    border-radius : 1%;          /* 角丸       */
    font-size     : 14pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 10px;   /* 余白       */
    background    : #21b3b4;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 2px 2px 2px #666666;  /* 影の設定 */
    border        : 2px solid #21b3b4;    /* 枠の指定 */
    margin-left: 350px;
    margin-top: 20px;
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #21b3b4;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}



.fuka{
    font-style: normal;
    font-size: 15px;
    text-align: left;
	clear: both;
}


/*電話
---------------------------------------------------------------------------*/


#denwasa{
	width: 100%;
	height: 250px;
	margin: 0px auto;
	background-color: #ffffe0;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #ffffe0;
	display: flex;
}

#denwasa02 {
	width: 1400px;
	height: 300px;
	margin: 0 auto;
	display: flex;
}

.denwasa01 {
	width: 650px;
	height: 320px;

}

.denwasa02 {
	width: 650px;
	height: 320px;

}

red {
	color: #F00;
}
/* -----------------------------------------------------------
	価格表
----------------------------------------------------------- */

.ankt {
    width: 100%;
    height: 400px;
    overflow: auto;
    padding-top: 20px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 20px;
    border: 2px solid #21b3b4;
    border-radius: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 10px #BBB;
    -moz-box-shadow: 0 0 10px #BBB;
    -webkit-box-shadow: 0 0 10px #BBB;
    margin: 0 0 20px;
    background-color: #FFFFFF;
}




.midasika {
	font-size: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	padding-top: 10px;
	padding-right: 0;
	padding-left: .75em;
	padding-bottom: 15px;
	margin-top: 50px;
	margin-bottom: 15px;
	border-left: 6px solid #21b3b4;
}
.midasika::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}



.midasika02 {
	font-size: 20px;
	margin-top: 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 20px;
	border-bottom: 1px solid #21b3b4;
}





/*買取方法
---------------------------------------------------------------------------*/

.yusou {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 40px;
	margin-top: 30px;
	color: #21b3b4;
	clear: both;
}

.tenpottt {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 30px;
	margin-top: 30px;
	color: #21b3b4;
}





.yusou02 {
	position: relative;
	padding-top: 0.8em;
	padding-right: 0;
	padding-left: .90em;
	padding-bottom: 0.8em;
	border-left: 6px solid #21b3b4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 30px;
	margin-top: 40px;
	margin-bottom: 20px;
	clear: both;
}
.yusou02::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 2px solid #ccc;
}
.howbox01 {
	width: 230px;
	height: 130px;
	margin-right: 35px;
	margin-left: 5px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	float: left;
	}
	
.howbox011 {
	width: 230px;
	height: 130px;
	margin-right: 35px;
	margin-left: 10px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	text-align: center;
	}	

.howbox02 {
	width: 230px;
	height: 130px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	float: right;

}

.tenpobutton a{
	width: 240px;
	background-color: #21b3b4;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(136,136,136,1);
	color: #ffffff;
	display: block;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 65px;
	float: left;
}
.tenpobutton a:hover {
	box-shadow: 0 2px 0 rgba(136,136,136,1);
	margin: 10px auto 30px;
	color: #FFF300;
}


.howbutton a {
	width: 1100px;
	background-color: #ffff00;
	border-radius: 3px;
	box-shadow: 0 4px 0 rgba(136,136,136,1);
	color: #21b3b4;
	display: block;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	height: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid #21b3b4;
	clear: both;
}
.howbutton a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 30px auto 60px;
}

/*店舗情報
---------------------------------------------------------------------------*/
#tenpojyo {
	width: 1100px;
	height: 250px;
	margin-top: 40px;
}
.tenpojyot {
	width: 600px;
	height: 70px;
	margin-left: 30px;
	margin-top: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	float: right;
	margin-bottom: 30px;
}


/*心配吹き出し
---------------------------------------------------------------------------*/

#fukidasi02 {
    position: relative;
    display: inline-block;
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0;
    width: 100%;
    min-width: 115px;
    height: 110px;
    color: #000000;
    line-height: 40px;
    text-align: center;
    background: #FFFFFF;
    z-index: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 35px;
    margin-top: 40px;
    margin-bottom: 20px;
    clear: both;
}
#fukidasi02:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #FFFFFF transparent transparent transparent;
}


.unserbox {
	width: 100%;
	background-image: url(../images/anser01.png);
	height: 228px;
}
.unserbox2 {
	width: 100%;
	background-image: url(../images/anser001.png);
	height: 228px;
}




.unser{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 35px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	width: 810px;
	height: 200px;
	float: right;
	margin-top: 50px;
	margin-right: 20px;
}

.unser2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	width: 810px;
	height: 200px;
	float: right;
	margin-top: 40px;
	margin-right: 40px;
}

.unser3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 33px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	width: 810px;
	height: 200px;
	float: right;
	margin-top: 20px;
	margin-right: 40px;
}

.unser4{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	width: 810px;
	height: 200px;
	float: right;
	margin-top: 40px;
	margin-right: 40px;
}

.rei01{
    font-size: 30px;
    margin-top: 30px;
    font-weight: bolder;
    padding-top: 30px;
}


 .datas {
    width: 550px;
    height: 40px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 40px;
    margin-top: 10px;
    margin-left: 20px;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    float: left;
}

.datas2 {
	width: 400px;
	height: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 40px;
	margin-top: 10px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	float: left;
	margin-left: 50px;
}

.datas3 {
	width: 550px;
	height: 120px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 25px;
	margin-top: 30px;
	margin-left: 20px;
	color: #000000;
	vertical-align: middle;
	float: left;
	line-height: 28px;
	margin-bottom: 50px;
}

.datas4 {
	width: 400px;
	height: 120px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 25px;
	margin-top: 30px;
	color: #000000;
	vertical-align: middle;
	float: right;
	line-height: 28px;
	margin-bottom: 50px;
}



#kaitorisyou{
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	}
	
#kaitorisyou ul{
margin: 0px;
padding: 0; 
width:100%;
}
	

#kaitorisyou li {
	width: 310px;
	margin-bottom: 15px;
	float: left;
	margin-left: 15px;
	height: 500px;
	border: 1px solid #D0D0D0;
	list-style: none;
	overflow: hidden;  
}
.title01{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	list-style: none;
	margin-top: 10px;
	}
	
	.title02{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    list-style: none;
    margin-top: 10px;
    width: 300px;
    height: 25px;
    background-color: #dcdcdc;
    color: #000000;
	}




/*下部メニュー
---------------------------------------------------------------------------*/
.fmenu {
    width: 100%;
    position: fixed;
    bottom: 0;
    margin-bottom: -20px;
    margin-left: -20px;
	z-index: 101;
}





/*contents
---------------------------------------------------------------------------*/
.contents {
	clear: both;overflow: hidden;
	padding-top: 40px;		/*上に空けるボックス内の余白*/
	padding-bottom: 40px;	/*下に空けるボックス内の余白*/
}
/*コンテンツのh2タグ設定*/
.contents h2 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下に空けるスペース*/
	padding: 10px 20px;		/*上下、左右への余白*/
	font-size: 20px;		/*文字サイズ*/
	background: #21b3b4;	/*背景色*/
	color: #fff;			/*文字色*/
	border-radius: 5px;		/*角丸のサイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
	font-weight: bold;
}


/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h2.simple {
	background: none;padding: 0;
	font-size: 48px;	/*文字サイズ*/
	text-align: center;	/*文字を中央に*/
	color: #21b3b4;		/*文字色*/
}
.contents h2.simple::first-letter {
	border: none;
	padding: 0;
}
.contents h2.simple + p {
	margin-top: -20px;
}



/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/


.contents h1 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下に空けるスペース*/
	padding: 10px 20px;		/*上下、左右への余白*/
	font-size: 20px;		/*文字サイズ*/
	background: #21b3b4;	/*背景色*/
	color: #fff;			/*文字色*/
	border-radius: 5px;		/*角丸のサイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
	font-weight: bold;
}

.contents h1.simple {
    background: none;
    padding: 0;
    font-size: 40px;	/*文字サイズ*/
    text-align: center;	/*文字を中央に*/
    color: #21b3b4;		/*文字色*/
    line-height: 55px;
}
.contents h1.simple::first-letter {
	border: none;
	padding: 0;
}
.contents h1.simple + p {
	margin-top: -20px;
}






.contents h2.simple05 {
    background: none;
    padding: 0;
    font-size: 35px;	/*文字サイズ*/
    text-align: center;	/*文字を中央に*/
    color: #21b3b4;		/*文字色*/
    line-height: 45px;
    margin-top: 70px;
}
.contents h2.simple05::first-letter {
	border: none;
	padding: 0;
}
.contents h2.simple05 + p {
	margin-top: -20px;
}



.contents h2.simple06 {
    background: none;
    padding: 0;
    font-size: 35px;	/*文字サイズ*/
    text-align: center;	/*文字を中央に*/
    color: #000000;		/*文字色*/
    line-height: 45px;
    margin-top: 20px;
}
.contents h2.simple06::first-letter {
	border: none;
	padding: 0;
}
.contents h2.simple06 + p {
	margin-top: -20px;
}



/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h2.simple02 {
	background: none;padding: 0;
	font-size: 48px;	/*文字サイズ*/
	text-align: center;	/*文字を中央に*/
	color: #000000;		/*文字色*/
}
.contents h2.simple:02::first-letter {
	border: none;
	padding: 0;
}
.contents h2.simple02 + p {
	margin-top: -20px;
}


 .hikakut01 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 20px;
}

.hikakut02 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 30px;
    padding-top: 0px;
    line-height: 45px;
    color: #000000;
}

.hikakut022 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 30px;
    padding-top: 0px;
    line-height: 45px;
    color: #000000;
    text-align: center;
    font-weight: bold;
}



/*コンテンツのh3タグ設定*/
/*.contents h3 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下に空けるスペース*/
	/*padding: 6px 15px;		/*上下、左右への余白*/
	/*font-size: 18px;		/*文字サイズ*/
	/*border: 1px solid #ccc;		/*枠線の幅、線種、色*/
	/*border-radius: 5px;		/*角丸のサイズ*/
	/*background: #fff;		/*背景色*/
	/*color: #333;			/*文字色*/
/*}
/*h3タグの１文字目への設定。左側のアクセントラインです。*/
/*.contents h3::first-letter {
	border-left: 3px solid #21b3b4;	/*左の線の幅、線種、色*/
/*	padding-left: 15px;				/*線と文字列との間に空ける余白*/
/*}
/*コンテンツの段落タグ設定*/
.contents p {
	padding: 0px 20px 20px;	/*上、左右、下への余白*/
}
/*他*/
.contents h2 + p,
.contents h3 + p {
	margin-top: -10px;
}
.contents section + section {
	margin-top: 30px;
}
.contents p + p {
	margin-top: -8px;
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
.main {
	float: right;	/*右に回り込み*/
	width: 75%;		/*ブロックの幅*/
}

/*subコンテンツ（左側のブロック）
---------------------------------------------------------------------------*/
.sub {
	float: left;	/*左に回り込み*/
	width: 20%;		/*ブロックの幅*/
}
/*h2見出しタグ設定*/
.sub h2 {
	margin-bottom: 0;
	letter-spacing: normal;
	font-size: 16px;
	background: #2788c5;	/*背景色*/
	color: #fff;			/*文字色*/
	text-align: center;		/*文字をセンタリング*/
	padding: 10px 0;		/*上下、左右への見出し内の余白*/
	border-radius: 5px 5px 0px 0px;	/*上、右、下、左への角丸の指定*/
}
.sub h2::first-letter {
	border: none;padding: 0;
}
.sub h2 + p,
.sub h3 + p {
	margin-top: 0;
}

/*サブメニュー（左側ブロックのメニュー）
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
.sub .submenu {
	margin-bottom: 20px;	/*メニューブロックの下にあけるスペース*/
}
/*メニュー１個ごとの設定*/
.sub .submenu li a {
	text-decoration: none;display: block;
	padding: 0 10px;	/*上下、左右のボックス内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-top: none;		/*上の線だけ消す*/
	background: #fff;		/*背景色*/
	color: #666;	/*文字色*/
}
.sub .submenu li a:hover {
	color: #21b3b4;
}

/*subコンテンツ内のlistブロック
---------------------------------------------------------------------------*/
.sub .list {
	overflow: hidden;
	font-size: 12px;	/*文字サイズ*/
	line-height: 1.4;	/*行間*/
	background: #fff;	/*背景色*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-top: none;	/*上の線だけ消す*/
	padding: 5px;		/*ボックス内の余白*/
	color: #666;		/*文字色*/
}
.sub .list a {
	color: #666;		/*リンクテキストの文字色*/
}
/*最後のlistボックスへの設定*/
.sub .list:last-of-type {
	margin-bottom: 20px;	/*ボックスの下に空ける余白*/
}
/*画像*/
.sub .list figure {
	float: left;		/*左に回り込み*/
	width: 30%;			/*画像幅*/
	margin-right: 5px;	/*画像の右に空けるスペース*/
}
/*h4見出しの文字色*/
.sub .list h4, .sub .list h4 a {
	color: #21b3b4;
}

/*各ページ下部に配置している「アクセス」ブロック
---------------------------------------------------------------------------*/
/*左側ブロック（地図が入っている方）*/
.href-left {
	float: left;	/*左に回り込み*/
	width: 49%;		/*ブロック幅*/
}
/*右側ブロック（詳細情報）*/
.href-right {
	float: right;	/*右に回り込み*/
	width: 49%;		/*ブロック幅*/
}
/*ソーシャルメディアアイコン*/
.icon img {
	width: 40px;	/*画像の幅*/
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	font-size: 12px;	/*文字サイズ*/
	color: #b8b8b8;	/*文字色*/
	background: #444;	/*背景色*/
}
/*リンクテキスト*/
footer a {
	color: #b8b8b8;	/*文字色*/
	text-decoration: none;
}
/*リンクのマウスオン時*/
footer a:hover {
	color: #fff;
}
footer .pr {display: block;}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	overflow: hidden;
	padding: 20px 3%;	/*上下、左右のボックス内の余白*/
	background: url(../images/logo_footer.png) no-repeat right center / 20%;	/*背景画像の読み込み。右側、上下中央に配置。画像はブロック幅の20%で読み込む。*/
	color: #fff;		/*文字色*/
}
/*１行分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 18%;		/*幅*/
	padding-right: 1%;
	padding-left: 1%;
}
/*「class="title"」をつけた場合の設定*/
#footermenu .title {
	font-weight: bold;	/*太字にする*/
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	background: #333;	/*背景色*/
	font-size: 12px;	/*文字サイズ*/
	color: #fff;		/*文字色*/
}
/*リンクテキスト*/
#copyright a {text-decoration: none;color: #fff;}

/*box1（１カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box1 {
	overflow: hidden;
	background: #fff;		/*背景色*/
	color: #666;			/*文字色*/
	margin: 0 2% 20px;		/*上、左右、下へのボックスの外に空けるスペース*/
	border: 1px solid #eeeae2;	/*枠線の幅、線種、色*/
	padding: 3%;
}
/*box1内のh4(見出し)タグ*/
.box1 h4 {
	color: #21b3b4;		/*文字色*/
	font-size: 24px;	/*文字サイズ*/
	border-bottom: 2px dotted #21b3b4;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*下に空けるスペース*/
}
/*box1内のp(段落)タグ*/
.box1 p {padding: 0 !important;line-height: 1.5;}
.box1 p a {color: #666;}
/*box2内のbtn1。本体の設定はこの下の下のブロックにあります。*/
.box1 p.btn1 {margin-top: 20px;}



/*box1内のh4(見出し)タグ*/
.box1 h3 {
	color: #21b3b4;		/*文字色*/
	font-size: 24px;	/*文字サイズ*/
	border-bottom: 2px dotted #21b3b4;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*下に空けるスペース*/
}


/*box1（１カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box01 {
	overflow: hidden;
	background: #fff;		/*背景色*/
	color: #666;			/*文字色*/
	margin: 0 2% 20px;		/*上、左右、下へのボックスの外に空けるスペース*/
	border: 1px solid #eeeae2;	/*枠線の幅、線種、色*/
	padding: 3%;
}
/*box1内のh4(見出し)タグ*/
.box01 h4 {
	color: #21b3b4;		/*文字色*/
	font-size: 24px;	/*文字サイズ*/
	border-bottom: 2px dotted #21b3b4;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*下に空けるスペース*/
}

/*box1内のh4(見出し)タグ*/
.box01 h3 {
	color: #21b3b4;		/*文字色*/
	font-size: 24px;	/*文字サイズ*/
	border-bottom: 2px dotted #21b3b4;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*下に空けるスペース*/
}
/*box1内のp(段落)タグ*/
.box01 p {padding: 0 !important;line-height: 2;}
.box01 p a {color: #666;}
/*box2内のbtn1。本体の設定はこの下の下のブロックにあります。*/
.box01 p.btn1 {margin-top: 20px;}



/*box1（１カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box001 {
	overflow: hidden;
	background: #fff;		/*背景色*/
	color: #666;			/*文字色*/
	margin: 0 2% 20px;		/*上、左右、下へのボックスの外に空けるスペース*/
	border: 1px solid #eeeae2;	/*枠線の幅、線種、色*/
	padding: 3%;
}
/*box1内のh4(見出し)タグ*/
.box001 h4 {
	color: #21b3b4;		/*文字色*/
	font-size: 24px;	/*文字サイズ*/
	border-bottom: 2px dotted #21b3b4;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*下に空けるスペース*/
}

/*box1内のh4(見出し)タグ*/
.box001 h3 {
	color: #21b3b4;		/*文字色*/
	font-size: 24px;	/*文字サイズ*/
	border-bottom: 2px dotted #21b3b4;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*下に空けるスペース*/
}
/*box1内のp(段落)タグ*/
.box001 p {padding: 0 !important;line-height: 2;}
.box001 p {
    font-size: 20px;	
}
.box001 p a {color: #666;}
/*box2内のbtn1。本体の設定はこの下の下のブロックにあります。*/
.box001 p.btn1 {margin-top: 20px;}

/*box2（３カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box2 {
    position: relative;
    width: 35%;		/*ボックスの幅*/
    float: left;		/*左に回り込み*/
    text-align: center;	/*内容をセンタリング*/
    padding: 3%;		/*ボックス内の余白*/
    padding-bottom: 75px;	/*下の余白だけ上書き*/
    background: #fff;		/*背景色*/
    border: 1px solid #eeeae2;	/*枠線の幅、線種、色*/
    margin: 0 0 20px 2%;		/*上、右、下、左へのボックスの外に空けるスペース*/
    line-height: 1.5;	/*行間*/
    color: #666;		/*文字色*/
}
/*box2内の日付*/
.box2 span.date {
	position: absolute;
	left: -10px;	/*左から-10pxの場所に配置*/
	top: -10px;		/*上から-10pxの場所に配置*/
	background: #21b3b4;	/*背景色*/
	color: #fff;			/*文字色*/
	font-size: 18px;		/*文字サイズ*/
	width: 50px;			/*幅*/
	line-height: 50px;		/*高さ*/
	border-radius: 50%;		/*円形にする*/
	text-align: center;		/*文字をセンタリング*/
	
	transform: rotate(-20deg);	/*回転の角度*/
}
/*box2内のp(段落)タグ*/
.box2 p {
	padding: 0 !important;
	height: 6em;		/*高さ。*/
	overflow: hidden;	/*オーバーした分は非表示に。*/
	font-size: 18px;	/*文字サイズ*/
	text-align: left;	/*文字を左よせ*/
}
/*段落タグにリンクが設定された場合の文字色*/
.box2 p a {
	color: #666;
}
/*box2内のh4(見出し)タグ*/
.box2 h4 {
    color: #21b3b4;	/*文字色*/
    height: 3em;	/*高さ*/
    overflow: hidden;	/*オーバーした分は非表示に。*/
    font-size: 25px;
}

.box2 h3 {
    color: #21b3b4;	/*文字色*/
    height: 3em;	/*高さ*/
    overflow: hidden;	/*オーバーした分は非表示に。*/
    font-size: 25px;
}
/*box2内のfigure(画像)タグ*/
.box2 figure {
	margin-bottom: 5px;	/*下に空けるスペース*/
}
/*box2内のbtn1。本体の設定はこの下のブロックにあります。*/
.box2 p.btn1 {
	height: auto;
	position: absolute;
	bottom: 30px;	/*box2の下から30pxの場所に配置*/
	width: 80%;		/*ボタンの幅*/
}
.box2 p.btn1 a {
	display: block;
	padding: 5px 0;	/*上下、左右へのボタン内の余白*/
}

/*box1、box2のfigure写真共通設定
---------------------------------------------------------------------------*/
.box1 figure a:hover,.box2 figure a:hover,.box3 figure a:hover {
	opacity: 0.8;	/*マウスオン時に80%透明度にする*/
}






/*box3（３カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box3 {
    position: relative;
    width: 30%;		/*ボックスの幅*/
    float: left;		/*左に回り込み*/
    text-align: center;	/*内容をセンタリング*/
    padding: 3%;		/*ボックス内の余白*/
    padding-bottom: 75px;	/*下の余白だけ上書き*/
    background: #fff;		/*背景色*/
    border: 1px solid #eeeae2;	/*枠線の幅、線種、色*/
    margin: 0 0 20px 2%;		/*上、右、下、左へのボックスの外に空けるスペース*/
    line-height: 1.5;	/*行間*/
    color: #666;		/*文字色*/
    height: auto;
}
/*box2内の日付*/
.box3 span.date {
	position: absolute;
	position: absolute;
	left: -10px;	/*左から-10pxの場所に配置*/
	top: -10px;		/*上から-10pxの場所に配置*/
	background: #21b3b4;	/*背景色*/
	color: #fff;			/*文字色*/
	font-size: 18px;		/*文字サイズ*/
	width: 50px;			/*幅*/
	line-height: 50px;		/*高さ*/
	border-radius: 50%;		/*円形にする*/
	text-align: center;		/*文字をセンタリング*/
	transform: rotate(-20deg);	/*回転の角度*/
}
/*box2内のp(段落)タグ*/
.box3 p {
	padding: 0 !important;
	height: 4.5em;		/*高さ。*/
	overflow: hidden;	/*オーバーした分は非表示に。*/
	font-size: 18px;	/*文字サイズ*/
	text-align: left;	/*文字を左よせ*/
}
/*段落タグにリンクが設定された場合の文字色*/
.box3 p a {
	color: #666;
}
/*box2内のh4(見出し)タグ*/
.box3 h4 {
    color: #21b3b4;	/*文字色*/
    height: 3em;	/*高さ*/
    overflow: hidden;	/*オーバーした分は非表示に。*/
    font-size: 25px;
}
/*box2内のfigure(画像)タグ*/
.box3 figure {
	margin-bottom: 5px;	/*下に空けるスペース*/
}
/*box2内のbtn1。本体の設定はこの下のブロックにあります。*/
.box3 p.btn1 {
	height: auto;
	position: absolute;
	bottom: 5px;	/*box2の下から30pxの場所に配置*/
	width: 80%;		/*ボタンの幅*/
}
.box3 p.btn1 a {
	display: block;
	padding: 5px 0;	/*上下、左右へのボタン内の余白*/
}








/*吹き出し
---------------------------------------------------------------------------*/
	
	.balloon-009 {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 0 22px;
	margin-bottom: 20px;
	margin-top: 50px;
}

.balloon-009 img {
    max-width: 70px;
    height: 100%;
    border: 3px solid #e6edf3;
    border-radius: 50%;
	background-color: #ffffff;
}

.balloon-009 p {
    position: relative;
    max-width: 800px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #fefcdd;
    color: #333333;
}

.balloon-009 p::before {
    position: absolute;
    left: -12px;
    width: 15px;
    height: 30px;
    background-color: #fefcdd;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}	
	
	
	
.balloon-010 {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 0 22px;
	margin-bottom: 10px;
}

.balloon-010 img {
    max-width: 70px;
    height: 100%;
    border: 3px solid #e6edf3;
    border-radius: 50%;
	background-color: #ffffff;
}

.balloon-010 p {
    position: relative;
    max-width: 800px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #e0efff;
    color: #333333;
}

.balloon-010 p::before {
    position: absolute;
    right: -12px;
    width: 15px;
    height: 30px;
    background-color: #e0efff;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
}	
		
	




/*btn1
---------------------------------------------------------------------------*/
p.btn1 a {
	text-decoration: none;display: inline-block;
	border: 1px solid transparent;	/*枠線の幅、線種、色。transparentは透明の事。*/
	background: #21b3b4;	/*背景色*/
	color: #fff !important;	/*文字色*/
	border-radius: 3px;		/*角丸のサイズ*/
	padding: 10px 60px;		/*上下、左右へのボタン内の余白*/
	text-align: center;		/*文字をセンタリング*/
}
/*マウスオン時*/
p.btn1 a:hover {
	border: 1px solid #21b3b4;	/*枠線の幅、線種、色。*/
	background: #fff;			/*背景色*/
	color: #21b3b4 !important;	/*文字色*/
}





/*btn1
---------------------------------------------------------------------------*/
p.btn55 a {
	text-decoration: none;display: inline-block;
	border: 1px solid transparent;	/*枠線の幅、線種、色。transparentは透明の事。*/
	background: #00CC00;	/*背景色*/
	color: #fff !important;	/*文字色*/
	border-radius: 3px;		/*角丸のサイズ*/
	padding: 10px 60px;		/*上下、左右へのボタン内の余白*/
	text-align: center;		/*文字をセンタリング*/
}
/*マウスオン時*/
p.btn55 a:hover {
	border: 1px solid #00CC00;	/*枠線の幅、線種、色。*/
	background: #fff;			/*背景色*/
	color: #808080 !important;	/*文字色*/
}




/*写真を３列に並べたレイアウト
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.photo {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 33.3%;	/*幅*/
}
.photo a:hover img {
	opacity: 0.8;	/*マウスオン時に80%の透明度にする*/
}
/*photoボックス内の段落(p)タグ*/
.photo p {
	padding: 5px 0 !important;	/*上下、左右への段落タグ内の余白*/
	position: absolute;
	bottom: 0px;	/*photoボックスの下から0pxの場所に配置*/
	width: 100%;	/*幅*/
	background: #111;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒の事で0.5は50%色がついた状態のこと*/
	color: #fff;	/*文字色*/
	text-align: center;	/*文字をセンタリング*/
	font-size: 80%;
}



	.box27 {
    position: relative;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 2em;
    padding: 0.5em 1em;
    border: solid 5px #21b3b4;
    margin-top: 30px;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -50px;
    left: -3px;
    padding: 0 9px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    background: #21b3b4;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
	font-size: 40px;
	font-weight: bold;
}
	




/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding: 0px 20px;	/*上下、左右へのボックス内の余白*/
	margin-bottom: 20px;
}
/*日付設定*/
#new dt {
	float: left;	/*左に回り込み*/
	width: 9em;		/*幅*/
	letter-spacing: 0.1em;
	color: #21b3b4;	/*文字色*/
}
/*記事設定*/
#new dd {
	padding-left: 9em;	/*左に空ける余白*/
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	color: #666;			/*文字色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}
/*ta1設定*/
.ta1 {
	width: 100%;
	margin: 0 auto 20px;
	background: #fff;	/*背景色*/
	color: #666;			/*文字色*/
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;		/*幅*/
	text-align: center;	/*センタリング*/
	font-weight: normal;
}
/*リンクテキストの文字色*/
.ta1 a {color: #666;}
/*ta1のtdタグ内のリストタグ*/
.ta1 td ul.disc {padding: 0 5px 0 20px;}
/*ta1のtdタグ内の段落(p)タグ*/
.ta1 p {padding: 0;}

/*inputボタン
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	font-size: 15px;		/*文字サイズ*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}

/*パンくずナビ
---------------------------------------------------------------------------*/
/*メニュー全体を囲むブロック*/
.pan {
	background: #111;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.7);	/*背景色。0,0,0は黒の事で、0.7は70%色がついた状態の事。*/
	margin-bottom: 40px;			/*ボックスの下に空けるスペース*/
	margin-top: -40px;				/*ボックスを上のメニューにつけるための指定*/
	padding: 10px 3%;				/*ボックス内の余白。上下、左右。*/
	color: #fff;					/*文字色*/
}
/*メニュー１個あたりの設定*/
.pan li {
	display: inline-block;	/*横並びにさせる指定*/
	padding: 5px;		/*余白*/
}
/*リンクテキストの文字色*/
.pan a {
	color: #bebebe;
}
/*マウスオン時リンクテキストの文字色*/
.pan a:hover {
	color: #fff;
}
/*リストタグの頭に加える記号*/
.pan li::before {
	content: ">";	/*このテキストを表示させる*/
	color: #bebebe;	/*文字色*/
	padding-right: 12px;	/*記号とテキストとの余白*/
}
/*１番目のリストタグの頭に加える文字のリセット*/
.pan li:first-child::before {
	content: "";	/*テキストを空にする*/
}

/*背景色（bg1）
---------------------------------------------------------------------------*/
.bg1 {
	background: #e7dac4 url(../images/bg1.jpg);	/*背景色、背景画像の読み込み。※古いブラウザ用。*/
	background: #e7dac4 url(../images/bg1.jpg) center / 100px;	/*背景色、背景画像の読み込み。*/
}

/*背景色（bg2）
---------------------------------------------------------------------------*/
.bg2 {
	background: #21b3b4 url(../images/bg2.jpg);	/*背景色、背景画像の読み込み。※古いブラウザ用。*/
	background: #21b3b4 url(../images/bg2.jpg) center / 100px;	/*背景色、背景画像の読み込み。*/
	color: #fff;	/*文字色*/
}
.bg2 a {color: #fff;}
.bg2 h2 {color: #fff !important;}



/*背景色（bg4）
---------------------------------------------------------------------------*/
.bg4 {
	background: #fff;	/*背景色、背景画像の読み込み。※古いブラウザ用。*/
	background: #fff center / 100px;	/*背景色、背景画像の読み込み。*/
	color: #fff;	/*文字色*/
}
.bg2 a {color: #21b3b4;}
.bg2 h2 {color:  #fff  !important;}



/*背景色（bg-access）※全ページ下部にある「アクセス」ブロック
---------------------------------------------------------------------------*/
.bg-access {
	background: #184062 url(../images/bg-access.jpg);	/*背景色、背景画像の読み込み。※古いブラウザ用。*/
	background: #184062 url(../images/bg-access.jpg) center / cover;	/*背景色、背景画像の読み込み。*/
}
.bg-access,.bg-access a {color: #fff;}
/*bg-access内のテーブル(ta1)*/
.bg-access .ta1 {
	background: transparent;
	color: #fff;
}
/*bg-access内の「h2 class="simple"」見出し*/
.bg-access h2.simple {
	color: #fff !important;
}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a {display: none;}
/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
	width: 60px;		/*幅*/
	line-height: 60px;	/*高さ*/
	border-radius: 50%;	/*角丸のサイズ。円形にする。正方形がいいならこの１行削除。*/
	bottom: 100px;	/*下から30pxの場所に配置*/
	right: 3%;		/*右から3%の場所に配置*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.6);	/*背景色。0,0,0は黒の事で0.6は色が60%ついた状態の事。*/
	color: #fff;	/*文字色*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	/*背景色*/
}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check {
	background: #ff0000;	/*背景色*/
	color:#fff;				/*文字色*/
	padding: 10px 25px !important;	/*上下、左右へのボックス内余白*/
	margin-bottom: 20px;
}
p.check a {color: #fff;}

/*その他
---------------------------------------------------------------------------*/
.look {background: #ccc;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb40 {margin-bottom: 40px !important;}
.clear {clear: both;}
.ofh {overflow: hidden;}
ul.disc {padding: 0em 25px 20px;list-style: disc;}
.color1, .color1 a {color: #21b3b4;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr,figure.fr {float: right;margin: 10px;}
img.fl,figure.fl {float: left;margin: 10px;}
.fr {float: right;}
.fl {float: left;}
.w30p {width: 30%;}
.w65p {width: 65%;}
.big1 {font-size: 28px;letter-spacing: 0.1em;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.link {display: block;margin-top: -120px;padding-top: 120px;}





.contents h2.mainmidasi {
    background: url(/assets/img/common/img_midashi_bg_sp@2x.png) no-repeat;
    background-color: #ffe30d;
    background-size: 100%;
    padding: .8rem 2%;
    position: relative;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
    text-align: center;
    font-size: 30px;
}

@media screen and (min-width: 768px) {
.contents h2.mainmidasi {
        background: url(/assets/img/common/img_midashi_bg_pc@2x.png) repeat-x;
        background-color: #ffe30d;
        background-size: 100%;
        padding:1.8rem 2%
    }
}

.contents h2.mainmidasi:after {
    background-color: #ffe30d;
    bottom: -.7rem;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    content: "";
    display: block;
    height: .7rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width:1.5rem
}

@media screen and (min-width: 768px) {
.contents h2.mainmidasi:after {
        bottom: -1.9rem;
        height: 2rem;
        width:4.8rem
    }
}

.contents h2.mainmidasi > span {
    font-family: inherit;
    font-size: inherit;
    font-weight:inherit
}




/*画面幅1050px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1050px){
	
	

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar li a {
	font-size: 16px;	/*文字サイズ*/
	height: 65px;		/*高さ*/
	padding-top: 15px;	/*メニュー内の上に空ける余白。上下のバランスをここで調整して下さい。*/
}

	

	
	
}



/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
	
	
	

/*メインメニュー
---------------------------------------------------------------------------*/
/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明(0%)から色を100%出すアニメーション指定。*/


	
	
/*メインメニュー
---------------------------------------------------------------------------*/
/*スマホ用メニューブロック全体*/
#menubar-s {
	overflow: auto;height: 100%;
	position: fixed;z-index: 100;
	top: 0px;
	width: 100%;
	background: rgba(0,0,0,0.8);	/*背景色*/
	border-top: 1px solid #fff;		/*上の線の幅、線種、色*/
	animation-name: frame1;		/*冒頭のkeyframesの名前*/
	animation-duration: 0.5s;	/*アニメーションの実行時間。0.5秒。*/
	animation-fill-mode: both;	/*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
	font-size: 18px;			/*文字サイズ*/
}
#menubar-s li span {
	margin-left: 20px;
	font-size: 100%;
}
/*メニュー１個あたりの設定と、子メニューの見出し。*/
#menubar-s ul li a,#menubar_hdr2 {
	display: block;text-decoration: none;
	padding: 20px 20px 20px 60px;
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	color: #fff;		/*文字色*/
}
	
	
/*メニュー１個あたりの設定と、子メニューの見出し。*/
#menubar-s ul li a,#menubar_hdr3 {
	display: block;text-decoration: none;
	padding: 20px 20px 20px 60px;
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	color: #fff;		/*文字色*/
}	
/*PC用メニューを非表示にする*/
#menubar {display: none;}

.button_solid011 {display: none;}
	
	
#menubar-s .btn1 {
    margin-top: 40px;
  text-align:center;
}
	
	#menubar-s .btn55 {
    margin-top: 20px;
  text-align:center;
}


	
	
.box-013 {
    max-width: 95%;
    margin: 0 auto;
    border: 2px solid #21b3b4;
    border-radius: 3px;
}

.box-013 span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em 0;
    background-color: #21b3b4;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
	text-align: center;
}

.box-013 p {
    margin: 0;
    padding: 1em 1.5em;
    color: #333;
    font-size: 15px;
    text-align: center;
}
	
	

/*アコーディオン
---------------------------------------------------------------------------*/
.accordion-008 {
    max-width: 98%;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #fff;
    text-align: center;
}

.accordion-008 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
}

.accordion-008 summary::-webkit-details-marker {
    display: none;
}

.accordion-008 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
	text-align: center;
}

.accordion-008[open] summary::after {
    transform: rotate(225deg);
}

.accordion-008 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-008[open] p {
    transform: none;
    opacity: 1;
}
/*アコーディオン
---------------------------------------------------------------------------*/	
	
	
	
	
/*子メニュー
---------------------------------------------------------------------------*/
/*子メニューの見出しの追加。基本は上のブロックで設定しています。*/
#menubar_hdr2 {
	padding-left: 60px;	/*上にある「メニュー１個あたりの設定と、子メニューの見出し」の最後の数字（４つ目）に合わせる。*/
}
/*子メニューメニューブロック全体*/
#menubar-s2 {
	display: block;
	margin-top: 10px;
	border-radius: 5px;
	background: rgba(0,0,0,0.3);
	border: 1px solid #fff;
}
/*「＞」アイコン設定*/
#menubar_hdr2.close {
	background: url(../images/arrow2.png) no-repeat 20px 30px / 18px;
}
/*「＾」アイコン設定*/
#menubar_hdr2.open {
	background: url(../images/arrow3.png) no-repeat 20px 30px / auto 18px;
}
/*子メニュー１個あたりの設定*/
#menubar-s2 li a {
	border-bottom: 1px solid #fff !important;
	padding: 10px 20px !important;
}
#menubar-s2 li:last-child a {
	border-bottom: none !important;
}
	
	
	
	/*子メニューの見出しの追加。基本は上のブロックで設定しています。*/
#menubar_hdr3 {
	padding-left: 60px;	/*上にある「メニュー１個あたりの設定と、子メニューの見出し」の最後の数字（４つ目）に合わせる。*/
}
/*子メニューメニューブロック全体*/
#menubar-s3 {
	display: block;
	margin-top: 10px;
	border-radius: 5px;
	background: rgba(0,0,0,0.3);
	border: 1px solid #fff;
}
/*「＞」アイコン設定*/
#menubar_hdr3.close {
	background: url(../images/arrow2.png) no-repeat 20px 30px / 18px;
}
/*「＾」アイコン設定*/
#menubar_hdr3.open {
	background: url(../images/arrow3.png) no-repeat 20px 30px / auto 18px;
}
/*子メニュー１個あたりの設定*/
#menubar-s3 li a {
	border-bottom: 1px solid #fff !important;
	padding: 10px 20px !important;
}
#menubar-s3 li:last-child a {
	border-bottom: none !important;
}


	.rei01{
    font-size: 25px;
    margin-top: 25px;
    font-weight: bolder;
    padding-top: 25px;
}
	
	

	.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 4px #21b3b4;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -3px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    background: #21b3b4;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
	font-size: 23px;
	font-weight: bold;
}
	

	
	
/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: fixed;z-index: 100;
	top: 20px;		/*上からの配置場所*/
	right: 2%;	/*右からの配置場所*/
}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 50px;	/*幅*/
	height: 50px;	/*高さ*/
	border: 1px solid #fff;
}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #21b3b4 url(../images/icon_menu.png) no-repeat center top/50px;	/*背景色、背景画像の読み込み、画像の上半分（３本マーク）を表示。幅は50px。*/
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #21b3b4 url(../images/icon_menu.png) no-repeat center bottom/50px;	/*背景色、背景画像の読み込み、画像の下半分（×マーク）を表示。幅は50px。*/
}
	
	

/*fixmenu設定（メニューが画面上部に到達した際のスタイル）の設定をなくす
/*fixmenu設定（メニューが画面上部に到達した際のスタイル）の設定をなくす
---------------------------------------------------------------------------*/
body.is-fixed-menu .contents:first-of-type,
body.is-fixed .contents:first-of-type {
	margin-top: 0px;
}

/*contents
---------------------------------------------------------------------------*/
/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
	
	
.contents h1.simple {
    font-size: 40px;	/*文字サイズ*/
    font-weight: bold;
	line-height: 45px;
}	
	
.contents h2.simple {
    font-size: 40px;	/*文字サイズ*/
    font-weight: bold;
}
	
	
	
	
	/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h2.simple02 {
	font-size: 30px; /*文字サイズ*/
	font-weight: bold;
}
	
	.hikakut01 {
	font-size: 30px;
	}

.hikakut02 {
	font-size: 22px;
	line-height: 30px;
	
}
.hikakut022 {
	font-size: 22px;
	line-height: 30px;
	
}

/*main,sub
---------------------------------------------------------------------------*/
.main, .sub{
	float: none;
	width: auto;
}

/*subコンテンツ内のlistブロック
---------------------------------------------------------------------------*/
.sub .list {
	line-height: 2;		/*行間*/
	padding: 10px;		/*ボックス内の余白*/
}
/*画像*/
.sub .list figure {
	width: 15%;			/*画像幅*/
	margin-right: 10px;	/*画像の右に空けるスペース*/
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #side,body.s-n #footermenu {display: none;}
.sh {display:block;}
.pc {display:none;}
.link {margin-top: 0;padding-top: 0;}
	
	
#sinpaisp {
   display: block;overflow: hidden;
}	
#linesp {
   display: block;overflow: hidden;
}
#howtosp {
   display: block;overflow: hidden;
}	

#kaitorisp {
   display: block;overflow: hidden;
}	
#tab-bar1 {
   display: block;overflow: hidden;
}	
	
#sinpaipc {display: none;}	
		
#kaitoriss {display: none;}	

#topsp {
   display: block;overflow: hidden;
}	
	
#toppc {display: none;}	




#formn {
    width: 100%;
    height: 700px;
}

	
	


/*画面幅700px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:700px){
	
	
	#main_visual{
	background-color: #FFFFFF;
	position: relative;
    width: 100%;
	height: 550px;
}
	
	.fmenu {
	display:none;
}

		#formn {
    width: 100%;
    height: 600px;
}
	
.ankt {
    width: 100%;
    height: 400px;
    overflow: auto;
    padding-top: 20px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 20px;
    border: 2px solid #21b3b4;
    border-radius: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 10px #BBB;
    -moz-box-shadow: 0 0 10px #BBB;
    -webkit-box-shadow: 0 0 10px #BBB;
    margin: 10 10 20px;
    background-color: #FFFFFF;
}

	
	
.button-11 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding: .9em 2em;
    border: 1px solid #21b3b4;
    border-radius: 5px;
    background-color: #fff;
    color: #21b3b4;
    font-size: 1em;
}
	

#kaitorisyou{
	margin-top: 10px;
width: 100%;
	overflow: hidden;
	}
	
#kaitorisyou ul{
margin: 0px;
padding: 0; 
width: 100%;
}
	

#kaitorisyou li {
	width: 150px;
	margin-bottom: 15px;
	float: left;
	margin-left: 15px;
	height: 300px;
	border: 1px solid #D0D0D0;
	list-style: none;
	overflow: hidden;
}
.title01{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	list-style: none;
	margin-top: 10px;
	}

.title02{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	list-style: none;
	margin-top: 3px;
	width: 150px;
	height: auto;
	background-color: #dcdcdc;
	color: #000000;
	}

	
.last001{
    font-weight: bold;
    font-size: 20px;
	text-align: center;
}	

h3.heading-41 {
    padding: 0 .4em .2em;
    border-bottom: 5px solid #21b3b4;
    color: #333333;
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
}


.box-023 {
    max-width: auto;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    padding: 1em 1.5em;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%), 0 2px 3px -2px rgb(0 0 0 / 1%);
    background-image: linear-gradient(transparent calc(100% - 1px), #e6edf3 50%, #e6edf3), linear-gradient(90deg, transparent calc(100% - 1px), #e6edf3 50%, #e6edf3);
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
    font-size: 20px;
    border: 2px solid #21B3B4;
    font-weight: bold;
}
	
	.box-024 {
    max-width: auto;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    padding: 1em 1.5em;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%), 0 2px 3px -2px rgb(0 0 0 / 1%);
    background-image: linear-gradient(transparent calc(100% - 1px), #e6edf3 50%, #e6edf3), linear-gradient(90deg, transparent calc(100% - 1px), #e6edf3 50%, #e6edf3);
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffe0;
    color: #333333;
    font-size: 20px;
    border: 2px solid #21B3B4;
    font-weight: bold;
}


	
.box01 img{
	width: 80%;
	height: 80%;
	}
	
	.box001 img{
	width: 80%;
	height: 80%;
	}
	
.box1 img{
width: 50%;
	height: 50%;
	}
	
	
#howto {display: none;}	


.balloon-001 {
    display: block;text-decoration: none;text-align: center;z-index: 90;position: fixed;
	width: 110px;		/*幅*/
	line-height: 60px;	/*高さ*/
	bottom: 100px;	/*下から30pxの場所に配置*/
	left: 3%;		/*右から3%の場所に配置*/
    justify-content: center;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fffc41;
    color: #000000;
	font: 12px;
	line-height:20px;
}

.balloon-001::before {
    position: absolute;
    bottom: -15px;
    width: 20px;
    height: 15px;
    background-color: #fffc41;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}





/*吹き出し
---------------------------------------------------------------------------*/
	
	.balloon-009 {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 0 22px;
	margin-bottom: 20px;
		margin-top: 50px;
}

.balloon-009 img {
    max-width: 70px;
    height: 100%;
    border: 3px solid #e6edf3;
    border-radius: 50%;
	background-color: #ffffff;
}

.balloon-009 p {
    position: relative;
    max-width: 300px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #fefcdd;
    color: #333333;
}

.balloon-009 p::before {
    position: absolute;
    left: -12px;
    width: 15px;
    height: 30px;
    background-color: #fefcdd;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}	
	
	
	
.balloon-010 {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 0 22px;
	margin-bottom: 10px;
}

.balloon-010 img {
    max-width: 70px;
    height: 100%;
    border: 3px solid #e6edf3;
    border-radius: 50%;
	background-color: #ffffff;
}

.balloon-010 p {
    position: relative;
    max-width: 300px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #e0efff;
    color: #333333;
}

.balloon-010 p::before {
    position: absolute;
    right: -12px;
    width: 15px;
    height: 30px;
    background-color: #e0efff;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
}	
		
	
	
/*フォーム
---------------------------------------------------------------------------*/

.jidouk02 {
    height: 100%;
    width: 90%;
    border: 2px solid #21b3b4;
    background-color: #FFFFFF;
    right: 2px;
    bottom: 110px;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 10px;
}


.kisyumei02 {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	padding: 5px 0px;
	color: #272727;
	font-size: 18px;
	height: 30px;
	line-height: 20px;
	vertical-align: middle;
	width: 350px;
	margin-top: 10px;
	display       : inline-block;
}

.button {
    display       : inline-block;
    border-radius : 1%;          /* 角丸       */
    font-size     : 14pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding: 5px 20px;  /* 余白       */
    background    : #21b3b4;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 2px 2px 2px #666666;  /* 影の設定 */
    border        : 2px solid #21b3b4;    /* 枠の指定 */
    height: 30px;
    width: 300px;
    margin-left: 20px;    
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #21b3b4;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
	
	

	
	
	
		/*アイテム一覧
---------------------------------------------------------------------------*/

	
	
	
.nav-board {
	width: 290px;
	margin: 0 auto;
}

.nav-board ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	margin-left: -10px;
}
.nav-board li {
	width: 90px;
	margin-top: 10px;
	margin-left: 10px;
}

.nav-board li a {
	display: block;
	padding: 10px 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.icon,
.label {
	display: block;
}

.icon {
	width: 70px;
	margin-left: auto;
	margin-right: auto;
}

.label {
	font-size: 14px;
	margin-top: 10px;
	font-weight: bolder;
	text-align: center;
}

.nav-board {
	width: 290px;
	margin: 0 auto;
}
ul li a .icon img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

	
	
	/*フッター
---------------------------------------------------------------------------*/

.tab-bar {
	width: 100%;
	height: 100px;
	position: fixed;
	z-index: 2;
	bottom: 0;
	left: 0;
}


.tab-bar ul .tab01{
	float: left;
	width: 33%;
	height: 100px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	box-sizing: border-box;
	background-color: #ff8c00;
	position: relative;
}

.tab-bar ul .tab02{
	float: left;
	width: 33%;
	height: 100px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	box-sizing: border-box;
	background-color: #21b3b4;
	position: relative;
}
.tab-bar ul .tab03{
	float: left;
	width: 33%;
	height: 100px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	box-sizing: border-box;
	background-color: #00ACEE;
	position: relative;
}
.tab-bar ul .tab04{
	float: left;
	width: 33%;
	height: 100px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	box-sizing: border-box;
	background-color: #00C300;
	position: relative;
}


.tab-bar li:first-child {
	border-right: none;
}

.tab-bar a {
	padding: 5px 0;
	display: block;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

.tab-bar li .category-name {
	font-size: 15px;
	padding-top: 3px;
	display: block;
	font-weight: bold;
}	
		


	
	

/*contents
---------------------------------------------------------------------------*/
.contents {
	padding-top: 20px;		/*上に空けるボックス内の余白*/
	padding-bottom: 20px;	/*下に空けるボックス内の余白*/
}
.contents section + section {
	margin-top: 20px;
}

/*サブメニュー（左側ブロックのメニュー）
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
.sub .submenu li a {
	padding: 10px;	/*ボックス内の余白*/
}

/*box1（１カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box1 {
	margin: 0 0 20px 0;		/*上、右、下、左へのボックスの外に空けるスペース*/
}

.box01 {
	margin: 0 0 20px 0;		/*上、右、下、左へのボックスの外に空けるスペース*/
}
	.box001 {
	margin: 0 0 20px 0;		/*上、右、下、左へのボックスの外に空けるスペース*/
}	
	
/*box2（３カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box2 {
	width: auto;		/*ボックスの幅*/
	float: none;		/*左に回り込み*/
	padding: 3%;		/*余白の上書き*/
	margin: 0 0 20px 0;		/*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 2;	/*行間*/
}
/*box2内のp(段落)タグ*/
.box2 p {
	height: auto;	/*高さ。*/
	font-size: 100%;		/*文字サイズ*/
	margin-bottom: 15px;
}
/*box2内のh4(見出し)タグ*/
.box2 h4 {
	height: auto;	/*高さ*/
}
/*box2内のbtn1*/
.box2 p.btn1 {
	position: static;
	width: 99%;		/*ボタンの幅*/
}
	
.box2 h3 {
	height: auto;	/*高さ*/
}
	
/*box3（３カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box3 {
	width: auto;		/*ボックスの幅*/
	float: none;		/*左に回り込み*/
	padding: 3%;		/*余白の上書き*/
	margin: 0 0 20px 0;		/*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 2;	/*行間*/
}
/*box2内のp(段落)タグ*/
.box3 p {
	height: auto;	/*高さ。*/
	font-size: 100%;		/*文字サイズ*/
	margin-bottom: 15px;
}
/*box2内のh4(見出し)タグ*/
.box3 h4 {
	height: auto;	/*高さ*/
}
/*box2内のbtn1*/
.box3 p.btn1 {
	position: static;
	width: 99%;		/*ボタンの幅*/
}

/*各ページ下部に配置している「アクセス」ブロック
---------------------------------------------------------------------------*/
/*左側ブロック、右側ブロック*/
.href-left,.href-right {
	float: none;
	width: auto;
	padding-bottom: 30px;
}

/*パンくずナビ
---------------------------------------------------------------------------*/
/*メニュー全体を囲むブロック*/
.pan {
	margin-bottom: 20px;	/*ボックスの下に20pxのスペースを空ける*/
	margin-top: -20px;		/*ボックスを上のメニューにつけるための指定*/
	padding: 0;				/*ボックス内の余白。上下、左右。*/
}

}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 16px;	/*文字サイズ*/
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*トップページへの追加設定*/
.home header {
	height: 280px;	/*ヘッダーの高さを上書き。*/
}

/*ヘッダー右上メニュー
---------------------------------------------------------------------------*/
/*メニュー全体のブロック設定*/
#header-nav {
	top: 10px;			/*ヘッダーの上から10pxの場所に配置。*/
	font-size: 11px;	/*文字サイズ*/
}
	
	
.contents h3.heading-41 {
    padding: 0 .4em .2em;
    border-bottom: 5px solid #21b3b4;
    color: #333333;
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
}


/*contents
---------------------------------------------------------------------------*/
/*コンテンツのh2タグ設定*/
.contents h2 {
	padding: 5px 10px;	/*上下、左右への余白*/
	font-size: 22px;	/*文字サイズ*/
	margin-bottom: 10px;
}
/*コンテンツのh3タグ設定*/
.contents h3 {
	padding: 3px 10px;	/*上下、左右への余白*/
	font-size: 16px;	/*文字サイズ*/
	margin-bottom: 10px;
}
	
/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h1.simple {
	font-size: 22px;	/*文字サイズ*/
	padding-top: 10px;	/*上下、左右への余白*/
	line-height: 30px;
}
		
	
	
/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h2.simple {
	font-size: 22px;	/*文字サイズ*/
}
	
	
	/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h2.simple02 {
	font-size: 22px;	/*文字サイズ*/
}
	
	.hikakut01 {
	font-size: 22px;
	}

.hikakut02 {
	font-size: 18px;
	line-height: 28px;
	
}
.hikakut022 {
	font-size: 18px;
	line-height: 28px;
	
}
	

.imei{
    font-weight: bold;
    font-size: 20px;
	margin-top: 20px;
    margin-bottom: 20px;
	clear: both;
}	
	
	
.contents h2.simple05 {
    background: none;
    padding: 0;
    font-size: 25px;	/*文字サイズ*/
    text-align: center;	/*文字を中央に*/
    color: #21b3b4;		/*文字色*/
    line-height: 45px;
    margin-top: 40px;
}
.contents h2.simple05::first-letter {
	border: none;
	padding: 0;
}
.contents h2.simple05 + p {
	margin-top: -20px;
}
	
	.shopmidasi{
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    color: #494949;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 8px #21b3b4;/*左線*/
    font-size: 23px;
    margin-top: 30px;
    font-weight: bold;
}
	
	/* -----------------------------------------------------------
	買取方法ボタン
----------------------------------------------------------- */
.kakakubuttonjj a {
	font-size: 20px;
	}

	
/*コンテンツの段落タグ設定*/
.contents p {
	padding: 0px 10px 10px;	/*上、左右、下への余白*/
}
/*他*/
.contents h2 + p,
.contents h3 + p {
	margin-top: -5px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	background: #444;	/*背景色のみに上書き*/
}
/*１行分の設定*/
#footermenu ul {
	width: 23%;	/*１列あたりの幅の再設定*/
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	padding: 5px;
}
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}

/*box1とbox2
---------------------------------------------------------------------------*/
/*h4(見出し)タグ*/
.box1 h4,.box2 h4 {
	font-size: 20px;	/*文字サイズ*/
}
.box01 h4 {
	font-size: 20px;	/*文字サイズ*/
}
	.box001 h4 {
	font-size: 20px;	/*文字サイズ*/
}

.box1 h3,.box2 h3 {
	font-size: 20px;	/*文字サイズ*/
}
.box01 h3 {
	font-size: 20px;	/*文字サイズ*/
}
	.box001 h3 {
	font-size: 20px;	/*文字サイズ*/
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
img.fr,figure.fr,img.fl,figure.fl {float: none;margin: 0;width: 100%;}
.fr, .fl {float: none;}
.w30p, .w65p {width: auto;}
.big1 {font-size: 18px;letter-spacing: normal;}
	
	
	
	
/*フォーム
---------------------------------------------------------------------------*/

.jidouk02 {
    height: 100%;
    width: 90%;
    border: 2px solid #21b3b4;
    background-color: #FFFFFF;
    right: 2px;
    bottom: 110px;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


.kisyumei02 {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	padding: 5px 0px;
	color: #272727;
	font-size: 18px;
	height: 30px;
	line-height: 20px;
	vertical-align: middle;
	width: 350px;
	margin-top: 10px;
	display       : inline-block;
}

.button {
    display       : inline-block;
    border-radius : 1%;          /* 角丸       */
    font-size     : 14pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding: 5px 20px;  /* 余白       */
    background    : #21b3b4;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 2px 2px 2px #666666;  /* 影の設定 */
    border        : 2px solid #21b3b4;    /* 枠の指定 */
    height: 30px;
    width: 300px;
    margin-left: 0px;   
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #21b3b4;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
	
	
	
	.tenpottt {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	margin-top: 20px;
	color: #21b3b4;
}