@charset "utf-8";

html, body                 {width:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body                       {-webkit-text-size-adjust:100%;}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td, p,
fieldset, form, label, legend, input,
article, aside, canvas, figure, figcaption,
footer, header, nav, section,
b, u, i                    {margin:0;padding:0;list-style:none;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

a                          {outline:none;}
img                        {border:0 none;vertical-align:top;max-width:100%;height:auto;}
em                         {font-style:normal;font-weight:bold;}
nav ul, nav li             {list-style:none;}
.h a, .f a,
nav a, nav span            {text-decoration:none;}
table                      {border-collapse:collapse;}
ul, ol, dl,
p                          {line-height:1.6;}

/* ----------------------------------------------- font */
@font-face                 {font-family:Arial,"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
@font-face                 {font-family:Arial,"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
html                       {font-size:62.5%;}
body                       {font-size:16px;font-size:1.6rem;font-family:Arial,"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
h1, h2,  h3                {font-weight:normal;}


/* ============================================================== base */
html, body                 {height:100%;}
body                       {background:#fff;color:#333;-webkit-text-size-adjust:100%;}
.wfx                       {max-width:960px;margin:0 auto;}
.wfx_cf:after              {content:"";display:block;clear:both;height:0;font-size:0;}
.bg_fixed                  {background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}
.no-br                     {display:none;}
.for_pc                    {display:none;}
.for_sp                    {display:block;}
.sct_ttl                   {font-size:100%;line-height:1;padding:0.4em;margin-bottom:1.8em;font-weight:bold;color:#fff;text-align:center;}
.sct_ttl span              {display: inline-block;}
.sct_btn                   {display: inline-block;}
.sct_btn img               {height:30px;}
a                          {color:#254d9a;}
a:visited                  {}
a:hover                    {color:#46b;}
a > img                    {vertical-align:top;transition:0.2s;}
a:hover > img              {opacity:0.75;}
.mail_btn                  { text-align:center; height:40px; margin-bottom:20px;}
.mail_btn  .sct_btn img     {height:50px;}
@media screen and (min-width: 768px){
	.bg_fixed                  {background-attachment:fixed;background-position:50% 100%;}
	_:-ms-fullscreen, :root .bg_fixed {background-attachment:scroll;}
	.no-br                     {display:inline;}
	.for_pc                    {display:block;}
	.for_sp                    {display:none;}
	.sct_ttl                   {font-size:180%;}
}

/* ============================================================== header */
body:before                {height:0;content:"";display:block;width:0;position:relative;}
.anchor                    {margin-top:0;position:absolute;height:0;font-size:0;}
.h                         {background:rgba(255,255,255,1);position:relative;z-index:90;width:100%;top:0;transition:.3s;}
.h_mini .h                 {background:rgba(255,255,255,0.9);}
.h .wfx                    {position:relative;padding:0;}
.h_lead_pc                 {display:none;}
.h_logo                    {font-size:67.5%;padding:15px 10px 10px;display:flex;align-items:flex-end;}
.h_logo span i             {display:inline-block;}
.h_logo a                  {color:#111;text-decoration:none;display:block;width:120px;}
.h_logo a img              {vertical-align:bottom;}
.h_logo .for_sp            {display:block;margin-left:0.5em;margin-right:40px;line-height:1.2;flex:1;}
.h_lead_sp                 {font-size:72%;padding:0 10px;margin-bottom:5px;}
.h_tel_sp                  {margin-bottom: 10px;}
.h_tel_sp a                {display:block;text-align:center;background:#EA8000;padding:5px 0;font-size:0;}
.h_tel_sp a i              {display: inline-block;width:50%;}
@media screen and (min-width: 768px){
	.h_lead_pc                 {font-size:1.3vw;display:flex;justify-content:space-between;align-items:center;padding:0 0.5em;}
	.h_lead_pc p               {white-space:nowrap;flex:1;padding-right:0.5em;}
	.h_lead_pc div             {}
	.tel                       { float:left;width:250px;}
	.access_btn                 { float:left;width:100px; margin-left:5px;}
	.h_logo                    {font-size:96%;padding:0 10px 0 40px;margin-bottom:20px;}
	.h_logo span               {align-items:center;}
	.h_logo a                  {width:222px;}
	.h_logo .for_sp            {display:none;}
	.h_logo .for_pc            {margin-left:50px;max-width:34em;padding-top:10px;}
	.h_lead_sp,
	.h_tel_sp                  {display:none;}
}
@media screen and (min-width: 960px){
	.h_lead_pc                 {font-size: 80%;}
}
/* ----------------------------------------------- hamburger */
.gn_btn                    {background:transparent;border:2px solid #EA8000;width:36px;height:36px;right:9px;top:10px;position:absolute;line-height:1em;text-align:center;z-index:3;}
.gn_btn i                  {margin-top:34px;font-size:75%;position:relative;display:block;text-align:center;vertical-align:bottom;}
.gn_btn:before,
.gn_btn:after,
.gn_btn i:after            {background:#EA8000;position:absolute;content:"";display:block;width:20px;height:2px;left:calc(50% - 10px);transition:0.2s;}
.gn_btn i:after            {top:-20px;}
.gn_btn:before             {top:6px;}
.gn_btn:after              {top:22px;}
.gn_on .gn_btn             {border-color:transparent;}
.gn_on .gn_btn:before,
.gn_on .gn_btn:after       {top:14px;height:2px;background:#fff;}
.gn_on .gn_btn:before      {transform:rotate(45deg);}
.gn_on .gn_btn:after       {transform:rotate(-45deg);}
.gn_on .gn_btn i:after     {display:none;}

/* ----------------------------------------------- navigation */
.gn                        {background:#EA8000;height:100%;width:16em;top:0;right:-16em;position:fixed;z-index:2;overflow:scroll;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:0.2s;}
.gn_bg                     {top:0;left:0;position:fixed;z-index:1;background:rgba(255,255,255,0);width:100%;height:100%;transition:0.2s;display:none;}
.gn_on                     {overflow-y:hidden;position:fixed;}
.gn_on .c                  {-webkit-filter:blur(5px);filter:blur(5px);}
.gn_on .gn                 {right:0;box-shadow:-3px 0 3px rgba(0,0,0,0.2);}
.gn_on .gn_bg              {background:rgba(255,255,255,0.8);display:block;}
.gn ul                     {padding:4em 1em 1em;}
.gn ul li                  {margin-bottom:0.5em;padding-bottom:0.5em;padding-right:1em;border-bottom:1px solid rgba(255,255,255,0.5);position:relative;}
.gn ul li:last-child       {border-bottom:0 none;}
.gn ul li.crt              {font-weight:bold;}
.gn ul li a                {color:#fff;position:relative;line-height:1.6em;padding:0.5em;display:block;}
.gn ul li a i              {display:inline-block;margin-right:0.5em;}
.gn ul li a i:last-child   {margin-right:0;}
.gn_join                   {padding-right:0;text-align:center;}
.gn_join a                 {background:#fff;padding:1em 0.5em;display:block;}
.gn_join a i               {color:#912F44;font-weight:bold;display:inline-block;margin:0 0.5em;}
@media screen and (min-width: 768px){
	.gn_on .gn_bg,
	.gn_bg,
	.gn_btn                    {display:none;}
	.gn_on .gn,
	.gn                        {top:0;right:0;width:auto;height:auto;overflow:visible;overflow-y:visible;clear:both;position:relative;background-color:transparent;box-shadow:0 0 0 none;padding:0 20px 0 40px;margin-bottom:15px;}
	.gn ul                     {margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;position:relative;}
	.gn ul li                  {width:calc((100% - 24px) / 4);margin:0;padding:0;border-bottom:0 none;position:relative;border:1px solid transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
	.gn ul li:nth-of-type(1)   {background-image:url("../img/gnav_bg_1.png");}
	.gn ul li:nth-of-type(2)   {background-image:url("../img/gnav_bg_2.png");}
	.gn ul li:nth-of-type(3)   {background-image:url("../img/gnav_bg_3.png");}
	.gn ul li:nth-of-type(4)   {background-image:url("../img/gnav_bg_4.png");}

	.gn ul li.home             {display:none;}
	.gn ul li a                {color:#4f4f4f;font-size:87.5%;line-height:135%;text-align:center;display:block;padding:0.5em 0;transition:0.3s;position:relative;}
	.gn ul li a i              {font-size:96%;display:inline-block;margin:0;padding:0.3em 0;width: 70%;background:#fff;line-height:1;}
	.gn ul li a:after          {background:#E56000;position:absolute;content:"";display:block;width:0;height:2px;left:10%;bottom:-0.5em;transition:0.2s;}
	.gn ul li a:hover:after    {width:80%;}
	.gn_join                   {width:116px;z-index:5;position:absolute;top:0;right:1em;background:#fff;}
	.gn_join a                 {height:64px;padding:0;display:flex;align-items:center;background:linear-gradient(-28deg, rgba(145,47,68,1) 0%, rgba(145,47,68,1) 50%, rgba(145,47,68,0.7) 50%, rgba(145,47,68,0.7) 100%);transition:0.3s;position:relative;}
	.gn_join a:before          {background:rgba(255,255,255,0);content:"";display:block;position:absolute;top:50%;left:50%;width:0;height:0;transition:0.2s;}
	.gn_join a:hover:before    {background:rgba(255,255,255,0.3);height:100%;width:100%;top:0;left:0;border-radius:0;}
	.gn_join a span            {display:block;width:100%;position:relative;z-index:3;}
	.gn_join a i               {color:#fff;font-size:87.5%;display:block;margin:0;}
	.mobile                    { display:none;}
}
@media screen and (min-width: 960px){
	.gn ul li a i              {font-size:120%;}
}

/* ============================================================== main slider */
.mv                        {background:#fff;margin-bottom:10px;}
.mv .wfx                   {background:#EA8000;background-size:cover;background-repeat:no-repeat;position:relative;}
.mv .wfx:before            {content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.2);}
.mv .swiper-container      {position:relative;background-size:cover;background-repeat:no-repeat;}
.mv_slide                  {position:relative;}
.mv_slide_txt              {position:absolute;left:40%;width:60%;top:5%;color:#fff;}
.mv_slide_txt .for_sp      {padding-right:10px;}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0;}
.swiper-pagination-bullet {background: #fff; opacity: 0.5;}
.swiper-pagination-bullet-active {opacity: 1;}
@media screen and (min-width: 768px){
	.mv_slide_txt              {height:calc(100% - 36px);top: 0;}
	.mv_slide_txt .for_pc      {display:flex;height:100%;align-items:center;}
	.mv_slide_txt dl           {padding-right:1em;}
	.mv_slide_txt .for_pc dt           {font-weight:bold;margin-bottom:1em; }
	.mv_slide_txt .for_pc dt span      {font-size:180%;display:block;line-height:1.2em;margin-bottom:0.5em; }
	.mv_slide_txt .for_pc dt i         {font-size:130%;display:inline-block;}
	.mv_slide_txt .for_pc dd           {font-size:100%;}
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;}
	.swiper-pagination-bullet {width: 16px;height: 16px;}
}
@media screen and (min-width: 960px){
	.mv_slide_txt .for_pc dt span      {font-size:220%;}
	.mv_slide_txt .for_pc dt i         {font-size:130%;}
	.mv_slide_txt .for_pc dd           {font-size:130%;}
}

/* ============================================================== feat */
.feat_box                  {position:relative;}
.feat_head                 {background:#E56000;color:#fff;padding:0.2em;margin:0 0.5em 0;border-radius:0.5em;}
.feat_head dl              {display:flex;font-size:3.6vw;}
.feat_head dt              {width:46%;text-align:right;}
.feat_head dd              {flex:1;}
.feat_head dd span         {display:block;}
.feat_ttl                  {font-size:100%;background:#AFAFB0;color:#fff;letter-spacing:0.1em;text-align:center;line-height:2;}
.feat_fig p                {padding:1em;margin:0 auto;width:75%;}
.feat_txt ul               {font-size:75%;padding:2em 3em;}
.feat_txt li               {padding-left:2em;position:relative;margin-bottom:0.8em;}
.feat_txt li:before        {background-image:url("../img/news_orange.png");width:1.6em;height:1.6em;top:0;left:0;background-repeat:no-repeat;background-size:cover;content:"";display:block;position:absolute;}
.feat_txt li:nth-of-type(2n):before {background-image:url("../img/news_orange_cut.png");}
@media screen and (min-width: 480px){
	.feat_head dl              {font-size:100%;}
}
@media screen and (min-width: 768px){
	.feat_head                 {text-align:center;max-width:800px;margin:1em auto 0;}
	.feat_head dl              {display:inline-block;white-space:nowrap;margin:0 1em;}
	.feat_head dl:nth-of-type(3)  {display:block;}
	.feat_head dt,
	.feat_head dd              {display:inline-block;width:auto;}
	.feat_head dd span         {display:inline-block;}
	.feat_ttl                  {display:none;}
	.feat_wrp                  {display:flex;padding:0.5em 0;}
	.feat_fig                  {width:52%;}
	.feat_txt                  {flex:1;}
	.feat_txt ul               {font-size:100%;padding:1em 2em 1em 1em;}
	.feat_txt li               {margin-bottom:1em;}
}

/* ============================================================== news */
.news                      {background-image:url("../img/news_bg.jpg");background-position:50% 0;position:relative;border-bottom:1px solid #D6D7D7;}
.news:before               {background:rgba(255,255,255,0.85);width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-size:cover;content:"";display:block;position:absolute;}
.news .wfx                 {width:calc(100% - 1em);padding-bottom:2em;position:relative;}
.news_ttl                  {max-width:200px;width:40vw;margin-bottom:0.5em;}
.news_lst                  {font-size:90%;margin-left:2em;}
.news_lst dl               {display:flex;margin-bottom:0.5em;}
.news_lst dt               {width:6em;}
.news_lst dd               {flex:1;}
@media screen and (min-width: 768px){
	.news .wfx                 {min-height:320px;padding-bottom:4em;}
	.news_ttl                  {margin-bottom:1.5em;}
	.news_lst                  {font-size:130%;margin-left:8em}
	.news_lst dt               {width:7em;}
}

/* ============================================================== about */
.about                     {padding: 1em;}
.about_ttl                 {font-size:100%;margin-bottom:0.5em;color:#E56000;font-weight:bold;text-align:center;}
.about p                   {font-size:90%;line-height:2.1;margin-bottom:1.5em;}
.about_logo                {width:35%;max-width:180px;margin:20px auto 1em;}
@media screen and (min-width: 768px){
	.about                     {padding: 2.5em 1em 4em;}
	.about_ttl                 {font-size:160%;margin-bottom:0.5em;}
	.about p                   {font-size:130%;margin-bottom:1.5em;}
	.about_logo                {margin:20px auto 2em;}
}

/* ======================================= アコーディオン */
/*ボックス全体*/
.accbox {
	
}

/*ラベル*/
.label_box{
	width:100%;
	text-align:center;
	
}
.mot {
width:100%;
text-align:center; 
color:#F60;
}
/*アイコンを表示*/
.accbox label:before {
    content: '\025b6';

    padding-right: 8px;
	color:#F60;
}

/*ラベルホバー時*/
.accbox label:hover {
     opacity: 0.7;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked +  label + .accshow {
    height: auto;
    padding: 5px;

    opacity: 1;
}
/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\025bc';
}

/* ======================================= ENDアコーディオン */


/* ============================================================== facility */
.facility                  {margin-bottom:3em;}
.facility .wfx             {width:80%;}
.facility .sct_ttl         {background:#F6C859;}
.facility_lst              {margin-bottom:2em;}
.facility_lst dl           {margin-bottom:0.5em;}
.facility_lst dt           {color:#F6C859;font-size:120%;text-align:center;font-weight:bold;}
.facility_lst figure       {border:1px solid #EA8000;border-radius:10px;display:block;overflow:hidden;margin-bottom:0.5em;}
.facility_lst p            {font-size:75%;}
.facility_pdf              {text-align:left;margin-bottom: 30px;}
.facility_pdf a            {color:#000;display:flex;align-items:flex-end;text-decoration:none;margin:0 auto;width:75%;max-width:400px;}
.facility_pdf a i          {display:block;}
.support_text              {font-size:75%;}
.facility_pdf a i:nth-of-type(1) {width:25%;max-width:75px;}
.facility_pdf a i:nth-of-type(2) {flex:1;padding-left:1em;font-size:87.5%;font-weight:bold;}
@media screen and (min-width: 768px){
	.facility                  {margin-bottom:8em;}
	.facility_lst              {display:flex;justify-content:space-between;flex-wrap:wrap;}
	.facility_lst dl           {width:calc((100% - 34px) / 2);margin-bottom:2.5em;}
	.facility_lst dt           {font-size:140%;}
	.facility_lst p            {font-size:100%;}
	.facility_pdf a i:nth-of-type(2) {padding-left:1em;font-size:120%;}
	.support_text              {font-size:100%;width: 70%;margin: 0 15% 0 15%;}
}

/* ============================================================== stuff */
.stuff                  {margin-bottom:3em;}
.stuff .wfx             {width:80%;}
.stuff .sct_ttl         {background:#F6C859;}
.stuff_lst              {display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:0em;}
.stuff_lst dl            {width:calc((100% - 20px) / 2);margin-bottom:2.5em;}
.stuff_lst dt           {color:#F6C859;font-size:120%;text-align:center;font-weight:bold;}
.stuff_lst figure       {border:1px solid #EA8000;border-radius:10px;display:block;overflow:hidden;margin-bottom:0.5em;}
.stuff_lst p            {font-size:75%; text-align:center;}
.stuff_com               {font-size:75%;margin-bottom:4em; line-height:2.1;}
.staff_info              {color:#F6C859;font-size:120%;text-align:center;font-weight:bold;margin-bottom:1em;}
.info_pdf              {text-align:center;}
.info_pdf a            {color:#000;display:flex;align-items:flex-end;text-decoration:none;margin:0 auto;width:75%;max-width:400px;}
.info_pdf a i          {display:block;}
.info_pdf a i:nth-of-type(1) {width:25%;max-width:75px;}
.info_pdf a i:nth-of-type(2) {flex:1;padding-left:1em;font-size:87.5%;font-weight:bold;}
@media screen and (min-width: 768px){
	.stuff                  {margin-bottom:8em;}
	.stuff_lst              {display:flex;justify-content:space-evenly;flex-wrap:wrap;}
	.stuff_lst dl           {width:calc((100% - 34px) / 4);margin-bottom:2.5em;}
	.stuff_lst dt           {font-size:140%;}
	.stuff_lst p            {font-size:100%; text-align:center;}
	.stuff_com               {font-size:130%;margin-bottom:4em; line-height:2.1;}
	.info_pdf a i:nth-of-type(2) {padding-left:1em;font-size:180%;}
}
/* ============================================================== insta */
.insta                  {margin-bottom:0em;}
.insta .wfx             {width:90%;text-align:center;}
.insta .sct_ttl         {background:#F6C859;}
.insta_lst              {display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:0em;}
.insta_lst dl            {width:100%;margin-bottom:2.5em;}
.insta_lst dt           {color:#F6C859;font-size:120%;text-align:center;font-weight:bold;}
.insta_lst figure       {border:1px solid #EA8000;border-radius:10px;display:block;overflow:hidden;margin-bottom:0.5em;}
.insta_lst p            {font-size:75%; text-align:center;}
.insta_com               {font-size:75%;margin-bottom:4em; line-height:2.1;}
.insta_info              {color:#F6C859;font-size:120%;text-align:center;font-weight:bold;margin-bottom:1em;}

@media screen and (min-width: 768px){
	.insta                  {margin-bottom:0em;}
	.insta_lst              {display:flex;justify-content:space-between;flex-wrap:wrap; margin:0 20%;}
	.insta_lst dl           {margin-bottom:2.5em;}
	.insta_lst dt           {font-size:140%; }
	
	.insta_lst p            {font-size:100%; text-align:center;}
	.insta_com               {font-size:130%;margin-bottom:4em; line-height:2.1;}
	.insta_pdf a i:nth-of-type(2) {padding-left:1em;font-size:180%;}
}

/* ============================================================== pdf_list */
.pdf_info   {color:#F6C859;font-size:120%;text-align:center;font-weight:bold;margin:0 10px 1em 10px;}
.self_list  { text-align:left;margin-bottom: 50px;}
.self_list a{text-decoration:none;}
.self_unit {width:100%; margin-bottom:30px;}
.pdf_link   { float: left;margin-bottom:10px;margin-left:10px;}
.pdf_tittle   {font-size:75%;margin: 0px 0px 30px 50px;padding-top: 10px;}
.pdf_link img {width:30px;}

/*.evalu_list{ display:inline-flex; width:100%;flex-wrap: wrap;justify-content: space-between;}
.evalu_unit{ width:32%; margin-bottom:50px;}
.evalu_unit .pdf_link img{width:30px;}
.evalu_unit .pdf_tittle {font-size:80%; margin-bottom:25px;}*/
h3.evalu_title{background: #F6C859; width:100%; color:#FFF; font-size:100%; text-align:center; font-weight:bold; padding:0.4em; margin-bottom:1.5em;}
.evalu_list{ display:block}
.evalu_unit{ display:block;width:100%;margin-bottom:50px;}
.evalu_unit a {text-decoration:none;}
.evalu_unit .pdf_link img{width:30px;}
.evalu_unit .pdf_link   {float: left; margin-bottom:20px;}
.evalu_unit .pdf_tittle {margin:0px 0px 30px 50px; font-size:80%; padding-top:10px;margin-bottom:25px; text-align:left;}
@media screen and (min-width: 768px){
.self_list  { display:flex;flex-wrap: wrap;justify-content: space-between; padding:0 70px 50px 70px;margin-bottom: 0px;}
.self_unit {width:45%; }
.self_list a{text-decoration:none;}
.pdf_link   {float: left; margin-bottom:20px;}
.pdf_tittle   {margin: 0px 0px 30px 70px;font-size:100%; padding-top:20px; text-align:left;}
.pdf_link img {width:50px;}

h3.evalu_title{font-size:120%;}
.evalu_list{ display:inline-flex; width:100%;flex-wrap: wrap;justify-content: space-between;}
.evalu_unit{ width:32%; margin-bottom:50px;}
.evalu_unit .pdf_link img{width:30px;}
.evalu_unit .pdf_tittle {margin:0px 0px 30px 45px; font-size:80%; padding-top:10px;margin-bottom:25px;}

}

/* ============================================================== flow */
.flow                      {padding-bottom:1em;}
.flow .sct_ttl             {color:#80BE80;margin-bottom:0.5em;}
.flow .wfx                 {padding:0 0 1em;}
.flow .wfx p               {font-size:75%;padding:0 1em;max-width:640px;margin:0 auto;}
.flow_ttl                  {font-size:75%;margin-bottom:1em;background:#80BE80;color:#fff;line-height:1;padding:0.6em;font-weight:bold;color:#fff;text-align:center;}
.flow_ttl span             {display: inline-block;}
.flow_contact              {text-align:center;padding:0 1em;max-width:640px;margin:0 auto 1em;}
.flow_contact span         {display:block;line-height:1.6;}
.flow_contact span a       {display:inline-block;text-decoration:none;}
.flow_tel                  {margin-bottom:1em;}
.flow_tel a                {font-size:130%;color:#80BE80;font-weight:bold;}

    .kakaku                    {padding-top:20px;}
		.kakaku                    {font-size:75%;max-width:640px; margin:0 auto; padding: 0 1em;}
    .setai                     { float:left; padding:5px 0 5px 10px; width:50%; border-bottom:#80BE80 1px solid; border-left:#80BE80 1px solid; }
	.gendo                      { margin-left:50%; padding:5px 0 5px 10px;border-bottom:#80BE80 1px solid; border-left:#80BE80 1px solid; border-right:#80BE80 1px solid;  }
    .k_tittle                   { background-color:#80BE80; color:#fff;}
	.f_line                     {border-left:#fff 1px solid;}  

@media screen and (min-width: 768px){
	
	.flow                      {padding-bottom:2em;}
	.flow .wfx p               {font-size:106%;max-width:800px;}
	.flow_ttl                  {font-size:120%;}
	.flow_contact              {display:flex;justify-content:space-between;align-items:center;}
	.flow_contact .sct_btn img {height:36px;}
	.flow_tel                  {margin-bottom:0;}
	.flow_tel a                {font-size:200%;}
	
    .kakaku                    {padding-top:20px;}
		.kakaku                    {font-size:106%;max-width:800px; margin:0 auto; padding: 0 1em;}
    .setai                     { float:left; padding:5px 0 5px 10px; width:50%; border-bottom:#80BE80 1px solid; border-left:#80BE80 1px solid; }
	.gendo                      { margin-left:50%; padding:5px 0 5px 10px;border-bottom:#80BE80 1px solid; border-left:#80BE80 1px solid; border-right:#80BE80 1px solid;  }
    .k_tittle                   { background-color:#80BE80; color:#fff;}
	.f_line                     {border-left:#fff 1px solid;}  
    
}   


/* ============================================================== recruit */
.recruit                   {padding-bottom:2em;}
.recruit .sct_ttl          {background:#009AE3;margin-bottom:1em;}
.recruit .wfx              {max-width:640px;padding:0 1em;}
.recruit .wfx p            {font-size:75%;}
.recruit_btn               {margin-top:2em;text-align:center;}
@media screen and (min-width: 768px){
	.recruit                   {padding-bottom:4em;}
	.recruit .wfx p            {font-size:106%;}
	.recruit_btn               {margin-top:4em;}
	.recruit_btn .sct_btn img  {height:36px;}
}

/* ============================================================== contact */
.contact                   {padding-bottom:2em;}
.contact .sct_ttl          {background:#F6C859;}
.contact .frm              {padding: 0 1em;margin:0 auto;max-width:640px;}
.contact .frm dl           {margin-bottom:1em;}
.contact .frm dt           {font-size:87.5%;}

.btns                      {clear:both;}
button::-moz-focus-inner   {border:0;padding:0;margin-top:-2px;}
a.btn, a:link.btn, a:visited.btn,
.btn                       {font-size:16px;font-weight:bold;padding:0 3em;line-height:2.4em;border:0 none;display:inline-block;text-align:center;text-decoration:none;vertical-align:top;cursor:pointer;-webkit-appearance:none;border-radius:0.3em;transition:all 0.2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a.btn_posi, a:link.btn_posi, a:visited.btn_posi,
.btn_posi                  {background-color:#F6C859;color:#fff;}
a.btn_posi:hover, a:link.btn_posi:hover, a:visited.btn_posi:hover,
.btn_posi:hover            {background-color:#FF8000;}
a.btn_nega, a:link.btn_nega, a:visited.btn_nega,
.btn_nega                  {background-color:#999;color:#fff;}
a.btn_nega:hover, a:link.btn_nega:hover, a:visited.btn_nega:hover,
.btn_nega:hover            {background-color:#aaa;}

.frm input[type=text],
.frm textarea              {border-color:#F6C859;border-radius:5px;}

@media screen and (min-width: 768px){
	.contact                   {padding-bottom:4em;}
	.contact .frm              {padding: 0;}
	.contact .frm dl           {display:flex;margin-bottom:1.5em;}
	.contact .frm dt           {font-size:106%;width:8em;margin-right:1em;text-align:right;}
	.contact .frm dd           {flex:1;}
	.contact .frm .btns        {margin-left:9.4em;}
	.contact .frm .btns .btn   {font-size:120%;}
}

.contact_wrp               {padding:1em;margin:0 auto;max-width:640px;min-height:300px;}
.contact_ttl               {text-align:center;font-weight:bold;margin-bottom:1em;}
.frm_message               {margin-bottom:2em;}
.frm_confirm dt            {color:#999;}
.frm_confirm dd            {border:1px dotted #999;padding:0.5em;background:#fff;}
.complete_lead             {margin-bottom:2em;}
.complete_wrp .btns        {text-align:center;}

/* ============================================================== access */
.access .sct_ttl           {background:#EA8000;}
.access .wfx               {display:flex;flex-direction:column-reverse;}
.access_txt                {font-size:75%;padding:1em 1em 4em;position:relative;}
.access_addr               {}
.access_addr dl            {display:flex;}
.access_addr dt            {width:4em;}
.access_addr dd            {flex:1;}
.access_addr dd span       {display:block;}
.access_addr dd span i     {display:inline-block;margin-right:0.5em;}
.access_mail               {display:inline-block;margin:1em;}
.access_route              {margin-bottom:2em;}
.access_route dd p         {display:none;}
.access_route dd li        {padding-left:1em;position:relative;}
.access_route dd li:before {background:#666;width:4px;height:4px;top:calc(0.8em - 2px);left: 0;content:"";display:block;position:absolute;border-radius:50%;}
.access_partner dd a       {color:#182982;text-decoration:underline;}
.access_ptop               {width:15%;max-width:80px;bottom:10px;right:10px;position:absolute;}
.gmap iframe               {border:0 none;width:100%;height:240px;vertical-align:top;}
@media screen and (min-width: 768px){
	.access .wfx               {flex-direction:row;position:relative;padding-bottom:90px;}
	.access_txt                {flex:1;font-size:106%;padding:0 2em 0 1em;position:static;}
	.access_addr               {margin-bottom:2em;}
	.access_addr dl            {margin-bottom:0.5em;}
	.access_addr dd span       {display:inline-block;margin-right:1em;}
	.access_mail               {margin:0;}
	.access_mail .sct_btn img  {height:24px;}
	.access_route              {margin-bottom:2em;}
	.access_route dd p         {display:block;margin-bottom:2em;}
	.gmap iframe               {width:326px;height:326px;margin-right:2em;}
}
@media screen and (min-width: 1000px){
	.access_addr dl:nth-of-type(1) dd       {display:flex;}
	.access_addr dl:nth-of-type(1) dd span:nth-of-type(1)      {width:6em;}
	.access_addr dl:nth-of-type(1) dd span:nth-of-type(2)      {flex:1;}
}
/* ============================================================== company */
.company .sct_ttl           {background:#EA8000;}
.company .wfx               {display:flex;flex-direction:column-reverse;}
.company_txt                {font-size:75%;padding:1em 1em 4em;position:relative;}
.company_addr               {}
.company_addr dl            {display:flex;margin-bottom:-10px;}
.company_addr dl            {display:flex;margin-bottom:-10px;}
.company_addr dt            {width:4em;}
.ceo_name dt                {width:9em;margin-bottom:1em;}

.company_addr dd            {flex:1;}
.company_addr dd span       {display:block;}
.company_addr dd span i     {display:inline-block;margin-right:0.5em;}
.company_mail               {display:inline-block;margin:1em;}
.company_route              {margin-bottom:2em;margin-top:30px;}
.company_route dd p         {display:none;}
.company_route dd li        {padding-left:1em;position:relative;}
.company_route dd li:before {background:#666;width:4px;height:4px;top:calc(0.8em - 2px);left: 0;content:"";display:block;position:absolute;border-radius:50%;}
.company_partner dd a       {color:#182982;text-decoration:underline;}
.company_ptop               {width:15%;max-width:80px;bottom:10px;right:10px;position:absolute;}
.sbc_rogo img             {width:120px; height:auto;}
.asuka                      {width:100%;height:auto;vertical-align:top; font-size:75%;text-align:center;}
/*iframe                         {width:100%;height:auto;vertical-align:top;}*/
@media screen and (min-width: 768px){
	.company .wfx               {flex-direction:row;position:relative;padding-bottom:90px;}
	.company_txt                {flex:1;font-size:106%;padding:0 2em 0 1em;position:static;}
	.company_addr               {margin-bottom:0px;}
	.company_addr dl            {margin-bottom:-20px;}
	.company_addr dd span       {display:inline-block;margin-right:1em;}
	.company_mail               {margin:0;}
	.company_mail .sct_btn img  {height:24px;}
	.company_route              {margin-bottom:2em;margin-top:50px;}
	.company_route dd p         {display:block;margin-bottom:2em;}
	.sbc_rogo img             {width:200px; height:auto;}
	.asuka                      {width:326px;height:auto;margin-right:2em; font-size:100%; text-align:center;}
	/*iframe                      {width:326px;height:auto;margin-right:2em;}*/
}
@media screen and (min-width: 1000px){
	.company_addr dl:nth-of-type(1) dd       {display:flex;}
	.company_addr dl:nth-of-type(1) dd span:nth-of-type(1)      {width:6em;}
	.company_addr dl:nth-of-type(1) dd span:nth-of-type(2)      {flex:1;}
}

/* ============================================================== footer */
.f                         {background:rgb(229, 96, 0);color:#fff;padding: 30px 0;}
.f .wfx                    {}
.f_logo                    {width:46%;max-width:262px;margin:0 auto 40px;}
.f_copyright               {text-align:center;font-size:75%;}
@media screen and (min-width: 768px){
	.f                         {padding: 30px 0 60px;}
	.f_logo                    {margin-bottom:0;}
	.f .wfx                    {display:flex;align-items:flex-end;width:96%;margin-bottom:90px;}
	.f_copyright               {flex:1;font-size:100%;margin-left:50px;text-align:left;}
	.f_nav                     {margin:0 auto;max-width:960px;width:96%;}
	.f_nav ul                  {display: flex;justify-content:space-between;}
	.f_nav ul a                {display:inline-block;color:#fff;text-decoratino:none;}
}

/* ----------------------------------------------- pagetop
.ptop                      {font-size:87.5%;background:#912F44;color:#fff;width:3em;height:3em;line-height:3em;text-align:center;position:fixed;z-index:99;right:10px;bottom:-20px;cursor:pointer;border-radius:0;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:0.2s;opacity:0;display:block;}
.ptop:before               {content:"";display:block;position:absolute;top:calc(50% - 0.4em);left:calc(50% - 0.5em);width:1em;height:1em;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(-135deg);}
.ptop i                    {display:none;}
.ptop.appear               {opacity:1;bottom:10px;} */
.ptop                      {background:rgb(229, 96, 0);color:#fff;width:50px;height:50px;line-height:50px;text-align:center;position:fixed;z-index:99;right:10px;bottom:-20px;cursor:pointer;border-radius:50%;box-shadow:0 0 5px rgb(255, 255, 255);transition:0.2s;opacity:0;display:block;}
.ptop:before               {content:"";display:block;position:absolute;top:calc(50% - 0.4em);left:calc(50% - 0.5em);width:1em;height:1em;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(-135deg);}
.ptop i                    {display:none;}
.ptop.appear               {opacity:1;bottom:10px;}
@media screen and (min-width: 768px){
	.ptop                      {font-size:100%;}
}
@media screen and (min-width: 1000px){
	.ptop                      {font-size:140%;}
}