@charset "utf-8";
/* CSS Document */

/*-------------------------------
	共通
--------------------------------*/
* { margin: 0px; padding: 0px; max-height: 9999999px; }
body { font-size: 16px; font-family: "Sawarabi Gothic"; font-weight: 500; text-align: center; color: #505050; min-width: 1000px; }
p, li, dt, dl { line-height: 1.8em; }
img { border: none; }
a { color: #0279CD; text-decoration: none; -moz-transition: background-color 0.4s, color 0.4s, border-color 0.4s, opacity 0.4s; -o-transition: background-color 0.4s, color 0.4s, border-color 0.4s, opacity 0.4s; -webkit-transition: background-color 0.4s, color 0.4s, border-color 0.4s, opacity 0.4s; transition: background-color 0.4s, color 0.4s, border-color 0.4s, opacity 0.4s; }
a:hover { color: #0279CD; }
a img { opacity: 1; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
a:hover img { opacity: 0.6; }
li { list-style-type: none; }
.clearfix:after { content: " "; display: block; clear: both; }
.pagetop { display: none; position: fixed; bottom: 10px; right: 0; }
.pagetop a { display: block; }
.shiryo { position: fixed; bottom: 100px; right: 30px; }
.shiryo a { display: block; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.blue { color: #0279CD; }
@media(max-width:600px) {
body { font-size: 14px; text-align: left; min-width: 320px; -webkit-text-size-adjust: 100%; }
p, li, dt, dl { line-height: 1.6em; }
a { transition: none; }
a:hover img { opacity: 1; }
.box { width: 92%; margin: 0 4%; }
.br span { display: block; }
.nobr br { display: none; }
.pagetop { display: none; position: fixed; bottom: 10px; right: 0; }
.pagetop img { width: 50px; height: 70px; }
.shiryo { position: fixed; bottom: 10px; right: 60px; }
.shiryo img { width: 70px; height: 70px; }
.i-b { display: inline-block; }
}
/*-------------------------------
	マージン
--------------------------------*/
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.lr20 { margin-right: 20px; margin-left: 20px; }
@media only screen and (max-width:600px) {
.mb10 { margin-bottom: 5px; }
.mb15 { margin-bottom: 10px; }
.mb20 { margin-bottom: 10px; }
.mb30 { margin-bottom: 15px; }
.mb40 { margin-bottom: 20px; }
.mb50 { margin-bottom: 25px; }
.mb60 { margin-bottom: 30px; }
.mb70 { margin-bottom: 35px; }
.mb80 { margin-bottom: 40px; }
.mb90 { margin-bottom: 45px; }
.lr20 { margin-right: 10px; margin-left: 10px; }
}
/*-------------------------------
	ヘッダー
--------------------------------*/
#header { width: 1000px; height: 100px; margin: 0 auto; text-align: left; position: relative; }
#header .name { font-family: "Rounded Mplus 1c"; float: left; color: #0279CD; font-size: 28px; line-height: 1em; padding-top: 15px; }
#header .name span { font-size: 17px; }
#head_copy { position: absolute; text-align: right; right: 170px; top: 22px; color: #0279CD; }
#head_tel { font-family: "Rounded Mplus 1c"; font-size: 27px; font-weight: bold; position: absolute; text-align: right; right: 170px; top: 38px; }
#head_tel a { color: #505050; pointer-events: none; }
#head_toi { position: absolute; top: 25px; right: 0; font-size: 18px; }
#head_toi a { background-color: #0279CD; color: #FFFFFF; width: 160px; height: 50px; display: inline-block; text-align: center; font-size: 18px; border-radius: 5px; -webkit-border-radius: 5px; }
#head_toi a:hover { background-color: #35AEEE; }
#head_toi a span { display: block; margin: 10px; }
#head_toi_sp { display: none; }
.sns-pc { display: inline-block; line-height: 120%; margin-left: 10px; }
.sns-pc a { color: #FFFFFF; font-size: 20px; width: 32px; height: 32px; text-align: center; display: inline-block; background-color: #1BB4E9; border-radius: 16px; -webkit-border-radius: 16px; }
.sns-pc a span { display: block; margin-left: 2px; }
.sns-pc a:hover { background-color: #0279CD; }
.sns-sp { display: none; }
@media(max-width:600px) {
#header { width: auto; height: 92px; margin: 0 auto; text-align: left; position: relative; }
#header .name { font-family: "Rounded Mplus 1c"; float: left; color: #0279CD; font-size: 17px; line-height: 0.9em; padding-top: 40px; padding-left: 8px; }
#header .name span { font-size: 10px; }
#head_copy { position: absolute; text-align: center; right: 0; left: 0; top: 0; color: #0279CD; margin-top: 3px; height: 23px; font-size: 10px; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: left bottom; background-size: 15px 3px; }
#head_tel { position: absolute; text-align: right; right: 115px; top: 34px; width: 50px; height: 50px; display: block; background-image: url(../images/btn_tel.png); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#head_tel a { width: 50px; height: 50px; display: block; pointer-events: auto; }
#head_toi { display: none; }
#head_toi_sp { display: block; }
#head_toi_sp a { position: absolute; top: 34px; right: 60px; width: 50px; height: 50px; background-image: url(../images/btn_mail.png); background-repeat: no-repeat; background-position: center top; background-size: 50px 50px; }
.sns-pc { display: none; }
.sns-sp { display: block; text-align: center; margin-top: 20px; }
.sns-sp a { color: #FFFFFF; font-size: 23px; width: 40px; height: 40px; margin: 0 5px; line-height: 170%; text-align: center; display: inline-block; background-color: #1BB4E9; border-radius: 20px; -webkit-border-radius: 20px; }
.sns-sp a span { display: block; margin-left: 4px; }
}
/*-------------------------------
	メニュー
--------------------------------*/
#menu_bg { width: 100%; height: 60px; background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x; background-position: center top; position: absolute; top: 100px; left: 0; right: 0; z-index: 10; border-top: solid 3px #6BC9F7; }
#menu { width: 1000px; margin: 0 auto; }
#menu li { list-style-type: none; }
#menu ul ul { border-left: solid 1px #6BC9F7; height: 55px; }
#menu ul ul li { float: left; font-size: 19px; display: inline-block; line-height: 1.2em; border-right: solid 1px #6BC9F7; }
#menu ul ul li span { display: block; padding: 18px 0 0; }
#menu ul ul li.rows span { padding: 7px 0 0; }
#menu ul ul li i { display: none; }
#menu ul ul li a { display: inline-block; color: #505050; height: 55px; padding: 0 20px; }
#menu ul ul li a:hover { color: #35AEEE; }
#menu_sp { display: none; }
@media(max-width:600px) {
#menu_bg { width: 100%; height: auto; background-image: none; position: fixed; top: 0; left: 0; right: 0; z-index: 10; border-top: none; }
#menu { width: auto; margin: 0 auto; background-color: #0279CD; }
#menu li { list-style-type: none; }
#menu ul ul { border-left: none; height: auto; margin: 0 25px; padding: 40px 0 50px; }
#menu ul ul li { float: none; font-size: 16px; display: block; line-height: 1.2em; border-right: none; border-bottom: solid 1px #FFFFFF; padding: 0 15px; }
#menu ul ul li span { display: block; padding: 8px 0; }
#menu ul ul li.rows span { padding: 8px 0; }
#menu ul ul li.rows span br { display: none; }
#menu ul ul li i { display: inline-block; margin: 0 5px 0 0; }
#menu ul ul li a { display: block; color: #FFFFFF; width: auto; height: auto; }
#menu ul ul li a:hover { color: #FFFFFF; }
#menu ul.accordion strong { width: 50px; height: 50px; display: block; position: absolute; top: 34px; right: 5px; background-image: url(../images/menu_sp.png); background-size: 50px 50px; z-index: 2; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
#menu ul.accordion ul { display: none; }
#menu ul.accordion > li { }
#menu ul.accordion > li > p { cursor: pointer; }
#menu ul.accordion > li > p strong { background-image: url(../images/menu_sp.png); background-size: 50px 50px; }
#menu ul.accordion > li > p strong.open { background-image: url(../images/menu_sp_close.png); background-size: 50px 50px; top: 8px; }
#menu_sp { display: block; }
}
/*-------------------------------
	フッター
--------------------------------*/
#footer { clear: both; background-color: #2FACEE; color: #FFFFFF; padding: 40px 0; }
#footer a { color: #FFFFFF; border-bottom: solid 1px #2FACEE; margin: 0 5px; }
#footer a:hover { color: #FFFFFF; border-bottom: solid 1px #FFFFFF; }
#footer_menu { margin: 0 0 15px; }
#footer_menu p { display: inline-block; }
#copy { font-size: 13px; }
.footer-link { font-size: 14px; margin: 0 0 15px; }
.footer-link p { display: inline-block; }
.footer-link a { display: inline-block; }
@media(max-width:600px) {
#footer { clear: both; background-color: #2FACEE; color: #FFFFFF; padding: 20px 0 100px; }
#footer a { color: #FFFFFF; border-bottom: solid 1px #2FACEE; margin: 0 5px; }
#footer a:hover { color: #FFFFFF; border-bottom: solid 1px #FFFFFF; }
#footer_menu { display: none; }
#copy { font-size: 10px; text-align: center; }
.footer-link { text-align: center; font-size: 12px; margin: 0 0 15px; }
}
/*-------------------------------
	トップページ
--------------------------------*/
#topimg_bg { height: 255px; background-repeat: repeat-x; background-position: center top; }
#topimg { height: 255px; background-repeat: no-repeat; background-position: center top; width: 1000px; margin: 0 auto; position: relative; }
#nittei { position: absolute; right: 35px; top: 25px; filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2)); }
#nittei a:hover img { opacity: 1; filter: brightness(120%); }
#irai { position: absolute; right: 0; left: 0; bottom: 0; }
#irai a { background-color: #0279CD; color: #FFFFFF; width: 480px; height: 44px; display: inline-block; text-align: center; font-size: 18px; border-radius: 5px 5px 0 0 / 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0; }
#irai a:hover { background-color: #35AEEE; }
#irai a span { display: block; margin: 8px; }
@media(max-width:600px) {
#topimg_bg { height: 120px; background-image: url(../images/topimg_bg_sp.jpg); background-repeat: repeat-x; background-position: center top; background-size: auto 120px; }
#topimg { height: 120px; background-image: url(../images/topimg_sp3.png); background-repeat: no-repeat; background-position: center top; background-size: 320px 120px; width: 320px; margin: 0 auto; position: relative; }
#nittei { position: absolute; right: 9px; top: 8px; filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2)); }
#nittei img { width: 77px; height: 77px; }
#irai { position: absolute; right: 0; left: 0; bottom: 0; text-align: center; }
#irai a { background-color: #0279CD; color: #FFFFFF; width: 280px; height: 25px; display: inline-block; text-align: center; font-size: 11px; border-radius: 5px 5px 0 0 / 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0; line-height: 1em; }
}
#top_copy { text-align: center; color: #0279CD; font-weight: bold; font-size: 18px; margin: 0 0 25px; }
#top_copy h1 { font-size: 18px; }
#top_copy strong { font-size: 26px; font-family: "Rounded Mplus 1c"; }
#top_copy2 { text-align: center; color: #0279CD; font-weight: bold; margin: 0 0 15px; }
#top_copy2 strong { font-size: 28px; font-family: "Rounded Mplus 1c"; }
#btn_anchor { text-align: center; margin: 15px 0 40px; }
#btn_anchor img { margin: 0 6px; }
 @media(max-width:600px) {
#top_copy { text-align: center; color: #0279CD; font-weight: bold; font-size: 12px; margin: 15px 20px; }
#top_copy h1 { font-size: 12px; }
#top_copy span { display: block; }
#top_copy strong { font-size: 16px; font-family: "Rounded Mplus 1c"; line-height: 2em; }
#top_copy2 { text-align: center; color: #0279CD; font-weight: bold; font-size: 12px; margin: 15px 0 5px; }
#top_copy2 span { display: block; }
#top_copy2 strong { font-size: 16px; font-family: "Rounded Mplus 1c"; line-height: 1.5em; }
#bnr_check img { width: 280px; height: auto; }
#btn_anchor { text-align: center; margin: 15px 0; }
#btn_anchor img { width: 50px; height: 50px; margin: 0 3px; }
}
/*ナノダイヤモンド触媒バナー*/
.bnr_nano { text-align: center; margin-bottom: 50px; }
.bnr_nano img { vertical-align: bottom; }
.nano_mv { width: 600px; margin: 0 auto 50px; }
h4.ttl_h4.nano_ttl { font-size: 22px; }
@media(max-width:600px) {
.bnr_nano { margin: 0 10px 30px; }
.bnr_nano img { width: 100%; height: auto; }
.nano_mv { width: 240px; margin: 0 auto 30px; }
h4.ttl_h4.nano_ttl { font-size: 15px; }
}
/*出版バナー*/
.bnr-book { margin: 50px 0 60px; text-align: center; }
.bnr-book-sp { display: none; }
@media(max-width:600px) {
.bnr-book { display: none; }
.bnr-book-sp { display: block; margin: 10px auto 20px; text-align: center; }
}
h1.top_h2, h2.top_h2 { text-align: center; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: center 32px; font-family: "Rounded Mplus 1c"; font-size: 40px; color: #0279CD; margin: 0 0 10px; }
h1.top_h2 span, h2.top_h2 span { background-color: #FFFFFF; display: inline-block; padding: 0 10px; }
h1.top_h2 img, h2.top_h2 img { vertical-align: middle; padding: 0 0 10px; }
h1.top_h2_gr1, h2.top_h2_gr1 { color: #9EB91E; background-image: url(../images/line_gr1.png); }
h1.top_h2_or, h2.top_h2_or { color: #DD9333; background-image: url(../images/line_or.png); }
h1.top_h2_gr2, h2.top_h2_gr2 { color: #2AABB2; background-image: url(../images/line_gr2.png); }
h1.top_h2_pk, h2.top_h2_pk { color: #D66B8E; background-image: url(../images/line_pk.png); }
h3.top_h3 { text-align: center; background-image: url(../images/line2.png); background-repeat: repeat-x; background-position: center 20px; font-family: "Rounded Mplus 1c"; font-size: 25px; color: #35AEEE; margin: 0 0 10px; }
h3.top_h3 span { background-color: #FFFFFF; display: inline-block; padding: 0 15px; }
.top_box { width: 1000px; margin: 0 auto 50px; overflow: hidden; }
.top_box_pic { width: 300px; float: left; }
.top_box_pic img { width: 300px; height: 300px; }
.top_box_txt { width: 630px; float: right; }
.top_kouza { color: #FFFFFF; font-size: 20px; padding: 5px 10px; float: left; background-color: #0279CD; line-height: 1.2em; letter-spacing: 0.1em; }
.top_kouza_txt { float: right; font-size: 15px; width: 500px; }
.top_kouza_txt2 { float: right; font-size: 15px; width: 480px; }
.top_kouza_txt3 { float: right; font-size: 15px; width: 450px; }
.top_kouza_txt4 { float: right; font-size: 15px; width: 410px; }
.top_kouza_zu { clear: both; padding: 30px 20px 30px; }
.top_box_txt ul { clear: both; color: #0279CD; font-size: 17px; padding: 20px 20px 30px; }
.top_box_txt ul li { padding: 0 0 0 25px; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: left 10px; }
.top_box_txt ul li span { font-size: 14px; line-height: 1.4em; margin-bottom: 5px; display: block; }
.top_box_txt ul li span.i-b { font-size: 17px; line-height: 1.8em; margin-bottom: 0; display: inline-block; }
.top_box_txt ul li span.new { color: #FFF; font-size: 15px; background-color: #FF9900; display: inline-block; border-radius: 5px; margin-bottom: 0; line-height: 26px; padding: 0 10px; }
.top_box_txt ul a { border-bottom: solid 1px #FFF; }
.top_box_txt ul a:hover { border-bottom: solid 1px #0279CD; }
.top_app a { display: inline-block; background-color: #0279CD; color: #FFF; font-size: 20px; padding: 12px 0; margin-right: 20px; width: 250px; float: left; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; }
.top_app a:hover { background-color: #35AEEE; }
.top_app2 a { display: inline-block; background-color: #FFF; color: #35AEEE; font-size: 20px; padding: 9px 0; width: 244px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; border: 3px solid #35AEEE; }
.top_app2 a:hover { color: #FFFFFF; background-color: #35AEEE; }
.top_box_btm { clear: both; padding: 40px 0 0; }
.bnr_koushi { margin-bottom: 30px; }
.voice { overflow: hidden; margin: 0 50px; }
.voice_pic { float: left; margin: 20px 0 0; }
.voice_txt { float: right; width: 680px; margin: 20px 0 0; }
.more { margin: 10px 10px 0; text-align: right; }
.more a: hover { color: #35AEEE; }
@media(max-width:600px) {
h2.top_h2, h1.top_h2 { text-align: center; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: center 16px; background-size: 15px 3px; font-family: "Rounded Mplus 1c"; font-size: 20px; color: #0279CD; margin: 0 0 5px; }
h2.top_h2 span, h1.top_h2 span { background-color: #FFFFFF; display: inline-block; padding: 0 5px; }
h2.top_h2 img, h1.top_h2 img { width: 40px; height: 35px; vertical-align: middle; padding: 0 0 5px; }
h3.top_h3 { text-align: center; background-image: url(../images/line2.png); background-repeat: repeat-x; background-position: center 10px; background-size: 12px auto; font-family: "Rounded Mplus 1c"; font-size: 16px; color: #35AEEE; margin: 0 0 10px; }
h3.top_h3 span { background-color: #FFFFFF; display: inline-block; padding: 0 10px; }
.top_box { width: auto; margin: 0 20px 25px; }
.top_box_pic { width: 100%; height: 200px; float: none; text-align: center; overflow: hidden; position: relative; margin: 0 0 15px; }
.top_box_pic img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; }
.top_box_txt { width: auto; float: none; }
.top_kouza { color: #FFFFFF; font-size: 14px; padding: 5px 10px; margin: 0 0 10px; float: none; background-color: #0279CD; line-height: 1.2em; text-align: center; }
.top_kouza br { display: none; }
.top_kouza_txt, .top_kouza_txt2, .top_kouza_txt3 { float: none; font-size: 14px; line-height: 1.5em; width: auto; }
.top_kouza_zu { clear: both; padding: 10px 0; }
.top_kouza_zu img { width: 100%; height: auto; }
.top_box_txt ul { clear: both; color: #0279CD; font-size: 14px; padding: 10px 10px 15px; }
.top_box_txt ul li { padding: 0 0 0 10px; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: left 10px; background-size: 5px 5px; }
.top_box_txt ul li span { font-size: 12px; line-height: 1.4em; margin-bottom: 3px; display: block; }
.top_box_txt ul li span.i-b { font-size: 14px; line-height: 1.6em; margin-bottom: 0; display: inline-block; }
.top_box_txt ul li span.new { font-size: 14px; margin-bottom: 0; line-height: 22px; }
.top_app a { display: block; background-color: #0279CD; color: #FFF; font-size: 16px; padding: 7px 0; margin: 0 5px 7px; width: auto; float: none; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; }
.top_app2 a { display: block; background-color: #FFF; color: #35AEEE; font-size: 16px; padding: 4px 0; margin: 0 5px; width: auto; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; border: 3px solid #35AEEE; }
.top_app2 a:hover { color: #FFFFFF; background-color: #35AEEE; }
.top_box_btm { clear: both; padding: 20px 0 0; }
.top_box_btm img { width: 100%; height: auto; }
.bnr_koushi { margin-bottom: 10px; }
.voice { overflow: hidden; margin: 0 0; }
.voice_pic { float: none; text-align: center; margin: 0; }
.voice_pic img { width: 85px; height: 85px; }
.voice_txt { float: none; width: auto; margin: 5px 0 0; }
.more { margin: 5px 5px 0; text-align: right; }
.more a: hover { color: #35AEEE; }
}
#reason { background-image: url(../images/line.png); background-repeat: repeat-x; background-position: center top; }
#reason h2 { text-align: center; font-size: 35px; padding: 25px 0; color: #0279CD; font-family: "Rounded Mplus 1c"; }
#reason h2 span { font-size: 20px; }
#reason_box_bg { background: -webkit-gradient(linear, left top, left bottom, from(#2FACEE), to(#5CBBF1)); background-color: #2FACEE; padding: 40px 0 50px; margin: 20px 0 0; }
#reason_box { width: 990px; margin: 0 auto; overflow: hidden; }
.reason_contents { width: 250px; display: block; margin: 0 40px; float: left; text-align: center; color: #FFFFFF; }
.reason_contents img { margin: 0 0 20px; }
.reason_contents strong { font-size: 19px; padding: 0 0 10px; margin: 0 0 10px; display: block; font-weight: 500; background-image: url(../images/line3.png); background-repeat: repeat-x; background-position: left bottom; }
.reason_contents strong a { color: #FFFFFF; opacity: 1; }
.reason_contents strong a:hover { opacity: 0.6; }
@media(max-width:600px) {
#reason { background-image: url(../images/line.png); background-repeat: repeat-x; background-position: center top; background-size: 15px 3px; }
#reason h2 { text-align: center; font-size: 18px; padding: 10px 0 7px; color: #0279CD; font-family: "Rounded Mplus 1c"; }
#reason h2 span { font-size: 13px; display: block; }
#reason_box_bg { background: -webkit-gradient(linear, left top, left bottom, from(#2FACEE), to(#5CBBF1)); background-color: #2FACEE; padding: 20px 0; }
#reason_box { width: auto; margin: 0 20px; overflow: hidden; }
.reason_contents { width: auto; display: block; margin: 0 0 15px; float: none; text-align: center; color: #FFFFFF; overflow: hidden; }
.reason_contents img { width: 125px; height: 125px; float: left; margin: 0 10px 0 0; }
.reason_contents strong { font-size: 18px; padding: 10px 0 8px; margin: 0 0 5px; display: inline-block; width: 130px; font-weight: 500; font-family: "Rounded Mplus 1c"; background-image: url(../images/line3.png); background-repeat: repeat-x; background-position: left bottom; }
}
#support { width: 1000px; margin: 0 auto; padding: 60px 0; text-align: center; overflow: hidden; }
#support h2 { font-size: 33px; padding: 0 0 20px; color: #35AEEE; font-family: "Rounded Mplus 1c"; }
.supoott_box_r { margin-right: -25px; }
.supoott_box { width: 180px; float: left; margin-right: 25px; border-bottom: solid 4px #35AEEE; padding: 30px 0 15px; font-size: 18px; }
.supoott_box img { margin-bottom: 11px; }
@media(max-width:600px) {
#support { width: auto; margin: 0 auto; padding: 20px 0; text-align: center; overflow: hidden; }
#support h2 { font-size: 16px; padding: 0 40px 10px; color: #35AEEE; font-family: "Rounded Mplus 1c"; }
.supoott_box_r { margin: 0 auto; width: 300px; }
.supoott_box { width: 90px; float: left; margin: 15px 5px 10px; border-bottom: solid 2px #35AEEE; padding: 0 0 5px; font-size: 10px; }
.supoott_box img { width: 90px; height: 125px; margin-bottom: 5px; }
}
#boshu { background: -webkit-gradient(linear, left top, left bottom, from(#2FACEE), to(#5CBBF1)); background-color: #2FACEE; padding: 60px 0; color: #FFF; text-align: center; }
#boshu h2 { font-size: 35px; padding: 0 0 30px; font-family: "Rounded Mplus 1c"; line-height: 1em; }
#boshu h2 span { font-size: 25px; font-weight: 500; padding: 0 0 10px; display: block; }
.boshu_link a { display: inline-block; background-color: #0279CD; color: #FFF; font-family: "Rounded Mplus 1c"; font-size: 21px; padding: 6px 30px; border-radius: 5px; -webkit-border-radius: 5px; }
.boshu_link a:hover { color: #35AEEE; background-color: #D1EDFC; }
#boshu_box { width: 720px; margin: 0 auto; overflow: hidden; padding: 35px 0 0; }
.boshu_contents { width: 220px; margin: 0 10px; float: left; font-size: 20px; }
.boshu_contents img { margin: 0 0 10px; }
@media(max-width:600px) {
#boshu { background: -webkit-gradient(linear, left top, left bottom, from(#2FACEE), to(#5CBBF1)); background-color: #2FACEE; padding: 20px 0 10px; color: #FFF; text-align: center; }
#boshu h2 { font-size: 16px; padding: 0 0 15px; font-family: "Rounded Mplus 1c"; line-height: 0.8em; }
#boshu h2 span { font-size: 12px; font-weight: 500; padding: 0 0 10px; display: block; }
.boshu_link a { display: inline-block; background-color: #0279CD; color: #FFF; font-family: "Rounded Mplus 1c"; font-size: 14px; padding: 4px 20px; border-radius: 5px; -webkit-border-radius: 5px; }
#boshu_box { width: auto; margin: 0 auto; overflow: hidden; padding: 15px 0 0; text-align: center; }
div.boshu_contents { width: 110px; margin: 0 0 10px; float: none; font-size: 12px; display: inline-block; }
.boshu_contents img { width: 110px; height: 110px; margin: 0 0 5px; }
}
#bnr_match { margin: 50px 0; text-align: center; }
#bnr_match_sp { display: none; }
#bnr_proirai { margin: 0 0 50px; text-align: center; }
#bnr_proirai_sp { display: none; }
@media(max-width:600px) {
#bnr_match { display: none; }
#bnr_match_sp { display: block; margin: 20px 10px 25px; text-align: center; }
#bnr_match_sp img { width: 100%; height: auto; }
#bnr_proirai { display: none; }
#bnr_proirai_sp { display: block; margin: 0 10px 20px; text-align: center; }
#bnr_proirai_sp img { width: 100%; height: auto; }
}
#fb { width: 1000px; height: 280px; margin: 0 auto 60px; }
#fb_l { width: 480px; float: left; }
#fb_r { width: 470px; height: 270px; float: right; }
#fb_r iframe { width: 470px; height: 225px; border: none; }
@media(max-width:600px) {
#fb { width: auto; height: auto; margin: 0 10px 30px; }
#fb_l { width: auto; height: 280px; float: none; padding: 0 0 15px; }
#fb_r { width: auto; height: auto; margin: 0 auto; float: none; }
#fb_r img { width: 100%; height: auto; }
}
#bnr_irai { width: 1000px; margin: 0 auto 40px; }
@media(max-width:600px) {
#bnr_irai { width: auto; height: auto; margin: 0 10px 20px; text-align: center; }
#bnr_irai img { width: 100%; height: auto; vertical-align: bottom; }
}
#blog_shop { width: 1000px; margin: 0 auto 40px; }
#blog_media { width: 1000px; margin: 0 auto 50px; overflow: hidden; }
#bnr_blog { width: 480px; height: 295px; float: left;background-repeat: no-repeat; background-position: center top; }
#bnr_blog #bnr_blog_sp>a { display: block; width: 100%; height: 94px; }
#bnr_blog iframe { margin: 0 5px; width: 470px; height: 196px; border: none; }
#blog_sc{ overflow:auto;}
#blog_sc p{border-bottom: dashed 1px #999999; padding: 9px;}
#blog_sc a:hover{ text-decoration:underline;}
#bnr_blog #blog_sc{ height:196px; color:#0279CD;}
#media #blog_sc{ height:225px; color:#1BB3E9;}
#media #blog_sc a{ color:#1BB3E9;}
#media { width: 470px; height: 270px; margin-top: 15px; float: right; border: solid 5px #0079CC; }
#media_ttl { color: #FFF; font-size: 23px; height: 45px; text-align: center; background-color: #0084DB; }
#media_ttl a { color: #FFF; }
#media_ttl span { background-image: url(../images/media_ttl.png); background-repeat: no-repeat; background-position: left center; padding: 5px 0 5px 40px; }
#media iframe { width: 470px; height: 225px; border: none; }
@media(max-width:600px) {
#blog_shop { width: auto; height: auto; margin: 0 10px 20px; text-align: center; }
#blog_shop img { width: 100%; height: auto; vertical-align: bottom; }
#blog_media { width: auto; margin: 0 auto 20px; }
#bnr_blog { width: 240px; height: 147px; float: none; margin: 0 auto 15px; background-image: url(../images/blog_bg2019.jpg); background-repeat: no-repeat; background-position: center top; background-size: 240px 147px; }
#bnr_blog a { height: 47px !important; }
#bnr_blog iframe { margin: 0 3px; width: 234px; height: 98px; border: none; }
#bnr_blog #blog_sc{ height:98px;}
#bnr_blog img { width: 240px; height: auto; }
#media { width: 236px; height: 150px; margin: 0 auto; float: none; border: solid 2px #0079CC; }
#media_ttl { color: #FFF; font-size: 16px; padding-top: 3px; height: 27px; text-align: center; background-color: #0084DB; }
#media_ttl span { background-size: 14px 13px; padding-left: 25px; }
#media iframe { width: 236px; height: 120px; border: none; }
#media #blog_sc{ height:120px;}
}
#group_ttl1 { color: #0279CD; text-align: center; }
#group_ttl2 { color: #0279CD; text-align: center; font-size: 25px; font-family: "Rounded Mplus 1c"; line-height: 1em; margin: 0 0 15px; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: center center; }
#group_ttl2 strong { display: inline-block; background-color: #FFFFFF; padding: 0 10px; }
#group { text-align: center; margin: 0 0 40px; }
.group_all { }
.group_all_sp { display: none; }
#group a:hover img { opacity: 1; }
@media(max-width:600px) {
#group_ttl1 { color: #0279CD; }
#group_ttl2 { color: #0279CD; font-size: 20px; font-family: "Rounded Mplus 1c"; line-height: 1em; margin: 0 0 15px; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: center center; background-size: 15px 3px; }
#group_ttl2 strong { display: inline-block; background-color: #FFFFFF; padding: 0 10px; }
#group { text-align: center; margin: 0 0 20px; }
.group_all { display: none; }
.group_all_sp { display: inherit; }
}
/*-------------------------------
	テンプレート
--------------------------------*/
#main { padding: 90px 0 30px; text-align: left; }
h1.page_ttl { text-align: center; color: #0279CD; font-family: "Rounded Mplus 1c"; font-size: 30px; padding: 0 0 25px; margin: 0 0 30px; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: center bottom; }
.main_box { width: 900px; margin: 0 auto; }
h3.ttl_h3 { background-image: url(../images/line2.png); background-repeat: repeat-x; background-position: center bottom; font-family: "Rounded Mplus 1c"; font-size: 25px; color: #35AEEE; margin: 0 0 20px; padding: 0 0 10px; }
h4.ttl_h4 { font-size: 18px; color: #0279CD; margin: 0 0 10px; }
h5.ttl_h5 { font-size: 17px; margin: 0 0 10px; }
.mBox { margin: 0 0 70px; overflow: hidden; }
.dot li { background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: 3px 9px; padding: 0 0 0 20px; }
@media(max-width:600px) {
#main { padding: 0 0 15px; }
h1.page_ttl { text-align: center; background-color: #0279CD; color: #FFFFFF; font-family: "Rounded Mplus 1c"; font-size: 18px; padding: 10px 0; margin: 0 0 15px; background-image: none; letter-spacing: 0.1em; }
.main_box { width: auto; margin: 0 20px; }
h3.ttl_h3 { background-image: url(../images/line2.png); background-repeat: repeat-x; background-position: center bottom; background-size: 12px auto; font-family: "Rounded Mplus 1c"; font-size: 16px; color: #35AEEE; margin: 0 0 10px; padding: 0 0 5px; }
h3.ttl_h3 span { display: block; }
h4.ttl_h4 { font-size: 16px; color: #0279CD; margin: 0 0 5px; }
.mBox { margin: 0 0 30px; }
.dot li { background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: left 8px; padding: 0 0 0 10px; background-size: 5px 5px; }
.br span { display: block; }
}
.anchor_box { text-align: center; margin: 0 0 50px; }
.anchor_box p { font-size: 16px; margin: 5px; display: inline-block; }
.anchor_box a { background-color: #D1EDFB; border: solid 1px #FFF; padding: 10px 15px; border-radius: 5px; -webkit-border-radius: 5px; }
.anchor_box a:hover { background-color: #FFF; border: solid 1px #D1EDFB; }
@media(max-width:600px) {
.anchor_box { text-align: left; margin: 0 0 25px; }
.anchor_box p { font-size: 14px; margin: 0; display: block; }
.anchor_box a { background-color: #D1EDFB; border: solid 1px #FFF; padding: 5px 20px; border-radius: 5px; -webkit-border-radius: 5px; display: block; }
.anchor_box a:hover { background-color: #D1EDFB; border: solid 1px #FFF; }
}
/*-------------------------------
	ボタン
--------------------------------*/
.btn01 a { display: block; background-color: #0279CD; padding: 7px 0 5px; margin: 0 20px; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
.btn01 a:hover { background-color: #35AEEE; }
@media(max-width:600px) {
.btn01 a { display: block; background-color: #0279CD; padding: 5px 10px; margin: 0 0; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; font-size: 11px; }
p.btn01 { line-height: 1.2em; }
}
.btn02 a { display: inline-block; background-color: #0279CD; padding: 7px 15px 5px; margin: 20px 0; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
.btn02 a:hover { background-color: #35AEEE; }
@media(max-width:600px) {
.btn02 a { display: inline-block; background-color: #0279CD; padding: 8px 10px; margin: 10px 0; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
p.btn02 { line-height: 1.2em; }
}
.btn03 a { font-size: 20px; display: block; background-color: #0279CD; padding: 15px 0 13px; margin: 20px auto; width: 300px; text-align: center; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
.btn03 a:hover { background-color: #35AEEE; }
@media(max-width:600px) {
.btn03 a { font-size: 16px; display: block; background-color: #0279CD; padding: 15px 0 13px; margin: 20px auto; width: 220px; text-align: center; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
p.btn03 { line-height: 1.2em; }
}
/*-------------------------------
	協会概要
--------------------------------*/
#gaiyo table { width: 100%; border-top: solid 1px #CCC; border-collapse: collapse; margin: 0 0 10px; }
#gaiyo th { width: 180px; text-align: left; vertical-align: top; border-bottom: solid 1px #CCC; padding: 10px 20px; font-weight: 500; background-color: #E3F4FD; }
#gaiyo td { text-align: left; vertical-align: top; border-bottom: solid 1px #CCC; padding: 10px 20px; }
#omoi_name { text-align: right; margin: 10px 0 0; }
#gglmap { margin: 10px 0 0; height: 500px; border: solid 1px #CCC; }
@media(max-width:600px) {
#gaiyo table { width: 100%; border-top: none; border-collapse: collapse; }
#gaiyo th { width: auto; display: block; text-align: left; vertical-align: top; border-bottom: none; padding: 5px 10px; font-weight: 500; background-color: #E3F4FD; border-radius: 5px; -webkit-border-radius: 5px; }
#gaiyo td { display: block; text-align: left; vertical-align: top; border-bottom: none; padding: 5px 10px 10px; }
#gglmap { margin: 10px 0 0; height: 300px; border: solid 1px #CCC; }
#gglmap iframe { height: 300px; }
}
/*-------------------------------
	認定講師紹介
--------------------------------*/
.tc1_box { width: 850px; margin: 0 auto 80px; overflow: hidden; }
.tc1_l { width: 350px; float: left; text-align: center; }
.tc1_r { width: 500px; float: right; }
.tc1_name { font-size: 25px; margin: 10px 0 0; }
.tc1_name span { font-size: 16px; }
.tc1_nintei { margin: 15px 0 0; }
.tc1_nintei img { width: 60px; height: 60px; margin: 0 5px 0 0; }
.tc1_text { clear: both; display: block; font-size: 14px; line-height: 1.5em; text-align: justify; padding: 15px 0 0; }
.tc1_text2 { font-size: 15px; text-align: left; padding: 10px; margin: 0 15px; }
.tc2 { clear: both; margin: 0 -60px 0 0; overflow: hidden; }
.tc2_box { width: 260px; float: left; margin: 0 60px 60px 0; text-align: center; }
.tc2_pic img { width: auto; height: 220px; }
.tc2_name { font-size: 20px; margin: 5px 0 0; }
.tc2_blue { font-size: 14px; color: #34ADED; }
.tc2_pref { font-size: 14px; margin: 0 0 5px; }
.tc2_nintei { margin: 10px 0 5px; }
.tc2_nintei img { width: 60px; height: 60px;/* margin: 0 2px;*/ }
.tc2_text { font-size: 14px; line-height: 1.5em; text-align: justify; }
.teachers-card { color: #0279CD; font-size: 20px; border: 3px solid #0279CD; padding: 30px; overflow: hidden; margin: 0 0 50px; }
.teachers-card-txt { margin-top: 25px; }
.teachers-card img { float: left; margin: 0 30px 0 70px; vertical-align: bottom; }
@media(max-width:600px) {
.tc1_box { width: auto; margin: 0 auto 15px; padding: 0 0 15px; overflow: hidden; border-bottom: dotted 1px #999; }
.tc1_l { width: auto; float: none; text-align: center; }
.tc1_l img { width: auto; height: 150px; }
.tc1_r { width: auto; float: none; }
.tc1_name { float: none; font-size: 15px; margin: 10px 0; text-align: center; }
.tc1_name span { font-size: 12px; }
.tc1_nintei { float: none; text-align: center; }
.tc1_nintei img { width: 40px; height: 40px; margin: 0 0 0 5px; }
.tc1_text { clear: both; display: block; font-size: 13px; line-height: 1.5em; text-align: justify; padding: 5px 0 0; }
.tc1_text2 { font-size: 8px; text-align: center; padding: 5px 0 10px; margin: 0; }
.tc2 { clear: both; margin: 0; overflow: hidden; }
.tc2_box { width: auto; float: none; margin: 0 0 15px; padding: 0 0 10px; text-align: center; overflow: hidden; border-bottom: dotted 1px #999; }
.tc2_pic img { width: auto; height: 120px; }
.tc2_name { font-size: 15px; margin: 5px 0 0; }
.tc2_blue { font-size: 10px; color: #34ADED; }
.tc2_pref { font-size: 10px; margin: 0; }
.tc2_nintei { clear: both; margin: 0; padding: 10px 0 0; text-align: center; }
.tc2_nintei br { display: none; }
.tc2_nintei img { width: 40px; height: 40px; margin: 0 2px; }
.tc2_text { clear: both; font-size: 13px; line-height: 1.5em; text-align: justify; padding: 5px 0 0; }
.teachers-card { font-size: 16px; border: 2px solid #0279CD; padding: 15px; margin: 0 0 30px; text-align: center; }
.teachers-card-txt { margin-top: 10px; }
.teachers-card img { float: none; margin: 0 auto; vertical-align: bottom; width: 155px; height: auto; }
}
/*-------------------------------
	受講生の声
--------------------------------*/
ul.koe { margin: 0 0 30px; }
.koe li { list-style-type: disc; margin: 0 0 0 40px; }
.koe_box { padding: 25px; border: 5px solid #D1EDFB; border-radius: 10px; -webkit-border-radius: 10px; }
@media(max-width:600px) {
ul.koe { margin: 0 0 10px; }
.koe li { list-style-type: disc; margin: 0 0 0 25px; }
.koe_box { padding: 10px; border: 3px solid #D1EDFB; border-radius: 10px; -webkit-border-radius: 10px; }
}
/*-------------------------------
	選ばれる理由
--------------------------------*/
.about_book { width: 440px; margin: 0 10px 25px 0; overflow: hidden; float: left; font-size: 12px; }
.about_book p { line-height: 1.5em; }
.about_book_pic { float: left; margin: 0 25px 0 10px; }
.about_book_pic img { width: auto; height: 210px; }
.about_book_ttl { color: #FFFFFF; font-size: 13px; padding: 5px 10px; margin: 0 0 10px; background-color: #0279CD; border-radius: 5px; -webkit-border-radius: 5px; }
#genba_pic { float: right; margin: 0 0 0 20px; }
@media(max-width:600px) {
.about_book { width: auto; margin: 0 10px 15px 0; overflow: hidden; float: none; font-size: 12px; }
.about_book p { line-height: 1.5em; }
.about_book_pic { float: right; margin: 0 0 10px 10px; }
.about_book_pic img { width: auto; height: 120px; }
.about_book_ttl { color: #FFFFFF; font-size: 13px; padding: 5px 10px; margin: 0 0 10px; background-color: #0279CD; border-radius: 5px; -webkit-border-radius: 5px; }
#genba_pic { float: right; margin: 0 0 10px 10px; }
#genba_pic img { width: 172px; height: 120px; }
}
/*-------------------------------
	協会員への入会のご案内
--------------------------------*/
#recruit table { width: 100%; border-top: solid 1px #CCC; border-collapse: collapse; margin: 10px 0; }
#recruit th { width: 180px; text-align: left; vertical-align: top; border-bottom: solid 1px #CCC; padding: 10px 20px; font-weight: 500; background-color: #E3F4FD; }
#recruit td { text-align: left; vertical-align: top; border-bottom: solid 1px #CCC; padding: 10px 20px; }
#recruit li { background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: left 8px; padding: 0 0 0 20px; }
@media(max-width:600px) {
#recruit table { width: 100%; border-top: none; border-collapse: collapse; }
#recruit th { width: auto; display: block; text-align: left; vertical-align: top; border-bottom: none; padding: 5px 10px; font-weight: 500; background-color: #E3F4FD; border-radius: 5px; -webkit-border-radius: 5px; }
#recruit td { display: block; text-align: left; vertical-align: top; border-bottom: none; padding: 5px 10px 10px; }
#recruit li { background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: left 8px; padding: 0 0 0 10px; background-size: 5px 5px; }
}
/*-------------------------------
	お仕事支援塾
--------------------------------*/
.shien { margin: 0 0 30px; }
.shien strong { font-size: 20px; font-weight: 500; color: #0279CD; margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 2px #0279CD; display: block; }
.qa { background-color: #E3F4FD; padding: 25px 40px; margin: 0 0 20px; border-radius: 10px; -webkit-border-radius: 10px; }
.qa_q { font-size: 20px; color: #35AEEE; }
.qa_a { padding: 0 0 0 30px; }
.shien_msg { font-size: 17px; text-align: center; padding: 30px 0 10px; }
@media(max-width:600px) {
.shien { margin: 0 0 15px; }
.shien strong { font-size: 16px; font-weight: 500; color: #0279CD; margin: 0 0 5px; padding: 0 0 3px; border-bottom: solid 2px #0279CD; display: block; }
.qa { background-color: #E3F4FD; padding: 10px 20px; margin: 0 0 10px; border-radius: 10px; -webkit-border-radius: 10px; }
.qa_q { font-size: 15px; color: #35AEEE; }
.qa_a { padding: 0; }
.shien_msg { font-size: 15px; text-align: center; padding: 15px 10px 5px; }
}
/*-------------------------------
	お問い合わせフォーム
--------------------------------*/
#contact_chui { text-align: center; color: #35AEEE; margin: 0 0 10px; }
.hissu { color: #F60; }
.chui { color: #35AEEE; font-size: 14px; }
.form_tb table { width: 100%; border-top: solid 1px #CCC; border-collapse: collapse; margin: 5px 0 20px; }
.form_tb th { width: 240px; text-align: left; vertical-align: top; border-bottom: solid 1px #CCC; padding: 18px 20px 15px; font-weight: 500; background-color: #EFF9FE; }
.form_tb td { text-align: left; vertical-align: middle; border-bottom: solid 1px #CCC; padding: 10px 25px; }
.form_tb input, .form_tb textarea, .form_tb select { padding: 3px; margin: 5px 0; font-family: "Sawarabi Gothic"; font-size: 16px; }
.input_txt { min-width: 450px; }
.input_txt2 { min-width: 300px; }
.input_ad { max-width: 75px; }
#contact_btn { text-align: center; padding: 0 0 50px; }
#contact_btn input { color: #FFF; font-size: 18px; padding: 10px 50px 7px; background-color: #0279CD; border-radius: 5px; -webkit-border-radius: 5px; border: none; cursor: pointer; font-family: "Sawarabi Gothic"; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -webkit-transition: background-color 0.4s; transition: background-color 0.4s; }
#contact_btn input:hover { background-color: #35AEEE; }
.thanks { text-align: center; margin: 50px auto 200px; }
@media(max-width:600px) {
#contact_chui { text-align: center; color: #35AEEE; margin: 0 0 10px; }
.hissu { color: #F60; }
.chui { color: #35AEEE; font-size: 10px; }
.form_tb table { width: 100%; border-top: none; border-collapse: collapse; }
.form_tb th { width: auto; display: block; text-align: left; vertical-align: top; border-bottom: none; padding: 5px 10px; font-weight: 500; background-color: #E3F4FD; border-radius: 5px; -webkit-border-radius: 5px; }
.form_tb td { display: block; text-align: left; vertical-align: top; border-bottom: none; padding: 7px 10px 15px; }
.form_tb input, .form_tb textarea, .form_tb select { padding: 3px; margin: 3px 0; font-family: "Sawarabi Gothic"; font-size: 16px; }
.input_txt { min-width: 96%; }
.input_txt2 { min-width: 96%; }
#contact_btn { text-align: center; padding: 0 0 50px; }
#contact_btn input { color: #FFF; font-size: 16px; padding: 5px 30px; background-color: #0279CD; border-radius: 5px; -webkit-border-radius: 5px; border: none; cursor: pointer; font-family: "Sawarabi Gothic"; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -webkit-transition: background-color 0.4s; transition: background-color 0.4s; -webkit-appearance: button; }
#contact_btn input:hover { background-color: #35AEEE; }
.thanks { text-align: center; margin: 30px 20px 100px; }
}
.contact-ttl { color: #FFFFFF; font-size: 20px; font-weight: normal; background-color: #35AEEE; padding: 15px 0 12px; margin-bottom: 20px; line-height: 100%; text-align: center; }
.contact-dl { text-align: center; padding: 20px; margin-bottom: 20px; background-color: #EFF9FE; }
.contact-dl img { width: 100px; height: auto; margin-bottom: 5px; }
.contact-dl li { display: inline-block; margin: 0 25px; vertical-align: top; line-height: 1.4; }
.contact-dl li span { font-size: 14px; display: block; margin-bottom: 3px; }
.contact-dl a { display: inline-block; border-bottom: solid 1px #EFF9FE; }
.contact-dl a:hover { border-bottom: solid 1px #0279CD; }
.contact-dl-txt { text-align: center; margin-bottom: 40px; }
@media(max-width:600px) {
.contact-ttl { font-size: 16px; padding: 12px 0 9px; margin-bottom: 10px; }
.contact-dl { padding: 10px; margin-bottom: 10px; }
.contact-dl img { width: 70px; }
.contact-dl li { display: inline-block; margin: 5px 0; width: 45%; line-height: 1.2; }
.contact-dl li span { font-size: 12px; }
.contact-dl a { display: inline-block; }
.contact-dl a:hover { border-bottom: none; }
.contact-dl-txt { margin-bottom: 20px; }
}
/*-------------------------------
	通信講座お申込み
--------------------------------*/
#app_txt1 { margin-bottom: 30px; }
#app_txt1 p { margin: 0 0 10px; }
#app_txt2 p { margin: 0 0 10px; }
.input_txt2 { width: 100px; }
@media(max-width:600px) {
#app_txt1 { margin-bottom: 20px; }
#app_txt1 p { margin: 0 0 5px; }
#app_txt2 p { margin: 0 0 5px; }
.input_txt2 { width: 100px; }
}
/*-------------------------------
	学びたい・教えたい・ビジネス
--------------------------------*/
.main_box .top_box { width: 900px; margin: 0 auto 50px; overflow: hidden; }
.main_box .top_box_txt { width: 530px; float: right; }
.main_box .top_kouza { color: #FFFFFF; font-size: 20px; padding: 5px 10px; margin: 0 0 10px; float: none; background-color: #0279CD; line-height: 1.2em; letter-spacing: 0.1em; display: inline-block; }
.main_box .top_kouza_txt { float: none; font-size: 15px; width: 530px; }
.main_box .top_kouza_txt2 { float: none; font-size: 15px; width: 530px; }
.business_mail { text-align: center; color: #0279CD; margin: 20px 0 -5px; }
@media(max-width:600px) {
.main_box .top_box { width: auto; margin: 0 auto 20px; overflow: hidden; }
.main_box .top_box_txt { width: auto; float: none; }
.main_box .top_kouza { color: #FFFFFF; font-size: 14px; padding: 5px 10px; margin: 0 0 10px; float: none; background-color: #0279CD; line-height: 1.2em; letter-spacing: 0.1em; display: block; text-align: center; }
.main_box .top_kouza_txt { float: none; font-size: 14px; width: auto; }
.main_box .top_kouza_txt2 { float: none; font-size: 14px; width: auto; }
.business_mail { text-align: center; color: #0279CD; margin: 10px 10px -5px; }
}
.kouza table { width: 100%; border-top: solid 1px #CCC; border-collapse: collapse; margin: 10px 0; }
.kouza th { width: 160px; text-align: center; vertical-align: top; border-bottom: solid 1px #CCC; padding: 10px 0; font-weight: 500; background-color: #E3F4FD; }
.kouza td { text-align: left; vertical-align: top; border-bottom: solid 1px #CCC; padding: 10px 10px 10px 20px; }
.kouza table table { width: auto; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-collapse: collapse; margin: 10px 0; }
.kouza table table th { width: 160px; text-align: center; vertical-align: middle; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 5px 0; font-weight: 500; background-color: #E3F4FD; }
.kouza table table td { text-align: left; vertical-align: middle; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 5px 10px; }
.kouza li { margin: 0 0 0 25px; padding: 0 0 0 5px; list-style-type: decimal; }
.kouza2 table { width: 100%; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-collapse: collapse; margin: 10px 0; }
.kouza2 th { width: 160px; text-align: center; vertical-align: top; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 5px 0; font-weight: 500; background-color: #E3F4FD; }
.kouza2 td { vertical-align: top; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; padding: 5px 20px; }
.kouza2 ul { margin: 0 0 20px; }
.kouza2 li { margin: 0 0 0 50px; list-style-type: disc; }
.kouza_box { overflow: hidden; margin: 0 0 10px; }
.kouza_naiyo { width: 350px; float: left; }
.kouza_day { color: #FFF; font-weight: bold; background-color: #0279CD; padding: 2px 15px 0; line-height: 28px; display: inline-block; margin-bottom: 10px; }
.tsushin { color: #FFF; background-color: #35AEEE; padding: 3px 0; margin-right: 10px; width: 130px; font-size: 20px; letter-spacing: 0.3em; text-indent: 0.3em; text-align: center; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; }
.pic_r { float: right; }
.pic_c { text-align: center; margin: 10px 0 0; }
.bgbox_ttl { font-size: 23px; color: #0279CD; margin: 0 0 10px; font-family: "Rounded Mplus 1c"; }
.bgbox { padding: 35px 30px 20px; background-color: #F7F9F9; }
.bgbox p { margin: 0 0 15px; }
.bgbox_pic { float: right; padding: 0 0 0 40px; }
.page_app a { display: block; background-color: #0279CD; color: #FFF; font-family: "Rounded Mplus 1c"; font-size: 21px; padding: 7px 0; margin: 15px auto 0; width: 400px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; }
.page_app a:hover { background-color: #35AEEE; }
@media(max-width:600px) {
.kouza table { width: 100%; border-top: none; border-collapse: collapse; margin: 0; }
.kouza th { width: auto; display: block; text-align: left; vertical-align: top; border-bottom: none; padding: 3px 10px; font-weight: 500; background-color: #E3F4FD; border-radius: 5px; -webkit-border-radius: 5px; }
.kouza td { display: block; text-align: left; vertical-align: top; border-bottom: none; padding: 5px 5px 10px; }
.kouza table table { width: 100%; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-collapse: collapse; margin: 10px 0; font-size: 11px; }
.kouza table table th { width: auto; display: table-cell; text-align: center; vertical-align: middle; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 5px 0; font-weight: 500; background-color: #E3F4FD; }
.kouza table table td { display: table-cell; text-align: center; vertical-align: middle; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 5px 0; }
.kouza li { margin: 0 0 0 30px; list-style-type: decimal; }
.kouza2 table { width: 100%; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-collapse: collapse; margin: 0 0 10px; font-size: 10px; }
.kouza2 th { width: 50px; text-align: center; vertical-align: top; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 5px 0; font-weight: 500; background-color: #E3F4FD; }
.kouza2 th span { display: block; }
.kouza2 td { vertical-align: top; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; padding: 5px 5px; }
.kouza2 ul { margin: 0 0 10px; }
.kouza2 li { margin: 0 0 0 30px; list-style-type: disc; }
.kouza_box { overflow: hidden; margin: 0 0 0; }
.kouza_naiyo { width: auto; float: none; margin: 0 0 10px; }
.tsushin { color: #FFF; background-color: #35AEEE; padding: 3px 0; margin-bottom: 5px; width: 100px; font-size: 12px; letter-spacing: 0.3em; text-indent: 0.3em; text-align: center; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; }
.pic_r { float: none; }
.pic_r img { width: 200px; height: auto; }
.pic_c img { width: 100%; height: auto; }
.bgbox_ttl { font-size: 16px; color: #0279CD; margin: 0 0 5px; font-family: "Rounded Mplus 1c"; }
.bgbox { padding: 20px 20px 10px; background-color: #F7F9F9; }
.bgbox p { margin: 0 0 10px; }
.bgbox_pic { float: right; padding: 0 0 0 20px; }
.bgbox_pic img { width: 100px; height: 140px; }
.page_app a { display: block; background-color: #0279CD; color: #FFF; font-size: 16px; padding: 5px 0; margin: 10px 15px 0; width: auto; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; }
}
/*-------------------------------
	プロに依頼したい方
--------------------------------*/
.dot { margin: 0 0 20px; }
.dot p { background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: 10px 9px; padding-left: 32px; }
.proirai_p { float: right; margin: 0 0 0 50px; }
.proirai_btn { clear: both; padding: 50px 0; }
.proirai_btn a { display: block; width: 500px; padding: 20px 0; margin: 0 auto 10px; text-align: center; color: #FFFFFF; font-size: 18px; background-color: #0279CD; border-radius: 5px; -webkit-border-radius: 5px; }
.proirai_btn a:hover { background-color: #35AEEE; }
.proirai_line { text-align: center; width: 800px; margin: 50px auto 25px; ; padding: 0 0 15px; font-size: 25px; background-image: url(../proirai/images/proirai_line.png); background-repeat: repeat-x; background-position: center bottom; font-family: "Rounded Mplus 1c"; line-height: 110%; }
@media(max-width:600px) {
.dot { margin: 0 0 10px; }
.dot p { background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: 5px 10px; background-size: 6px 6px; padding-left: 20px; }
.proirai_p { float: right; margin: 0 0 0 10px; }
.proirai_p img { width: 120px; height: auto; }
.proirai_btn { clear: both; padding: 10px 0 0; }
.proirai_btn a { display: block; width: 100%; padding: 10px 0; margin: 0 auto 6px; text-align: center; color: #FFFFFF; font-size: 15px; background-color: #0279CD; border-radius: 5px; -webkit-border-radius: 5px; }
.proirai_btn a:hover { background-color: #0279CD; }
.proirai_line { text-align: center; width: 90%; margin: 20px auto 10px; padding: 0 0 8px; font-size: 16px; background-image: url(../proirai/images/proirai_line.png); background-repeat: repeat-x; background-position: center bottom; background-size: 5px 2px; line-height: 110%; }
.proirai_line img { width: 150px; height: 18px; }
}
.arng_l { float: left; }
.arng_r { float: right; }
.arng_boxs { overflow: hidden; text-align: center; }
.arng_box { border: solid 5px #AF0E36; width: 370px; padding: 20px 25px; border-radius: 30px; -webkit-border-radius: 30px; min-height: 780px; }
.arng_box_ttl { font-size: 23px; font-weight: bold; color: #FFF; background-color: #AF0E36; width: 360px; padding: 5px 0; margin: 0 auto 15px; }
.arng_box_b { font-size: 18px; margin: 0 0 20px; }
.arng_box_t1 { font-size: 20px; color: #AF0E36; margin: 15px 0 10px; }
.arng_box_txt { text-align: left; margin: 0 0 15px; }
.arng_prg { border: solid 1px #DED1D1; background-color: #EEEBEB; padding: 20px; margin: 15px 0 0; }
.arng_prg_t1 { font-size: 18px; border: solid 1px #583F3F; background-color: #FFF; display: inline-block; padding: 0 10px; margin: 0 0 10px; }
.arng_prg_line { border-top: dotted 1px #583F3F; text-align: left; margin: 10px 0 0; padding: 10px 0 0; overflow: hidden; }
.arng_prg_line p { line-height: 150%; }
.arng_prg_line span { display: inline-block; background-color: #583F3F; color: #FFF; font-weight: bold; padding: 0 5px; margin: 0 0 5px; }
.arng_prg_line img { float: right; margin: 0 0 0 10px; }
@media(max-width:700px) {
.arng_l { float: none; }
.arng_r { float: none; }
.arng_boxs { overflow: hidden; margin: 0 5px; }
.arng_box { border: solid 3px #AF0E36; width: auto; padding: 10px 10px; border-radius: 15px; -webkit-border-radius: 15px; min-height: 100px; margin-bottom: 20px; }
.arng_box_ttl { font-size: 15px; font-weight: bold; color: #FFF; background-color: #AF0E36; width: auto; padding: 6px 0; margin: 0 auto 10px; }
.arng_box_b { font-size: 14px; margin: 0 0 10px; }
.arng_box_t1 { font-size: 14px; color: #AF0E36; margin: 5px 0; }
.arng_box_txt { text-align: left; margin: 0 0 10px; }
.arng_box_pic img { width: 185px; height: 125px; }
.arng_prg { border: solid 1px #DED1D1; background-color: #EEEBEB; padding: 10px; margin: 10px 0 0; }
.arng_prg_t1 { font-size: 13px; border: solid 1px #583F3F; background-color: #FFF; display: inline-block; padding: 0 5px; margin: 0 0 10px; }
.arng_prg_line { border-top: dotted 1px #583F3F; text-align: left; margin: 10px 0 0; padding: 10px 0 0; overflow: hidden; }
.arng_prg_line p { line-height: 130%; }
.arng_prg_line span { display: inline-block; background-color: #583F3F; color: #FFF; font-weight: bold; padding: 0 5px; margin: 0 0 5px; }
.arng_prg_line img { float: right; margin: 0 0 0 10px; width: 80px; height: 53px; }
}
/*-------------------------------
	お片づけチェック！
--------------------------------*/
#kentei_ttl { text-align: center; }
#kentei_ttl img { vertical-align: bottom; }
#kentei { width: 679px; margin: 0 auto; padding: 0 0 40px; border: solid 3px #0276C7; }
#kentei img { vertical-align: bottom; }
#kentei strong { color: #FFFFFF; font-weight: normal; background-color: #0578C4; display: inline-block; width: 100px; text-align: center; border-radius: 20px; -webkit-border-radius: 20px; }
#kentei table { width: 100%; border-collapse: collapse; margin-bottom: 30px; border-bottom: dashed 1px #CCC; }
#kentei th { font-weight: normal; text-align: left; padding: 10px 30px; border-top: dashed 1px #CCC; }
#kentei td { width: 40px; text-align: center; border-top: dashed 1px #CCC; }
#kentei .line { border-left: dashed 1px #CCC; border-right: dashed 1px #CCC; }
#check_btn { text-align: center; }
@media(max-width:600px) {
#kentei_ttl img { width: 100%; height: auto; }
#kentei { width: auto; margin: 0 auto 50px; padding: 0 0 20px; border: solid 2px #0276C7; }
#kentei img { vertical-align: bottom; }
#kentei strong { width: 100%; }
#kentei table { margin-bottom: 15px; }
#kentei th { padding: 5px 10px; }
#check_btn img { width: 255px; height: 40px; }
}
#ans { font-size: 15px; width: 679px; margin: 0 auto; }
#ans p { line-height: 150%; }
#ans_txt { padding: 130px 50px 10px 195px; min-height: 110px; }
#ans1 { width: 679px; border: 3px solid #0079CC; }
#ans1_bg { background-image: url(../check/images/kentei_ans1.jpg); background-repeat: no-repeat; background-position: center top; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-bottom: 10px; }
#ans2 { width: 679px; border: 3px solid #0079CC; }
#ans2_bg { background-image: url(../check/images/kentei_ans2.jpg); background-repeat: no-repeat; background-position: center top; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-bottom: 10px; }
#ans3 { width: 679px; border: 3px solid #0079CC; }
#ans3_bg { background-image: url(../check/images/kentei_ans3.jpg); background-repeat: no-repeat; background-position: center top; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-bottom: 10px; }
#ans4 { width: 679px; border: 3px solid #0079CC; }
#ans4_bg { background-image: url(../check/images/kentei_ans4.jpg); background-repeat: no-repeat; background-position: center top; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-bottom: 10px; }
#ans5 { width: 679px; border: 3px solid #0079CC; }
#ans5_bg { background-image: url(../check/images/kentei_ans5.jpg); background-repeat: no-repeat; background-position: center top; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }
#ans_form { width: 580px; text-align: center; margin: 30px 47px 50px; }
#ans_ttl { color: #FFFFFF; font-size: 20px; text-align: center; padding: 3px; margin-bottom: 20px; background-color: #0079CC; }
#ans_msgbnr { padding: 20px 0 50px; text-align: center; }
#check_fb { width: 500px; margin: 0 auto; }
@media(max-width:600px) {
#ans { font-size: 14px; width: 276px; }
#ans p { line-height: 150%; }
#ans_txt { padding: 60px 15px 10px 70px; min-height: 110px; }
#ans1, #ans2, #ans3, #ans4, #ans5 { width: 276px; }
#ans1_bg, #ans2_bg, #ans3_bg, #ans4_bg, #ans5_bg { background-size: 276px auto; }
#ans_form { width: auto; margin: 15px 15px 20px; }
#ans_ttl { font-size: 16px; padding: 3px; margin-bottom: 15px; }
#ans_msgbnr { padding: 0 0 30px; text-align: center; }
#ans_msgbnr img { width: 100%; height: auto; }
#check_fb { width: 246px; }
}
/*-------------------------------
	WordPress
--------------------------------*/
.date { text-align: right; font-size: 13px; margin: 0 10px; }
#pagenavi { margin: 50px 0 0; text-align: center; }
#pagenavi p { display: inline-block; }
#pagenavi a { display: inline-block; background-color: #0279CD; padding: 5px 15px; margin: 0 10px; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
#pagenavi a:hover { background-color: #35AEEE; }
@media(max-width:600px) {
.date { text-align: right; font-size: 12px; margin: 0 5px 5px; }
#pagenavi { margin: 20px 0 0; text-align: center; }
#pagenavi a { display: block; background-color: #0279CD; padding: 3px 10px; margin: 0 5px; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; font-size: 11px; }
p#pagenavi { line-height: 1.2em; }
}
/*shino*/
#bnr_online { text-align: center; margin-bottom: 50px; }
 @media(max-width:600px) {
#bnr_online { text-align: center; margin: 0 10px 25px; }
#bnr_online img { width: 100%; height: auto; }
}
/*-------------------------------
	お掃除・お片づけ依頼受付
--------------------------------*/
.irai-top { margin: 0 -30px 30px 0; overflow: hidden; }
.irai-top-p { color: #FFF; font-size: 25px; width: 280px; text-align: center; margin: 0 30px 2px 0; padding: 10px 0; float: left; background-color: #0179CC; border-radius: 10px; }
.irai-top-kome { color: #0179CC; text-align: right; margin-right: 30px; }
.irai-top3 { font-size: 25px; padding: 20px 40px 10px; margin-bottom: 40px; border: solid 4px #0179CC; }
.irai-top3 span { color: #FFF; width: 40px; line-height: 40px; margin: 0 15px 10px 0; display: inline-block; text-align: center; background-color: #0179CC; border-radius: 20px; }
.irai-tax { text-align: right; margin-bottom: 10px; }
@media(max-width:600px) {
.irai-top { margin: 0 0 20px 0; overflow: hidden; }
.irai-top-p { color: #FFF; font-size: 16px; width: auto; text-align: center; margin: 0 0 10px 0; padding: 5px 0; float: none; background-color: #0179CC; border-radius: 5px; }
.irai-top-kome { color: #0179CC; text-align: right; margin: -5px 0 0; }
.irai-top3 { font-size: 15px; padding: 10px 10px 5px; margin-bottom: 40px; border: solid 4px #0179CC; }
.irai-top3 span { color: #FFF; width: 26px; line-height: 26px; margin: 0 5px 5px 0; display: inline-block; text-align: center; background-color: #0179CC; border-radius: 20px; }
}
/*-------------------------------
	お掃除・お片づけ依頼受付：見出し
--------------------------------*/
h2.irai-h2 { color: #FFF; font-size: 30px; padding: 20px; background-color: #33ACEC; margin-bottom: 30px; text-align: center; }
h3.irai-h3 { font-size: 24px; font-weight: bold; padding-bottom: 10px; border-bottom: solid 5px #0179CC; margin-bottom: 20px; }
h4.irai-h4 { font-size: 18px; font-weight: bold; padding: 7px 10px; margin-bottom: 10px; background-color: #E6F4FD; border-bottom: solid 1px #0179CC; }
.irai-t1 { color: #33ACEC; font-size: 25px; padding: 10px; margin-bottom: 30px; text-align: center; border-top: dashed 1px #33ACEC; border-bottom: dashed 1px #33ACEC; }
.irai-t2 { color: #FFF; font-size: 20px; padding: 7px 10px; margin-bottom: 20px; background-color: #33ACEC; }
.irai-t3 { color: #33ACEC; font-size: 18px; padding: 7px 10px; margin-bottom: 20px; border: solid 1px #33ACEC; text-align: center; }
.f80 { font-size: 80%; }
table.irai-tb { width: 100%; }
table.irai-tb td { padding: 10px; }
@media(max-width:600px) {
h2.irai-h2 { color: #FFF; font-size: 20px; padding: 15px; background-color: #33ACEC; margin-bottom: 15px; }
h3.irai-h3 { font-size: 17px; font-weight: bold; padding-bottom: 5px; border-bottom: solid 5px #0179CC; margin-bottom: 15px; }
h4.irai-h4 { font-size: 16px; font-weight: bold; padding: 5px 10px; margin-bottom: 10px; background-color: #E6F4FD; border-bottom: solid 1px #0179CC; }
.irai-t3 { color: #33ACEC; font-size: 18px; padding: 7px 10px; margin-bottom: 20px; border: solid 1px #33ACEC; text-align: center; }
.irai-t1 { color: #33ACEC; font-size: 18px; padding: 5px; margin-bottom: 15px; text-align: center; border-top: dashed 1px #33ACEC; border-bottom: dashed 1px #33ACEC; }
.irai-t2 { color: #FFF; font-size: 16px; padding: 7px 10px; margin-bottom: 15px; background-color: #33ACEC; }
.irai-t3 { color: #33ACEC; font-size: 14px; padding: 7px 5px; margin-bottom: 20px; border: solid 1px #33ACEC; text-align: center; }
table.irai-tb td { padding: 5px; }
}
/*-------------------------------
	お掃除・お片づけ依頼受付：家事代行
--------------------------------*/
.kaji-book { float: right; margin: 0 0 10px 50px; }
.kaji-smile { margin-top: 30px; padding: 30px; background-color: #E6F4FD; border-radius: 10px; }
.kaji-smile img { float: left; padding: 0 30px 0 0; margin-top: -50px; }
.kaji-smile p { padding: 0 0 0 100px; }
.kaji-wrap { margin: 0 -1% 30px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.kaji-box { width: 31.3%; margin: 0 1% 30px; ; float: left; box-sizing: border-box; border: solid 1px #33ACEC; text-align: center; }
.kaji-box h4 { color: #FFF; font-size: 20px; line-height: 1.2; background-color: #33ACEC; text-align: center; padding: 10px 0; margin-bottom: 15px; }
.kaji-box ul { text-align: left; margin: 10px 25px 20px 35px; }
.kaji-box li { list-style-type: disc; line-height: 1.2; margin-bottom: 5px; }
.kaji-fee { margin: 0 0 30px; box-sizing: border-box; border: solid 1px #33ACEC; overflow: hidden; }
.kaji-fee h4 { color: #FFF; font-size: 20px; line-height: 1.2; background-color: #33ACEC; padding: 10px; }
.kaji-fee-time { color: #0179CC; font-size: 28px; font-weight: bold; }
.kaji-fee-time span { font-size: 20px; }
.kaji-fee-box { padding: 20px; }
.kaji-fee-pic { float: right; margin: 0 0 10px 20px; }
.kaji-fee-range { color: #FFF; padding: 2px 15px; margin-bottom: 10px; display: inline-block; background-color: #0179CC; }
.kaji-fee-ex { font-size: 18px; font-weight: bold; }
.kaji-model-wrap { margin: 0 -12px 50px 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.kaji-model { width: 216px; float: left; margin: 0 12px 20px 0; }
.kaji-model img { margin-bottom: 5px; }
.kaji-model p { line-height: 1.4; margin-right: 10px; }
.kaji-advice { margin: 0 0 60px; box-sizing: border-box; border: solid 1px #FF9900; overflow: hidden; border-radius: 15px; }
.kaji-advice-icon { float: left; margin: 20px 30px 0 0; }
.kaji-advice-txt { padding: 0 0 0 180px; }
.kaji-advice h4 { color: #FFF; font-size: 25px; line-height: 1.2; background-color: #FF9900; padding: 15px; text-align: center; }
.kaji-advice h5 { color: #FF9900; font-size: 20px; }
.kaji-advice-box { padding: 20px 40px; }
.kaji-flow { padding: 15px 30px; box-sizing: border-box; border: solid 1px #33ACEC; overflow: hidden; }
.kaji-flow h4 { font-size: 20px; line-height: 1.2; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 3px #33ACEC; }
.kaji-flow-arr { color: #33ACEC; font-size: 25px; text-align: center; margin-bottom: 5px; }
.kaji-test { overflow: hidden; }
.kaji-test-txt { color: #F60; font-size: 20px; font-weight: bold; margin: 20px 0 0; padding: 20px 30px; border: solid 4px #F60; border-radius: 15px; line-height: 1.4; }
.kaji-test-icon { float: right; margin: 0 20px 0 0; }
@media(max-width:600px) {
.kaji-book { float: right; margin: 0 0 5px 15px; }
.kaji-book img { width: 150px; height: auto; }
.kaji-smile { margin-top: 15px; padding: 15px; background-color: #E6F4FD; border-radius: 10px; }
.kaji-smile img { width: 70px; height: auto; float: left; padding: 0 15px 0 0; margin-top: 20px; }
.kaji-smile p { padding: 0 0 0 80px; }
.kaji-wrap { margin: 0 -1%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.kaji-box { width: 48%; margin: 0 1% 30px; ; float: left; box-sizing: border-box; border: solid 1px #33ACEC; text-align: center; }
.kaji-box img { width: 90%; height: auto; }
.kaji-box h4 { color: #FFF; font-size: 15px; line-height: 1.2; background-color: #33ACEC; text-align: center; padding: 10px 0; margin-bottom: 10px; }
.kaji-box ul { text-align: left; margin: 5px 5px 10px 25px; }
.kaji-box li { list-style-type: disc; }
.kaji-fee { margin: 0 0 30px; box-sizing: border-box; border: solid 1px #33ACEC; overflow: hidden; }
.kaji-fee h4 { color: #FFF; font-size: 15px; line-height: 1.2; background-color: #33ACEC; padding: 10px; }
.kaji-fee-time { color: #0179CC; font-size: 20px; font-weight: bold; }
.kaji-fee-time span { font-size: 16px; }
.kaji-fee-box { padding: 15px; }
.kaji-fee-pic { float: none; text-align: center; margin: 0 0 10px; }
.kaji-fee-pic img { width: 80%; height: auto; }
.kaji-fee-range { color: #FFF; padding: 2px 15px; margin-bottom: 10px; display: inline-block; background-color: #0179CC; }
.kaji-fee-ex { font-size: 16px; font-weight: bold; }
.kaji-model-wrap { margin: 0 -1% 20px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.kaji-model { width: 31.3%; float: left; margin: 0 1% 20px; }
.kaji-model2 { width: 64.6%; float: left; margin: 0 1px 20px; }
.kaji-model img, .kaji-model2 img { width: 100%; height: auto; margin-bottom: 5px; }
.kaji-model p { line-height: 1.4; margin-right: 0; }
.kaji-advice { margin: 0 0 30px; box-sizing: border-box; border: solid 1px #FF9900; overflow: hidden; border-radius: 10px; }
.kaji-advice-icon { float: left; margin: -75px 0 0; }
.kaji-advice-icon img { width: 50px; height: auto; }
.kaji-advice-txt { padding: 0 0 0 0; }
.kaji-advice h4 { color: #FFF; font-size: 20px; line-height: 1.2; background-color: #FF9900; padding: 15px; text-align: center; }
.kaji-advice h5 { color: #FF9900; font-size: 18px; }
.kaji-advice-box { padding: 10px 15px; }
.kaji-flow { padding: 15px 20px; box-sizing: border-box; border: solid 1px #33ACEC; overflow: hidden; }
.kaji-flow h4 { font-size: 16px; line-height: 1.2; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 3px #33ACEC; }
.kaji-flow-arr { color: #33ACEC; font-size: 20px; text-align: center; margin-bottom: 5px; }
.kaji-test { margin-bottom: 15px; overflow: hidden; }
.kaji-test-txt { color: #F60; font-size: 15px; font-weight: bold; margin: 0; padding: 10px 10px; border: solid 3px #F60; border-radius: 15px; line-height: 1.4; }
.kaji-test-icon { float: right; margin: 20px 5px 0 5px; }
.kaji-test-icon img { width: 100px; height: auto; }
}
/*-------------------------------
	お掃除・お片づけ依頼受付：ハウスクリーニング
--------------------------------*/
.cleaning-box { padding: 20px; overflow: hidden; }
.cleaning-box p { float: left; margin-right: 30px; }
.cleaning-box img { vertical-align: bottom; }
@media(max-width:600px) {
.cleaning-box { padding: 10px; overflow: hidden; margin-right: -3%; }
.cleaning-box p { float: left; margin-right: 3%; }
.cleaning-box25 { width: 22%; }
.cleaning-box33 { width: 30.3%; }
.cleaning-box50 { width: 47%; }
.cleaning-box100 { width: 98%; }
.cleaning-box img { width: 100%; height: auto; vertical-align: bottom; }
.cleaning-box100s img { width: auto; height: 100px; }
}