﻿@charset "utf-8";
@media print, screen and (min-width: 769px) {
  /*base.cssここから*/

  body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, figure {
    margin: 0;
    padding: 0;
  }

  body {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 1.5;
  }

  img {
    vertical-align: bottom;
  }

  ul, ol {
    list-style: none;
  }

  a {
    color: #08c;
    text-decoration: none;
  }

  html.no-touchevents a:hover {
    text-decoration: underline;
  }

  button {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
  }

  .g-clearfix:before, .g-clearfix:after {
    content: " ";
    display: table;
  }

  .g-clearfix:after {
    clear: both;
  }

  .g-tcenter {
    text-align: center !important;
  }

  .g-tleft {
    text-align: left !important;
  }

  .g-tright {
    text-align: right !important;
  }

  .g-center {
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .g-left {
    display: table !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .g-right {
    display: table !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  .g-xsmall {
    font-size: 11px !important;
  }

  .g-small {
    font-size: 12px !important;
  }

  .g-medium {
    font-size: 14px !important;
  }

  .g-large {
    font-size: 16px !important;
  }

  .g-xlarge {
    font-size: 18px !important;
  }

  .g-bold {
    font-weight: bold !important;
  }

  .g-normal {
    font-weight: normal !important;
  }

  .g-black {
    color: #000 !important;
  }

  .g-red {
    color: #e60012 !important;
  }

  .g-pure-red {
    color: #f00 !important;
  }

  .g-blue {
    color: #08c !important;
  }

  .g-gray {
    color: #808080 !important;
  }

  .g-standard {
    color: #42aa92 !important;
  }

  .g-highlevel {
    color: #699ad2 !important;
  }

  .g-basic {
    color: #f27191 !important;
  }

  .g-nowrap {
    white-space: nowrap !important;
  }
  .g-mt-50{
    margin-top:50px;
  }

  /*base.cssここまで*/

  /*　touch_common.cssここから　*/
  /* page_top_btn */
  #mainContents .page_top_btn {
    width: 960px;
    margin: 50px 0 0 0;
    padding-bottom: 15px;
    text-align: right;
  }
  /*　touch_common.cssここまで　*/


  /* service20150202.cssここから */

  .main_txt {
    text-align: left;
    margin-bottom: 40px;
  }

  .area01 {
    margin-bottom: 45px;
  }
  .area01 .innar{
    border: 2px solid #07abc6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #f5f3e7;
    padding: 30px;
  }
  .area01 .title {
    margin: 0px;
    padding: 0px;
  }
  .area01 .title img {
    vertical-align: bottom;
  }
  .area01 .innar .img {
    text-align: center;
    /*
    position: absolute;
    left: 40px;
    top: 15px;
*/
  }
  .area01 .innar .txt {
/*
    text-align: left;
    position: inherit;
    top: 360px !important;
    left: 40px !important;
*/
/*
    text-align: left;
    position: absolute;
    top: 312px;
    left: 40px;
*/
  }

  .area02 {
    margin-bottom: 15px;
  }
  .area02 .innar {
    border:2px solid #07abc6;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background:#f5f3e7;
    padding: 30px;
  }
  .area02 .title {
    margin: 0px;
    padding: 0px;
  }
  .area02 .title img {
    vertical-align: bottom;
  }
  .area02 .innar .st01 {
    float: left;
    width: 405px;
/*
    position: absolute;
    left: 30px;
    top: 30px;
*/
  }
  .area02 .innar .st02 {
    margin-bottom: 10px;
/*
    position: absolute;
    left: 30px;
    top: 484px;
*/
  }
  .area02 .innar .st03 {
    margin-bottom: 10px;
/*
    position: absolute;
    left: 30px;
    top: 630px;
*/
  }
  .area02 .innar .img01 {
    float: right;
    width: 355px;
/*
    position: absolute;
    left: 580px;
    top: 18px;
*/
  }
  .area02 .innar .img02 {
    margin-bottom: 20px;
/*
    position: absolute;
    left: 30px;
    top: 195px;
*/
  }
  .area02 .innar .txt01 {
    margin-bottom: 20px;
    text-align: left;
/*
    position: absolute;
    top: 525px;
    left: 35px;
*/
    font-size: 130%;
  }
  .area02 .innar .txt02 {
    text-align: left;
/*
    position: absolute;
    top: 675px;
    left: 35px;
*/
    font-size: 130%;
    width: 894px;
  }
  #tab2 .innar .innertxt,
  .innar .img02 .innertxt{
    margin: 5px 0 10px;
    text-align: right;
  }
  .area03 {
  }
  .area03 .innar {
    background: url(../img/_assets18_area03_bg.png) no-repeat left top;
    height: 653px;
    position: relative;
  }
  .area03 .title {
    margin: 0px;
    padding: 0px;
  }
  .area03 .title img {
    vertical-align: bottom;
  }
  .area03 .innar .st01 {
    position: absolute;
    left: 30px;
    top: 30px;
  }
  .area03 .innar .st02 {
    position: absolute;
    left: 30px;
    top: 208px;
  }
  .area03 .innar .st03 {
    position: absolute;
    left: 30px;
    top: 605px;
  }
  .area03 .innar .img01 {
    position: absolute;
    left: 49px;
    top: 305px;
  }
  .area03 .innar .img02 {
    position: absolute;
    left: 48px;
    top: 334px;
  }
  .area03 .innar .img03 {
    position: absolute;
    left: 470px;
    top: 289px;
  }
  .area03 .innar .img04 {
    position: absolute;
    left: 29px;
    top: 499px;
  }
  .area03 .innar .txt01 {
    text-align: left;
    position: absolute;
    top: 79px;
    left: 35px;
    width: 900px;
  }
  .area03 .innar .txt02 {
    text-align: left;
    position: absolute;
    top: 260px;
    left: 35px;
    width: 894px;
  }

  .txt_red {
    color: #F00;
  }

  .attention {
    margin-bottom: 45px;
    zoom: 1;
    background: transparent url("../img/_assets18_bg_attention_box.png") repeat-y left top;
  }
  .attention .inner {
    padding-bottom: 30px;
    background: transparent url("../img/_assets18_bg_attention_box_btm.png") no-repeat left bottom;
  }
  .attention h3 {
    padding: 30px 30px 0;
  }
  .attention p {
    padding: 15px 30px 0;
    font-size: 24px;
    font-weight: bold;
  }
  .attention .offer {
    padding: 0 30px;
    font-size: 114.3%;
  }
  .attention .text-inner {
    padding: 0 30px;
    font-size: 114.3%;
    margin: 5px 10px 0;
    color: #666;
  }

  .howto_apply {
    margin-top: 20px;
  }
  .howto_apply h3 {
    margin: 0px 0 25px;
  }
  .howto_apply .apply_box {
    padding: 28px;
    border: 2px solid #BADEFE;
    border-radius: 5px;
    background: #E9F4FE;
  }
  .howto_apply .web_box,
  .howto_apply .tel_box,
  .howto_apply .etc_box {
    padding: 15px;
    border: 2px solid #08ABC5;
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(50,50,50,.25);
  }
  .howto_apply .web_box,
  .howto_apply .tel_box {
    border-radius: 3px;
  }
  .howto_apply .web_box {
    position: relative;
    width: 386px;
    float: left;
  }
  .howto_apply .web_box .img02 {
    margin: 30px auto 6px;
  }
  .howto_apply .tel_box {
    width: 426px;
    float: right;
  }
  .howto_apply .etc_box {
    overflow: hidden;
  }
  .howto_apply .etc_box h4 {
    float: left;
    margin-right: 15px;
    line-height: 75px;
  }
  .howto_apply .offer {
    color: #333;
    font-size: 85.7%;
  }
  .howto_apply .tel_box .offer li {
    display: inline;
    line-height: 1.5;
  }

  /* service20150202.cssここまで */
}

@media screen and (max-width:768px) {
  .m-header{
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
  }
  img {
    max-width:100%;
    vertical-align: bottom;
  }
  /* -----------------------------------------------------------------------
  ## Reset #################################################################
  ----------------------------------------------------------------------- */
  html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,
  pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0px;
    padding: 0px;
  }
  fieldset,img {
    border: 0;
  }

  address,caption,cite,code,dfn,em,var {
    font-style: normal;
    font-weight: normal;
  }
  ol,ul {
    list-style: none;
  }
  caption,th {
    text-align: left;
    font-weight: normal;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
  }

  a{
    color: #0B9FBA;
    display: block;
  }

  .clearfix:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
  }
  .clearfix {
    display:inline-block;
  }
  .clearfix {
    display: block;
  }
  .per3box{
    margin: 3%;
  }

  .ma_b5 {margin-bottom: 5px;}
  .ma_b10 {margin-bottom: 10px;}
  .ma_b15 {margin-bottom: 15px;}
  .ma_b20 {margin-bottom: 20px;}
  .ma_b21 {margin-bottom: 21px;}
  .ma_b25 {margin-bottom: 25px;}
  .ma_b30 {margin-bottom: 30px;}


  /* -----------------------------------------------------------------------
  ## Box Layout ############################################################
  ----------------------------------------------------------------------- */
  body{
    background: url(../img/_assets18_bg_all.gif) repeat left top;
    color: #333;
    line-height: 1.4;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-size: 50px 50px;
  }


  /* -----------------------------------------------------------------------
  ## Header ################################################################
  ----------------------------------------------------------------------- */

  #siteName{
    width: 69%;
    float: left;
    padding:1% 3% 3% 3%;
  }
  #siteName .h_zemi{
    display: block;
    width: 40%;
  }

  #topicPath{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin: 0.5em 0;
    padding: 0.5em 3%;
    font-size: 80%;
  }

  #topicPath:after{
    content: ".";
    display: block;
    clear: left;
    height: 0;
    overflow: hidden;
  }

  #topicPath .home{
    float: left;
  }

  #topicPath .current{
    margin-left: 20%;
  }

  #topicPath .current span{
    float: left;
    text-indent: -1.0em;
  }
  #SnsList ul {
    overflow: hidden;
  }
  #SnsList li{
    float:left;
    height:20px;
    margin-left:10px;
  }

  #tab2 .innar .innertxt,
  .innar .img02 .innertxt{
    margin-bottom: 1vh;
    font-size: 3.6vw;
    text-align: right;
    margin-top: 0;
  }



  small#copy {
    display: block;
    background-color: #0ba0bb;
    padding: 0.5em;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 78%;
  }

  small#copy:before{
    content: "";
  }

  /* -----------------------------------------------------------------------
  ## Contents Page #########################################################
  ----------------------------------------------------------------------- */
  .area01 .innar{
    border: 2px solid #0da1bb;
    padding: 3%;
    -webkit-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -moz-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -o-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    background: #f5f3e7;;
  }
  .area02 .innar{
    border: 2px solid #0da1bb;
    padding: 3%;
    -webkit-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -moz-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -o-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    background: #f5f3e7;;
  }
  
  .txt_red {
    color: #F00;
  }
  .area01 .innar img,
  .area02 .innar img,
  .area02 .title img,
  .attention img,
  .inner-contents-price img,
  .howto_apply h2 img,
  .inner-contents img{
    width: 100%;
  }
  .attention{
    margin-top: 2vh;
  }

  .attention .innar {
    border: 2px solid #0da1bb;
    padding: 3%;
    -webkit-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -moz-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -o-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
  }

  .attention .innar .st01 {
    margin-bottom: 20px;
  }

  .attention .innar .st02 {
    margin-bottom: 20px;
  }

  .attention .innar .copy01 {
    margin: 0.5vh 0 1vh;
    font-weight: bold;
    font-size: 4vw;
  }

  .attention .innar .txt01 {
    margin-bottom: 50px;
  }

  .attention .innar .txt02 {
    margin-bottom: 20px;
  }

  .attention .innar .box01 {
    background-color: #fff;
    border: 2px solid #0da1bb;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    padding: 3%;
    margin-bottom: 15px;
  }

  .attention .innar .box02 {
    background-color: #fff;
    border: 2px solid #0da1bb;
    border-radius: 3%;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    padding: 3%;
    margin-bottom: 15px;
  }

  .attention .innar .box01 .sst01 {
    margin-bottom: 10px;
  }

  .attention .innar .box02 .sst02 {
    margin-bottom: 18px;
  }

  .attention .innar .box02 .sst03 {
    margin-bottom: 18px;
  }

  .attention .innar .box02 .tel {
    margin-bottom: 14px;
  }
  .area02 .innar .img02 img.ttl1{
    width: 40vw;
  }

  .area02 .innar .img02 img.ttl2{
    width: 80vw;
  }
  .area01 .innar {
    border: 2px solid #0da1bb;
    padding: 3%;
    -webkit-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -moz-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -o-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
  }

  .area01 .innar .img01 {
    margin-bottom: 1vh;
    text-align: center;
  }

  .area01 .innar .img02 {
    margin-bottom: 1vh;
    text-align: center;
  }

  .area01 .innar .txt {
    margin-bottom: 2vh;
  }

  .area02 .innar {
    border: 2px solid #0da1bb;
    padding: 3%;
    -webkit-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -moz-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    -o-border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
    border-radius: 0 0 9px 9px / 0px 0px 9px 9px;
  }

  .area02 .innar .st01 {
    text-align: center;
    margin-bottom: 20px;
  }

  .area02 .innar .st02 {
    margin-bottom: 2vh;
  }

  .area02 .innar .st03 {
    margin-bottom: 2vh;
  }

  .area02 .innar .sst01 {
    margin-bottom: 15px;
  }

  .area02 .innar .sst02 {
    margin-bottom: 15px;
  }

  .area02 .innar .txt01 {
    margin-bottom: 30px;
  }

  .area02 .innar .img01 {
    margin-bottom: 30px;
  }

  .area02 .innar .img02 {
    margin-bottom: 20px;
  }
  .area02 .innar .img02 img{
    padding-bottom: 2vw;
  }
  .area02 .innar .txt {
    margin-bottom: 30px;
  }

  .area02 .innar table {
    width: 100%;
    margin-bottom: 30px;
  }

  .area02 .innar table tr th {
    font-weight: bold;
    color: #F00;
    width: 31%;
    vertical-align: top;
  }

  .area02 .innar table tr td {
    width: 75%;
  }
  
  
  .inner-contents .inner-contents-ttl{
    margin-bottom: 1vh
  }
  .inner-contents .inner-contents-txt{
    margin-bottom: 1vh;
    font-size: 3vw;
  }
  .inner-contents .inner-contents-img{
    width: 70%;
    text-align: center;
    margin: 0 auto;
  }
  .inner-contents .inner-contents-imgtxt{
    margin-bottom: 2vh;
  }
  .cat_link{
    background-color: #58bfc7;
    border-radius: 2%;
    -moz-border-radius: 2%;
    -webkit-border-radius: 2%;
    -o-border-radius: 2%;
    -ms-border-radius: 2%;
    margin: 1.5em 3%;
    padding: 3%;
  }

  .cat_link h2{
    text-align: center;
    padding-bottom: 3%;
    font-weight: bold;
    color: #fff;
  }

  .cat_link ul li{
    background: #58bfc7 url(../img/bg_catlink.png) no-repeat left top;
    background-size: 100% 40px;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 80%;
    font-weight: bold;
    overflow: hidden;
  }

  .cat_link ul li:first-child{ background-image: url(../img/bg_catlink_first.png); }
  .cat_link ul li:last-child { background-image: url(../img/bg_catlink_last.png);  }

  .cat_link ul li a{
    background: transparent url(../img/ic_arrow.png) no-repeat right;
    background-size: auto 40px;
    display: block;
    text-align: left;
    height: 40px;
    padding-left: 1em;
    padding-right: 1.5em;
    font-weight: normal;
  }

  #accordionArea dt{
    background: url(../img/bg_accordion_close.png) no-repeat left top;
    background-size: contain;
  }

  #accordionArea dt.open{
    background: url(../img/bg_accordion_open.png) no-repeat left top;
    background-size: contain;
  }

  #accordionArea dt img{
    vertical-align: bottom;
    width: 100%;
    cursor: pointer;
  }

  #accordionArea dd .accordion_inner{
    margin: 1.5em 3%;
  }


  .lh_0 {
    line-height:0;
  }

  #floatingHeader #menu {
    text-align: right;
    float: right;
    padding: 8% 3% 3% 0;
    width: 22%;
  }
  #floatingHeader .menu {
    width: 40%;
    float: right;

  }
  #gnavi {
    clear: both;
    background: #0BA0BB;
  }
  #gnavi ul li {
    text-align: center;

  }
  #gnavi li a {
    float: left;
    font-weight: bold;
    color: #FFF;
    vertical-align: middle;
    display: block;
    width: 20%;
  }
  .contents {
    padding-right: 3%;
    padding-left: 3%;
  }


  .contents h3 {
    margin-bottom: 15px;
  }
  .contents .pagetop {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: .875rem;
  }
  p {
    font: 15px/150% "Helvetica Neue", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  #touchInfo2 ul .s6 p {
    font-size: 80%;
    padding-top: 5px;
    padding-left: 10px;
  }
  #touchInfo2 ul .paper {
    line-height: 40px;
    height: 40px;
    width: 100%;
    clear:both;
  }
  #touchInfo2 ul .paper a {
    background: #fff url(../img/ic_arrow.png) no-repeat 98% center;
    background-size: 50% auto;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
  }
  #footer .request_st {
    padding-top: 12px;
    border-top: 1px dotted #46B6C9;
    margin: 20px 3%;
  }
  #requestArea{
    border: 2px solid #FFE69D;
    border-radius: 1.5%;
    -moz-border-radius: 1.5%;
    -webkit-border-radius: 1.5%;
    -o-border-radius: 1.5%;
    -ms-border-radius: 1.5%;
    padding: 3%;
    margin: 3%;
    background: #FFF6D3;
  }
  #requestArea h2{
    margin-bottom:10px;
  }
  #requestArea .box{
    border: 2px solid #FFE69C;
    border-radius: 1.5%;
    -moz-border-radius: 1.5%;
    -webkit-border-radius: 1.5%;
    -o-border-radius: 1.5%;
    -ms-border-radius: 1.5%;
    padding: 3%;
    background: #FFF;
    margin-bottom: 15px;
  }
  #requestArea .box .st {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: .875rem;
  }
  #footer .sub_navi {
    padding-bottom: 15px;
    margin-right: 3%;
    margin-left: 3%;
  }
  #footer .sub_navi.no_pa {
    padding-bottom: 0px !important;
    margin-right: 0% !important;
    margin-left: 0% !important;
  }
  .sub_navi li {
    /*float: left;
    width: 50%;*/
    margin-left: 12px;
    margin-bottom: 10px;
    background: url(../img/text_arrow01.png) no-repeat left 7px;
    background-size: 3px 5px;
  }
  .sub_navi li a {
    padding-left:8px;
  }

  #memberArea .box{
    border: 2px solid #CCCCCC;
    border-radius: 1.5%;
    -moz-border-radius: 1.5%;
    -webkit-border-radius: 1.5%;
    -o-border-radius: 1.5%;
    -ms-border-radius: 1.5%;
    padding: 3%;
    margin-bottom: 15px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.66, #F5F5F5), color-stop(0.10, #FFF));
    background: -webkit-linear-gradient(top, #FFF 10%, #F5F5F5 66%);
    background: -moz-linear-gradient(top, #FFF 10%, #F5F5F5 66%);
    background: -o-linear-gradient(top, #FFF 10%, #F5F5F5 66%);
    background: -ms-linear-gradient(top, #FFF 10%, #F5F5F5 66%);
    background: linear-gradient(top, #FFF 10%, #F5F5F5 66%);

  }
  #requestArea .privacy {
    background: url(../img/text_arrow02.png) no-repeat 4px 8px;
    padding-left: 15px;
    background-size: 5px 3px;
    font-size: .75rem;
  }
  #requestArea .privacy + .acc_body {
    padding-top: 10px;
    font-size: .75rem;
  }
  #requestArea .acc_body .cpo {
    display: block;
    text-align: right;
  }

  #requestArea .box {
    font-size: .75rem;
  }
  #requestArea .box dt {
    text-align: center;
  }
  #requestArea .box .time {
    margin-top: 1em;
    font-size: .75rem;
  }
  #requestArea .box em {
    font-weight: bold;
  }

  body #mainContents {
    padding-top: 10px;
  }
  /*
  #requestArea + .sub_navi {
  font-size: .875rem;
}
  */
  mainContents .h_navi {
    padding-left: 3%;
  }

  #requestArea2{
    border: 2px solid #0860A8;
    border-radius: 1.5%;
    -moz-border-radius: 1.5%;
    -webkit-border-radius: 1.5%;
    -o-border-radius: 1.5%;
    -ms-border-radius: 1.5%;
    padding: 3%;
    background: #FFF;
    margin-top: 3%;
    margin-bottom: 3%;
  }
  #requestArea2{
    border: 2px solid #0860A8;
    border-radius: 1.5%;
    -moz-border-radius: 1.5%;
    -webkit-border-radius: 1.5%;
    -o-border-radius: 1.5%;
    -ms-border-radius: 1.5%;
    padding: 3%;
    background: #FFF;
    margin-top: 3%;
    margin-bottom: 3%;
  }
  #requestArea2 .acc_body{
    margin-bottom: 15px;
    text-indent: -1em;
    padding-left: 1em;
  }

  #requestArea2 .offer a {
    display: inline;
  }
  #requestArea2 .offer .red {
    color: #f00;
  }

  /*20140616窶堋ｱ窶堋ｱ窶堋ｩ窶堙ｧ*/


  #requestArea3{
    border: 2px solid #B3E0FF;
    border-radius: 1.5%;
    -moz-border-radius: 1.5%;
    -webkit-border-radius: 1.5%;
    -o-border-radius: 1.5%;
    -ms-border-radius: 1.5%;
    padding: 3%;
    margin: 3% 3% 20px 3%;
    background:#DFF2FF;
  }
  #requestArea3 h2{
    margin-bottom:10px;
  }
  #requestArea3 .box{
    border: 2px solid #B3E0FF;
    border-radius: 1.5%;
    -moz-border-radius: 1.5%;
    -webkit-border-radius: 1.5%;
    -o-border-radius: 1.5%;
    -ms-border-radius: 1.5%;
    padding: 3%;
    background: #FFF;
    margin-bottom: 5px;
  }
  #requestArea3 .box .st {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: .875rem;
  }


  #requestArea3 .box {
    font-size: .875rem;
  }
  #requestArea3 .box dt {
    text-align: center;
  }
  #requestArea3 .box .time {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: .875rem;
  }
  #requestArea3 .box em {
    font-weight: bold;
  }

  #requestArea3 .privacy {
    background: url(../img/text_arrow02.png) no-repeat 4px 8px;
    padding-left: 15px;
    background-size: 5px 3px;
    font-size: .75rem;
  }
  #requestArea3 .privacy + .acc_body {
    padding-top: 10px;
    font-size: .75rem;
  }
  #requestArea3 .acc_body .cpo {
    display: block;
    text-align: right;
  }



  /*20140616窶堋ｱ窶堋ｱ窶堙懌堙�*/



  /* -----------------------------------------------------------------------
  ## terms #################################################################
  ----------------------------------------------------------------------- */
  .terms h2 {
    margin-bottom: 10px;
    padding-left: 20px;
    background: url("../img/icons.png") no-repeat 2px -186px;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.6;
  }
  .terms .terms_btn {
    display: table;
    width: 100%;
  }
  .terms .terms_btn li {
    display: table-cell;
    width: 47.5%;
    float: left;
    box-sizing: border-box;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin-right: 5%;
    margin-bottom: 5%;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    /* IE6-9 */
    text-align: center;
  }
  .terms .terms_btn li a {
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: .875rem;
  }
  .terms .terms_btn li:nth-child(even) {
    margin-right: 0;
  }
  .terms .terms_btn .wifi a {
    padding: 50px 12% 10px;
    background: url("../img/ic_terms.png") no-repeat center 10px;
    -webkit-background-size: 72px auto;
    background-size: 72px auto;
  }
  .terms .terms_btn .challenge a {
    padding: 50px 12% 10px;
    background: url("../img/ic_terms.png") no-repeat center -80px;
    -webkit-background-size: 72px auto;
    background-size: 72px auto;
  }
  .terms .terms_btn .previllege a {
    padding: 50px 12% 10px;
    background: url("../img/ic_terms.png") no-repeat center -172px;
    -webkit-background-size: 72px auto;
    background-size: 72px auto;
  }
  .terms .terms_btn .warranty a {
    padding: 50px 12% 10px;
    background: url("../img/ic_terms.png") no-repeat center -262px;
    -webkit-background-size: 72px auto;
    background-size: 72px auto;
  }
  .terms .terms_btn .cost a {
    padding: 15px 0 15px 12%;
    background: url("../img/icons.png") no-repeat 30px -310px;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
  }
  .terms .terms_btn .service a {
    padding: 15px 0 15px 15%;
    background: url("../img/icons.png") no-repeat 11px -240px;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
  }
  .modal_contents {
    z-index: 9999;
    margin-bottom: 10px;
    padding: 15px;
    border: 5px solid #3f9fac;
    background-color: #fff;
  }
  .modal_contents h3 {
    color: #3f9fac;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
  }
  .modal_contents.modal_wifi h3 {
    padding-left: 11.5%;
    background: url("../img/ic_terms.png") no-repeat 28% 2px;
    -webkit-background-size: 36px auto;
    background-size: 36px auto;
  }
  .modal_contents.modal_challenge h3 {
    padding-left: 11.5%;
    background: url("../img/ic_terms.png") no-repeat 15% -40px;
    -webkit-background-size: 36px auto;
    background-size: 36px auto;
  }
  .modal_contents.modal_previllege h3 {
    padding-left: 11.5%;
    background: url("../img/ic_terms.png") no-repeat 18% -87px;
    -webkit-background-size: 36px auto;
    background-size: 36px auto;
  }
  .modal_contents.modal_warranty h3 {
    padding-left: 11.5%;
    background: url("../img/ic_terms.png") no-repeat 15% -132px;
    -webkit-background-size: 36px auto;
    background-size: 36px auto;
  }
  .modal_contents > p {
    margin: 1em 0;
    font-size: .875rem;
  }
  .modal_container .close {
    text-align: center;
  }
  .modal_container .close a {
    display: inline-block;
    padding: 7px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #3f9fac;
    color: #fff;
  }
  .modal_container .close a:before {
    content: "ﾂ×";
  }
  .modal_contents.modal_wifi a {
    display: inline-block;
    background: url("../img/icons.png") no-repeat left 5px;
    background-size: 20px auto;
    padding-left: 20px;
    margin-top: 1em;
  }
  .modal_contents.modal_wifi p {
    margin-bottom: 0;
  }
  .modal_contents.modal_wifi > div {
    width: 75%;
    margin: 0 auto;
  }
  .modal_contents.modal_wifi .offer {
    font-size: .75rem;
    text-align: left;
  }


  /* -----------------------------------------------------------------------
  ## module ################################################################
  ----------------------------------------------------------------------- */
  .arrow01 {
    background: url(../img/text_arrow01.png) no-repeat left center;
    background-size: 3px 5px;
    padding-left: 7px;
    margin-bottom: 10px;
  }
  .offer {
    font-size: .875rem;
  }
  .offer li{
    text-indent: -1em;
    padding-left: 1em;
  }
  .red {
    color: #F33;
  }
  .tal {
    text-align: left;
  }
  .tar {
    text-align: right;
  }
  .tac {
    text-align: center;
  }
  .uline {text-decoration: underline;}


  /*20140616窶凖�ｰﾃ�*/

  #snsBox{display:none;}


  /*20140710窶堙ｦ窶堋ｭ窶堋�窶堙ｩﾅｽﾂｿ窶禿｢窶堋ｨﾋ徑窶堙柁椎�ﾆ停愴誰窶凖�ｰﾃ�*/

  #owabi_link{
    border:#F3C0CA solid 2px;
    padding:5px;
    background:#FFF;
    margin:3%;
    color:#DD5E77;
  }

  #owabi_link a{
    color:#DD5E77;
    text-decoration:underline;
    font-size:12px;
    background: url(../img/owabi_icon.gif) no-repeat left;
    padding:0 0 0 20px;
    display:inline;
  }

  #owabi_link2{
    border:#ABCDF3 solid 2px;
    padding:5px;
    background:#FFF;
    margin:3%;
    color:#646FBE;
  }

  #owabi_link2 a{
    color:#646FBE;
    text-decoration:underline;
    font-size:12px;
    background: url(../img/owabi_icon.gif) no-repeat left;
    padding:0 0 0 20px;
    display:inline;
  }


  #owabi_link p{
    font-size:12px;
  }

  #owabi_link2 p{
    font-size:11.5px;
  }

  #owabi_link a:hover{
    text-decoration:none;
  }

  .owabi_tel{font-weight:bold;}

  #owabi_link .offer{font-size:12px;}


  /*20141031窶凖�ｰﾃ�*/

  #owabi_link2{
    display: none;
  }

  /*20141126窶凖�ｰﾃ�*/

  .cv_security a {
    padding-left: 12px;
    margin-bottom: 10px;
    background: url(../img/text_arrow01.png) no-repeat left 7px;
    background-size: 3px 5px;
  }


  /* 20151116 1譛亥捷LPO繧ｿ繧ｰ */
  body .light_window_inner {
    padding-top: 0;
    margin: 0;
  }
  body div.contentArea {
    padding: 0;
  }
  body div.contentArea #kyouzaiArea .inner .attention{
    margin: 0;
    font-size: 12px;
    line-height:1em;
  }
  body div.contentArea #kyouzaiArea ul li{
    line-height: 1em;
    text-align: left;
  }
  body div.contentArea #kyouzaiArea p.modal_ttl1 {
    font-size: 12px;
    margin: 15px 0;
    font-weight: bold;
  }
  body div.contentArea #kyouzaiArea ul {
    padding-top:0;
    margin-bottom: 10px;
  }
  body div.contentArea #kyouzaiArea p.modal_ttl2 {
    margin-bottom: 5px;
    font-weight: bold;
  }
  body div.contentArea #kyouzaiArea .light_window_inner {
    margin-top: 0;
  }
  /* 20151116 1譛亥捷LPO繧ｿ繧ｰ */
}