@charset "UTF-8";
/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/
@media
only screen and (max-width : 640px){
/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/
html{
  overflow-y: scroll;
  overflow-x: hidden;
}
html,body{
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body,#main{
  margin: 0!important;
  box-sizing: border-box;
}
/*●画像サイズの調整*/
img {
  height: auto;
  max-width: 100%;
}
a{
  color: #39f;
  -webkit-tap-highlight-color: #fc6;
}
#main{
  padding: 0 1em;
}
/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/
#container{
  padding-top: 0;
  padding-bottom: 1.5em;
}
/*--------------------------------------------------------
トップ
--------------------------------------------------------*/
#top{ 
  position: relative;
  top: 0;
  height: auto;
  font-size: 1.2em;
}
#top-menu{
  float: none;
}
#top-menu li{
  text-align: left;
  display: block;
}
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
/*●ヘッダの回り込み解除*/
#header #header-title,
#header-in #header-text{
  float: none;
  width: 100%;
}
#header .header-logo{ font-size: 2em; }
/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
#global-nav{ border-bottom: 0; }
#global-nav dt{
  padding-left: 2.5em!important;
  background: url(../images/icon/icon-arrow05.png) 1em center no-repeat #333;
  color: #fff;
}
#global-nav #global-nav-in .menu-wrap{ display:none; }
#global-nav #global-nav-in #menu{ margin-bottom: 0; }
#global-nav #global-nav-in #menu,
#global-nav #global-nav-in #menu li{
  width: 100%;
  border: 0;
}
#global-nav #global-nav-in #menu li{
  border-bottom: 1px solid #fff;
  background-color: #eaeaea;
  white-space: normal;
}
#global-nav #global-nav-in #menu li.first{ border-left: 0; }
#global-nav #global-nav-in #menu ul{
  position: static;
  width: auto;
  padding-left: 10%;
}
#global-nav #global-nav-in #menu ul li{ width: 100%; }
#global-nav #global-nav-in #menu ul li:last-child{ border-bottom: 0; }
/*メニューのデザイン*/
#global-nav #global-nav-in #menu li a:link,
#global-nav #global-nav-in #menu li a:visited,
#global-nav #global-nav-in #menu li a:hover,
#global-nav #global-nav-in #menu li a:active{ background: url(../images/icon/icon-arrow04.png) 1em 1em no-repeat #eaeaea; }
#global-nav #global-nav-in #menu ul li a{ width: auto; }
#global-nav .btn-gnav{
  display:block;
  padding: 1em;
  cursor: pointer;
}
/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/
#main-image .catch-copy{ font-size: 1.4em; }
/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/
.box-wrap .box-l,
.box-wrap .box-r{
  float: none;
  width: 100%;
}
.ul50,.ul30,.ul20,.ul-value,.ul-flow{
  display: block;
  height: auto;
}
.ul50 li,.ul30 li,.ul-value li{
  display: inline;
  width: 100%;
  text-align: center;
}
.ul50 li img,.ul30 li img,.ul-value li img{
  width: 98%;
  margin: 1em 0;
}
.ul20 li img{
  width: 80%;
  margin:0.5em;
}
.mobile-home{
  margin: 0 0 2em 0;
}
.ul-flow li:nth-child(odd) img{
  width: 75%;
}
.ul-flow li:nth-child(even) img{
  width: 50%;
}#main-contents p.q{
  margin: 1 1 1 1em;
  padding: 1.3em 0em 2em 5em;
  font-size: 0.8em;
}
.caution9{
  font-size: 0.8em!important;
}
/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/
/*折り畳み*/
#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{
  display: block;
  margin-bottom: 1em;
  padding: 1em;
  padding-left: 2.5em!important;
  background: url(../images/icon/icon-arrow05.png) 1em center no-repeat #333;
  color: #fff;
  cursor: pointer;
}
.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; }
.sub-column .showSubConts,
.sub-column .showSidebar{
  display: block!important;
}
.col2r #sub-contents .banner li{
  display: block;
  margin-right: 0;
}
/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#footer .footer-menu ul{
  float: none;
  width: 100%;
}
#footer .area01,
#footer .area02{
  float: none;
  width: 100%;
  margin-bottom: 2em;
}
.copyright{ padding-bottom: 40px; }
.copyright span{ display: block; }
/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/
.page-top{
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.page-top a{
  display: block;
  border: 0;
  border-top: 1px solid #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.page-top a:link,
.page-top a:visited,
.page-top a:hover,
.page-top a:active{
  background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #999;
  color: #fff;
}
.page-top:not(\*|*){ position: static; }/* Opera9以下 */
}
@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */