@charset "utf-8";




/*********************************
 * 641〜
 *********************************/

@media screen and (min-width:641px){



div.spmainimage  { display: none; }
div.contents3_sp  { display: none; }
div.cNavi .sptitle  { display: none; }
div.cNavi .sptitle2  { display: none; }
div.cNavi .sptitle3  { display: none; }
div.cNavi2 .sptitle  { display: none; }
div.contents6 .spmap  { display: none; }
div.f_contents2 div.inner .spmain  { display: none; }
div.f_contents2 div.inner .spflowtit { display: none; }
div.f_contents2 div.inner .spflowzu { display: none; }
div.f_contents2 div.inner .spflowtit2 { display: none; }
div.f_contents2 div.inner .spflowzu2 { display: none; }
div.f_contents2 div.inner .spflowtit3 { display: none; }
div.f_contents2 div.inner .spflowzu3 { display: none; }
div.f_contents2 div.inner .spflow1 { display: none; }
div.f_contents2 div.inner .spflow2 { display: none; }
div.f_contents2 div.inner .spflow3 { display: none; }


div.cNavi { position: relative; width: 100%; margin: 50px 0 0 0; padding: 0 0 0 0; background: #01c3ff; overflow: hidden;}
div.cNavi .title { text-align:center !important; margin: 11px 0 11px 0;}





div.f_contents { margin: 253px auto 0 auto; width: 100%;}
div.f_contents .tit { width: 100%; text-align:center; margin: 50px auto 10px auto }
div.f_contents .ftit { width: 100%; text-align:center; margin: 50px auto 10px auto }
div.f_contents .box { width: 828px; margin: 0 auto 0 auto; }
div.f_contents .box p{ font-size:17px; line-height:1.8em; margin-top:15px;}

div.f_contents2 { width: 100%; margin: 0 auto; padding-top:50px;}
div.f_contents2 div.inner { width: 855px; height:908px; position: relative; margin: 0 auto; text-align:center !important;}
div.f_contents2 div.inner .main { position: absolute; width: 855px; height: 740px; margin: 0 auto; background-image:url(../images/flow/main.png); text-align:center !important;}
div.f_contents2 div.inner .flow1 { position: absolute; top:118px; left:282px; width: 344px; text-align:left !important; font-size:16px;}
div.f_contents2 div.inner .flow2 { position: absolute; top:348px; left:282px; width: 344px; text-align:left !important; font-size:16px;}
div.f_contents2 div.inner .flow3 { position: absolute; top:581px; left:282px; width: 344px; text-align:left !important; font-size:16px;}
div.f_contents2 div.inner .box { position: absolute; top:752px; width: 828px; margin: 0 auto 0 auto; }
div.f_contents2 div.inner .box p{ font-size:17px; line-height:1.8em; margin-top:15px; text-align:left !important;}

div.f_contents3 { position: relative; width: 828px; margin: 50px auto 0 auto; }
div.f_contents3 div.inner_left { float: left; position: relative; width: 392px; margin-top:20px; }
div.f_contents3 div.inner_left p { font-size:15px; text-align:left; }
div.f_contents3 div.inner_right { float: right; position: relative; width: 392px; margin-left:44px; margin-top:20px; }
div.f_contents3 div.inner_right p { font-size:15px; text-align:left; }
div.f_contents3 h2{ font-size:23px; font-weight:bold; color:#01c3ff;  line-height:1.5em; margin-top:15px; text-align:center !important;}
div.f_contents3 .cyu{ margin-top:80px; text-align:left !important;}



}/* @media 641- */


/*********************************
 * 〜640
 *********************************/

@media screen and (max-width:640px){

div.spmainimage { padding: 10px 0; text-align:center; }
div.mainimage  { display: none; }
div.mainimage2 { display: none; }
div.f_contents2 div.inner .main { display: none; }
div.cNavi .title  { display: none; }
div.cNavi2 .title  { display: none; }
div.contents3  { display: none; }
div.contents6 .map  { display: none; }
div.f_contents2 div.inner .flow1 { display: none; }
div.f_contents2 div.inner .flow2 { display: none; }
div.f_contents2 div.inner .flow3 { display: none; }


div.cNavi { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #01c3ff; overflow: hidden;}
div.cNavi .sptitle { text-align:center !important; margin: 11px auto 11px auto; width:85%;}
div.cNavi .sptitle2 { text-align:center !important; margin: 11px auto 11px auto; width:90%;}
div.cNavi .sptitle3 { text-align:center !important; margin: 11px auto 11px auto; width:70%;}

div.f_contents { margin: 10px auto 0 auto; width: 100%;}
div.f_contents .tit { width: 100%; text-align:center; margin: 50px auto 10px auto }
div.f_contents .ftit { width: 80%; text-align:center; margin: 50px auto 10px auto }
div.f_contents .box { width: 98%; margin: 0 auto 30px auto; }
div.f_contents .box p{ line-height:1.5em; margin-top:15px;}

div.f_contents2 { width: 98%; margin: 0 auto; padding-top:30px;}
div.f_contents2 div.inner { width: 100%; position: relative; margin: 0 auto; text-align:center !important;}
div.f_contents2 div.inner .spflowtit { margin: 10px auto 10px auto; text-align:center !important; }
div.f_contents2 div.inner .spflowzu { margin: 0px auto 10px auto; text-align:center !important; }
div.f_contents2 div.inner .spflowtit2 { margin: 30px auto 10px auto; text-align:center !important; }
div.f_contents2 div.inner .spflowzu2 { margin: 0px auto 10px auto; text-align:center !important; }
div.f_contents2 div.inner .spflowtit3 { margin: 30px auto 10px auto; text-align:center !important; }
div.f_contents2 div.inner .spflowzu3 { margin: 0px auto 10px auto; text-align:center !important; }
div.f_contents2 div.inner .flow1 { width: 90%; margin: 0 auto 0 auto; text-align:left;}
div.f_contents2 div.inner .flow2 { width: 90%; text-align:left !important; margin-left:10px; line-height:1.3em; font-size:1.0em;}
div.f_contents2 div.inner .flow3 { width: 90%; text-align:left !important; margin-left:10px; line-height:1.3em; font-size:1.0em;}
div.f_contents2 div.inner .spflow1 { width: 90%; text-align:left !important; line-height:1.3em; font-size:1.0em; margin: 0 auto 0 auto;}
div.f_contents2 div.inner .spflow2 { width: 90%; text-align:left !important; line-height:1.3em; font-size:1.0em; margin: 0 auto 0 auto;}
div.f_contents2 div.inner .spflow3 { width: 90%; text-align:left !important; line-height:1.3em; font-size:1.0em; margin: 0 auto 0 auto;}
div.f_contents2 div.inner .box { width: 90%; margin: 50px auto 0 auto; }
div.f_contents2 div.inner .box p{ line-height:1.3em; font-size:1.0em; margin-top:10px; text-align:left !important;}


div.f_contents3 { position: relative; width: 95%; margin: 30px auto 0 auto; text-align:center !important; }
div.f_contents3 div.inner_left { margin: 0px auto 0 auto; text-align:center !important; }
div.f_contents3 div.inner_left p { text-align:left; }
div.f_contents3 div.inner_right { margin: 30px auto 30px auto; text-align:center !important;}
div.f_contents3 div.inner_right p {text-align:left; }
div.f_contents3 h2{ font-size:1.4em; font-weight:bold; color:#01c3ff;  line-height:1.5em; margin-top:15px; text-align:center !important;}
div.f_contents3 .cyu{ margin-top:20px; text-align:left !important;}


}/* @media 641- */