@charset "UTF-8";
/* --------------------------------------------------
 *
 *
 *  style.css
 *
 *
 * --------------------------------------------------*/
/* --------------------------------
 *
 *  Core1
 *
 * --------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix-block{
  display: block;
}
.clearfix:after, .l-container:after, .l-row:after, ul:after,
dl:after,
.section1:after,
.section2:after {
  display: block;
  clear: both;
  content: "";
}

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.l-container, .l-header-inner, .l-footer-inner {
  margin-left: auto;
  margin-right: auto;
}

/* ---------------------------
 *
 *  common
 *
 * -------------------------*/
.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.black {
  color: #000000;
}

.blue {
  color: #123379;
}

.gray {
  color: #808080;
}

.green {
  color: #008000;
}

.orange {
  color: #ffa500;
}

.purple {
  color: #a091bd;
}

.red {
  color: #db2c03;
}

.silver {
  color: #c0c0c0;
}

.white {
  color: #fefefe;
}

.yellow {
  color: #ffff00;
}

.color-danger {
  color: #f30000;
}

.color-info {
  color: #ffff00;
}

.color-primary {
  color: #123379;
}

.color-goodness {
  color: #fefefe;
}

.color-disabled {
  color: #898989;
}

.clear {
  clear: both;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.alignleft {
  text-align: left;
}

.pdS{padding: 3px;}                                                                                                                                
.pdlS{padding-left: 3px;}                                                                                                                          
.pdrS{padding-right: 3px;}                                                                                                                         
.pdM{padding: 10px;}                                                                                                                               
.pdL{padding: 15px;}                                                                                                                               
.pdtL{padding-top: 15px;}                                                                                                                          
.pdbL{padding-bottom: 15px;}                                                                                                                       
                                                                                                                                                   
.lhS{line-height: 1.4;}                                                                                                                            
                                                                                                                                                   
.mbS{margin-bottom: 10px;}                                                                                                                         
.mbM{margin-bottom: 15px;}                                                                                                                         
.mbL{margin-bottom: 25px;}                                                                                                                         
                                                                                                                                                   
.line-b{                                                                                                                                           
  border-bottom: 1px solid #b7b7b7;                                                                                                                
}

/* --------------------------------
 *
 *  Modules
 *
 * --------------------------------*/
/* ---------------------------
 *
 *  text
 *
 * -------------------------*/
/* -------------------
 * text small
 -------------------*/
.text--small {
  font-size: 14px;
  font-size: 0.875rem;
}
.text--small.spaceBtmM {
  margin-bottom: 30px;
}
.text--small.small {
  font-size: 13px;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--small {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .text--small.spaceBtmM {
    margin-bottom: 15px;
  }
  .text--small.small {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
/* -------------------
* text default
-------------------*/
.text--default {
  font-size: 16px;
  font-size: 1rem;
}
.text--default.spaceBtmS {
  margin-bottom: 20px;
}
.text--default.spaceM, .text--default.spaceBtmM {
  margin-bottom: 30px;
}
.text--default.spaceBtmL {
  margin-bottom: 50px;
}
.text--default.spaceTopS {
  padding-top: 10px;
}
.text--default.spaceTopM {
  padding-top: 20px;
}

/* -------------------
 * text lerge
 -------------------*/
.text--lerge {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
}
.text--lerge.lh__small {
  line-height: 1.4;
}
.text--lerge.lh__normal {
  line-height: 1.6;
}
.text--lerge.small {
  font-size: 14px;
  font-size: 0.875rem;
}
.text--lerge.lerge {
  font-size: 18px;
  font-size: 1.125rem;
}
.text--lerge.spaceTopS {
  padding-top: 15px;
}
.text--lerge.spaceTopM {
  margin-top: 20px;
}
.text--lerge.spaceBtmS {
  margin-bottom: 20px;
}
.text--lerge.spaceM, .text--lerge.spaceBtmM {
  margin-bottom: 30px;
}
.text--lerge.spaceBtmL {
  margin-bottom: 50px;
}
.text--lerge.spaceLR {
  padding-left: 20px;
  padding-right: 20px;
}
.text--lerge.has__borderBtm {
  border-bottom: 1px solid #123379;
  padding-bottom: 20px;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--lerge {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  .text--lerge.lh__normal {
    line-height: 1.6;
  }
  .text--lerge.small, .text--lerge.small2 {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .text--lerge.lerge {
    font-size: 16px;
    font-size: 1rem;
  }
  .text--lerge.aligncenter {
    text-align: left;
  }
  .text--lerge.spaceM {
    margin-bottom: 15px;
  }
  .text--lerge.spaceLR {
    padding-left: 0;
    padding-right: 0;
  }
  .text--lerge.sp__spaceTopN {
    padding-top: 0;
    margin-top: 0;
  }
}

/* -------------------                                                                                                                             
 * text bigger                                                                                                                                     
 -------------------*/                                                                                                                             
.text--bigger {                                                                                                                                    
  font-size: 22px;                                                                                                                                 
  font-size: 1.375rem;                                                                                                                             
}                                                                                                                                                  
/* sp */                                                                                                                                           
@media screen and (max-width: 639px) {                                                                                                             
  .text--bigger {                                                                                                                                  
    font-size: 16px;                                                                                                                               
    font-size: 1rem;                                                                                                                               
  }                                                                                                                                                
}                                                                                                                                                  
                                                                                                                                                   
/* -------------------                                                                                                                             
 * text xlerge                                                                                                                                     
 -------------------*/      
.text--xlerge {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
}
.text--xlerge.lh__normal {
  line-height: 1.6;
}
.text--xlerge.small {
  font-size: 20px;
  font-size: 1.25rem;
}
.text--xlerge.xsmall {
  font-size: 19px;
}
.text--xlerge.spaceBtmM {
  margin-bottom: 25px;
}
.text--xlerge > .text--xlerge__in-border{
  border: 1px solid #bbbbbb;
  padding: 20px 60px;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--xlerge {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .text--xlerge.small {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .text--xlerge.sp__alignleft {
    text-align: left;
  }
  .text--xlerge.xsmall {
    font-size: 16px;
  }
  .text--xlerge > .text--xlerge__in-border{
    padding: 10px 10px;
    display: inline-block;
  }
}
/* -------------------
* text indent
-------------------*/
.text--indent {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 16px;
  text-indent: -16px;
}
.text--indent.spaceM {
  margin-bottom: 30px;
}
.text--indent.text--small {
  padding-left: 14px;
  text-indent: -14px;
  font-size: 14px;
  font-size: 0.875rem;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--indent {
    padding-left: 14px;
    text-indent: -14px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .text--indent.text--small {
    padding-left: 12px;
    text-indent: -12px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
/* -------------------
 * text msg
 -------------------*/
.text--msg {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}
.text--msg.spaceM {
  margin-bottom: 30px;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--msg {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6;
  }
}
/* -------------------
 * text head
 -------------------*/
.text--head {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
}
.text--head.spaceTopM {
  padding-top: 20px;
}
.text--head.spaceLR {
  padding-left: 20px;
  padding-right: 20px;
}
.text--head.spaceM {
  margin-bottom: 30px;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--head {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    padding-left: 15px;
    padding-right: 15px;
  }
  .text--head.sp__spaceLeftRightN {
    padding-left: 0;
    padding-right: 0;
  }
  .text--head.spaceM {
    margin-bottom: 15px;
  }
}
/* -------------------
* text lead
-------------------*/
.text--lead {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
}
.text--lead.spaceBtmM {
  margin-bottom: 35px;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--lead {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
  }
}

/* -------------------
* text line band
-------------------*/
.text--lineband{
  border-radius: 5px;
  border: 3px solid #f30000;
  padding: 3px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
}
.text--lineband.outerTopS{margin-top: 10px;}

/* -------------------
* text band
-------------------*/
.text--band {
  padding: 8px 0;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
.text--band.wightNormal {
  font-weight: normal;
}
.text--band.has__adobe {
  position: relative;
  padding: 23px 140px 23px 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.text--band.has__adobe > .adobe {
  position: absolute;
  top: 50%;
  right: 82px;
  margin-top: -20px;
}
.text--band.has__tel {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 25px;
  font-size: 1.5625rem;
}
.text--band.has__tel .ico {
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 12px;
}
.text--band > .ico--text {
  vertical-align: top;
  margin-right: 10px;
}
.text--band > .inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-top: 5px;
}
.text--band > .lerge {
  padding-top: 10px;
  font-size: 26px;
  font-size: 1.625rem;
}
.text--band > .lerge.inline-block {
  padding-top: 8px;
}
.text--band > .mLerge {
  font-size: 20px;
  font-size: 1.25rem;
}
.text--band > .small {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.0;
}
.text--band.lerge {
  padding-top: 15px;
  padding-bottom: 15px;
}
.text--band.spaceLergeLR {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 100px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.text--band.attention {
  background-color: #f28199;
}
.text--band.beige {
  background: #efefef;
  color: #000000;
}
.text--band.primary {
  background: #e0f1fb;
  color: #000000;
}
.text--band.disabled {
  background: #F2F1EC;
  color: #000000;
}
.text--band.has__arr {
  position: relative;
  margin-bottom: 35px;
}
.text--band.has__arr:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 20px;
  left: 50%;
  bottom: -20px;
  margin-left: -30px;
  background-position: center;
  background-repeat: no-repeat;
}
.text--band.has__arr.primary:after {
  background-image: url("../img/ico/caret-down-primary.png");
}
.text--band.has__arr.disabled:after {
  background-image: url("../img/ico/caret-down-gray.png");
}
.text--band.spaceBtmN {
  margin-bottom: 0px;
}
.text--band.spaceBtmS {
  margin-bottom: 15px;
}
.text--band.spaceBtmM {
  margin-bottom: 20px;
}
.text--band.spaceBtmL {
  margin-bottom: 40px;
}
.text--band.line3 {
  line-height: 1.4;
  padding-bottom: 18px;
}
.text--band.line3 > .ico--text {
  position: relative;
  top: 12px;
}
.text--band.alignleft {
  text-align: left;
  padding-left: 20px;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--band {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  .text--band.has__adobe {
    position: relative;
    padding: 15px 15px 15px 15px;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: left;
  }
  .text--band.has__adobe > .adobe {
    position: relative;
    top: auto;
    right: auto;
    margin: 10px auto 0 auto;
    display: block;
    width: 140px;
    height: 34px;
  }
  .text--band.has__adobe > .adobe img {
    width: 140px;
    height: auto;
  }
  .text--band.has__tel {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .text--band.has__tel .ico {
    margin-left: 7px;
  }
  .text--band > .lerge {
    padding-top: 0px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .text--band > .mLerge {
    font-size: 16px;
    font-size: 1rem;
  }
  .text--band.lerge {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .text--band.sp__left {
    position: relative;
    min-height: 40px;
    text-align: left;
    padding-left: 100px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .text--band.sp__left > .ico--text {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -40px;
  }
  .text--band.alignleft {
    text-align: center;
    padding-left: 0px;
  }
}
/* -------------------
* text danger
-------------------*/
.text--danger {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #f30000;
  padding: 0 10px;
}
.text--danger.spaceBtmM {
  margin-bottom: 30px;
}
.text--danger.lerge {
  font-size: 18px;
  font-size: 1.125rem;
}
.text--danger.spaceLRN {
  padding-left: 0;
  padding-right: 0;
}

/* sp */
@media screen and (max-width: 639px) {
  .text--danger {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .text--danger.lerge {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* ---------------------------
 *
 *  btn
 *
 * -------------------------*/
/* -------------------
 * btn layout
 -------------------*/
.btn--area {
  text-align: center;
  padding-top: 23px;
}
.btn--area.spaceTopN {
  padding-top: 0;
}
.btn--area.spaceTopS {                                                                                                                             
  padding-top: 5px;                                                                                                                                
}                                                                                                                                                  
.btn--area.spaceTopM {                                                                                                                             
  padding-top: 20px;                                                                                                                               
}
.btn--area.spaceBtmS {
  margin-bottom: 15px;
}
.btn--area.spaceBtmM {
  margin-bottom: 30px;
}
.btn--area.spaceBtmL {
  margin-bottom: 40px;
}
.btn--area.pull-left {
  text-align: left;
}
.btn--area.alignright {
  text-align: right;
}

.btn--area__2.spaceTopM {
  padding-top: 25px;
}
.btn--area__2.spaceTopXL {
  padding-top: 90px;
}
.btn--area__2 .btn {
  margin: 0 40px;
}
.btn--area__2_float > .btn{                                                                                                                        
  float: right;                                                                                                                                    
}                                                                                                                                                  
.btn--area__2_float > .btn:first-child{                                                                                                            
  float: left;                                                                                                                                     
}


/* sp */
@media screen and (max-width: 639px) {
  .btn--area.sp__spaceTopS {
    padding-top: 10px;
  }
  .btn--area__2 {
    padding-top: 0;
  }
  .btn--area__2.spaceTopM {
    padding-top: 20px;
  }
  .btn--area__2.spaceTopXL {
    padding-top: 30px;
  }
  .btn--area__2 .btn {
    margin: 0 0 15px 0;
  }
}
button.btn {
  background: transparent;
  border: none;
  cursor: pointer;
}

.btn,
a.btn {
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn.state__disabed{                                                                                                                               
  cursor: no-drop;                                                                                                                                 
}   
.btn:hover,
a.btn:hover {
  opacity: 0.7;
}

span.btn:hover {
  opacity: 1;
}

/* default */
.btn.btn--default,
a.btn.btn--default {
  border: 1px solid #CCC;
  background-position: center;
  background-repeat: repeat-x;
  background-image: url("../img/bg_gra_29.png");
  padding: 0 20px 0 10px;
  color: #123379;
  font-size: 14px;
  font-size: 0.875rem;
}
.btn.btn--default.sizeS,
a.btn.btn--default.sizeS {
  height: 29px;
  line-height: 28px;
  background-image: url("../img/bg_gra_29.png");
}
.btn.btn--default.sizeS.nowrap{
  white-space: nowrap;
  padding-right: 10px;
}
.btn.btn--default.sizeS.nowrap i{
  margin-right: 5px;
}
.btn.btn--default.sizeS i,
a.btn.btn--default.sizeS i {
  margin-right: 15px;
  position: relative;
  top: 3px;
}
.btn.btn--default.sizeM,
a.btn.btn--default.sizeM {
  height: 38px;
  line-height: 38px;
  background-image: url("../img/bg_gra_38.png");
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 35px;
  padding-right: 35px;
  text-align: left;
}
.btn.btn--default.sizeM i,
a.btn.btn--default.sizeM i {
  margin-right: 15px;
  position: relative;
  top: 2px;
}
.btn.btn--default.sizeM.flex,
a.btn.btn--default.sizeM.flex {
  padding-left: 20px;
}
.btn.btn--default.sizeM.flex .ico,
a.btn.btn--default.sizeM.flex .ico {
  margin-right: 25px;
}
.btn.btn--default.sizeM.sp__small, .btn.btn--default.sizeM.sp__small_wAuto,
a.btn.btn--default.sizeM.sp__small,
a.btn.btn--default.sizeM.sp__small_wAuto {
  height: 29px;
  line-height: 28px;
  background-image: url("../img/bg_gra_29.png");
  padding-left: 4px;
  padding-right: 0px;
  font-size: 12px;
  font-size: 0.75rem;
  width: 100%;
  text-align: left;
}
.btn.btn--default.sizeM.sp__small i, .btn.btn--default.sizeM.sp__small_wAuto i,
a.btn.btn--default.sizeM.sp__small i,
a.btn.btn--default.sizeM.sp__small_wAuto i {
  margin-right: 2px;
  position: relative;
  top: 3px;
}
.btn.btn--default.sizeM.sp__small_wAuto,
a.btn.btn--default.sizeM.sp__small_wAuto {
  width: auto;
  padding-left: 5px;
  padding-right: 10px;
}
.btn.btn--default.sizeM.sp__middle,
a.btn.btn--default.sizeM.sp__middle {
  height: 29px;
  line-height: 29px;
  background-image: url("../img/bg_gra_29.png");
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}
.btn.btn--default.sizeM.sp__middle i,
a.btn.btn--default.sizeM.sp__middle i {
  margin-right: 15px;
  position: relative;
  top: 3px;
}
.btn.btn--default.sizeM.sp__middle.flex,
a.btn.btn--default.sizeM.sp__middle.flex {
  padding-left: 20px;
  padding-right: 20px;
}
.btn.btn--default.sizeM.sp__middle.flex .ico,
a.btn.btn--default.sizeM.sp__middle.flex .ico {
  margin-right: 5px;
}

/*
 #styleguide
 btn white

 全ページで汎用的に使うスタイルです。

 ```
 <a class="btn btn--white">一覧</a>
 ```
 */
.btn.btn--white,
a.btn.btn--white {
  border: 1px solid #CCC;
  background-position: center;
  background-repeat: repeat-x;
  padding: 0 16px 0 7px;
  font-size: 13px;
  font-size: 0.8125rem;
  background: #FFF;
}
.btn.btn--white.sizeXS,
a.btn.btn--white.sizeXS {
  height: 26px;
  line-height: 26px;
  padding: 0 16px 0 7px;
}
.btn.btn--white.sizeXS i,
a.btn.btn--white.sizeXS i {
  margin-right: 6px;
  position: relative;
  top: 3px;
}
.btn.btn--white.sizeS,
a.btn.btn--white.sizeS {
  height: 26px;
  line-height: 26px;
}
.btn.btn--white.sizeS i,
a.btn.btn--white.sizeS i {
  margin-right: 9px;
  position: relative;
  top: 3px;
}
.btn.btn--white.sizeSM,
a.btn.btn--white.sizeSM {
  height: 30px;
  line-height: 30px;
}
.btn.btn--white.sizeSM i,
a.btn.btn--white.sizeSM i {
  margin-right: 9px;
  position: relative;
  top: 3px;
}
.btn.btn--white.sizeL,
a.btn.btn--white.sizeL {
  height: 35px;
  line-height: 35px;
}
.btn.btn--white.sizeL i,
a.btn.btn--white.sizeL i {
  margin-right: 9px;
  position: relative;
  top: 3px;
}

/* sp */
@media screen and (max-width: 639px) {
  .btn.btn--white,
  a.btn.btn--white {
    padding: 0 7px 0 5px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .btn.btn--white.sizeS i,
  a.btn.btn--white.sizeS i {
    margin-right: 5px;
    position: relative;
    top: 3px;
  }
}
/*
 #styleguide
 btn yellow

 全ページで汎用的に使うスタイルです。

 ```
 <a class="btn btn--yellow">一覧</a>
 ```
 */
.btn.btn--yellow,
a.btn.btn--yellow {
  background: url("../img/btn--yellow.png") no-repeat center center;
  width: 223px;
  height: 63px;
  line-height: 54px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}

/* block */                                                                                                                                        
.btn.btn--block,                                                                                                                                   
a.btn.btn--block {                                                                                                                                 
  display: block;                                                                                                                                  
  text-align: center;                                                                                                                              
  font-weight: normal;                                                                                                                             
  font-size: 16px;                                                                                                                                 
  border-radius: 0;                                                                                                                                
}                                                                                                                                                  
.btn.btn--block.js-accordion-link > .ico--caret-black-btm {                                                                                        
  position: relative;                                                                                                                              
  top: 2px;                                                                                                                                        
}                                                                                                                                                  
.btn.btn--block.js-accordion-link.active > .ico--caret-black-btm {                                                                                 
  -moz-transform: rotate(-180deg);                                                                                                                 
  -webkit-transform: rotate(-180deg);                                                                                                              
  -o-transform: rotate(-180deg);                                                                                                                   
  -ms-transform: rotate(-180deg);                                                                                                                  
  transform: rotate(-180deg);                                                                                                                      
}                                                                                                                                                  
                                                                                                                                                   
/* full */                                                                                                                                         
.btn.btn--full,                                                                                                                                    
a.btn.btn--full,                                                                                                                                   
.btn--area > .btn.btn--full.has__icon,                                                                                                             
.btn--area > a.btn.btn--full {                                                                                                                     
  display: block;                                                                                                                                  
  text-align: center;                                                                                                                              
  padding-left: 0;                                                                                                                                 
  padding-right: 20px;                                                                                                                             
}              

/* blue */
.btn.btn--blue,
a.btn.btn--blue {
  background: url("../img/btn/blue.png") no-repeat center center;
  width: 158px;
  height: 22px;
  color: #FFF;
  font-size: 13px;
  padding: 4px 0 0 6px;
  text-align: center;
}

/* blue gra */
.btn.btn--blue_gra,
a.btn.btn--blue_gra {
  background: url("../img/btn/blue_gra.png") repeat-x center;
  height: 67px;
  color: #FFF;
  font-size: 22px;
  padding: 13px 35px 0 35px;
  border: 2px solid #FFF;
}
.btn.btn--blue_gra.line2,
a.btn.btn--blue_gra.line2 {
  font-size: 22px;
  font-weight: bold;
  height: 72px;
  padding-top: 8px;
}
.btn.btn--blue_gra.line2 > .ico,
a.btn.btn--blue_gra.line2 > .ico {
  position: relative;
  top: 4px;
  margin-right: 4px;
}
.btn.btn--blue_gra.line2 > span,
a.btn.btn--blue_gra.line2 > span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.btn.btn--blue_gra.line2 > span.btn--blue_gra__has_item,
a.btn.btn--blue_gra.line2 > span.btn--blue_gra__has_item {
  color: #ffff00;
}
.btn.btn--blue_gra.block,
a.btn.btn--blue_gra.block {
  display: block;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

/* pink */
.btn.btn--pink,
a.btn.btn--pink,
.btn.btn--red,
a.btn.btn--red {
  background: url("../img/btn/pink.png") repeat-x center center;
  height: 56px;
  color: #FFF;
  padding: 2px 21px 0 19px;
  font-size: 18px;
}
.btn.btn--pink .ico,
a.btn.btn--pink .ico,
.btn.btn--red .ico,
a.btn.btn--red .ico {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.btn.btn--red,
a.btn.btn--red {
  background-image: url("../img/btn/red.png");
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* sp */
@media screen and (max-width: 639px) {
  .btn.btn--pink,
  a.btn.btn--pink,
  .btn.btn--red,
  a.btn.btn--red {
    background-size: auto 40px;
    height: 40px;
    padding: 2px 10px 0 8px;
    font-size: 14px;
  }
  .btn.btn--pink .ico,
  a.btn.btn--pink .ico,
  .btn.btn--red .ico,
  a.btn.btn--red .ico {
    position: relative;
    top: 2px;
    margin-right: 3px;
  }
}
/* -------------------
* btn basic
* primary・blue-line・primary-gra・info-gra
-------------------*/
/* common */
.btn.btn--primary,
a.btn.btn--primary,
.btn.btn--blue-line,
a.btn.btn--blue-line,
.btn.btn--primary-gra,
a.btn.btn--primary-gra,
.btn.btn--info-gra,
a.btn.btn--info-gra {
  padding: 11px 88px 12px 88px;
  font-size: 16px;
  font-size: 1rem;
}
.btn.btn--primary.spaceBtmM,
a.btn.btn--primary.spaceBtmM,
.btn.btn--blue-line.spaceBtmM,
a.btn.btn--blue-line.spaceBtmM,
.btn.btn--primary-gra.spaceBtmM,
a.btn.btn--primary-gra.spaceBtmM,
.btn.btn--info-gra.spaceBtmM,
a.btn.btn--info-gra.spaceBtmM {
  margin-bottom: 30px;
}
.btn.btn--primary.has__icon,
a.btn.btn--primary.has__icon,
.btn.btn--blue-line.has__icon,
a.btn.btn--blue-line.has__icon,
.btn.btn--primary-gra.has__icon,
a.btn.btn--primary-gra.has__icon,
.btn.btn--info-gra.has__icon,
a.btn.btn--info-gra.has__icon {
  position: relative;
  padding-right: 112px;
}
.btn.btn--primary.has__icon .ico,
a.btn.btn--primary.has__icon .ico,
.btn.btn--blue-line.has__icon .ico,
a.btn.btn--blue-line.has__icon .ico,
.btn.btn--primary-gra.has__icon .ico,
a.btn.btn--primary-gra.has__icon .ico,
.btn.btn--info-gra.has__icon .ico,
a.btn.btn--info-gra.has__icon .ico {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 25px;
}
.btn.btn--primary.has__icon__smart,
a.btn.btn--primary.has__icon__smart,
.btn.btn--blue-line.has__icon__smart,
a.btn.btn--blue-line.has__icon__smart,
.btn.btn--primary-gra.has__icon__smart,
a.btn.btn--primary-gra.has__icon__smart,
.btn.btn--info-gra.has__icon__smart,
a.btn.btn--info-gra.has__icon__smart {
  position: relative;
  padding-left: 15px;
  padding-right: 45px;
}
.btn.btn--primary.has__icon__smart.lerge,
a.btn.btn--primary.has__icon__smart.lerge,
.btn.btn--blue-line.has__icon__smart.lerge,
a.btn.btn--blue-line.has__icon__smart.lerge,
.btn.btn--primary-gra.has__icon__smart.lerge,
a.btn.btn--primary-gra.has__icon__smart.lerge,
.btn.btn--info-gra.has__icon__smart.lerge,
a.btn.btn--info-gra.has__icon__smart.lerge {
  padding-left: 33px;
  padding-right: 63px;
}
.btn.btn--primary.has__icon__smart .ico,
a.btn.btn--primary.has__icon__smart .ico,
.btn.btn--blue-line.has__icon__smart .ico,
a.btn.btn--blue-line.has__icon__smart .ico,
.btn.btn--primary-gra.has__icon__smart .ico,
a.btn.btn--primary-gra.has__icon__smart .ico,
.btn.btn--info-gra.has__icon__smart .ico,
a.btn.btn--info-gra.has__icon__smart .ico {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 20px;
}
.btn.btn--primary.has__icons__smart,
a.btn.btn--primary.has__icons__smart,
.btn.btn--blue-line.has__icons__smart,
a.btn.btn--blue-line.has__icons__smart,
.btn.btn--primary-gra.has__icons__smart,
a.btn.btn--primary-gra.has__icons__smart,
.btn.btn--info-gra.has__icons__smart,
a.btn.btn--info-gra.has__icons__smart {
  position: relative;
  padding-left: 18px;
  padding-right: 80px;
}
.btn.btn--primary.has__icons__smart .ico,
a.btn.btn--primary.has__icons__smart .ico,
.btn.btn--blue-line.has__icons__smart .ico,
a.btn.btn--blue-line.has__icons__smart .ico,
.btn.btn--primary-gra.has__icons__smart .ico,
a.btn.btn--primary-gra.has__icons__smart .ico,
.btn.btn--info-gra.has__icons__smart .ico,
a.btn.btn--info-gra.has__icons__smart .ico {
  position: absolute;
  top: 50%;
}
.btn.btn--primary.has__icons__smart .ico.ico--angle-white-right, .btn.btn--primary.has__icons__smart .ico.ico--angle-black-right,
a.btn.btn--primary.has__icons__smart .ico.ico--angle-white-right,
a.btn.btn--primary.has__icons__smart .ico.ico--angle-black-right,
.btn.btn--blue-line.has__icons__smart .ico.ico--angle-white-right,
.btn.btn--blue-line.has__icons__smart .ico.ico--angle-black-right,
a.btn.btn--blue-line.has__icons__smart .ico.ico--angle-white-right,
a.btn.btn--blue-line.has__icons__smart .ico.ico--angle-black-right,
.btn.btn--primary-gra.has__icons__smart .ico.ico--angle-white-right,
.btn.btn--primary-gra.has__icons__smart .ico.ico--angle-black-right,
a.btn.btn--primary-gra.has__icons__smart .ico.ico--angle-white-right,
a.btn.btn--primary-gra.has__icons__smart .ico.ico--angle-black-right,
.btn.btn--info-gra.has__icons__smart .ico.ico--angle-white-right,
.btn.btn--info-gra.has__icons__smart .ico.ico--angle-black-right,
a.btn.btn--info-gra.has__icons__smart .ico.ico--angle-white-right,
a.btn.btn--info-gra.has__icons__smart .ico.ico--angle-black-right {
  margin-top: -8px;
  right: 52px;
}
.btn.btn--primary.has__icons__smart .ico.ico--blank-white, .btn.btn--primary.has__icons__smart .ico.ico--blank-blue,
a.btn.btn--primary.has__icons__smart .ico.ico--blank-white,
a.btn.btn--primary.has__icons__smart .ico.ico--blank-blue,
.btn.btn--blue-line.has__icons__smart .ico.ico--blank-white,
.btn.btn--blue-line.has__icons__smart .ico.ico--blank-blue,
a.btn.btn--blue-line.has__icons__smart .ico.ico--blank-white,
a.btn.btn--blue-line.has__icons__smart .ico.ico--blank-blue,
.btn.btn--primary-gra.has__icons__smart .ico.ico--blank-white,
.btn.btn--primary-gra.has__icons__smart .ico.ico--blank-blue,
a.btn.btn--primary-gra.has__icons__smart .ico.ico--blank-white,
a.btn.btn--primary-gra.has__icons__smart .ico.ico--blank-blue,
.btn.btn--info-gra.has__icons__smart .ico.ico--blank-white,
.btn.btn--info-gra.has__icons__smart .ico.ico--blank-blue,
a.btn.btn--info-gra.has__icons__smart .ico.ico--blank-white,
a.btn.btn--info-gra.has__icons__smart .ico.ico--blank-blue {
  margin-top: -12px;
  right: 10px;
}
.btn.btn--primary.has__icon__middle,
a.btn.btn--primary.has__icon__middle,
.btn.btn--blue-line.has__icon__middle,
a.btn.btn--blue-line.has__icon__middle,
.btn.btn--primary-gra.has__icon__middle,
a.btn.btn--primary-gra.has__icon__middle,
.btn.btn--info-gra.has__icon__middle,
a.btn.btn--info-gra.has__icon__middle {
  position: relative;
  padding-top: 0px;
  padding-bottom: 12px;
  padding-left: 40px;
  padding-right: 80px;
}
.btn.btn--primary.has__icon__middle .ico--pdf,
a.btn.btn--primary.has__icon__middle .ico--pdf,
.btn.btn--blue-line.has__icon__middle .ico--pdf,
a.btn.btn--blue-line.has__icon__middle .ico--pdf,
.btn.btn--primary-gra.has__icon__middle .ico--pdf,
a.btn.btn--primary-gra.has__icon__middle .ico--pdf,
.btn.btn--info-gra.has__icon__middle .ico--pdf,
a.btn.btn--info-gra.has__icon__middle .ico--pdf {
  position: relative;
  top: 8px;
}
.btn.btn--primary.has__icon__middle .ico--angle-black-right,
a.btn.btn--primary.has__icon__middle .ico--angle-black-right,
.btn.btn--blue-line.has__icon__middle .ico--angle-black-right,
a.btn.btn--blue-line.has__icon__middle .ico--angle-black-right,
.btn.btn--primary-gra.has__icon__middle .ico--angle-black-right,
a.btn.btn--primary-gra.has__icon__middle .ico--angle-black-right,
.btn.btn--info-gra.has__icon__middle .ico--angle-black-right,
a.btn.btn--info-gra.has__icon__middle .ico--angle-black-right {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 15px;
}
.btn.btn--primary.has__icon__lerge,
a.btn.btn--primary.has__icon__lerge,
.btn.btn--blue-line.has__icon__lerge,
a.btn.btn--blue-line.has__icon__lerge,
.btn.btn--primary-gra.has__icon__lerge,
a.btn.btn--primary-gra.has__icon__lerge,
.btn.btn--info-gra.has__icon__lerge,
a.btn.btn--info-gra.has__icon__lerge {
  position: relative;
  padding-top: 0px;
  padding-bottom: 12px;
  padding-right: 112px;
}
.btn.btn--primary.has__icon__lerge .ico--pdf,
a.btn.btn--primary.has__icon__lerge .ico--pdf,
.btn.btn--blue-line.has__icon__lerge .ico--pdf,
a.btn.btn--blue-line.has__icon__lerge .ico--pdf,
.btn.btn--primary-gra.has__icon__lerge .ico--pdf,
a.btn.btn--primary-gra.has__icon__lerge .ico--pdf,
.btn.btn--info-gra.has__icon__lerge .ico--pdf,
a.btn.btn--info-gra.has__icon__lerge .ico--pdf {
  position: relative;
  top: 8px;
}
.btn.btn--primary.has__icon__lerge .ico--angle-black-right,
a.btn.btn--primary.has__icon__lerge .ico--angle-black-right,
.btn.btn--blue-line.has__icon__lerge .ico--angle-black-right,
a.btn.btn--blue-line.has__icon__lerge .ico--angle-black-right,
.btn.btn--primary-gra.has__icon__lerge .ico--angle-black-right,
a.btn.btn--primary-gra.has__icon__lerge .ico--angle-black-right,
.btn.btn--info-gra.has__icon__lerge .ico--angle-black-right,
a.btn.btn--info-gra.has__icon__lerge .ico--angle-black-right {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 25px;
}
.btn.btn--primary.has__icon__xsmart,                                                                                                               
a.btn.btn--primary.has__icon__xsmart,                                                                                                              
.btn.btn--blue-line.has__icon__xsmart,                                                                                                             
a.btn.btn--blue-line.has__icon__xsmart,                                                                                                            
.btn.btn--primary-gra.has__icon__xsmart,                                                                                                           
a.btn.btn--primary-gra.has__icon__xsmart,                                                                                                          
.btn.btn--info-gra.has__icon__xsmart,                                                                                                              
a.btn.btn--info-gra.has__icon__xsmart {                                                                                                            
  position: relative;                                                                                                                              
  padding-left: 0;                                                                                                                                 
  padding-right: 10px;                                                                                                                             
  text-align: center;                                                                                                                              
  width: 152px;                                                                                                                                    
  font-weight: normal;                                                                                                                             
}                                                                                                                                                  
.btn.btn--primary.has__icon__xsmart .ico,                                                                                                          
a.btn.btn--primary.has__icon__xsmart .ico,                                                                                                         
.btn.btn--blue-line.has__icon__xsmart .ico,                                                                                                        
a.btn.btn--blue-line.has__icon__xsmart .ico,                                                                                                       
.btn.btn--primary-gra.has__icon__xsmart .ico,                                                                                                      
a.btn.btn--primary-gra.has__icon__xsmart .ico,                                                                                                     
.btn.btn--info-gra.has__icon__xsmart .ico,                                                                                                         
a.btn.btn--info-gra.has__icon__xsmart .ico {                                                                                                       
  position: absolute;                                                                                                                              
  top: 50%;                                                                                                                                        
  margin-top: -9px;                                                                                                                                
  right: 15px;                                                                                                                                     
}                                                                                                                                                  
.btn.btn--primary.has__icon__xsmart .ico.ico--pdf__s,                                                                                              
a.btn.btn--primary.has__icon__xsmart .ico.ico--pdf__s,                                                                                             
.btn.btn--blue-line.has__icon__xsmart .ico.ico--pdf__s,                                                                                            
a.btn.btn--blue-line.has__icon__xsmart .ico.ico--pdf__s,                                                                                           
.btn.btn--primary-gra.has__icon__xsmart .ico.ico--pdf__s,                                                                                          
a.btn.btn--primary-gra.has__icon__xsmart .ico.ico--pdf__s,                                                                                         
.btn.btn--info-gra.has__icon__xsmart .ico.ico--pdf__s,                                                                                             
a.btn.btn--info-gra.has__icon__xsmart .ico.ico--pdf__s {                                                                                           
  margin-top: -14px;                                                                                                                               
  right: 8px;                                                                                                                                      
}
.btn.btn--primary.block,
a.btn.btn--primary.block,
.btn.btn--blue-line.block,
a.btn.btn--blue-line.block,
.btn.btn--primary-gra.block,
a.btn.btn--primary-gra.block,
.btn.btn--info-gra.block,
a.btn.btn--info-gra.block {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 30px;
  display: block;
  text-align: center;
}
.btn.btn--primary.staticM,
a.btn.btn--primary.staticM,
.btn.btn--blue-line.staticM,
a.btn.btn--blue-line.staticM,
.btn.btn--primary-gra.staticM,
a.btn.btn--primary-gra.staticM,
.btn.btn--info-gra.staticM,
a.btn.btn--info-gra.staticM {
  width: 200px;
  padding-right: 100px;
}
.btn.btn--primary.staticL,
a.btn.btn--primary.staticL,
.btn.btn--blue-line.staticL,
a.btn.btn--blue-line.staticL,
.btn.btn--primary-gra.staticL,
a.btn.btn--primary-gra.staticL,
.btn.btn--info-gra.staticL,
a.btn.btn--info-gra.staticL {
  width: 375px;
}
.btn.btn--primary.sizeSmall.has__icon, .btn.btn--primary.sizeSmallL.has__icon, .btn.btn--primary.sizeDefault.has__icon, .btn.btn--primary.sizeLerge.has__icon, .btn.btn--primary.line2.has__icon,
a.btn.btn--primary.sizeSmall.has__icon,
a.btn.btn--primary.sizeSmallL.has__icon,
a.btn.btn--primary.sizeDefault.has__icon,
a.btn.btn--primary.sizeLerge.has__icon,
a.btn.btn--primary.line2.has__icon,
.btn.btn--blue-line.sizeSmall.has__icon,
.btn.btn--blue-line.sizeSmallL.has__icon,
.btn.btn--blue-line.sizeDefault.has__icon,
.btn.btn--blue-line.sizeLerge.has__icon,
.btn.btn--blue-line.line2.has__icon,
a.btn.btn--blue-line.sizeSmall.has__icon,
a.btn.btn--blue-line.sizeSmallL.has__icon,
a.btn.btn--blue-line.sizeDefault.has__icon,
a.btn.btn--blue-line.sizeLerge.has__icon,
a.btn.btn--blue-line.line2.has__icon,
.btn.btn--primary-gra.sizeSmall.has__icon,
.btn.btn--primary-gra.sizeSmallL.has__icon,
.btn.btn--primary-gra.sizeDefault.has__icon,
.btn.btn--primary-gra.sizeLerge.has__icon,
.btn.btn--primary-gra.line2.has__icon,
a.btn.btn--primary-gra.sizeSmall.has__icon,
a.btn.btn--primary-gra.sizeSmallL.has__icon,
a.btn.btn--primary-gra.sizeDefault.has__icon,
a.btn.btn--primary-gra.sizeLerge.has__icon,
a.btn.btn--primary-gra.line2.has__icon,
.btn.btn--info-gra.sizeSmall.has__icon,
.btn.btn--info-gra.sizeSmallL.has__icon,
.btn.btn--info-gra.sizeDefault.has__icon,
.btn.btn--info-gra.sizeLerge.has__icon,
.btn.btn--info-gra.line2.has__icon,
a.btn.btn--info-gra.sizeSmall.has__icon,
a.btn.btn--info-gra.sizeSmallL.has__icon,
a.btn.btn--info-gra.sizeDefault.has__icon,
a.btn.btn--info-gra.sizeLerge.has__icon,
a.btn.btn--info-gra.line2.has__icon {
  padding-right: 40px;
  position: relative;
}
.btn.btn--primary.sizeSmall.has__icon .ico, .btn.btn--primary.sizeSmallL.has__icon .ico, .btn.btn--primary.sizeDefault.has__icon .ico, .btn.btn--primary.sizeLerge.has__icon .ico, .btn.btn--primary.line2.has__icon .ico,
a.btn.btn--primary.sizeSmall.has__icon .ico,
a.btn.btn--primary.sizeSmallL.has__icon .ico,
a.btn.btn--primary.sizeDefault.has__icon .ico,
a.btn.btn--primary.sizeLerge.has__icon .ico,
a.btn.btn--primary.line2.has__icon .ico,
.btn.btn--blue-line.sizeSmall.has__icon .ico,
.btn.btn--blue-line.sizeSmallL.has__icon .ico,
.btn.btn--blue-line.sizeDefault.has__icon .ico,
.btn.btn--blue-line.sizeLerge.has__icon .ico,
.btn.btn--blue-line.line2.has__icon .ico,
a.btn.btn--blue-line.sizeSmall.has__icon .ico,
a.btn.btn--blue-line.sizeSmallL.has__icon .ico,
a.btn.btn--blue-line.sizeDefault.has__icon .ico,
a.btn.btn--blue-line.sizeLerge.has__icon .ico,
a.btn.btn--blue-line.line2.has__icon .ico,
.btn.btn--primary-gra.sizeSmall.has__icon .ico,
.btn.btn--primary-gra.sizeSmallL.has__icon .ico,
.btn.btn--primary-gra.sizeDefault.has__icon .ico,
.btn.btn--primary-gra.sizeLerge.has__icon .ico,
.btn.btn--primary-gra.line2.has__icon .ico,
a.btn.btn--primary-gra.sizeSmall.has__icon .ico,
a.btn.btn--primary-gra.sizeSmallL.has__icon .ico,
a.btn.btn--primary-gra.sizeDefault.has__icon .ico,
a.btn.btn--primary-gra.sizeLerge.has__icon .ico,
a.btn.btn--primary-gra.line2.has__icon .ico,
.btn.btn--info-gra.sizeSmall.has__icon .ico,
.btn.btn--info-gra.sizeSmallL.has__icon .ico,
.btn.btn--info-gra.sizeDefault.has__icon .ico,
.btn.btn--info-gra.sizeLerge.has__icon .ico,
.btn.btn--info-gra.line2.has__icon .ico,
a.btn.btn--info-gra.sizeSmall.has__icon .ico,
a.btn.btn--info-gra.sizeSmallL.has__icon .ico,
a.btn.btn--info-gra.sizeDefault.has__icon .ico,
a.btn.btn--info-gra.sizeLerge.has__icon .ico,
a.btn.btn--info-gra.line2.has__icon .ico {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 20px;
}
.btn.btn--primary.sizeSmall.has__icon2, .btn.btn--primary.sizeSmallL.has__icon2, .btn.btn--primary.sizeDefault.has__icon2, .btn.btn--primary.sizeLerge.has__icon2, .btn.btn--primary.line2.has__icon2,
a.btn.btn--primary.sizeSmall.has__icon2,
a.btn.btn--primary.sizeSmallL.has__icon2,
a.btn.btn--primary.sizeDefault.has__icon2,
a.btn.btn--primary.sizeLerge.has__icon2,
a.btn.btn--primary.line2.has__icon2,
.btn.btn--blue-line.sizeSmall.has__icon2,
.btn.btn--blue-line.sizeSmallL.has__icon2,
.btn.btn--blue-line.sizeDefault.has__icon2,
.btn.btn--blue-line.sizeLerge.has__icon2,
.btn.btn--blue-line.line2.has__icon2,
a.btn.btn--blue-line.sizeSmall.has__icon2,
a.btn.btn--blue-line.sizeSmallL.has__icon2,
a.btn.btn--blue-line.sizeDefault.has__icon2,
a.btn.btn--blue-line.sizeLerge.has__icon2,
a.btn.btn--blue-line.line2.has__icon2,
.btn.btn--primary-gra.sizeSmall.has__icon2,
.btn.btn--primary-gra.sizeSmallL.has__icon2,
.btn.btn--primary-gra.sizeDefault.has__icon2,
.btn.btn--primary-gra.sizeLerge.has__icon2,
.btn.btn--primary-gra.line2.has__icon2,
a.btn.btn--primary-gra.sizeSmall.has__icon2,
a.btn.btn--primary-gra.sizeSmallL.has__icon2,
a.btn.btn--primary-gra.sizeDefault.has__icon2,
a.btn.btn--primary-gra.sizeLerge.has__icon2,
a.btn.btn--primary-gra.line2.has__icon2,
.btn.btn--info-gra.sizeSmall.has__icon2,
.btn.btn--info-gra.sizeSmallL.has__icon2,
.btn.btn--info-gra.sizeDefault.has__icon2,
.btn.btn--info-gra.sizeLerge.has__icon2,
.btn.btn--info-gra.line2.has__icon2,
a.btn.btn--info-gra.sizeSmall.has__icon2,
a.btn.btn--info-gra.sizeSmallL.has__icon2,
a.btn.btn--info-gra.sizeDefault.has__icon2,
a.btn.btn--info-gra.sizeLerge.has__icon2,
a.btn.btn--info-gra.line2.has__icon2 {
  padding-right: 60px;
  position: relative;
}
.btn.btn--primary.sizeSmall.has__icon2 .ico, .btn.btn--primary.sizeSmallL.has__icon2 .ico, .btn.btn--primary.sizeDefault.has__icon2 .ico, .btn.btn--primary.sizeLerge.has__icon2 .ico, .btn.btn--primary.line2.has__icon2 .ico,
a.btn.btn--primary.sizeSmall.has__icon2 .ico,
a.btn.btn--primary.sizeSmallL.has__icon2 .ico,
a.btn.btn--primary.sizeDefault.has__icon2 .ico,
a.btn.btn--primary.sizeLerge.has__icon2 .ico,
a.btn.btn--primary.line2.has__icon2 .ico,
.btn.btn--blue-line.sizeSmall.has__icon2 .ico,
.btn.btn--blue-line.sizeSmallL.has__icon2 .ico,
.btn.btn--blue-line.sizeDefault.has__icon2 .ico,
.btn.btn--blue-line.sizeLerge.has__icon2 .ico,
.btn.btn--blue-line.line2.has__icon2 .ico,
a.btn.btn--blue-line.sizeSmall.has__icon2 .ico,
a.btn.btn--blue-line.sizeSmallL.has__icon2 .ico,
a.btn.btn--blue-line.sizeDefault.has__icon2 .ico,
a.btn.btn--blue-line.sizeLerge.has__icon2 .ico,
a.btn.btn--blue-line.line2.has__icon2 .ico,
.btn.btn--primary-gra.sizeSmall.has__icon2 .ico,
.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico,
.btn.btn--primary-gra.sizeDefault.has__icon2 .ico,
.btn.btn--primary-gra.sizeLerge.has__icon2 .ico,
.btn.btn--primary-gra.line2.has__icon2 .ico,
a.btn.btn--primary-gra.sizeSmall.has__icon2 .ico,
a.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico,
a.btn.btn--primary-gra.sizeDefault.has__icon2 .ico,
a.btn.btn--primary-gra.sizeLerge.has__icon2 .ico,
a.btn.btn--primary-gra.line2.has__icon2 .ico,
.btn.btn--info-gra.sizeSmall.has__icon2 .ico,
.btn.btn--info-gra.sizeSmallL.has__icon2 .ico,
.btn.btn--info-gra.sizeDefault.has__icon2 .ico,
.btn.btn--info-gra.sizeLerge.has__icon2 .ico,
.btn.btn--info-gra.line2.has__icon2 .ico,
a.btn.btn--info-gra.sizeSmall.has__icon2 .ico,
a.btn.btn--info-gra.sizeSmallL.has__icon2 .ico,
a.btn.btn--info-gra.sizeDefault.has__icon2 .ico,
a.btn.btn--info-gra.sizeLerge.has__icon2 .ico,
a.btn.btn--info-gra.line2.has__icon2 .ico {
  position: absolute;
  top: 50%;
}
.btn.btn--primary.sizeSmall.has__icon2 .ico.ico--angle-white-right, .btn.btn--primary.sizeSmall.has__icon2 .ico.ico--angle-black-right, .btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--angle-white-right, .btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--angle-black-right, .btn.btn--primary.sizeDefault.has__icon2 .ico.ico--angle-white-right, .btn.btn--primary.sizeDefault.has__icon2 .ico.ico--angle-black-right, .btn.btn--primary.sizeLerge.has__icon2 .ico.ico--angle-white-right, .btn.btn--primary.sizeLerge.has__icon2 .ico.ico--angle-black-right, .btn.btn--primary.line2.has__icon2 .ico.ico--angle-white-right, .btn.btn--primary.line2.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary.sizeSmall.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary.sizeSmall.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary.sizeDefault.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary.sizeDefault.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary.sizeLerge.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary.sizeLerge.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary.line2.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary.line2.has__icon2 .ico.ico--angle-black-right,
.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--angle-white-right,
.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--angle-black-right,
.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--angle-black-right,
.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--angle-white-right,
.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--angle-black-right,
.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--angle-white-right,
.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--angle-black-right,
.btn.btn--blue-line.line2.has__icon2 .ico.ico--angle-white-right,
.btn.btn--blue-line.line2.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--blue-line.line2.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--blue-line.line2.has__icon2 .ico.ico--angle-black-right,
.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--angle-white-right,
.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--angle-black-right,
.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--angle-black-right,
.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--angle-white-right,
.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--angle-black-right,
.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--angle-white-right,
.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--angle-black-right,
.btn.btn--primary-gra.line2.has__icon2 .ico.ico--angle-white-right,
.btn.btn--primary-gra.line2.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--primary-gra.line2.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--primary-gra.line2.has__icon2 .ico.ico--angle-black-right,
.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--angle-white-right,
.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--angle-black-right,
.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--angle-black-right,
.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--angle-white-right,
.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--angle-black-right,
.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--angle-white-right,
.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--angle-black-right,
.btn.btn--info-gra.line2.has__icon2 .ico.ico--angle-white-right,
.btn.btn--info-gra.line2.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--angle-black-right,
a.btn.btn--info-gra.line2.has__icon2 .ico.ico--angle-white-right,
a.btn.btn--info-gra.line2.has__icon2 .ico.ico--angle-black-right {
  margin-top: -8px;
  right: 47px;
}
.btn.btn--primary.sizeSmall.has__icon2 .ico.ico--blank-white, .btn.btn--primary.sizeSmall.has__icon2 .ico.ico--blank-blue, .btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--blank-white, .btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--blank-blue, .btn.btn--primary.sizeDefault.has__icon2 .ico.ico--blank-white, .btn.btn--primary.sizeDefault.has__icon2 .ico.ico--blank-blue, .btn.btn--primary.sizeLerge.has__icon2 .ico.ico--blank-white, .btn.btn--primary.sizeLerge.has__icon2 .ico.ico--blank-blue, .btn.btn--primary.line2.has__icon2 .ico.ico--blank-white, .btn.btn--primary.line2.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary.sizeSmall.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary.sizeSmall.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary.sizeDefault.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary.sizeDefault.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary.sizeLerge.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary.sizeLerge.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary.line2.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary.line2.has__icon2 .ico.ico--blank-blue,
.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--blank-white,
.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--blank-blue,
.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--blank-white,
.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--blank-blue,
.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--blank-white,
.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--blank-blue,
.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--blank-white,
.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--blank-blue,
.btn.btn--blue-line.line2.has__icon2 .ico.ico--blank-white,
.btn.btn--blue-line.line2.has__icon2 .ico.ico--blank-blue,
a.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--blank-white,
a.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--blank-blue,
a.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--blank-white,
a.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--blank-blue,
a.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--blank-white,
a.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--blank-blue,
a.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--blank-white,
a.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--blank-blue,
a.btn.btn--blue-line.line2.has__icon2 .ico.ico--blank-white,
a.btn.btn--blue-line.line2.has__icon2 .ico.ico--blank-blue,
.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--blank-white,
.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--blank-blue,
.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--blank-white,
.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--blank-blue,
.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--blank-white,
.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--blank-blue,
.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--blank-white,
.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--blank-blue,
.btn.btn--primary-gra.line2.has__icon2 .ico.ico--blank-white,
.btn.btn--primary-gra.line2.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--blank-blue,
a.btn.btn--primary-gra.line2.has__icon2 .ico.ico--blank-white,
a.btn.btn--primary-gra.line2.has__icon2 .ico.ico--blank-blue,
.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--blank-white,
.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--blank-blue,
.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--blank-white,
.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--blank-blue,
.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--blank-white,
.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--blank-blue,
.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--blank-white,
.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--blank-blue,
.btn.btn--info-gra.line2.has__icon2 .ico.ico--blank-white,
.btn.btn--info-gra.line2.has__icon2 .ico.ico--blank-blue,
a.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--blank-white,
a.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--blank-blue,
a.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--blank-white,
a.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--blank-blue,
a.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--blank-white,
a.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--blank-blue,
a.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--blank-white,
a.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--blank-blue,
a.btn.btn--info-gra.line2.has__icon2 .ico.ico--blank-white,
a.btn.btn--info-gra.line2.has__icon2 .ico.ico--blank-blue {
  margin-top: -12px;
  right: 10px;
}
.btn.btn--primary.sizeSmall.has__icon__pdf, .btn.btn--primary.sizeSmallL.has__icon__pdf, .btn.btn--primary.sizeDefault.has__icon__pdf, .btn.btn--primary.sizeLerge.has__icon__pdf, .btn.btn--primary.line2.has__icon__pdf,
a.btn.btn--primary.sizeSmall.has__icon__pdf,
a.btn.btn--primary.sizeSmallL.has__icon__pdf,
a.btn.btn--primary.sizeDefault.has__icon__pdf,
a.btn.btn--primary.sizeLerge.has__icon__pdf,
a.btn.btn--primary.line2.has__icon__pdf,
.btn.btn--blue-line.sizeSmall.has__icon__pdf,
.btn.btn--blue-line.sizeSmallL.has__icon__pdf,
.btn.btn--blue-line.sizeDefault.has__icon__pdf,
.btn.btn--blue-line.sizeLerge.has__icon__pdf,
.btn.btn--blue-line.line2.has__icon__pdf,
a.btn.btn--blue-line.sizeSmall.has__icon__pdf,
a.btn.btn--blue-line.sizeSmallL.has__icon__pdf,
a.btn.btn--blue-line.sizeDefault.has__icon__pdf,
a.btn.btn--blue-line.sizeLerge.has__icon__pdf,
a.btn.btn--blue-line.line2.has__icon__pdf,
.btn.btn--primary-gra.sizeSmall.has__icon__pdf,
.btn.btn--primary-gra.sizeSmallL.has__icon__pdf,
.btn.btn--primary-gra.sizeDefault.has__icon__pdf,
.btn.btn--primary-gra.sizeLerge.has__icon__pdf,
.btn.btn--primary-gra.line2.has__icon__pdf,
a.btn.btn--primary-gra.sizeSmall.has__icon__pdf,
a.btn.btn--primary-gra.sizeSmallL.has__icon__pdf,
a.btn.btn--primary-gra.sizeDefault.has__icon__pdf,
a.btn.btn--primary-gra.sizeLerge.has__icon__pdf,
a.btn.btn--primary-gra.line2.has__icon__pdf,
.btn.btn--info-gra.sizeSmall.has__icon__pdf,
.btn.btn--info-gra.sizeSmallL.has__icon__pdf,
.btn.btn--info-gra.sizeDefault.has__icon__pdf,
.btn.btn--info-gra.sizeLerge.has__icon__pdf,
.btn.btn--info-gra.line2.has__icon__pdf,
a.btn.btn--info-gra.sizeSmall.has__icon__pdf,
a.btn.btn--info-gra.sizeSmallL.has__icon__pdf,
a.btn.btn--info-gra.sizeDefault.has__icon__pdf,
a.btn.btn--info-gra.sizeLerge.has__icon__pdf,
a.btn.btn--info-gra.line2.has__icon__pdf {
  position: relative;
  padding-top: 0px;
  padding-bottom: 12px;
  padding-left: 40px;
  padding-right: 50px;
}
.btn.btn--primary.sizeSmall.has__icon__pdf .ico--pdf, .btn.btn--primary.sizeSmallL.has__icon__pdf .ico--pdf, .btn.btn--primary.sizeDefault.has__icon__pdf .ico--pdf, .btn.btn--primary.sizeLerge.has__icon__pdf .ico--pdf, .btn.btn--primary.line2.has__icon__pdf .ico--pdf,
a.btn.btn--primary.sizeSmall.has__icon__pdf .ico--pdf,
a.btn.btn--primary.sizeSmallL.has__icon__pdf .ico--pdf,
a.btn.btn--primary.sizeDefault.has__icon__pdf .ico--pdf,
a.btn.btn--primary.sizeLerge.has__icon__pdf .ico--pdf,
a.btn.btn--primary.line2.has__icon__pdf .ico--pdf,
.btn.btn--blue-line.sizeSmall.has__icon__pdf .ico--pdf,
.btn.btn--blue-line.sizeSmallL.has__icon__pdf .ico--pdf,
.btn.btn--blue-line.sizeDefault.has__icon__pdf .ico--pdf,
.btn.btn--blue-line.sizeLerge.has__icon__pdf .ico--pdf,
.btn.btn--blue-line.line2.has__icon__pdf .ico--pdf,
a.btn.btn--blue-line.sizeSmall.has__icon__pdf .ico--pdf,
a.btn.btn--blue-line.sizeSmallL.has__icon__pdf .ico--pdf,
a.btn.btn--blue-line.sizeDefault.has__icon__pdf .ico--pdf,
a.btn.btn--blue-line.sizeLerge.has__icon__pdf .ico--pdf,
a.btn.btn--blue-line.line2.has__icon__pdf .ico--pdf,
.btn.btn--primary-gra.sizeSmall.has__icon__pdf .ico--pdf,
.btn.btn--primary-gra.sizeSmallL.has__icon__pdf .ico--pdf,
.btn.btn--primary-gra.sizeDefault.has__icon__pdf .ico--pdf,
.btn.btn--primary-gra.sizeLerge.has__icon__pdf .ico--pdf,
.btn.btn--primary-gra.line2.has__icon__pdf .ico--pdf,
a.btn.btn--primary-gra.sizeSmall.has__icon__pdf .ico--pdf,
a.btn.btn--primary-gra.sizeSmallL.has__icon__pdf .ico--pdf,
a.btn.btn--primary-gra.sizeDefault.has__icon__pdf .ico--pdf,
a.btn.btn--primary-gra.sizeLerge.has__icon__pdf .ico--pdf,
a.btn.btn--primary-gra.line2.has__icon__pdf .ico--pdf,
.btn.btn--info-gra.sizeSmall.has__icon__pdf .ico--pdf,
.btn.btn--info-gra.sizeSmallL.has__icon__pdf .ico--pdf,
.btn.btn--info-gra.sizeDefault.has__icon__pdf .ico--pdf,
.btn.btn--info-gra.sizeLerge.has__icon__pdf .ico--pdf,
.btn.btn--info-gra.line2.has__icon__pdf .ico--pdf,
a.btn.btn--info-gra.sizeSmall.has__icon__pdf .ico--pdf,
a.btn.btn--info-gra.sizeSmallL.has__icon__pdf .ico--pdf,
a.btn.btn--info-gra.sizeDefault.has__icon__pdf .ico--pdf,
a.btn.btn--info-gra.sizeLerge.has__icon__pdf .ico--pdf,
a.btn.btn--info-gra.line2.has__icon__pdf .ico--pdf {
  position: relative;
  top: 8px;
  margin-left: 30px;
}
.btn.btn--primary.sizeSmall.has__icon__pdf .ico--angle-black-right, .btn.btn--primary.sizeSmallL.has__icon__pdf .ico--angle-black-right, .btn.btn--primary.sizeDefault.has__icon__pdf .ico--angle-black-right, .btn.btn--primary.sizeLerge.has__icon__pdf .ico--angle-black-right, .btn.btn--primary.line2.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary.sizeSmall.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary.sizeSmallL.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary.sizeDefault.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary.sizeLerge.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary.line2.has__icon__pdf .ico--angle-black-right,
.btn.btn--blue-line.sizeSmall.has__icon__pdf .ico--angle-black-right,
.btn.btn--blue-line.sizeSmallL.has__icon__pdf .ico--angle-black-right,
.btn.btn--blue-line.sizeDefault.has__icon__pdf .ico--angle-black-right,
.btn.btn--blue-line.sizeLerge.has__icon__pdf .ico--angle-black-right,
.btn.btn--blue-line.line2.has__icon__pdf .ico--angle-black-right,
a.btn.btn--blue-line.sizeSmall.has__icon__pdf .ico--angle-black-right,
a.btn.btn--blue-line.sizeSmallL.has__icon__pdf .ico--angle-black-right,
a.btn.btn--blue-line.sizeDefault.has__icon__pdf .ico--angle-black-right,
a.btn.btn--blue-line.sizeLerge.has__icon__pdf .ico--angle-black-right,
a.btn.btn--blue-line.line2.has__icon__pdf .ico--angle-black-right,
.btn.btn--primary-gra.sizeSmall.has__icon__pdf .ico--angle-black-right,
.btn.btn--primary-gra.sizeSmallL.has__icon__pdf .ico--angle-black-right,
.btn.btn--primary-gra.sizeDefault.has__icon__pdf .ico--angle-black-right,
.btn.btn--primary-gra.sizeLerge.has__icon__pdf .ico--angle-black-right,
.btn.btn--primary-gra.line2.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary-gra.sizeSmall.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary-gra.sizeSmallL.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary-gra.sizeDefault.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary-gra.sizeLerge.has__icon__pdf .ico--angle-black-right,
a.btn.btn--primary-gra.line2.has__icon__pdf .ico--angle-black-right,
.btn.btn--info-gra.sizeSmall.has__icon__pdf .ico--angle-black-right,
.btn.btn--info-gra.sizeSmallL.has__icon__pdf .ico--angle-black-right,
.btn.btn--info-gra.sizeDefault.has__icon__pdf .ico--angle-black-right,
.btn.btn--info-gra.sizeLerge.has__icon__pdf .ico--angle-black-right,
.btn.btn--info-gra.line2.has__icon__pdf .ico--angle-black-right,
a.btn.btn--info-gra.sizeSmall.has__icon__pdf .ico--angle-black-right,
a.btn.btn--info-gra.sizeSmallL.has__icon__pdf .ico--angle-black-right,
a.btn.btn--info-gra.sizeDefault.has__icon__pdf .ico--angle-black-right,
a.btn.btn--info-gra.sizeLerge.has__icon__pdf .ico--angle-black-right,
a.btn.btn--info-gra.line2.has__icon__pdf .ico--angle-black-right {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 15px;
}
.btn.btn--primary.sizeSmall,
a.btn.btn--primary.sizeSmall,
.btn.btn--blue-line.sizeSmall,
a.btn.btn--blue-line.sizeSmall,
.btn.btn--primary-gra.sizeSmall,
a.btn.btn--primary-gra.sizeSmall,
.btn.btn--info-gra.sizeSmall,
a.btn.btn--info-gra.sizeSmall {
  width: 346px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.btn.btn--primary.sizeSmall > .small,
a.btn.btn--primary.sizeSmall > .small,
.btn.btn--blue-line.sizeSmall > .small,
a.btn.btn--blue-line.sizeSmall > .small,
.btn.btn--primary-gra.sizeSmall > .small,
a.btn.btn--primary-gra.sizeSmall > .small,
.btn.btn--info-gra.sizeSmall > .small,
a.btn.btn--info-gra.sizeSmall > .small {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.btn.btn--primary.sizeSmallL,
a.btn.btn--primary.sizeSmallL,
.btn.btn--blue-line.sizeSmallL,
a.btn.btn--blue-line.sizeSmallL,
.btn.btn--primary-gra.sizeSmallL,
a.btn.btn--primary-gra.sizeSmallL,
.btn.btn--info-gra.sizeSmallL,
a.btn.btn--info-gra.sizeSmallL {
  width: 550px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.btn.btn--primary.sizeSmallL > .small,
a.btn.btn--primary.sizeSmallL > .small,
.btn.btn--blue-line.sizeSmallL > .small,
a.btn.btn--blue-line.sizeSmallL > .small,
.btn.btn--primary-gra.sizeSmallL > .small,
a.btn.btn--primary-gra.sizeSmallL > .small,
.btn.btn--info-gra.sizeSmallL > .small,
a.btn.btn--info-gra.sizeSmallL > .small {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.btn.btn--primary.sizeDefault,
a.btn.btn--primary.sizeDefault,
.btn.btn--blue-line.sizeDefault,
a.btn.btn--blue-line.sizeDefault,
.btn.btn--primary-gra.sizeDefault,
a.btn.btn--primary-gra.sizeDefault,
.btn.btn--info-gra.sizeDefault,
a.btn.btn--info-gra.sizeDefault {
  width: 375px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.btn.btn--primary.sizeLerge,
a.btn.btn--primary.sizeLerge,
.btn.btn--blue-line.sizeLerge,
a.btn.btn--blue-line.sizeLerge,
.btn.btn--primary-gra.sizeLerge,
a.btn.btn--primary-gra.sizeLerge,
.btn.btn--info-gra.sizeLerge,
a.btn.btn--info-gra.sizeLerge {
  width: 445px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.btn.btn--primary.line2,
a.btn.btn--primary.line2,
.btn.btn--blue-line.line2,
a.btn.btn--blue-line.line2,
.btn.btn--primary-gra.line2,
a.btn.btn--primary-gra.line2,
.btn.btn--info-gra.line2,
a.btn.btn--info-gra.line2 {
  background-position: left top;
}
.btn.btn--primary.line2.btn--primary-gra,
a.btn.btn--primary.line2.btn--primary-gra,
.btn.btn--blue-line.line2.btn--primary-gra,
a.btn.btn--blue-line.line2.btn--primary-gra,
.btn.btn--primary-gra.line2.btn--primary-gra,
a.btn.btn--primary-gra.line2.btn--primary-gra,
.btn.btn--info-gra.line2.btn--primary-gra,
a.btn.btn--info-gra.line2.btn--primary-gra {
  background-color: #153577;
}
.btn.btn--primary.line2.btn--info-gra,
a.btn.btn--primary.line2.btn--info-gra,
.btn.btn--blue-line.line2.btn--info-gra,
a.btn.btn--blue-line.line2.btn--info-gra,
.btn.btn--primary-gra.line2.btn--info-gra,
a.btn.btn--primary-gra.line2.btn--info-gra,
.btn.btn--info-gra.line2.btn--info-gra,
a.btn.btn--info-gra.line2.btn--info-gra {
  background-color: #FC6721;
}

.btn.btn--primary,
a.btn.btn--primary,
.btn.btn--blue-line,
a.btn.btn--blue-line {
  border-radius: 0;
}

/* sp */
@media screen and (max-width: 639px) {
  .btn.btn--primary,
  a.btn.btn--primary,
  .btn.btn--blue-line,
  a.btn.btn--blue-line,
  .btn.btn--primary-gra,
  a.btn.btn--primary-gra,
  .btn.btn--info-gra,
  a.btn.btn--info-gra {
    font-size: 12px;
    font-size: 0.75rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 30px;
    display: block;
    text-align: center;
  }
  .btn.btn--primary.has__icon,
  a.btn.btn--primary.has__icon,
  .btn.btn--blue-line.has__icon,
  a.btn.btn--blue-line.has__icon,
  .btn.btn--primary-gra.has__icon,
  a.btn.btn--primary-gra.has__icon,
  .btn.btn--info-gra.has__icon,
  a.btn.btn--info-gra.has__icon {
    padding-right: 30px;
  }
  .btn.btn--primary.has__icon__smart,
  a.btn.btn--primary.has__icon__smart,
  .btn.btn--blue-line.has__icon__smart,
  a.btn.btn--blue-line.has__icon__smart,
  .btn.btn--primary-gra.has__icon__smart,
  a.btn.btn--primary-gra.has__icon__smart,
  .btn.btn--info-gra.has__icon__smart,
  a.btn.btn--info-gra.has__icon__smart {
    position: relative;
    padding-left: 15px;
    padding-right: 45px;
  }
  .btn.btn--primary.has__icon__smart .ico,
  a.btn.btn--primary.has__icon__smart .ico,
  .btn.btn--blue-line.has__icon__smart .ico,
  a.btn.btn--blue-line.has__icon__smart .ico,
  .btn.btn--primary-gra.has__icon__smart .ico,
  a.btn.btn--primary-gra.has__icon__smart .ico,
  .btn.btn--info-gra.has__icon__smart .ico,
  a.btn.btn--info-gra.has__icon__smart .ico {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 20px;
  }
  .btn.btn--primary.has__icons__smart,
  a.btn.btn--primary.has__icons__smart,
  .btn.btn--blue-line.has__icons__smart,
  a.btn.btn--blue-line.has__icons__smart,
  .btn.btn--primary-gra.has__icons__smart,
  a.btn.btn--primary-gra.has__icons__smart,
  .btn.btn--info-gra.has__icons__smart,
  a.btn.btn--info-gra.has__icons__smart {
    position: relative;
    padding-left: 15px;
    padding-right: 70px;
  }
  .btn.btn--primary.has__icons__smart .ico,
  a.btn.btn--primary.has__icons__smart .ico,
  .btn.btn--blue-line.has__icons__smart .ico,
  a.btn.btn--blue-line.has__icons__smart .ico,
  .btn.btn--primary-gra.has__icons__smart .ico,
  a.btn.btn--primary-gra.has__icons__smart .ico,
  .btn.btn--info-gra.has__icons__smart .ico,
  a.btn.btn--info-gra.has__icons__smart .ico {
    position: absolute;
    top: 50%;
  }
  .btn.btn--primary.has__icons__smart .ico.ico--angle-white-right,
  a.btn.btn--primary.has__icons__smart .ico.ico--angle-white-right,
  .btn.btn--blue-line.has__icons__smart .ico.ico--angle-white-right,
  a.btn.btn--blue-line.has__icons__smart .ico.ico--angle-white-right,
  .btn.btn--primary-gra.has__icons__smart .ico.ico--angle-white-right,
  a.btn.btn--primary-gra.has__icons__smart .ico.ico--angle-white-right,
  .btn.btn--info-gra.has__icons__smart .ico.ico--angle-white-right,
  a.btn.btn--info-gra.has__icons__smart .ico.ico--angle-white-right {
    margin-top: -8px;
    right: 42px;
  }
  .btn.btn--primary.has__icons__smart .ico.ico--blank-white,
  a.btn.btn--primary.has__icons__smart .ico.ico--blank-white,
  .btn.btn--blue-line.has__icons__smart .ico.ico--blank-white,
  a.btn.btn--blue-line.has__icons__smart .ico.ico--blank-white,
  .btn.btn--primary-gra.has__icons__smart .ico.ico--blank-white,
  a.btn.btn--primary-gra.has__icons__smart .ico.ico--blank-white,
  .btn.btn--info-gra.has__icons__smart .ico.ico--blank-white,
  a.btn.btn--info-gra.has__icons__smart .ico.ico--blank-white {
    margin-top: -10px;
    right: 10px;
  }
  .btn.btn--primary.has__icon__middle, .btn.btn--primary.has__icon__lerge,
  a.btn.btn--primary.has__icon__middle,
  a.btn.btn--primary.has__icon__lerge,
  .btn.btn--blue-line.has__icon__middle,
  .btn.btn--blue-line.has__icon__lerge,
  a.btn.btn--blue-line.has__icon__middle,
  a.btn.btn--blue-line.has__icon__lerge,
  .btn.btn--primary-gra.has__icon__middle,
  .btn.btn--primary-gra.has__icon__lerge,
  a.btn.btn--primary-gra.has__icon__middle,
  a.btn.btn--primary-gra.has__icon__lerge,
  .btn.btn--info-gra.has__icon__middle,
  .btn.btn--info-gra.has__icon__lerge,
  a.btn.btn--info-gra.has__icon__middle,
  a.btn.btn--info-gra.has__icon__lerge {
    padding-top: 3px;
    padding-bottom: 12px;
    padding-right: 30px;
  }
  .btn.btn--primary.has__icon__middle .ico--pdf, .btn.btn--primary.has__icon__lerge .ico--pdf,
  a.btn.btn--primary.has__icon__middle .ico--pdf,
  a.btn.btn--primary.has__icon__lerge .ico--pdf,
  .btn.btn--blue-line.has__icon__middle .ico--pdf,
  .btn.btn--blue-line.has__icon__lerge .ico--pdf,
  a.btn.btn--blue-line.has__icon__middle .ico--pdf,
  a.btn.btn--blue-line.has__icon__lerge .ico--pdf,
  .btn.btn--primary-gra.has__icon__middle .ico--pdf,
  .btn.btn--primary-gra.has__icon__lerge .ico--pdf,
  a.btn.btn--primary-gra.has__icon__middle .ico--pdf,
  a.btn.btn--primary-gra.has__icon__lerge .ico--pdf,
  .btn.btn--info-gra.has__icon__middle .ico--pdf,
  .btn.btn--info-gra.has__icon__lerge .ico--pdf,
  a.btn.btn--info-gra.has__icon__middle .ico--pdf,
  a.btn.btn--info-gra.has__icon__lerge .ico--pdf {
    top: 6px;
    margin-left: 5px;
  }
  .btn.btn--primary.staticM, .btn.btn--primary.staticL,
  a.btn.btn--primary.staticM,
  a.btn.btn--primary.staticL,
  .btn.btn--blue-line.staticM,
  .btn.btn--blue-line.staticL,
  a.btn.btn--blue-line.staticM,
  a.btn.btn--blue-line.staticL,
  .btn.btn--primary-gra.staticM,
  .btn.btn--primary-gra.staticL,
  a.btn.btn--primary-gra.staticM,
  a.btn.btn--primary-gra.staticL,
  .btn.btn--info-gra.staticM,
  .btn.btn--info-gra.staticL,
  a.btn.btn--info-gra.staticM,
  a.btn.btn--info-gra.staticL {
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
  }
  .btn.btn--primary.sizeSmall, .btn.btn--primary.sizeSmallL, .btn.btn--primary.sizeDefault, .btn.btn--primary.sizeLerge,
  a.btn.btn--primary.sizeSmall,
  a.btn.btn--primary.sizeSmallL,
  a.btn.btn--primary.sizeDefault,
  a.btn.btn--primary.sizeLerge,
  .btn.btn--blue-line.sizeSmall,
  .btn.btn--blue-line.sizeSmallL,
  .btn.btn--blue-line.sizeDefault,
  .btn.btn--blue-line.sizeLerge,
  a.btn.btn--blue-line.sizeSmall,
  a.btn.btn--blue-line.sizeSmallL,
  a.btn.btn--blue-line.sizeDefault,
  a.btn.btn--blue-line.sizeLerge,
  .btn.btn--primary-gra.sizeSmall,
  .btn.btn--primary-gra.sizeSmallL,
  .btn.btn--primary-gra.sizeDefault,
  .btn.btn--primary-gra.sizeLerge,
  a.btn.btn--primary-gra.sizeSmall,
  a.btn.btn--primary-gra.sizeSmallL,
  a.btn.btn--primary-gra.sizeDefault,
  a.btn.btn--primary-gra.sizeLerge,
  .btn.btn--info-gra.sizeSmall,
  .btn.btn--info-gra.sizeSmallL,
  .btn.btn--info-gra.sizeDefault,
  .btn.btn--info-gra.sizeLerge,
  a.btn.btn--info-gra.sizeSmall,
  a.btn.btn--info-gra.sizeSmallL,
  a.btn.btn--info-gra.sizeDefault,
  a.btn.btn--info-gra.sizeLerge {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn.btn--primary.sizeSmall.has__icon, .btn.btn--primary.sizeSmallL.has__icon, .btn.btn--primary.sizeDefault.has__icon, .btn.btn--primary.sizeLerge.has__icon,
  a.btn.btn--primary.sizeSmall.has__icon,
  a.btn.btn--primary.sizeSmallL.has__icon,
  a.btn.btn--primary.sizeDefault.has__icon,
  a.btn.btn--primary.sizeLerge.has__icon,
  .btn.btn--blue-line.sizeSmall.has__icon,
  .btn.btn--blue-line.sizeSmallL.has__icon,
  .btn.btn--blue-line.sizeDefault.has__icon,
  .btn.btn--blue-line.sizeLerge.has__icon,
  a.btn.btn--blue-line.sizeSmall.has__icon,
  a.btn.btn--blue-line.sizeSmallL.has__icon,
  a.btn.btn--blue-line.sizeDefault.has__icon,
  a.btn.btn--blue-line.sizeLerge.has__icon,
  .btn.btn--primary-gra.sizeSmall.has__icon,
  .btn.btn--primary-gra.sizeSmallL.has__icon,
  .btn.btn--primary-gra.sizeDefault.has__icon,
  .btn.btn--primary-gra.sizeLerge.has__icon,
  a.btn.btn--primary-gra.sizeSmall.has__icon,
  a.btn.btn--primary-gra.sizeSmallL.has__icon,
  a.btn.btn--primary-gra.sizeDefault.has__icon,
  a.btn.btn--primary-gra.sizeLerge.has__icon,
  .btn.btn--info-gra.sizeSmall.has__icon,
  .btn.btn--info-gra.sizeSmallL.has__icon,
  .btn.btn--info-gra.sizeDefault.has__icon,
  .btn.btn--info-gra.sizeLerge.has__icon,
  a.btn.btn--info-gra.sizeSmall.has__icon,
  a.btn.btn--info-gra.sizeSmallL.has__icon,
  a.btn.btn--info-gra.sizeDefault.has__icon,
  a.btn.btn--info-gra.sizeLerge.has__icon {
    padding-right: 40px;
  }
  .btn.btn--primary.sizeSmall.has__icon .ico, .btn.btn--primary.sizeSmallL.has__icon .ico, .btn.btn--primary.sizeDefault.has__icon .ico, .btn.btn--primary.sizeLerge.has__icon .ico,
  a.btn.btn--primary.sizeSmall.has__icon .ico,
  a.btn.btn--primary.sizeSmallL.has__icon .ico,
  a.btn.btn--primary.sizeDefault.has__icon .ico,
  a.btn.btn--primary.sizeLerge.has__icon .ico,
  .btn.btn--blue-line.sizeSmall.has__icon .ico,
  .btn.btn--blue-line.sizeSmallL.has__icon .ico,
  .btn.btn--blue-line.sizeDefault.has__icon .ico,
  .btn.btn--blue-line.sizeLerge.has__icon .ico,
  a.btn.btn--blue-line.sizeSmall.has__icon .ico,
  a.btn.btn--blue-line.sizeSmallL.has__icon .ico,
  a.btn.btn--blue-line.sizeDefault.has__icon .ico,
  a.btn.btn--blue-line.sizeLerge.has__icon .ico,
  .btn.btn--primary-gra.sizeSmall.has__icon .ico,
  .btn.btn--primary-gra.sizeSmallL.has__icon .ico,
  .btn.btn--primary-gra.sizeDefault.has__icon .ico,
  .btn.btn--primary-gra.sizeLerge.has__icon .ico,
  a.btn.btn--primary-gra.sizeSmall.has__icon .ico,
  a.btn.btn--primary-gra.sizeSmallL.has__icon .ico,
  a.btn.btn--primary-gra.sizeDefault.has__icon .ico,
  a.btn.btn--primary-gra.sizeLerge.has__icon .ico,
  .btn.btn--info-gra.sizeSmall.has__icon .ico,
  .btn.btn--info-gra.sizeSmallL.has__icon .ico,
  .btn.btn--info-gra.sizeDefault.has__icon .ico,
  .btn.btn--info-gra.sizeLerge.has__icon .ico,
  a.btn.btn--info-gra.sizeSmall.has__icon .ico,
  a.btn.btn--info-gra.sizeSmallL.has__icon .ico,
  a.btn.btn--info-gra.sizeDefault.has__icon .ico,
  a.btn.btn--info-gra.sizeLerge.has__icon .ico {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 20px;
  }
  .btn.btn--primary.sizeSmall.has__icon2, .btn.btn--primary.sizeSmallL.has__icon2, .btn.btn--primary.sizeDefault.has__icon2, .btn.btn--primary.sizeLerge.has__icon2,
  a.btn.btn--primary.sizeSmall.has__icon2,
  a.btn.btn--primary.sizeSmallL.has__icon2,
  a.btn.btn--primary.sizeDefault.has__icon2,
  a.btn.btn--primary.sizeLerge.has__icon2,
  .btn.btn--blue-line.sizeSmall.has__icon2,
  .btn.btn--blue-line.sizeSmallL.has__icon2,
  .btn.btn--blue-line.sizeDefault.has__icon2,
  .btn.btn--blue-line.sizeLerge.has__icon2,
  a.btn.btn--blue-line.sizeSmall.has__icon2,
  a.btn.btn--blue-line.sizeSmallL.has__icon2,
  a.btn.btn--blue-line.sizeDefault.has__icon2,
  a.btn.btn--blue-line.sizeLerge.has__icon2,
  .btn.btn--primary-gra.sizeSmall.has__icon2,
  .btn.btn--primary-gra.sizeSmallL.has__icon2,
  .btn.btn--primary-gra.sizeDefault.has__icon2,
  .btn.btn--primary-gra.sizeLerge.has__icon2,
  a.btn.btn--primary-gra.sizeSmall.has__icon2,
  a.btn.btn--primary-gra.sizeSmallL.has__icon2,
  a.btn.btn--primary-gra.sizeDefault.has__icon2,
  a.btn.btn--primary-gra.sizeLerge.has__icon2,
  .btn.btn--info-gra.sizeSmall.has__icon2,
  .btn.btn--info-gra.sizeSmallL.has__icon2,
  .btn.btn--info-gra.sizeDefault.has__icon2,
  .btn.btn--info-gra.sizeLerge.has__icon2,
  a.btn.btn--info-gra.sizeSmall.has__icon2,
  a.btn.btn--info-gra.sizeSmallL.has__icon2,
  a.btn.btn--info-gra.sizeDefault.has__icon2,
  a.btn.btn--info-gra.sizeLerge.has__icon2 {
    padding-right: 60px;
  }
  .btn.btn--primary.sizeSmall.has__icon2 .ico, .btn.btn--primary.sizeSmallL.has__icon2 .ico, .btn.btn--primary.sizeDefault.has__icon2 .ico, .btn.btn--primary.sizeLerge.has__icon2 .ico,
  a.btn.btn--primary.sizeSmall.has__icon2 .ico,
  a.btn.btn--primary.sizeSmallL.has__icon2 .ico,
  a.btn.btn--primary.sizeDefault.has__icon2 .ico,
  a.btn.btn--primary.sizeLerge.has__icon2 .ico,
  .btn.btn--blue-line.sizeSmall.has__icon2 .ico,
  .btn.btn--blue-line.sizeSmallL.has__icon2 .ico,
  .btn.btn--blue-line.sizeDefault.has__icon2 .ico,
  .btn.btn--blue-line.sizeLerge.has__icon2 .ico,
  a.btn.btn--blue-line.sizeSmall.has__icon2 .ico,
  a.btn.btn--blue-line.sizeSmallL.has__icon2 .ico,
  a.btn.btn--blue-line.sizeDefault.has__icon2 .ico,
  a.btn.btn--blue-line.sizeLerge.has__icon2 .ico,
  .btn.btn--primary-gra.sizeSmall.has__icon2 .ico,
  .btn.btn--primary-gra.sizeSmallL.has__icon2 .ico,
  .btn.btn--primary-gra.sizeDefault.has__icon2 .ico,
  .btn.btn--primary-gra.sizeLerge.has__icon2 .ico,
  a.btn.btn--primary-gra.sizeSmall.has__icon2 .ico,
  a.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico,
  a.btn.btn--primary-gra.sizeDefault.has__icon2 .ico,
  a.btn.btn--primary-gra.sizeLerge.has__icon2 .ico,
  .btn.btn--info-gra.sizeSmall.has__icon2 .ico,
  .btn.btn--info-gra.sizeSmallL.has__icon2 .ico,
  .btn.btn--info-gra.sizeDefault.has__icon2 .ico,
  .btn.btn--info-gra.sizeLerge.has__icon2 .ico,
  a.btn.btn--info-gra.sizeSmall.has__icon2 .ico,
  a.btn.btn--info-gra.sizeSmallL.has__icon2 .ico,
  a.btn.btn--info-gra.sizeDefault.has__icon2 .ico,
  a.btn.btn--info-gra.sizeLerge.has__icon2 .ico {
    position: absolute;
    top: 50%;
  }
  .btn.btn--primary.sizeSmall.has__icon2 .ico.ico--angle-white-right, .btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--angle-white-right, .btn.btn--primary.sizeDefault.has__icon2 .ico.ico--angle-white-right, .btn.btn--primary.sizeLerge.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--primary.sizeSmall.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--primary.sizeDefault.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--primary.sizeLerge.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--angle-white-right,
  .btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--angle-white-right,
  a.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--angle-white-right {
    margin-top: -8px;
    right: 42px;
  }
  .btn.btn--primary.sizeSmall.has__icon2 .ico.ico--blank-white, .btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--blank-white, .btn.btn--primary.sizeDefault.has__icon2 .ico.ico--blank-white, .btn.btn--primary.sizeLerge.has__icon2 .ico.ico--blank-white,
  a.btn.btn--primary.sizeSmall.has__icon2 .ico.ico--blank-white,
  a.btn.btn--primary.sizeSmallL.has__icon2 .ico.ico--blank-white,
  a.btn.btn--primary.sizeDefault.has__icon2 .ico.ico--blank-white,
  a.btn.btn--primary.sizeLerge.has__icon2 .ico.ico--blank-white,
  .btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--blank-white,
  .btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--blank-white,
  .btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--blank-white,
  .btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--blank-white,
  a.btn.btn--blue-line.sizeSmall.has__icon2 .ico.ico--blank-white,
  a.btn.btn--blue-line.sizeSmallL.has__icon2 .ico.ico--blank-white,
  a.btn.btn--blue-line.sizeDefault.has__icon2 .ico.ico--blank-white,
  a.btn.btn--blue-line.sizeLerge.has__icon2 .ico.ico--blank-white,
  .btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--blank-white,
  .btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--blank-white,
  .btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--blank-white,
  .btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--blank-white,
  a.btn.btn--primary-gra.sizeSmall.has__icon2 .ico.ico--blank-white,
  a.btn.btn--primary-gra.sizeSmallL.has__icon2 .ico.ico--blank-white,
  a.btn.btn--primary-gra.sizeDefault.has__icon2 .ico.ico--blank-white,
  a.btn.btn--primary-gra.sizeLerge.has__icon2 .ico.ico--blank-white,
  .btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--blank-white,
  .btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--blank-white,
  .btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--blank-white,
  .btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--blank-white,
  a.btn.btn--info-gra.sizeSmall.has__icon2 .ico.ico--blank-white,
  a.btn.btn--info-gra.sizeSmallL.has__icon2 .ico.ico--blank-white,
  a.btn.btn--info-gra.sizeDefault.has__icon2 .ico.ico--blank-white,
  a.btn.btn--info-gra.sizeLerge.has__icon2 .ico.ico--blank-white {
    margin-top: -10px;
    right: 10px;
  }
  .btn.btn--primary.sizeSmall.has__icon__pdf, .btn.btn--primary.sizeSmallL.has__icon__pdf, .btn.btn--primary.sizeDefault.has__icon__pdf, .btn.btn--primary.sizeLerge.has__icon__pdf,
  a.btn.btn--primary.sizeSmall.has__icon__pdf,
  a.btn.btn--primary.sizeSmallL.has__icon__pdf,
  a.btn.btn--primary.sizeDefault.has__icon__pdf,
  a.btn.btn--primary.sizeLerge.has__icon__pdf,
  .btn.btn--blue-line.sizeSmall.has__icon__pdf,
  .btn.btn--blue-line.sizeSmallL.has__icon__pdf,
  .btn.btn--blue-line.sizeDefault.has__icon__pdf,
  .btn.btn--blue-line.sizeLerge.has__icon__pdf,
  a.btn.btn--blue-line.sizeSmall.has__icon__pdf,
  a.btn.btn--blue-line.sizeSmallL.has__icon__pdf,
  a.btn.btn--blue-line.sizeDefault.has__icon__pdf,
  a.btn.btn--blue-line.sizeLerge.has__icon__pdf,
  .btn.btn--primary-gra.sizeSmall.has__icon__pdf,
  .btn.btn--primary-gra.sizeSmallL.has__icon__pdf,
  .btn.btn--primary-gra.sizeDefault.has__icon__pdf,
  .btn.btn--primary-gra.sizeLerge.has__icon__pdf,
  a.btn.btn--primary-gra.sizeSmall.has__icon__pdf,
  a.btn.btn--primary-gra.sizeSmallL.has__icon__pdf,
  a.btn.btn--primary-gra.sizeDefault.has__icon__pdf,
  a.btn.btn--primary-gra.sizeLerge.has__icon__pdf,
  .btn.btn--info-gra.sizeSmall.has__icon__pdf,
  .btn.btn--info-gra.sizeSmallL.has__icon__pdf,
  .btn.btn--info-gra.sizeDefault.has__icon__pdf,
  .btn.btn--info-gra.sizeLerge.has__icon__pdf,
  a.btn.btn--info-gra.sizeSmall.has__icon__pdf,
  a.btn.btn--info-gra.sizeSmallL.has__icon__pdf,
  a.btn.btn--info-gra.sizeDefault.has__icon__pdf,
  a.btn.btn--info-gra.sizeLerge.has__icon__pdf {
    padding-right: 50px;
  }
  .btn.btn--primary.sizeSmall.has__icon__pdf .ico--pdf, .btn.btn--primary.sizeSmallL.has__icon__pdf .ico--pdf, .btn.btn--primary.sizeDefault.has__icon__pdf .ico--pdf, .btn.btn--primary.sizeLerge.has__icon__pdf .ico--pdf,
  a.btn.btn--primary.sizeSmall.has__icon__pdf .ico--pdf,
  a.btn.btn--primary.sizeSmallL.has__icon__pdf .ico--pdf,
  a.btn.btn--primary.sizeDefault.has__icon__pdf .ico--pdf,
  a.btn.btn--primary.sizeLerge.has__icon__pdf .ico--pdf,
  .btn.btn--blue-line.sizeSmall.has__icon__pdf .ico--pdf,
  .btn.btn--blue-line.sizeSmallL.has__icon__pdf .ico--pdf,
  .btn.btn--blue-line.sizeDefault.has__icon__pdf .ico--pdf,
  .btn.btn--blue-line.sizeLerge.has__icon__pdf .ico--pdf,
  a.btn.btn--blue-line.sizeSmall.has__icon__pdf .ico--pdf,
  a.btn.btn--blue-line.sizeSmallL.has__icon__pdf .ico--pdf,
  a.btn.btn--blue-line.sizeDefault.has__icon__pdf .ico--pdf,
  a.btn.btn--blue-line.sizeLerge.has__icon__pdf .ico--pdf,
  .btn.btn--primary-gra.sizeSmall.has__icon__pdf .ico--pdf,
  .btn.btn--primary-gra.sizeSmallL.has__icon__pdf .ico--pdf,
  .btn.btn--primary-gra.sizeDefault.has__icon__pdf .ico--pdf,
  .btn.btn--primary-gra.sizeLerge.has__icon__pdf .ico--pdf,
  a.btn.btn--primary-gra.sizeSmall.has__icon__pdf .ico--pdf,
  a.btn.btn--primary-gra.sizeSmallL.has__icon__pdf .ico--pdf,
  a.btn.btn--primary-gra.sizeDefault.has__icon__pdf .ico--pdf,
  a.btn.btn--primary-gra.sizeLerge.has__icon__pdf .ico--pdf,
  .btn.btn--info-gra.sizeSmall.has__icon__pdf .ico--pdf,
  .btn.btn--info-gra.sizeSmallL.has__icon__pdf .ico--pdf,
  .btn.btn--info-gra.sizeDefault.has__icon__pdf .ico--pdf,
  .btn.btn--info-gra.sizeLerge.has__icon__pdf .ico--pdf,
  a.btn.btn--info-gra.sizeSmall.has__icon__pdf .ico--pdf,
  a.btn.btn--info-gra.sizeSmallL.has__icon__pdf .ico--pdf,
  a.btn.btn--info-gra.sizeDefault.has__icon__pdf .ico--pdf,
  a.btn.btn--info-gra.sizeLerge.has__icon__pdf .ico--pdf {
    top: 6px;
    margin-left: 15px;
  }
  .btn.btn--primary.sizeSmall.has__icon__pdf .ico--angle-black-right, .btn.btn--primary.sizeSmallL.has__icon__pdf .ico--angle-black-right, .btn.btn--primary.sizeDefault.has__icon__pdf .ico--angle-black-right, .btn.btn--primary.sizeLerge.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--primary.sizeSmall.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--primary.sizeSmallL.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--primary.sizeDefault.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--primary.sizeLerge.has__icon__pdf .ico--angle-black-right,
  .btn.btn--blue-line.sizeSmall.has__icon__pdf .ico--angle-black-right,
  .btn.btn--blue-line.sizeSmallL.has__icon__pdf .ico--angle-black-right,
  .btn.btn--blue-line.sizeDefault.has__icon__pdf .ico--angle-black-right,
  .btn.btn--blue-line.sizeLerge.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--blue-line.sizeSmall.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--blue-line.sizeSmallL.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--blue-line.sizeDefault.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--blue-line.sizeLerge.has__icon__pdf .ico--angle-black-right,
  .btn.btn--primary-gra.sizeSmall.has__icon__pdf .ico--angle-black-right,
  .btn.btn--primary-gra.sizeSmallL.has__icon__pdf .ico--angle-black-right,
  .btn.btn--primary-gra.sizeDefault.has__icon__pdf .ico--angle-black-right,
  .btn.btn--primary-gra.sizeLerge.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--primary-gra.sizeSmall.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--primary-gra.sizeSmallL.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--primary-gra.sizeDefault.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--primary-gra.sizeLerge.has__icon__pdf .ico--angle-black-right,
  .btn.btn--info-gra.sizeSmall.has__icon__pdf .ico--angle-black-right,
  .btn.btn--info-gra.sizeSmallL.has__icon__pdf .ico--angle-black-right,
  .btn.btn--info-gra.sizeDefault.has__icon__pdf .ico--angle-black-right,
  .btn.btn--info-gra.sizeLerge.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--info-gra.sizeSmall.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--info-gra.sizeSmallL.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--info-gra.sizeDefault.has__icon__pdf .ico--angle-black-right,
  a.btn.btn--info-gra.sizeLerge.has__icon__pdf .ico--angle-black-right {
    right: 10px;
  }
}
/* primary */
.btn.btn--primary,
a.btn.btn--primary {
  background: #123379;
  color: #FFF;
}

/* blue-line */
.btn.btn--blue-line,
a.btn.btn--blue-line {
  border: 1px solid #123379;
  background: #FFF;
  color: #123379;
}
.btn.btn--blue-line.staticM,
a.btn.btn--blue-line.staticM {
  width: 345px;
  text-align: center;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 20px;
}

/* primary-gra */
.btn.btn--primary-gra,
a.btn.btn--primary-gra {
  color: #FFF;
  background-image: url("../img/btn/primary-gra.png");
  background-position: center;
  background-repeat: repeat-x;
  border-left: 1px solid #123379;
  border-right: 1px solid #123379;
}

/* info-gra */
.btn.btn--info-gra,
a.btn.btn--info-gra {
  color: #FFF;
  background-image: url("../img/btn/info-gra.png");
  background-position: center;
  background-repeat: repeat-x;
  border-left: 1px solid #fe8a22;
  border-right: 1px solid #fe8a22;
  background-color: #FC6721;
}

/* -------------------
 * btn square
 -------------------*/
.btn.btn--square,
a.btn.btn--square {
  background-color: #a5b6ca;
  border-radius: 0;
}
.btn.btn--square.staticS,
a.btn.btn--square.staticS {
  width: 35px;
  height: 35px;
  padding: 0;
}

/* -------------------
 * btn circle
 -------------------*/
.btn.btn--circle,
a.btn.btn--circle {
  width: 90px;
  height: 78px;
  border-radius: 45px;
  background-color: #123379;
  background-color: rgba(18, 51, 121, 0.5);
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
}
.btn.btn--circle:hover,
a.btn.btn--circle:hover {
  opacity: 1;
  background-color: rgba(18, 51, 121, 0.7);
}
.btn.btn--circle p,
a.btn.btn--circle p {
  padding-top: 10px;
}

/* -------------------
 * btn text
 -------------------*/
/* text A */
.btn.btn--text-A,
a.btn.btn--text-A {
  color: #123379;
  font-size: 14px;
  font-size: 0.875rem;
}
.btn.btn--text-A:hover,
a.btn.btn--text-A:hover {
  color: #123379;
  opacity: 1;
  text-decoration: underline;
}
.btn.btn--text-A i,
a.btn.btn--text-A i {
  margin-right: 8px;
  position: relative;
  top: 3px;
}
.btn.btn--text-A i.ico--angle-blue-right,
a.btn.btn--text-A i.ico--angle-blue-right {
  margin-right: 5px;
}
.btn.btn--text-A.unlink,
a.btn.btn--text-A.unlink {
  color: #000000;
}
.btn.btn--text-A.unlink:hover,
a.btn.btn--text-A.unlink:hover {
  color: #000000;
  text-decoration: none;
}
.btn.btn--text-A.underline,
a.btn.btn--text-A.underline {
  text-decoration: underline;
}
.btn.btn--text-A.underline:hover,
a.btn.btn--text-A.underline:hover {
  text-decoration: none;
}
.btn.btn--text-A.theme-simple,
a.btn.btn--text-A.theme-simple {
  color: #FFF;
}
.btn.btn--text-A.theme-simple:hover,
a.btn.btn--text-A.theme-simple:hover {
  color: #FFF;
}
.btn.btn--text-A.theme-danger,
a.btn.btn--text-A.theme-danger {
  color: #b63e22;
}
.btn.btn--text-A.theme-danger:hover,
a.btn.btn--text-A.theme-danger:hover {
  color: #b63e22;
}
.btn.btn--text-A.theme-warning,
a.btn.btn--text-A.theme-warning {
  color: #bc892f;
}
.btn.btn--text-A.theme-warning:hover,
a.btn.btn--text-A.theme-warning:hover {
  color: #bc892f;
}
.btn.btn--text-A.thime-dark,
a.btn.btn--text-A.thime-dark {
  color: #000;
}
.btn.btn--text-A.sizeS,
a.btn.btn--text-A.sizeS {
  font-size: 13px;
  font-size: 0.8125rem;
}
.btn.btn--text-A.sizeS i,
a.btn.btn--text-A.sizeS i {
  margin-right: 6px;
  position: relative;
  top: 3px;
}
.btn.btn--text-A.sizeS i.ico--angle-blue-right,
a.btn.btn--text-A.sizeS i.ico--angle-blue-right {
  margin-right: 5px;
}
.btn.btn--text-A.sizeM,
a.btn.btn--text-A.sizeM {
  font-size: 16px;
  font-size: 1rem;
}
.btn.btn--text-A.sizeM i,
a.btn.btn--text-A.sizeM i {
  top: 1px;
}
.btn.btn--text-A.sizeM i.ico--angle-blue-right,
a.btn.btn--text-A.sizeM i.ico--angle-blue-right {
  top: 2px;
}
.btn.btn--text-A.sizeML,
a.btn.btn--text-A.sizeML {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}
.btn.btn--text-A.sizeML i,
a.btn.btn--text-A.sizeML i {
  top: 1px;
}
.btn.btn--text-A.sizeML i.ico--angle-blue-right,
a.btn.btn--text-A.sizeML i.ico--angle-blue-right {
  top: 2px;
}
.btn.btn--text-A.sizeML i.ico--blank-blue,
a.btn.btn--text-A.sizeML i.ico--blank-blue {
  top: 4px;
  margin-left: 7px;
}
.btn.btn--text-A.sizeL,
a.btn.btn--text-A.sizeL {
  font-size: 20px;
  font-size: 1.25rem;
}
.btn.btn--text-A.sizeL i,
a.btn.btn--text-A.sizeL i {
  top: 2px;
}
.btn.btn--text-A.sizeL i.ico--angle-blue-right,
a.btn.btn--text-A.sizeL i.ico--angle-blue-right {
  top: 3px;
}

/* text A */
.btn.btn--text-B,
a.btn.btn--text-B {
  color: #123379;
}
.btn.btn--text-B.sizeM,
a.btn.btn--text-B.sizeM {
  font-size: 16px;
  font-size: 1rem;
}
.btn.btn--text-B.sizeM i,
a.btn.btn--text-B.sizeM i {
  top: 1px;
}

/* text C */
.btn.btn--text-C,
a.btn.btn--text-C {
  font-size: 18px;
  /*font-size: 19px;*/
  font-weight: normal;
}
.btn.btn--text-C i,
a.btn.btn--text-C i {
  position: relative;
  top: 1px;
  margin-right: 10px;
}
/* sp */
@media screen and (max-width: 639px) {
  .btn.btn--text-C,
  a.btn.btn--text-C {
    font-size: 15px;
  }
  .btn.btn--text-C i,
  a.btn.btn--text-C i {
    position: relative;
    top: 2px;
    margin-right: 5px;
  }
}

/* -------------------
 * btn image
 -------------------*/
/* login*/
.btn.btn--login,
a.btn.btn--login,
.btn.btn--loggedin,
a.btn.btn--loggedin {
  background: url("../img/ico/login.png") no-repeat;
  width: 56px;
  height: 47px;
  background-size: 66px auto;
  text-indent: 170%;
  white-space: nowrap;
  overflow: hidden;
}

.btn.btn--login,
a.btn.btn--login {
  background-position: -5px -61px;
}

.btn.btn--loggedin,
a.btn.btn--loggedin {
  background-position: -5px -5px;
}

/* login*/
.btn.btn--menu-opan,
a.btn.btn--menu-opan,
.btn.btn--menu-close,
a.btn.btn--menu-close {
  background: url("../img/ico/menus.png") no-repeat;
  width: 37px;
  height: 37px;
  background-size: 47px auto;
  text-indent: 170%;
  white-space: nowrap;
  overflow: hidden;
}

.btn.btn--menu-opan,
a.btn.btn--menu-opan {
  background-position: -5px -52px;
}
.btn.btn--menu-opan.active,
a.btn.btn--menu-opan.active {
  background-position: -5px -5px;
}

.btn.btn--menu-close,
a.btn.btn--menu-close {
  background-position: -5px -5px;
}

.btn.btn--mymenu-guide,
a.btn.btn--mymenu-guide {
  background-color: #ccdaf1;
  border-radius: 5px 5px 0 0;
  height: 70px;
  line-height: 70px;
  width: 340px;
  text-align: center;
  color: #123378;
  position: relative;
}
.btn.btn--mymenu-guide > .ico,
a.btn.btn--mymenu-guide > .ico {
  position: absolute;
  top: 50%;
}
.btn.btn--mymenu-guide > .ico.ico--list-square,
a.btn.btn--mymenu-guide > .ico.ico--list-square {
  margin-top: -25px;
  left: 13px;
}
.btn.btn--mymenu-guide > .ico.ico--angle-blue-btm, .btn.btn--mymenu-guide > .ico.ico--angle-blue-top,
a.btn.btn--mymenu-guide > .ico.ico--angle-blue-btm,
a.btn.btn--mymenu-guide > .ico.ico--angle-blue-top {
  right: 23px;
  margin-top: -5px;
}
.btn.btn--mymenu-guide > .ico.ico--angle-blue-top,
a.btn.btn--mymenu-guide > .ico.ico--angle-blue-top {
  display: none;
}
.btn.btn--mymenu-guide.active > .ico.ico--angle-blue-btm,
a.btn.btn--mymenu-guide.active > .ico.ico--angle-blue-btm {
  display: none;
}
.btn.btn--mymenu-guide.active > .ico.ico--angle-blue-top,
a.btn.btn--mymenu-guide.active > .ico.ico--angle-blue-top {
  display: block;
}

/* sp */
@media screen and (max-width: 639px) {
  .btn.btn--mymenu-guide,
  a.btn.btn--mymenu-guide {
    height: 49px;
    line-height: 49px;
    width: 205px;
    box-sizing: border-box;
    padding-left: 40px;
    text-align: left;
  }
  .btn.btn--mymenu-guide > .ico.ico--list-square,
  a.btn.btn--mymenu-guide > .ico.ico--list-square {
    margin-top: -13px;
    left: 7px;
    width: 25px;
    height: 25px;
    background-size: 25px auto;
  }
  .btn.btn--mymenu-guide > .ico.ico--angle-blue-btm, .btn.btn--mymenu-guide > .ico.ico--angle-blue-top,
  a.btn.btn--mymenu-guide > .ico.ico--angle-blue-btm,
  a.btn.btn--mymenu-guide > .ico.ico--angle-blue-top {
    right: 13px;
    margin-top: -5px;
  }
}
/* pager */
.btn.btn--pager,
a.btn.btn--pager {
  width: 38px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #a5b6ca;
  margin: 0 2px;
  border-radius: 0;
  background-color: #FFF;
  vertical-align: top;
  font-weight: normal;
  padding: 0;
}
.btn.btn--pager:hover,
a.btn.btn--pager:hover {
  background-color: #a5b6ca;
}
.btn.btn--pager.btn--pager__prev, .btn.btn--pager.btn--pager__next,
a.btn.btn--pager.btn--pager__prev,
a.btn.btn--pager.btn--pager__next {
  width: auto;
  padding-left: 45px;
  padding-right: 45px;
}
.btn.btn--pager.btn--pager__prev,
a.btn.btn--pager.btn--pager__prev {
  padding-left: 35px;
}
.btn.btn--pager.btn--pager__next,
a.btn.btn--pager.btn--pager__next {
  padding-right: 35px;
}
.btn.btn--pager.btn--pager__ellipsis,
a.btn.btn--pager.btn--pager__ellipsis {
  width: auto;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
  height: 30px;
  line-height: 30px;
}

/* sp */
@media screen and (max-width: 639px) {
  .btn.btn--pager,
  a.btn.btn--pager {
    width: 25px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #a5b6ca;
    margin: 0 1px;
  }
  .btn.btn--pager.btn--pager__prev, .btn.btn--pager.btn--pager__next,
  a.btn.btn--pager.btn--pager__prev,
  a.btn.btn--pager.btn--pager__next {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn.btn--pager.btn--pager__prev,
  a.btn.btn--pager.btn--pager__prev {
    padding-left: 7px;
  }
  .btn.btn--pager.btn--pager__next,
  a.btn.btn--pager.btn--pager__next {
    padding-right: 7px;
  }
  .btn.btn--pager.btn--pager__ellipsis,
  a.btn.btn--pager.btn--pager__ellipsis {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    border: none;
    height: 28px;
    line-height: 28px;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: -2px;
  }
}
/* ---------------------------
 *
 *  form
 *
 * -------------------------*/
/* -------------------
 * form group
 -------------------*/
.form--group {
  letter-spacing: -.40em;
  position: relative;
}
.form--group.spaceBtnXS {
  margin-bottom: 5px;
}
.form--group.spaceBtnS {
  margin-bottom: 10px;
}
.form--group.spaceBtmXL {
  margin-bottom: 50px;
}
.form--group > .form--item {
  letter-spacing: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.form--group > .form--item.form--item3__a {
  width: 141px;
  line-height: 36px;
  vertical-align: top;
}
.form--group > .form--item.form--item3__b {
  width: 28px;
  text-align: center;
  line-height: 36px;
}
.form--group > .form--item.form--item3__c {
  width: 215px;
  line-height: 36px;
  vertical-align: top;
}
.form--group > .form--item.form--item3__d {
  width: 250px;
}
.form--group > .form--item.form--item3__e {
  width: 450px;
}
.form--group > .form--item.form--item3__f {
  width: 98px;
}
.form--group > .form--item.form--item3__g {
  width: 80px;
}
.form--group > .form--item.form--item3__h {
  width: 135px;
}
.form--group > .form--item.spaceRightS {
  margin-right: 10px;
}
.form--group > .form--item.spaceRightM {
  margin-right: 20px;
}
.form--group > .err {
  letter-spacing: normal;
}

/* sp */
@media screen and (max-width: 639px) {
  .form--group > .form--item.form--item3__e {
    width: 100%;
  }
  .form--group > .form--item.sp__w100 {
    width: 100%;
    margin-right: 0;
  }
  .form--group > .form--item.form--item3__c {
    width: 45%;
  }
  .form--group > .form--item.sp__form--item3__35 {
    width: 35%;
    margin-bottom: 10px;
  }
  .form--group > .form--item.sp__form--item3__25 {
    width: 25%;
    margin-bottom: 10px;
  }
  .form--group > .form--item.form--item3__a.sp__form--item1,
  .form--group > .form--item.form--item3__c.sp__form--item1 {
    width: 100%;
    display: block;
  }
}
/* -------------------
 * form label
 -------------------*/
.form--label {
  font-weight: bold;
}
.form--label .form--input {
  margin-left: 5px;
}

/* -------------------
 * form input
 -------------------*/
.form--input {
  border: 1px solid #bbbbbb;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 5px;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-size: 1rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.form--input:focus {
  outline: none;
}
.form--input.sizeStaticS {
  width: 75px;
}
.form--input.sizeS {
  width: 20%;
}
.form--input.sizeM {
  width: 45%;
}
.form--input.sizeL {
  width: 75%;
}
.form--input.sizeFull {
  width: 100%;
}
.form--input:placeholder-shown {
  color: #000000;
}
.form--input::-webkit-input-placeholder {
  color: #000000;
}
.form--input:-moz-placeholder {
  opacity: 1;
  color: #000000;
}
.form--input::-moz-placeholder {
  opacity: 1;
  color: #000000;
}
.form--input:-ms-input-placeholder {
  color: #000000;
}
.form--input.solid {
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
}
.form--input.solid.fontLerge {
  font-size: 20px;
  font-size: 1.25rem;
  height: 42px;
  line-height: 42px;
}
.form--input.solid:placeholder-shown {
  color: #CCC;
}
.form--input.solid::-webkit-input-placeholder {
  color: #CCC;
}
.form--input.solid:-moz-placeholder {
  opacity: 1;
  color: #CCC;
}
.form--input.solid::-moz-placeholder {
  opacity: 1;
  color: #CCC;
}
.form--input.solid:-ms-input-placeholder {
  color: #CCC;
}

/* sp */
@media screen and (max-width: 639px) {
  .form--input {
    padding: 0 10px;
  }
  .form--input.solid {
    padding: 0 8px;
  }
}
@media screen and (max-width: 639px) {
  .form--input.sizeS, .form--input.sizeM, .form--input.sizeL, .form--input.sizeXL {
    width: 97%;
    min-width: 255px;
  }
}
/* -------------------
 * form textarea
 -------------------*/
.form--textarea {
  border: 1px solid #bbbbbb;
  height: 100px;
  line-height: 1.6;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 5px;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-size: 1rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.form--textarea:focus {
  outline: none;
}
.form--textarea:placeholder-shown {
  color: #000000;
}
.form--textarea::-webkit-input-placeholder {
  color: #000000;
}
.form--textarea:-moz-placeholder {
  opacity: 1;
  color: #000000;
}
.form--textarea::-moz-placeholder {
  opacity: 1;
  color: #000000;
}
.form--textarea:-ms-input-placeholder {
  color: #000000;
}
.form--textarea.solid {
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 100px;
  line-height: 1.6;
  padding: 12px;
}
.form--textarea.solid:placeholder-shown {
  color: #CCC;
}
.form--textarea.solid::-webkit-input-placeholder {
  color: #CCC;
}
.form--textarea.solid:-moz-placeholder {
  opacity: 1;
  color: #CCC;
}
.form--textarea.solid::-moz-placeholder {
  opacity: 1;
  color: #CCC;
}
.form--textarea.solid:-ms-input-placeholder {
  color: #CCC;
}
.form--textarea.sizeStaticS {
  width: 75px;
}
.form--textarea.sizeS {
  width: 20%;
}
.form--textarea.sizeM {
  width: 45%;
}
.form--textarea.sizeL {
  width: 75%;
}
.form--textarea.sizeFull {
  width: 100%;
  height: 200px;
}

/* -------------------
 * form select
 -------------------*/
.form--select {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  background: url("../img/ico/caret-down-black.png") no-repeat 96% 9px #FFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow: hidden;
  border: 1px solid #bbbbbb;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}
.form--select.form--select__line-b{border-width: 2px;} 
.form--select > select,
.form--select > .form--select-text {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*width: 130%;*/
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1rem;
  opacity: 0;
}
.form--select > select{
  /*position: absolute;
  top: 0;
  left: 0;*/
}
.form--select > .form--select-text{
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
.form--select > select:focus {
  outline: none;
}
.form--select.solid {
  background-position: 96% 50%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form--select.solid > select,
.form--select.solid > .form--select-text {
  border-radius: 0px;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
}
.form--select.sizeS {
  width: 20%;
}
.form--select.sizeM {
  width: 45%;
}
.form--select.sizeL {
  width: 75%;
}
.form--select.sizeXL {
  width: 98%;
}
.form--select.sizeFull {
  width: 100%;
}
.form--select.mr {
  margin-right: 5px;
}
.form--select.ml {
  margin-left: 5px;
}
.form--select.year {
  width: 78px;
}
.form--select.year__lerge {
  width: 118px;
}
.form--select.month {
  width: 78px;
}
.form--select.sizeFull > select,
.form--select.sizeFull > .form--select-text {
  /*width: 130%;
  padding: 0 20% 0 12px;*/
  width: 100%;
  padding: 0 20% 0 12px;
}
.form--select.year > select, .form--select.month > select,
.form--select.year > .form--select-text, .form--select.month > .form--select-text {
  /*width: 150%;
  padding: 0 40% 0 12px;*/
  width: 100%;
  padding: 0 25% 0 12px;
}

/* -------------------
 * form check・radio
 -------------------*/
.form--checkLabel.sizeL input,
.form--checkLabel.sizeXL input,
.form--radioLabel.sizeL input {
  display: none;
  outline: none;
}
.form--checkLabel.sizeL input:checked + i::after,
.form--checkLabel.sizeXL input:checked + i::after,
.form--radioLabel.sizeL input:checked + i::after {
  opacity: 1;
}
.form--checkLabel.sizeL i,
.form--checkLabel.sizeXL i,
.form--radioLabel.sizeL i {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.form--checkLabel.sizeL i:before, .form--checkLabel.sizeL i:after,
.form--checkLabel.sizeXL i:before, .form--checkLabel.sizeXL i:after,
.form--radioLabel.sizeL i:before,
.form--radioLabel.sizeL i:after {
  position: absolute;
  content: '';
}
.form--checkLabel.sizeL i:before,
.form--checkLabel.sizeXL i:before,
.form--radioLabel.sizeL i:before {
  top: 50%;
  left: 0;
}
.form--checkLabel.sizeL i:after,
.form--checkLabel.sizeXL i:after,
.form--radioLabel.sizeL i:after {
  opacity: 0;
  top: 50%;
}

/* -------------------
 * form check
 -------------------*/
 /* size L */
.form--checkLabel.sizeL input:checked + i::before {
  border: 1px solid #9C9CA0;
  background-color: #9C9CA0;
}
.form--checkLabel.sizeL input:checked + i::after {
  -webkit-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
.form--checkLabel.sizeL i {
  width: 18px;
  height: 14px;
  vertical-align: middle;
}
.form--checkLabel.sizeL i:before {
  width: 14px;
  height: 14px;
  margin-top: -9px;
  background-color: #FFF;
  border: 1px solid #B8B8B8;
  border-radius: 3px;
}
.form--checkLabel.sizeL i:after {
  left: 3px;
  width: 8px;
  height: 4px;
  margin-top: -5px;
  border-left: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  -webkit-transform: rotate(-45deg) scale(0.5);
  -ms-transform: rotate(-45deg) scale(0.5);
  transform: rotate(-45deg) scale(0.5);
}
.form--checkLabel.sizeL.fontLerge {
  font-size: 18px;
}

/* size XL */                                                                                                                                      
.form--checkLabel.sizeXL input:checked + i::before {                                                                                               
  border: 3px solid #9C9CA0;                                                                                                                       
  background-color: #9C9CA0;                                                                                                                       
}                                                                                                                                                  
.form--checkLabel.sizeXL input:checked + i::after {                                                                                                
  -webkit-transform: rotate(-45deg) scale(1);                                                                                                      
  -ms-transform: rotate(-45deg) scale(1);                                                                                                          
  transform: rotate(-45deg) scale(1);                                                                                                              
}                                                                                                                                                  
.form--checkLabel.sizeXL i {                                                                                                                       
  width: 20px;                                                                                                                                     
  height: 20px;                                                                                                                                    
  vertical-align: middle;                                                                                                                          
}                                                                                                                                                  
.form--checkLabel.sizeXL i:before {                                                                                                                
  width: 14px;                                                                                                                                     
  height: 14px;                                                                                                                                    
  margin-top: -11px;                                                                                                                               
  background-color: #FFF;                                                                                                                          
  border: 3px solid #B8B8B8;                                                                                                                       
  border-radius: 3px;                                                                                                                              
}                                                                                                                                                  
.form--checkLabel.sizeXL i:after {                                                                                                                 
  left: 3px;                                                                                                                                       
  width: 10px;                                                                                                                                     
  height: 5px;                                                                                                                                     
  margin-top: -7px;                                                                                                                                
  border-left: 3px solid #FFFFFF;                                                                                                                  
  border-bottom: 3px solid #FFFFFF;                                                                                                                
  -webkit-transform: rotate(-45deg) scale(0.5);                                                                                                    
  -ms-transform: rotate(-45deg) scale(0.5);                                                                                                        
  transform: rotate(-45deg) scale(0.5);                                                                                                            
}                                                                                                                                                  
.form--checkLabel.form--checkLabel-bar__primary{                                                                                                   
  border-radius: 15px;                                                                                                                             
  padding: 4px 18px 4px 10px;                                                                                                                      
  font-size: 12px;                                                                                                                                 
  margin-bottom: 7px;                                                                                                                              
  display: inline-block;                                                                                                                           
}                                                                                                                                                  
.form--checkLabel.form--checkLabel-bar__primary > i{                                                                                               
  margin-right: 4px;                                                                                                                               
}                                                                                                                                                  
.form--checkLabel.form--checkLabel-bar__primary{                                                                                                   
  background-color: #102366;                                                                                                                       
  color: #FFF;                                                                                                                                     
}      

/* -------------------
 * form radio
 -------------------*/
.form--radioLabel.sizeL input:checked + i::before {
  background-color: #99999E;
}
.form--radioLabel.sizeL input:checked + i::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  background: #FFF;
  border-radius: 100%;
}
.form--radioLabel.sizeL i {
  width: 18px;
  height: 14px;
  vertical-align: middle;
}
.form--radioLabel.sizeL i:before {
  width: 14px;
  height: 14px;
  margin-top: -9px;
  background-color: #FFF;
  border: 1px solid #B8B8B8;
  border-radius: 100%;
}
.form--radioLabel.sizeL.fontLerge {
  font-size: 18px;
}

@media screen and (max-width: 639px) {
  .form--radioLabel.sizeL i {
    width: 15px;
  }
}
/* -------------------
  * form err
  -------------------*/
.form--err {
  padding: 0 5px;
}

/* ---------------------------
 *
 *  icon
 *
 * -------------------------*/
/* -------------------
 * icon layout
 -------------------*/
.ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-indent: 170%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
}

/* -------------------
 * icon text
 -------------------*/
/* icon text */
.ico--text {
  color: #FFF;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
}
.ico--text.danger {
  background: #e14748;
}
.ico--text.info {
  background: #f4cc19;
  color: #000000;
}
.ico--text.attention {
  background: #f28199;
}
.ico--text.beige {
  background: #f7edbd;
  color: #000000;
  font-weight: bold;
  min-width: 140px;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
}
.ico--text.beige2 {
  background: #f7edbd;
  color: #000000;
}
.ico--text.primary {
  background-color: #123379;
  color: #FFF;
}
.ico--text.success {
  background-color: #3d9e21;
  color: #FFF;
}
.ico--text.goodness {
  background-color: #FFF;
  color: #000000;
}
.ico--text.disabled {
  background-color: #CCC;
  color: #FFF;
}
.ico--text.fontL {
  font-size: 14px;
  font-size: 0.875rem;
}
.ico--text.square {
  border-radius: 0;
  white-space: normal;
}
.ico--text.circle.has__arr{
  position: relative;
}
.ico--text.circle.has__arr:before{
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -15px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ico--text.circle.has__arr.primary:before{
  background-color: #123379;
}
.ico--text.square.lerge {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  width: 100px;
  height: 75px;
  padding: 25px 0 0 0;
  text-align: center;
  line-height: 1.4;
  text-indent: 0;
}
.ico--text.circle {
  border-radius: 19px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.ico--text.circle.lerge {
  border-radius: 51px;
  width: 102px;
  height: 102px;
  line-height: 102px;
  background-color: #ff0000;
}
.ico--text.circle.lerge.line2 {
  line-height: 1.4;
  padding-top: 25px;
  height: 77px;
}
.ico--text.circle.lerge.line3 {
  padding-left: 3px;
  width: 99px;
  line-height: 1.4;
  padding-top: 15px;
  height: 87px;
}
.ico--text.circle.xlerge {
  border-radius: 115px;
  width: 230px;
  height: 230px;
  line-height: 230px;
  display: block;
}
.ico--text.circle.xlerge.line4 {
  padding-top: 60px;
  height: 170px;
  line-height: 1.4;
}
.ico--text.circle.has__arr.xlerge:before{
  width: 40px;
  height: 40px;
  bottom: -13px;
  margin-left: -20px;
}
.ico--text.ico--text__block,/* not used */                                                                                                         
.ico--text.ico--text__block-large{                                                                                                                 
  display: block;                                                                                                                                  
}                                                                                                                                                  
.ico--text.ico--text__block-large{                                                                                                                 
  font-size: 16px;                                                                                                                                 
  padding: 7px 40px;                                                                                                                               
}                                                                                                                                                  
/* sp */                                                                                                                                           
@media screen and (max-width: 639px) {                                                                                                             
  .ico--text.ico--text__block-large{                                                                                                               
    font-size: 12px;                                                                                                                               
    padding: 3px 10px;                                                                                                                             
    line-height: 1.5;                                                                                                                              
  }                                                                                                                                                
  .ico--text.ico--text__block-large.mbM{margin-bottom: 8px;}                                                                                       
} 


/* sp */
@media screen and (max-width: 639px) {
  .ico--text.circle.lerge {
    border-radius: 40px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
  }
  .ico--text.circle.lerge.line2 {
    padding-top: 20px;
    height: 60px;
  }
  .ico--text.circle.lerge.line3 {
    padding-left: 3px;
    width: 77px;
    padding-top: 12px;
    height: 68px;
  }
  .ico--text.circle.xlerge {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    z-index: 1;
    display: block;
    margin-bottom: 20px;
  }
  .ico--text.circle.xlerge.line4 {
    padding-top: 35px;
    height: 115px;
    line-height: 1.4;
  }
  .ico--text.circle.has__arr.xlerge:before{
    width: 26px;
    height: 26px;
    bottom: -8px;
    margin-left: -13px;
    z-index: 0;
  }
}
/* -------------------
 * icon square
 -------------------*/
/* icon square */
.ico--square {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.ico--square.rightText {
  margin-right: 5px;
  position: relative;
  top: -1px;
  border: 1px solid #CCC;
}
.ico--square.goodness {background-color: #FFF;}
.ico--square.danger {background-color:  #FADBDA;}
.ico--square.info {background-color: #f3f5c5;}
.ico--square.attention  {background-color: #f28199;}
.ico--square.beige  {background-color: #f7edbd;}
.ico--square.primary  {background-color:  #123379;}
.ico--square.success  {background-color:  #3d9e21;}
.ico--square.disabled  {background-color:  #CCC;}

/* -------------------
 * icon band
 -------------------*/
/* icon band */
.ico--band {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 3px 15px;
  line-height: 1.4;
}
.ico--band > small {
  font-size: 14px;
  padding-left: 2px;
}
.ico--band.styleOne {
  font-size: 16px;
}
.ico--band.danger {
  background: #e14748;
}
.ico--band.info {
  background: #f4cc19;
  color: #000000;
}
.ico--band.attention {
  background: #f28199;
}
.ico--band.beige {
  background: #f7edbd;
  color: #000000;
}
.ico--band.primary {
  background-color: #e0f1fb;
}
.ico--band.success {
  background-color: #3d9e21;
  color: #FFF;
}
.ico--band.goodness {
  background-color: #FFF;
  color: #000000;
}
.ico--band.staticM {
  width: 130px;
}
.ico--band.block {
  display: block;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ico--band {
    font-size: 14px;
  }
  .ico--band > small {
    font-size: 12px;
  }
}
/* -------------------
 * icon parts
 -------------------*/
/* icon angle */
.ico.ico--angle-blue-right,
.ico.ico--angle-white-right,
.ico.ico--angle-black-top,
.ico.ico--angle-black-right,
.ico.ico--angle-black-btm,
.ico.ico--angle-white-top {
  width: 16px;
  height: 16px;
}

.ico.ico--angle-blue-right {
  background-image: url("../img/ico/angle-blue-right.png");
}

.ico.ico--angle-white-right {
  background-image: url("../img/ico/angle-white-right.png");
}

.ico.ico--angle-black-top {
  background-image: url("../img/ico/angle-black-top.png");
}

.ico.ico--angle-black-right {
  background-image: url("../img/ico/angle-black-right.png");
}

.ico.ico--angle-black-btm {
  background-image: url("../img/ico/angle-black-btm.png");
}

.ico.ico--angle-white-top {
  background-image: url("../img/ico/angle-white-top.png");
}

.ico.ico--angle-blue-top,
.ico.ico--angle-blue-btm {
  width: 10px;
  height: 10px;
  background-image: url("../img/ico/angle-blue-btm.png");
  background-size: 10px auto;
}

.ico.ico--angle-blue-top {
  background-image: url("../img/ico/angle-blue-top.png");
}

/* icon caret */                                                                                                                                   
.ico.ico--caret-black-top,                                                                                                                         
.ico.ico--caret-black-btm {                                                                                                                        
  width: 16px;                                                                                                                                     
  height: 16px;                                                                                                                                    
  background: url("../img/ico/caret-down-black.png") no-repeat 96% 9px #FFF;                                                                       
}                                                                                                                                                  
.ico.ico--caret-black-top {                                                                                                                        
  -moz-transform: rotate(-180deg);                                                                                                                 
  -webkit-transform: rotate(-180deg);                                                                                                              
  -o-transform: rotate(-180deg);                                                                                                                   
  -ms-transform: rotate(-180deg);                                                                                                                  
  transform: rotate(-180deg);                                                                                                                      
}

/* icon angle-square */
.ico.ico--angle-square-blue-right {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/angle-square-blue-right.png");
}

.ico.ico--angle-square-gold-right {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/angle-square-gold-right.png");
}

.ico.ico--angle-square-white-right {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/angle-square-white-right.png");
}

.ico.ico--angle-square-info-right {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/angle-square-info-right.png");
}

.ico.ico--angle-square-whitepink-right {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/angle-square-whitepink-right.png");
}

/* icon circle-o-blue */
.ico.ico--circle-o-blue {
  width: 20px;
  height: 20px;
  background-image: url("../img/ico/circle-o-blue.png");
}

.ico.ico--circle-blue {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/circle-blue.png");
}

/* icon mail */
.ico.ico--mail {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/mail.png");
}

/* icon user */
.ico.ico--user {
  width: 24px;
  height: 24px;
  background-image: url("../img/ico/user.png");
}
.ico.ico--user.blue {
  background-image: url("../img/ico/user-blue.png");
}

/* icon mymenu */
.ico.ico--concierge {
  width: 36px;
  height: 36px;
  background-image: url("../img/ico/concierge.png");
}
.ico.ico--concierge.white {
  background-image: url("../img/ico/concierge-white.png");
}
.ico.ico--concierge.lerge {
  width: 90px;
  height: 70px;
  background-image: url("../img/ico/concierge-l.png");
}

.ico.ico--book {
  width: 36px;
  height: 36px;
  background-image: url("../img/ico/book.png");
}
.ico.ico--book.white {
  background-image: url("../img/ico/book-white.png");
}
.ico.ico--book.lerge {
  width: 90px;
  height: 70px;
  background-image: url("../img/ico/book-l.png");
}

.ico.ico--home {
  width: 36px;
  height: 36px;
  background-image: url("../img/ico/home.png");
}
.ico.ico--home.white {
  background-image: url("../img/ico/home-white.png");
}
.ico.ico--home.lerge {
  width: 90px;
  height: 70px;
  background-image: url("../img/ico/home-l.png");
}

.ico.ico--home-black {
  width: 17px;
  height: 17px;
  background-image: url("../img/ico/home-black.png");
  background-size: 17px auto;
}

.ico.ico--wrench {
  width: 36px;
  height: 36px;
  background-image: url("../img/ico/wrench.png");
}
.ico.ico--wrench.white {
  background-image: url("../img/ico/wrench-white.png");
}
.ico.ico--wrench.lerge {
  width: 90px;
  height: 70px;
  background-image: url("../img/ico/wrench-l.png");
}

.ico.ico--file-text-o {
  width: 36px;
  height: 36px;
  background-image: url("../img/ico/file-text-o.png");
}
.ico.ico--file-text-o.white {
  background-image: url("../img/ico/file-text-o-white.png");
}
.ico.ico--file-text-o.lerge {
  width: 90px;
  height: 70px;
  background-image: url("../img/ico/file-text-o-l.png");
}

.ico.ico--data {
  width: 36px;
  height: 36px;
  background-image: url("../img/ico/data.png");
}
.ico.ico--data.white {
  background-image: url("../img/ico/data-white.png");
}
.ico.ico--data.lerge {
  width: 90px;
  height: 70px;
  background-image: url("../img/ico/data-l.png");
}

.ico.ico--close-blue {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/close-blue.png");
  background-size: 16px auto;
}

.ico.ico--close-info {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/close-info.png");
  background-size: 16px auto;
}

.ico.ico--close-white {
  width: 16px;
  height: 16px;
  background-image: url("../img/ico/close-white.png");
  background-size: 16px auto;
}

.ico.ico--list {
  width: 25px;
  height: 25px;
  background-image: url("../img/ico/list.png");
  background-size: 25px auto;
  background-color: #FFF;
  border-radius: 5px;
}

.ico.ico--list-square {
  width: 50px;
  height: 50px;
  background-image: url("../img/ico/list.png");
  background-color: #FFF;
  border-radius: 5px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ico.ico--concierge.lerge,
  .ico.ico--book.lerge,
  .ico.ico--home.lerge,
  .ico.ico--wrench.lerge,
  .ico.ico--file-text-o.lerge,
  .ico.ico--data.lerge {
    width: 65px;
    height: 50px;
    background-size: 65px auto;
  }
}
.ico.ico--cart {
  width: 30px;
  height: 30px;
  background-image: url("../img/ico/cart.png");
}

.ico.ico--pdf {
  width: 34px;
  height: 34px;
  background-image: url("../img/ico/pdf.png");
}
.ico.ico--pdf.ico--pdf__s {                                                                                                                        
  width: 22px;                                                                                                                                     
  height: 24px;                                                                                                                                    
  background-image: url("../img/ico/pdf-s.png");                                                                                                   
}

/* sp */
@media screen and (max-width: 639px) {
  .ico.ico--pdf {
    width: 22px;
    height: 22px;
    background-size: 22px auto;
  }
}
.ico.ico--plus-white {
  width: 35px;
  height: 35px;
  background-image: url("../img/ico/plus-white.png");
}

.ico.ico--plus-blue {
  width: 35px;
  height: 35px;
  background-image: url("../img/ico/plus-blue.png");
}

.ico.ico--minus-white {
  width: 35px;
  height: 35px;
  background-image: url("../img/ico/minus-white.png");
}

.ico.ico--images,
.ico.ico--details {
  width: 37px;
  height: 32px;
}

.ico.ico--images {
  background-image: url("../img/ico/images.png");
}
.ico.ico--images.active {
  background-image: url("../img/ico/images_o.png");
}

.ico.ico--details {
  background-image: url("../img/ico/details.png");
}
.ico.ico--details.active {
  background-image: url("../img/ico/details_o.png");
}

.ico.ico--tel {
  width: 23px;
  height: 23px;
  background-image: url("../img/ico/tel.png");
}

.ico.ico--telephone_s {
  width: 25px;
  height: 20px;
  background-image: url("../img/ico/telephone_s.png");
}

.ico.ico--telephone {
  width: 50px;
  height: 40px;
  background-image: url("../img/ico/telephone.png");
}

.ico.ico--pc {
  width: 25px;
  height: 20px;
  background-image: url("../img/ico/pc.png");
}

.ico.ico--free {
  width: 80px;
  height: 80px;
  background-image: url("../img/ico/free.png");
}

/* sp */
@media screen and (max-width: 639px) {
  .ico.ico--free {
    width: 40px;
    height: 40px;
    background-size: 40px auto;
  }
}
.ico.ico--blank-white {
  width: 30px;
  height: 24px;
  background-image: url("../img/ico/blank-white.png");
}

/* sp */
@media screen and (max-width: 639px) {
  .ico.ico--blank-white {
    width: 25px;
    height: 20px;
    background-size: 26px auto;
  }
}
.ico.ico--blank-blue {
  width: 30px;
  height: 24px;
  background-image: url("../img/ico/blank-blue.png");
}

.ico.ico--close {
  width: 38px;
  height: 38px;
  background-image: url("../img/ico/close.png");
}

.ico.ico--webmagazine {
  width: 146px;
  height: 46px;
  background-image: url("../img/ico/webmagazine.png");
}

/* sp */
@media screen and (max-width: 639px) {
  .ico.ico--webmagazine {
    width: 73px;
    background-size: 73px auto;
  }
}
/* ---------------------------
 *
 *  list
 *
 * -------------------------*/
/* -------------------
 * list nav
 -------------------*/
.list--nav {
  margin-left: 17px;
  margin-bottom: 40px;
}
.list--nav .list--nav-item {
  float: left;
  margin-right: 57px;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
.list--nav .list--nav-item .ico {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--nav {
    margin-bottom: 20px;
    margin-left: 10px;
  }
  .list--nav .list--nav-item {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem;
  }
}
/* -------------------
* list bandnav
-------------------*/
.list--band-nav {
  padding: 0;
  position: relative;
  z-index: 1;
}
.list--band-nav.primary {
  background-color: #e0f1fb;
}
.list--band-nav.primary .list--band-nav-item-child .list--band-nav-item {
  background-color: #e0f1fb;
}
.list--band-nav.primary > .list--band-navs:before {
  background: #4990bc;
}
.list--band-nav.primary > .list--band-navs .list--band-nav-item.active > a, .list--band-nav.primary > .list--band-navs .list--band-nav-item > a:hover {
  background-color: #D6E8F3;
}
.list--band-nav.primary > .list--band-navs .list--band-nav-item > a:after {
  background-color: #4990bc;
}
.list--band-nav.info {
  background-color: #fff4c3;
}
.list--band-nav.info .list--band-nav-item-child .list--band-nav-item {
  background-color: #fff4c3;
}
.list--band-nav.info > .list--band-navs:before {
  background: #bfa328;
}
.list--band-nav.info > .list--band-navs .list--band-nav-item.active > a, .list--band-nav.info > .list--band-navs .list--band-nav-item > a:hover {
  background-color: #f7e9ab;
}
.list--band-nav.info > .list--band-navs .list--band-nav-item > a:after {
  background-color: #bfa328;
}
.list--band-nav > .list--band-nav-header {
  display: none;
}
.list--band-nav > .list--band-navs {
  position: relative;
}
.list--band-nav > .list--band-navs:before {
  content: "";
  border-bottom: 1px solid #FFF;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.list--band-nav > .list--band-navs .list--band-nav-item {
  float: left;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
.list--band-nav > .list--band-navs .list--band-nav-item.list--band-nav-item__4 > a:after {
  display: none;
}
.list--band-nav > .list--band-navs .list--band-nav-item > a {
  display: block;
  height: 63px;
  line-height: 63px;
  position: relative;
  padding-right: 20px;
  position: relative;
}
.list--band-nav > .list--band-navs .list--band-nav-item > a:link,
.list--band-nav > .list--band-navs .list--band-nav-item > a:visited{
  text-decoration: none;
}
.list--band-nav > .list--band-navs .list--band-nav-item > a:after {
  content: "";
  display: block;
  width: 1px;
  height: 35px;
  position: absolute;
  top: 14px;
  right: 0;
}
.list--band-nav > .list--band-navs .list--band-nav-item .ico {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
.list--band-nav > .list--band-navs .list--band-nav-item.has__child {
  position: relative;
}
.list--band-nav > .list--band-navs .list--band-nav-item.has__child .ico--angle-black-top,
.list--band-nav > .list--band-navs .list--band-nav-item.has__child .list--band-nav-item-child {
  display: none;
}
.list--band-nav > .list--band-navs .list--band-nav-item.has__child.active .ico--angle-black-btm {
  display: none;
}
.list--band-nav > .list--band-navs .list--band-nav-item.has__child.active .ico--angle-black-top {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.list--band-nav > .list--band-navs .list--band-nav-item.has__child > .list--band-nav-item-child {
  position: absolute;
  top: 65px;
  left: 0;
}
.list--band-nav > .list--band-navs .list--band-nav-item.has__child > .list--band-nav-item-child .list--band-nav-item {
  /*margin-bottom: 2px;*/
  border-bottom: 2px solid #FFF;
}
.list--band-nav > .list--band-navs .list--band-nav-item.has__child > .list--band-nav-item-child .list--band-nav-item > a:after {
  display: none;
}
.list--band-nav > .list--band-navs.first-child:before {
  display: none;
}
.list--band-nav > .list--band-navs.first-child > .list--band-nav-item {
  margin-top: 0;
}
.list--band-nav > .list--band-navs.list--band-navs__4 .list--band-nav-item {
  width: 289px;
  text-align: center;
}
.list--band-nav > .list--band-navs.list--band-navs__4 .list--band-nav-item.list--band-nav-item__4 {
  width: 292px;
}
.list--band-nav > .list--band-navs.list--band-navs__4 .list--band-nav-item.list--band-nav-item__4 .list--band-nav-item {
  width: 292px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--band-nav {
    padding: 0 0 1px;
    overflow: hidden;
    height: 50px;
    transition: 0.4s;
  }
  .list--band-nav.primary {
    background-color: #FFF;
  }
  .list--band-nav.primary > .list--band-navs .list--band-nav-item.active > a {
    background-color: #FFF;
  }
  .list--band-nav.primary > .list--band-nav-header {
    background-color: #e0f1fb;
  }
  .list--band-nav.primary .list--band-nav-item {
    border-bottom: 1px solid #000000;
  }
  .list--band-nav.info {
    background-color: #FFF;
  }
  .list--band-nav.info > .list--band-navs .list--band-nav-item.active > a {
    background-color: #FFF;
  }
  .list--band-nav.info > .list--band-nav-header {
    background-color: #FCEADB;
  }
  .list--band-nav.info .list--band-nav-item {
    border-bottom: 1px solid #FCE2CD;
  }
  .list--band-nav.info .l-widget--close {
    background-color: #FCEADB;
    color: #F5964F;
    font-weight: bold;
  }
  .list--band-nav > .list--band-nav-header {
    display: block;
  }
  .list--band-nav > .list--band-nav-header > a {
    display: block;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    background: url("../img/ico/angle-black-btm.png") no-repeat 95.5% 50%;
  }
  .list--band-nav > .list--band-nav-header > a.active {
    background-image: url("../img/ico/angle-black-top.png");
  }
  .list--band-nav > .list--band-navs {
    margin-top: 0;
    padding-top: 0;
  }
  .list--band-nav > .list--band-navs:before {
    display: none;
  }
  .list--band-nav > .list--band-navs > .list--band-nav-item {
    float: none;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .list--band-nav > .list--band-navs > .list--band-nav-item > a {
    padding: 14px 0 14px 20px;
    box-sizing: border-box;
  }
  .list--band-nav > .list--band-navs > .list--band-nav-item > a:after {
    display: none;
  }
  .list--band-nav > .list--band-navs > .list--band-nav-item.active {
    background-color: #FFF;
  }
  .list--band-nav > .list--band-navs > .list--band-nav-item > a {
    height: auto;
    line-height: 1.6;
    padding-right: 20px;
    border: none;
  }
  .list--band-nav > .list--band-navs > .list--band-nav-item .ico {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
  }
  .list--band-nav > .list--band-navs.list--band-navs__4 > .list--band-nav-item {
    width: 100%;
    text-align: left;
  }
  .list--band-nav > .list--band-navs.list--band-navs__4 > .list--band-nav-item.list--band-nav-item__4 {
    width: 100%;
  }

  .l-widget--close {
    position: relative;
    top: -1px;
  }
}
/* -------------------
* list horizon
-------------------*/
.list--horizon-wrap__yellow {
  background: #fffae7;
  padding: 46px 0;
}
.list--horizon-wrap__yellow.spaceBtmS {
  margin-bottom: 5px;
}
.list--horizon-wrap__yellow > .about {
  color: #123379;
  text-align: center;
  padding-top: 15px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}
.list--horizon-wrap__yellow > .about strong.text {
  font-size: 25px;
  font-size: 1.5625rem;
}
.list--horizon-wrap__yellow > .about strong.num {
  font-size: 35px;
  font-size: 2.1875rem;
}

.list--horizon {
  letter-spacing: -.40em;
}
.list--horizon.bnrs .list--horizon-item {
  margin: 0 10px;
}
.list--horizon .list--horizon-item {
  letter-spacing: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5px;
}
.list--horizon.spaceBtmL{
  margin-bottom: 70px;
}
.list--horizon.list--horizon__item3 .list--horizon-item {
  width: 30%;
}
.list--horizon .list--horizon-item.lerge {
  margin: 0 12px;
}
.list--horizon .list--horizon-item.lerge > p {
  font-weight: bold;
  padding-top: 5px;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 5px;
}
.list--horizon .list--horizon-item.spaceRightM {
  margin-right: 20px;
}
.list--horizon .list--horizon-item.spaceLeftM {
  margin-left: 80px;
}
.list--horizon .list--horizon-item .form--radio.sizeL > input {
  top: 3px;
}
.list--horizon.list--horizon__center {
  text-align: center;
}
.list--horizon.list--horizon__vTop .list--horizon-item {
  vertical-align: top;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--horizon-wrap__yellow {
    padding: 20px 0;
  }

  .list--horizon.sp__list--horizon__left {
    text-align: left;
  }
  .list--horizon.bnrs .list--horizon-item {
    margin: 0 2%;
  }
  .list--horizon .list--horizon-item {
    margin: 0 2%;
    width: 46%;
    vertical-align: middle;
    margin-bottom: 10px;
  }
  .list--horizon.list--horizon__item3 .list--horizon-item {
    margin-bottom: 0;
    margin: 0;
    width: 33.33%;
  }
  .list--horizon .list--horizon-item p {
    line-height: 1.4;
  }
  .list--horizon .list--horizon-item img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    margin-bottom: 5px;
  }
  .list--horizon .list--horizon-item img.vh {
    width: auto;
    height: 110px;
  }
  .list--horizon .list--horizon-item.lerge {
    vertical-align: top;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 10px;
    text-align: center;
  }
  .list--horizon .list--horizon-item.spaceLeftM {
    margin-left: 2%;
  }
  .list--horizon.list--horizon__sp-auto .list--horizon-item {
    margin: 0;
    margin-bottom: 10px;
    width: auto;
    vertical-align: middle;
  }
  .list--horizon.list--horizon__sp-auto .list--horizon-item.spaceRightM {
    margin-right: 15px;
  }
}
/* -------------------
* list circle
-------------------*/
.list--circle {
  margin-left: 17px;
}
.list--circle.spaceLeftN {
  margin-left: 0;
}
.list--circle.spaceBtmM {
  margin-bottom: 30px;
}
.list--circle.spaceBtmL {
  margin-bottom: 45px;
}
.list--circle .list--circle-item {
  position: relative;
  padding-left: 27px;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1rem;
}
.list--circle .list--circle-item.spaceBtmS {
  margin-bottom: 5px;
}
.list--circle .list--circle-item:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../img/ico/circle-blue.png") no-repeat center;
  position: absolute;
  top: 4px;
  left: 5px;
  display: block;
}
.list--circle .list--circle-item.staticS {
  width: 260px;
}
.list--circle .list--circle-item > .fRight {
  position: relative;
  top: 2px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--circle {
    margin-left: 0;
  }
  .list--circle.spaceBtmL {
    margin-bottom: 20px;
  }
  .list--circle .list--circle-item {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .list--circle .list--circle-item:before {
    background-size: 13px auto;
    width: 13px;
    height: 13px;
    top: 5px;
  }
  .list--circle .list--circle-item.fS:before {
    top: 5px;
  }
}
/* -------------------
* list suare
-------------------*/
.list--square .list--square-item {
  position: relative;
  padding-left: 26px;
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.125rem;
}
.list--square .list--square-item:before {
  content: "■";
  position: absolute;
  top: 0;
  left: 1px;
  display: block;
}

/* sp */
/* -------------------
 * list item
 -------------------*/
.list--item-wrap {
  position: relative;
  padding: 20px 0 20px 25px;
}
.list--item-wrap .ico--text.square {
  float: left;
  margin-right: 48px;
}
.list--item-wrap .btn--white {
  position: absolute;
  top: 0;
  right: 0;
}
.list--item-wrap .list--items {
  overflow: hidden;
}
.list--item-wrap .list--items dl.list--item {
  border-bottom: none;
}
.list--item-wrap .list--items dl.list--item dd,
.list--item-wrap .list--items dl.list--item dt {
  padding: 10px 0;
}

.list--items dl.list--item {
  border-bottom: 1px solid #cccccc;
}
.list--items dl.list--item.borderN {
  border-bottom: none;
}
.list--items dl.list--item.borderN dd,
.list--items dl.list--item.borderN dt {
  padding: 9px 0;
}
.list--items dl.list--item dd,
.list--items dl.list--item dt {
  font-size: 16px;
  font-size: 1rem;
  padding: 12px 0;
}
.list--items dl.list--item dd a,
.list--items dl.list--item dt a {
  text-decoration: underline;
}
.list--items dl.list--item dd a:hover,
.list--items dl.list--item dt a:hover {
  text-decoration: none;
}
.list--items dl.list--item dt {
  float: left;
  width: 130px;
  padding-left: 30px;
}
.list--items dl.list--item dt.text {
  width: 350px;
  padding-left: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
.list--items dl.list--item dd {
  overflow: hidden;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--item-wrap {
    position: relative;
    padding: 0;
  }
  .list--item-wrap .list--items {
    overflow: visible;
  }
  .list--item-wrap .list--items dl.list--item {
    border-bottom: 1px solid #cccccc;
  }
  .list--item-wrap .list--items dl.list--item dd,
  .list--item-wrap .list--items dl.list--item dt {
    padding: 0 25px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .list--item-wrap .list--items dl.list--item dt {
    float: none;
    width: auto;
  }

  .list--items {
    margin-bottom: 20px;
  }
  .list--items dl.list--item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .list--items dl.list--item.borderN {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .list--items dl.list--item.borderN dd,
  .list--items dl.list--item.borderN dt {
    padding: 0;
  }
  .list--items dl.list--item.borderN dd {
    float: right;
    width: 33%;
  }
  .list--items dl.list--item dd,
  .list--items dl.list--item dt {
    padding: 0 25px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .list--items dl.list--item dt {
    float: none;
    width: auto;
  }
  .list--items dl.list--item dt.text {
    float: left;
    width: 67%;
    padding-left: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
  }
}

/* -------------------
 * list panel                                                                                                                                      
 -------------------*/                                                                                                                             
.list--panel{                                                                                                                                      
  letter-spacing: -.4em;                                                                                                                           
  vertical-align: top;                                                                                                                             
}                                                                                                                                                  
.list--panel > li{                                                                                                                                 
  border: 1px solid #9aa5c2;                                                                                                                       
  display: inline-block;                                                                                                                           
  letter-spacing: normal;                                                                                                                          
  box-sizing: border-box;                                                                                                                          
  border-radius: 8px;                                                                                                                              
  padding: 15px;                                                                                                                                   
}                                                                                                                                                  
                                                                                                                                                   
.list--panel__3 > li,                                                                                                                              
.list--panel-static__3 > li{                                                                                                                       
  margin-bottom: 40px;                                                                                                                             
}                                                                                                                                                  
.list--panel__3 > li{                                                                                                                              
  width: 31.896551724%;                                                                                                                            
  margin-left: 2.155172414%;                                                                                                                       
}                                                                                                                                                  
.list--panel__3 > li:nth-child(3n+1){                                                                                                              
  margin-left: 0;                                                                                                                                  
}                                                                                                                                                  
.list--panel-static__3{                                                                                                                            
  margin-left: -25px;                                                                                                                              
}                                                                                                                                                  
.list--panel-static__3 > li{                                                                                                                       
  width: 370px;                                                                                                                                    
  margin-left: 25px;                                                                                                                               
}                                                                                                                                                  
/* sp */                                                                                                                                           
@media screen and (max-width: 639px) {                                                                                                             
  .list--panel > li{                                                                                                                               
    border-radius: 5px;                                                                                                                            
    padding: 10px;                                                                                                                                 
    padding-bottom: 20px;                                                                                                                          
  }                                                                                                                                                
  .list--panel > li .list--panel-media{                                                                                                            
  }                                                                                                                                                
  .list--panel > li .list--panel-media .l-sp-image-max{                                                                                            
    width: 48.5%;                                                                                                                                  
    float: left;                                                                                                                                   
    margin-right: 3%;                                                                                                                              
  }                                                                                                                                                
  .list--panel > li .list--panel-media .list--panel-media--head{                                                                                   
    overflow: hidden;                                                                                                                              
  }                                                                                                                                                
  .list--panel > li .btn--area.btn--area__2_float a.btn.btn--primary-gra{                                                                          
    width: 48%;                                                                                                                                    
  }                                                                                                                                                
                                                                                                                                                   
  .list--panel__3 > li{                                                                                                                            
    width: 100%;                                                                                                                                   
    margin-left: 0;                                                                                                                                
    margin-bottom: 5%;                                                                                                                             
  }                                                                                                                                                
  .list--panel-static__3{                                                                                                                          
    margin-left: 0;                                                                                                                                
  }                                                                                                                                                
  .list--panel__3 > li,                                                                                                                            
  .list--panel-static__3 > li{                                                                                                                     
    width: 100%;                                                                                                                                   
    margin-left: 0;                                                                                                                                
  }                                                                                                                                                
}  

/* -------------------
 * list card
 -------------------*/
.list--card--more.spaceBtmM {
  margin-bottom: 60px;
}

.list--card.spaceBtmM {
  margin-bottom: 60px;
}
.list--card li {
  float: left;
  background: #FFF;
  padding: 14px;
  margin-bottom: 25px;
  border-radius: 5px;
}
.list--card.list--card__pdn li{padding: 0;}
.list--card li .photo {
  display: block;
  border: 1px solid #cccccc;
  margin-bottom: 13px;
}
.list--card li .photo a:hover img {
  opacity: 0.7;
}
.list--card li .photo-area {
  display: table;
  margin-bottom: 10px;
}
.list--card li .photo-area > .photo-row {
  display: table-row;
}
.list--card li .photo-area > .photo-row > .photo-cell {
  display: table-cell;
  width: 222px;
  height: 222px;
  border: 1px solid #efefef;
  text-align: center;
  vertical-align: middle;
}
.list--card li .photo-area > .photo-row > .photo-cell > a {
  display: block;
}
.list--card li .head {
  margin-bottom: 10px;
  line-height: 20px;
}
.list--card li .head .date {
  float: left;
  margin-right: 17px;
}
.list--card li .head .icons {
  overflow: hidden;
}
.list--card li .head-icons span,
.list--card li .icons span {
  position: relative;
  top: -1px;
}
.list--card li .head-date {
  margin-bottom: 5px;
}
.list--card li .head-icons {
  margin-bottom: 8px;
  padding: 0 2px;
}
.list--card li .title {
  height: 56px;
  line-height: 1.4;
  color: #123379;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
.list--card li .title.line4 {
  height: 92px;
  overflow: hidden;
}
.list--card li .title.line3 {
  height: 80px;
}
.list--card li .title.hAuto {
  height: auto;
  margin-bottom: 5px;
}
.list--card li .title.hAuto.spaceBtmM {
  margin-bottom: 15px;
}
.list--card li .title.hAuto a {
  font-size: 18px;
  font-size: 1.125rem;
  color: #123379;
  font-weight: bold;
}
.list--card li .lead {
  font-size: 16px;
  font-size: 1rem;
}
.list--card li .lead.lerge {
  font-size: 16px;
  font-size: 1rem;
  height: 170px;
}
.list--card li .lead.lerge.hAuto {
  height: auto;
  margin-bottom: 20px;
}
.list--card li .lead.static2 {
  height: 70px;
}
.list--card li .lead.static {
  height: 90px;
}
.list--card li .lead a {
  text-decoration: underline;
}
.list--card li .lead a:hover {
  text-decoration: none;
}
.list--card li .bands .ico--band.block {
  margin-bottom: 10px;
}
.list--card li .text--band {
  margin-bottom: 30px;
}
.list--card li .text--band.spaceBtmN {
  margin-bottom: 0px;
}
.list--card li .text--band.spaceBtmS {
  margin-bottom: 10px;
}
.list--card li .text--band.spaceBtmM {
  margin-bottom: 20px;
}
.list--card li .band {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
  background-color: #e0f1fb;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 6px 15px;
  line-height: 1.0;
}
.list--card li .band span {
  font-size: 14px;
  font-size: 0.875rem;
}
.list--card li .band.block {
  display: block;
  text-align: center;
}
.list--card.has__border li {
  border: 1px solid #9aa5c2;
}
.list--card.has__border li .photo {
  border: none;
}
.list--card.has__border.has__border_disabled li {
  border-color: #CCC;
}
.list--card.list--card-1 li {
  float: none;
  padding: 0;
  margin-bottom: 15px;
  border-radius: 0;
}
.list--card.list--card-1 li .photo {
  float: left;
  width: 175px;
  margin-right: 20px;
  margin-bottom: 0;
}
.list--card.list--card-1 li .photo:hover img {
  opacity: 0.7;
}
.list--card.list--card-1 li .card-contens {
  overflow: hidden;
}
.list--card.list--card-1 li .head-date,
.list--card.list--card-1 li .head-icons .ico--text {
  font-size: 12px;
  font-size: 0.75rem;
}
.list--card.list--card-1 li .title {
  height: auto;
  font-size: 12px;
  font-size: 0.75rem;
}
.list--card.list--card-2 li {
  margin-left: 20px;
  margin-right: 20px;
  width: 540px;
  padding: 0;
}
.list--card.list--card-2 li .title {
  height: auto;
  margin-bottom: 12px;
  color: #123379;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
.list--card.list--card-2 li .photo {
  border: none;
}
.list--card.list--card-2 li .photo.hasBorder {
  border: 1px solid #CCC;
}
.list--card.list--card-2 li .lead {
  margin-bottom: 20px;
}
.list--card.list--card-2.mini li {
  width: 450px;
}
.list--card.list--card-2-l {
  margin-left: -20px;
}
.list--card.list--card-2-l li {
  margin-left: 20px;
  width: 542px;
  padding: 14px;
}
.list--card.list--card-2-l li .title {
  height: auto;
  margin-bottom: 12px;
  color: #123379;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
.list--card.list--card-2-l li .photo {
  border: none;
}
.list--card.list--card-2-l li .photo.hasBorder {
  border: 1px solid #CCC;
}
.list--card.list--card-2-l li .lead {
  margin-bottom: 20px;
}
.list--card.list--card-2-l li .pc-only-space-top {
  margin-top: 45px;
}
.list--card.list--card-2-l.has__border li {
  width: 540px;
  padding-top: 0;
  padding-bottom: 0;
}
.list--card.list--card-2-l.has__border li .photo {
  margin-top: 15px;
}
.list--card.list--card-3 {
  margin-left: -34px;
}
.list--card.list--card-3 li {
  margin-left: 34px;
  width: 326px;
  padding: 20px 18px;
}
.list--card.list--card-3 li .lead,
.list--card.list--card-3 li .title {
  margin-left: 3px;
  margin-right: 3px;
}
.list--card.list--card-3.has__border li.js-tile {
  padding-bottom: 0;
}
.list--card.list--card-3_radius {
  margin-left: 8px;
}
.list--card.list--card-3_radius li {
  margin-left: 25px;
  margin-bottom: 20px;
  width: 224px;
  padding: 0 0 20px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.list--card.list--card-3_radius li .photo-area {
  display: table;
}
.list--card.list--card-3_radius li .photo-area > .photo-row {
  display: table-row;
}
.list--card.list--card-3_radius li .photo-area > .photo-row > .photo-cell {
  border-radius: 10px 10px 0 0;
}
.list--card.list--card-3_radius li .photo-area > .photo-row > .photo-cell img {
  width: auto;
  height: auto;
  max-width: 224px;
  max-height: 224px;
}
.list--card.list--card-3_radius li .band,
.list--card.list--card-3_radius li .title {
  margin-left: 16px;
  margin-right: 16px;
}
.list--card.list--card-3_radius li .title {
  height: 75px;
}
.list--card.list--card-3_radius li .title > a {
  color: #000000;
  line-height: 1.4;
  font-size: 16px;
}
.list--card.list--card-3_mini {
  margin-left: -33px;
  position: relative;
}
.list--card.list--card-3_mini:before {
  content: "";
  width: 740px;
  border-bottom: 1px solid #123379;
  position: absolute;
  left: 33px;
  top: 0;
  z-index: 1;
}
.list--card.list--card-3_mini li {
  margin-left: 33px;
  width: 224px;
  padding: 0;
  border-radius: 0;
}
.list--card.list--card-3_mini li.list--card-3--item__left {
  position: relative;
}
.list--card.list--card-3_mini li.list--card-3--item__left:after {
  content: "";
  width: 740px;
  border-bottom: 1px solid #123379;
  position: absolute;
  left: 0;
  bottom: 0;
}
.list--card.list--card-3_mini li .photo-area {
  margin-top: 30px;
}
.list--card.list--card-3_mini li .photo-area > .photo-row > .photo-cell {
  width: 222px;
  height: 222px;
}
.list--card.list--card-3_mini li .photo-area > .photo-row > .photo-cell img {
  width: auto;
  height: auto;
  max-width: 222px;
  max-height: 222px;
}
.list--card.list--card-3_mini li .title {
  height: auto;
  margin-bottom: 10px;
}
.list--card.list--card-3_mini li .title.line4 {
  height: 100px;
}
.list--card.list--card-3_mini li .title > a {
  color: #123379;
  line-height: 1.4;
  font-size: 16px;
}
.list--card.list--card-3_mini li .ico--band {
  margin-bottom: 30px;
}
.list--card.list--card-4 {
  margin-left: -24px;
}
.list--card.list--card-4 li {
  margin-left: 24px;
  width: 243px;
}
.list--card.list--card-4.mini li {
  margin-left: 24px;
  width: 230px;
  padding-left: 19px;
  padding-right: 20px;
  padding-bottom: 0;
}
.list--card.list--card-4.mini li.borderN {
  border: none;
  width: 271px;
  padding-left: 0;
  padding-right: 0;
}
.list--card.list--card-4.smini li {
  margin-left: 24px;
  width: 222px;
  padding-left: 23px;
  padding-right: 24px;
  padding-bottom: 0;
}
.list--card.list--card-4.smini li.borderN {
  border: none;
  padding-left: 24px;
  padding-right: 25px;
}
.list--card.list--card-4.mini li > img{
  /*margin-bottom: 20px;*/
}
.list--card.list--card-4_mini {
  margin-left: -37px;
}
.list--card.list--card-4_mini li {
  margin-left: 37px;
  width: 167px;
  padding: 0;
}
.list--card.list--card-4_mini li .photo-area > .photo-row > .photo-cell {
  width: 158px;
  height: 158px;
}
.list--card.list--card-4_mini li .photo-area > .photo-row > .photo-cell img {
  width: auto;
  height: auto;
  max-width: 158px;
  max-height: 158px;
}
.list--card.list--card-4_mini li .title {
  height: auto;
  margin-bottom: 10px;
}
.list--card.list--card-4_mini li .title.line4 {
  height: 100px;
}
.list--card.list--card-4_mini li .title > a {
  color: #000000;
  line-height: 1.4;
  font-size: 16px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--card--more.spaceBtmM {
    margin-bottom: 30px;
  }

  .list--card li .photo img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .list--card li .photo-area {
    margin-bottom: 10px;
    width: 100%;
  }
  .list--card li .photo-area > .photo-row > .photo-cell img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .list--card li .title.line3 {
    height: auto;
  }
  .list--card li .lead.static {
    height: auto;
    margin-bottom: 10px;
  }
  .list--card li .text--band {
    margin-bottom: 20px;
  }
  .list--card li .text--band.spaceBtmS {
    margin-bottom: 10px;
  }
  .list--card li .band {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .list--card li .band span {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .list--card.list--card-2 li, .list--card.list--card-2.mini li {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .list--card.list--card-2 li .lead.lerge, .list--card.list--card-2.mini li .lead.lerge {
    font-size: 14px;
    font-size: 0.875rem;
    height: auto;
    margin-bottom: 20px;
  }
  .list--card.list--card-2 li .lead.lerge.hAuto, .list--card.list--card-2.mini li .lead.lerge.hAuto {
    height: auto;
    margin-bottom: 20px;
  }
  .list--card.list--card-2-l {
    margin-left: 0;
  }
  .list--card.list--card-2-l li {
    margin-left: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .list--card.list--card-2-l li .title {
    height: auto;
    margin-bottom: 12px;
    color: #123379;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .list--card.list--card-2-l li .photo > img {
    width: 100%;
    height: auto;
  }
  .list--card.list--card-2-l li .lead {
    margin-bottom: 20px;
  }
  .list--card.list--card-2-l li .lead.static2 {
    height: auto;
  }
  .list--card.list--card-2-l li .pc-only-space-top {
    margin-top: 0;
  }
  .list--card.list--card-2-l.has__border li {
    width: 100%;
  }
  .list--card.list--card-3 li {
    width: 90%;
    box-sizing: border-box;
    padding-bottom: 0;
  }
  .list--card.list--card-3 li .lead.lerge {
    font-size: 14px;
    font-size: 0.875rem;
    height: auto;
    margin-bottom: 20px;
  }
  .list--card.list--card-3 li .lead.lerge.hAuto {
    height: auto;
    margin-bottom: 20px;
  }
  .list--card.list--card-3.has__border li {
    padding-bottom: 20px;
  }
  .list--card.list--card-3.has__border li.js-tile {
    padding-bottom: 15px;
  }
  .list--card.list--card-3_radius {
    margin-left: 15px;
    margin-right: 15px;
  }
  .list--card.list--card-3_radius li {
    margin-bottom: 20px;
    padding: 0 0 10px;
    margin-left: 0;
    margin-right: 0;
    width: 47.6%;
  }
  .list--card.list--card-3_radius li:nth-child(2n+1) {
    margin-left: 0;
    margin-right: 4.8%;
  }
  .list--card.list--card-3_radius li .photo-area > .photo-row > .photo-cell {
    border-radius: 7px 7px 0 0;
    width: 100%;
    height: 150px;
  }
  .list--card.list--card-3_radius li .photo-area > .photo-row > .photo-cell img {
    max-width: 100%;
    max-height: 150px;
  }
  .list--card.list--card-3_radius li .band,
  .list--card.list--card-3_radius li .title {
    margin-left: 8px;
    margin-right: 8px;
  }
  .list--card.list--card-3_radius li .title {
    height: 105px;
  }
  .list--card.list--card-3_radius li .title > a {
    color: #000000;
    line-height: 1.4;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .list--card.list--card-3_mini:before {
    display: none;
  }
  .list--card.list--card-3_mini li.list--card-3--item__left:after {
    display: none;
  }
  .list--card.list--card-3_mini li .photo-area {
    margin-top: 0;
  }
  .list--card.list--card-3_mini li .ico--band {
    margin-bottom: 0;
  }
  .list--card.list--card-4 {
    margin-left: 0;
  }
  .list--card.list--card-4 li,
  .list--card.list--card-4.mini li,
  .list--card.list--card-4.mini li.borderN,
  .list--card.list--card-4.smini li {
    width: 43%;
    margin: 0 0 3%;
    padding: 2%;
  }
  .list--card.list--card-4 li:nth-child(2n+2) {
    float: right;
  }
  .list--card.list--card-4 li .head {
    margin-bottom: 10px;
  }
  .list--card.list--card-4 li .head .date {
    float: none;
    margin-right: 0;
    margin-bottom: 7px;
  }
  .list--card.list--card-4 li .title {
    height: 56px;
    line-height: 1.4;
  }
  .list--card.list--card-4 li .title a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .list--card.list--card-4 li .lead {
    display: none;
  }
  .list--card.list--card-4 li .lead.sp-show {
    display: block;
  }
  .list--card.list--card-4.list--card-4__white li {
    padding: 0;
  }
  .list--card.list--card-3_mini, .list--card.list--card-4_mini {
    margin-left: 0;
  }
  .list--card.list--card-3_mini li, .list--card.list--card-4_mini li {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 47.5%;
  }
  .list--card.list--card-3_mini li:nth-child(2n+1), .list--card.list--card-4_mini li:nth-child(2n+1) {
    margin-left: 0;
    margin-right: 5%;
  }
  .list--card.list--card-3_mini li .photo-area, .list--card.list--card-4_mini li .photo-area {
    width: 100%;
  }
  .list--card.list--card-3_mini li .photo-area > .photo-row > .photo-cell, .list--card.list--card-4_mini li .photo-area > .photo-row > .photo-cell {
    width: 100%;
    height: 138px;
  }
  .list--card.list--card-3_mini li .photo-area > .photo-row > .photo-cell img, .list--card.list--card-4_mini li .photo-area > .photo-row > .photo-cell img {
    max-width: 100%;
    max-height: 138px;
  }
  .list--card.list--card-3_mini li .title, .list--card.list--card-4_mini li .title {
    height: auto;
    margin-bottom: 10px;
  }
  .list--card.list--card-3_mini li .title > a, .list--card.list--card-4_mini li .title > a {
    color: #000000;
    line-height: 1.4;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .list--card.list--card-3_mini li .band,
  .list--card.list--card-3_mini li .title, .list--card.list--card-4_mini li .band,
  .list--card.list--card-4_mini li .title {
    margin-left: 8px;
    margin-right: 8px;
  }
  .list--card.list--card-4.sp__1column li,
  .list--card.list--card-4.mini.sp__1column li,
  .list--card.list--card-4.mini.sp__1column li.borderN,
  .list--card.list--card-4.smini.sp__1column li {
    /*width: 98%;
    padding: 2%;
    margin: 0 0 3%;*/
    box-sizing: border-box;
    width: 100%;
    padding: 4%;
  }
  .list--card.list--card__percent.list--card-4{margin-left: 0;}                                                                                    
  .list--card.list--card__percent.list--card-4 li {                                                                                                
    width: 48.5%;                                                                                                                                  
    margin-left: 3%;                                                                                                                               
    margin-bottom: 5%;                                                                                                                             
  }                                                                                                                                                
  .list--card.list--card__percent.list--card-4 li:nth-child(2n+1) {                                                                                
    margin-left: 0;                                                                                                                                
  }
}
/* -------------------
 * list menu
 -------------------*/
.list--menu li {
  float: left;
  margin-left: 34px;
  margin-bottom: 32px;
}
.list--menu li a {
  display: block;
  background: url("../img/bg_gra_141.png") repeat-x center;
  height: 141px;
  border: 1px solid #d1d1d1;
  position: relative;
}
.list--menu li a:hover {
  opacity: 0.7;
}
.list--menu li a:before {
  content: "";
  display: block;
  background: url("../img/ico/angle-square-pink-right.png") no-repeat center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: -1px;
  top: 50%;
  margin-top: -8px;
}
.list--menu li a .name {
  display: table;
  float: left;
}
.list--menu li a .name p {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 192px;
  height: 141px;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
.list--menu li a .photo {
  overflow: hidden;
  padding-top: 15px;
}
.list--menu.list--menu-3 {
  margin-left: -17px;
}
.list--menu.list--menu-3 li a {
  width: 348px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--menu {
    margin-bottom: 30px;
  }
  .list--menu:after {
    display: none;
  }
  .list--menu li {
    float: none;
    margin: 0;
  }
  .list--menu.list--menu-3 {
    margin-left: 0;
  }
  .list--menu.list--menu-3 li a {
    width: 100%;
    height: auto;
    background-image: none;
    border: none;
    text-align: left;
    border-bottom: 1px solid #DDD;
  }
  .list--menu.list--menu-3 li a:before {
    left: 30px;
  }
  .list--menu.list--menu-3 li a .photo {
    display: none;
  }
  .list--menu.list--menu-3 li a .name {
    display: block;
    float: none;
    text-align: left;
  }
  .list--menu.list--menu-3 li a .name p {
    text-align: left;
    display: block;
    width: 100%;
    height: auto;
    padding-left: 70px;
    font-size: 16px;
    font-size: 1rem;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
  }
  .list--menu.list--menu-3 li a .name p br,
  .list--menu.list--menu-3 li a .name p span {
    display: none;
  }
}
/* -------------------
 * list breadcrumb
 -------------------*/
.list--breadcrumb {
  letter-spacing: -.40em;
  padding: 0 40px;
  margin-bottom: 10px;
}
.list--breadcrumb .list--breadcrumb-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin-right: 5px;
  font-size: 14px;
  font-size: 0.875rem;
}
.list--breadcrumb .list--breadcrumb-item:after {
  padding-left: 5px;
  content: ">";
  position: relative;
  top: -1px;
  display: inline;
}
.list--breadcrumb .list--breadcrumb-item.active:after {
  display: none;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--breadcrumb {
    display: none;
  }
}
/* -------------------
 * list mymenu
 -------------------*/
.list--mymenu {
  letter-spacing: -.40em;
  padding: 32px 25px 0;
  margin-bottom: 27px;
  background: url("../img/mymenu_bg.png") repeat-x center top;
  border-radius: 5px;
}
.list--mymenu .list--mymenu-inner {
  margin-bottom: 16px;
}
.list--mymenu .list--mymenu-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin: 0 16px;
  vertical-align: top;
}
.list--mymenu .list--mymenu-item > dt > a {
  display: block;
  background: url("../img/mymenu-item_bg.png") no-repeat left top;
  width: 210px;
  height: 177px;
  text-align: center;
  padding: 15px 0 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: bold;
}
.list--mymenu .list--mymenu-item > dt > a i {
  position: relative;
  left: 3px;
  margin-bottom: 13px;
}
.list--mymenu .list--mymenu-item > dt > a:hover {
  opacity: 0.7;
}
.list--mymenu .list--mymenu-item > dt > a.line1 i {
  margin-bottom: 24px;
}
.list--mymenu .list--mymenu-item > dt > a.active {
  position: relative;
  margin-bottom: 10px;
}
.list--mymenu .list--mymenu-item > dt > a.active:after {
  content: "";
  background: url("../img/ico/caret-down.png") no-repeat center top;
  width: 18px;
  height: 10px;
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -9px;
}
.list--mymenu .list--mymenu-item > dd {
  width: 210px;
  display: block;
  position: relative;
}
.list--mymenu .list--mymenu-item > dd > .wrap {
  display: none;
  width: 726px;
  height: 68px;
  position: relative;
  margin-left: -32px;
}
.list--mymenu .list--mymenu-item > dd > .wrap.second {
  margin-left: -274px;
}
.list--mymenu .list--mymenu-item > dd > .wrap.third {
  margin-left: -516px;
}
.list--mymenu .list--mymenu-item > dd > .wrap.line2 {
  height: 136px;
}
.list--mymenu .list--mymenu-item > dd ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 726px;
}
.list--mymenu .list--mymenu-item > dd ul > li {
  float: left;
  width: 210px;
  margin-left: 32px;
  font-weight: bold;
}
.list--mymenu .list--mymenu-item > dd a {
  display: table;
  margin-bottom: 16px;
  width: 100%;
}
.list--mymenu .list--mymenu-item > dd a > span {
  display: table-cell;
  width: 100%;
  height: 50px;
  vertical-align: middle;
  border: 1px solid #636B7E;
  background-color: #FFF;
  border-radius: 3px;
  position: relative;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #123379;
  line-height: 1.3;
}
.list--mymenu .list--mymenu-item > dd a > span:after {
  content: "";
  background: url("../img/ico/caret-rightdown.png") no-repeat center top;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 3px;
  top: 34px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--mymenu {
    padding: 0 15px;
    margin-bottom: 27px;
    background: none;
    border-radius: 0;
  }
  .list--mymenu .list--mymenu-inner {
    margin-bottom: 0;
  }
  .list--mymenu .list--mymenu-item {
    display: block;
    margin: 0;
  }
  .list--mymenu .list--mymenu-item > dt {
    padding: 7px 5px 7px 10px;
    background: url("../img/mymenu_bg.png") repeat-x left top;
    background-size: auto 140px;
  }
  .list--mymenu .list--mymenu-item > dt > a {
    background: url("../img/mymenu-item_bg__sp.png") repeat-x left top;
    background-size: auto 96px;
    width: 100%;
    height: 96px;
    text-align: left;
    padding: 30px 0 0 50%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    position: relative;
    box-sizing: border-box;
  }
  .list--mymenu .list--mymenu-item > dt > a i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -90px;
  }
  .list--mymenu .list--mymenu-item > dt > a:hover {
    opacity: 1;
  }
  .list--mymenu .list--mymenu-item > dt > a.line1 {
    padding-top: 35px;
  }
  .list--mymenu .list--mymenu-item > dt > a.line1 i {
    margin-bottom: 0;
  }
  .list--mymenu .list--mymenu-item > dt > a.active {
    margin-bottom: 10px;
  }
  .list--mymenu .list--mymenu-item > dd {
    width: 100%;
  }
  .list--mymenu .list--mymenu-item > dd > .wrap {
    display: none;
    width: 100%;
    height: auto;
    position: relative;
    margin-left: 0;
  }
  .list--mymenu .list--mymenu-item > dd > .wrap.second, .list--mymenu .list--mymenu-item > dd > .wrap.third {
    margin-left: 0;
  }
  .list--mymenu .list--mymenu-item > dd > .wrap.line2 {
    height: auto;
  }
  .list--mymenu .list--mymenu-item > dd ul {
    position: relative;
    width: 100%;
  }
  .list--mymenu .list--mymenu-item > dd ul > li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .list--mymenu .list--mymenu-item > dd:last-child {
    margin-bottom: 10px;
  }
}
/* -------------------
 * list media
 -------------------*/
.list--media .list--media-item {
  margin-bottom: 40px;
}
.list--media .list--media-item .list--media-item-photo {
  float: left;
  margin-right: 25px;
  padding-top: 3px;
}
.list--media .list--media-item .list--media-item-photo.pull-right {
  float: right;
  margin-right: 0;
  margin-left: 25px;
}
.list--media .list--media-item .list--media-item-content {
  overflow: hidden;
}
.list--media .list--media-item .list--media-item-content.spaceTopN {
  padding-top: 0;
}
.list--media .list--media-item .list--media-item-content > .date {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 15px;
}
.list--media .list--media-item .list--media-item-content > .ttl {
  color: #123379;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 25px;
  line-height: 1.4;
}
.list--media .list--media-item .list--media-item-content > .lead {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
}
.list--media .list--media-item .list--media-item-content > .btn-area {
  padding-top: 18px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--media .list--media-item {
    margin-bottom: 20px;
  }
  .list--media .list--media-item .list--media-item-photo {
    float: none;
    margin-right: 0;
  }
  .list--media .list--media-item .list--media-item-photo.pull-right {
    float: none;
    margin-left: 0;
  }
  .list--media .list--media-item .list--media-item-photo > a {
    display: block;
  }
  .list--media .list--media-item .list--media-item-photo > a > img {
    width: 100%;
    height: auto;
  }
  .list--media .list--media-item .list--media-item-content {
    padding: 10px 0 0;
  }
  .list--media .list--media-item .list--media-item-content.spaceTopN {
    padding: 10px 0 0;
  }
  .list--media .list--media-item .list--media-item-content > .date {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 5px;
  }
  .list--media .list--media-item .list--media-item-content > .ttl {
    color: #123379;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 5px;
  }
  .list--media .list--media-item .list--media-item-content > .lead {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .list--media .list--media-item .list--media-item-content > .lead.small {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.list--medias {
  margin-bottom: 30px;
  border-bottom: 1px solid #123379;
}
.list--medias .list--medias-item {
  border-top: 1px solid #123379;
  padding-top: 30px;
  margin-bottom: 30px;
}
.list--medias .list--medias-item .list--medias-item-photo {
  float: left;
  margin-right: 25px;
}
.list--medias .list--medias-item .list--medias-item-photo.pull-right {
  float: right;
  margin-right: 0;
  margin-left: 25px;
}
.list--medias .list--medias-item .list--medias-item-photo .photo-area {
  display: table;
  margin-bottom: 10px;
}
.list--medias .list--medias-item .list--medias-item-photo .photo-area > .photo-row {
  display: table-row;
}
.list--medias .list--medias-item .list--medias-item-photo .photo-area > .photo-row > .photo-cell {
  display: table-cell;
  width: 222px;
  height: 222px;
  border: 1px solid #efefef;
  text-align: center;
  vertical-align: middle;
}
.list--medias .list--medias-item .list--medias-item-content {
  overflow: hidden;
}
.list--medias .list--medias-item .list--medias-item-content > .ttl {
  color: #123379;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 10px;
  font-weight: bold;
  text-decoration: underline;
}
.list--medias .list--medias-item .list--medias-item-content > .ttl a {
  color: #123379;
}
.list--medias .list--medias-item .list--medias-item-content > .icons > .ico--text {
  margin-right: 5px;
  margin-bottom: 10px;
}
.list--medias .list--medias-item .list--medias-item-content > .table--basic {
  width: 99.5%;
  margin-bottom: 15px;
}
.list--medias .list--medias-item .list--medias-item-content > .table--basic .table--basic-header {
  padding: 10px 13px;
}
.list--medias .list--medias-item .list--medias-item-content > .table--basic .table--basic-data.mile {
  width: 120px;
}
.list--medias .list--medias-item .list--medias-item-content > .table--basic .table--basic-data.code {
  width: 130px;
}
.list--medias .list--medias-item .list--medias-item-content > .lead {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
}
.list--medias .list--medias-item .list--medias-item-content > .btn-area {
  padding-top: 18px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--medias .list--medias-item {
    margin-bottom: 20px;
  }
  .list--medias .list--medias-item .list--medias-item-photo {
    margin-right: 0px;
    float: none;
  }
  .list--medias .list--medias-item .list--medias-item-photo.pull-right {
    margin-left: 20px;
  }
  .list--medias .list--medias-item .list--medias-item-photo .photo-area {
    width: 100%;
  }
  .list--medias .list--medias-item .list--medias-item-photo .photo-area > .photo-row > .photo-cell {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .list--medias .list--medias-item .list--medias-item-photo a {
    display: block;
  }
  .list--medias .list--medias-item .list--medias-item-photo a > img {
    width: 100%;
    height: auto;
  }
  .list--medias .list--medias-item .list--medias-item-content > .ttl {
    color: #123379;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 5px;
  }
  .list--medias .list--medias-item .list--medias-item-content > .table--basic {
    width: 99.5%;
    margin-bottom: 15px;
  }
  .list--medias .list--medias-item .list--medias-item-content > .table--basic .table--basic-data,
  .list--medias .list--medias-item .list--medias-item-content > .table--basic .table--basic-header {
    font-size: 10px;
    font-size: 0.625rem;
  }
  .list--medias .list--medias-item .list--medias-item-content > .table--basic .table--basic-header {
    padding: 5px;
  }
  .list--medias .list--medias-item .list--medias-item-content > .table--basic .table--basic-data.mile {
    width: auto;
  }
  .list--medias .list--medias-item .list--medias-item-content > .table--basic .table--basic-data.code {
    width: auto;
  }
  .list--medias .list--medias-item .list--medias-item-content > .lead {
    display: none;
  }
}
/* -------------------
* list band
-------------------*/
.list--band {
  border-top: 1px solid #a5b6ca;
  border-left: 1px solid #a5b6ca;
  margin-bottom: 15px;
}
.list--band.spaceBtmL {
  margin-bottom: 50px;
}
.list--band .list--band-row {
  border-right: 1px solid #a5b6ca;
  border-bottom: 1px solid #a5b6ca;
}
.list--band .list--band-row > .list--band-data, .list--band .list--band-row > .list--band-title {
  width: 50%;
  padding: 0 27px;
  box-sizing: border-box;
  font-weight: bold;
}
.list--band .list--band-row > .list--band-title {
  float: left;
  text-align: left;
  font-size: 20px;
  font-size: 1.25rem;
  color: #123379;
  height: 78px;
  line-height: 75px;
}
.list--band .list--band-row > .list--band-title > .ico {
  margin-right: 15px;
  position: relative;
  top: 3px;
}
.list--band .list--band-row > .list--band-data {
  float: right;
  text-align: right;
  font-size: 30px;
  font-size: 1.875rem;
  padding-top: 15px;
  padding-bottom: 15px;
}
.list--band .list--band-row > .list--band-data > span {
  font-size: 20px;
  font-size: 1.25rem;
}
.list--band .list--band-row > .list--band-data.text {
  font-weight: normal;
  font-size: 20px;
  font-size: 1.25rem;
  padding-top: 20px;
  padding-bottom: 20px;
}
.list--band .list--band-row > .list--band-data.alignleft {
  text-align: left;
}
.list--band .list--band-row > .list--band-data .btn-block {
  padding-top: 10px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--band {
    margin-bottom: 15px;
  }
  .list--band .list--band-row > .list--band-data, .list--band .list--band-row > .list--band-title {
    box-sizing: border-box;
    font-weight: bold;
  }
  .list--band .list--band-row > .list--band-title {
    float: left;
    text-align: left;
    padding: 0 0 0 8px;
    font-size: 11px;
    font-size: 0.6875rem;
    color: #123379;
    width: 42%;
    height: 39px;
    line-height: 37px;
    white-space: nowrap;
  }
  .list--band .list--band-row > .list--band-title > .ico {
    margin-right: 3px;
    position: relative;
    top: 3px;
    width: 14px;
    height: 14px;
    background-size: 14px auto;
  }
  .list--band .list--band-row > .list--band-data {
    float: right;
    text-align: right;
    padding: 7px 10px 0 0;
    width: 58%;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .list--band .list--band-row > .list--band-data > span {
    font-size: 10px;
    font-size: 0.625rem;
    padding-left: 2px;
  }
  .list--band .list--band-row > .list--band-data.text {
    font-weight: normal;
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* -------------------
* list senryu
-------------------*/
.list--senryu{
  margin-bottom: 30px;
}
.list--senryu .list--senryu-item-m {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  padding: 15px 40px 15px 30px;
  position: relative;
  background-color: #e0f1fb;
  margin-bottom: 10px;
  background-image: url("../img/ico/angle-blue-btm.png");
  background-repeat: no-repeat;
  background-position: 96% center;
  padding-right: 70px;
}
.list--senryu .list--senryu-item-m.active {
  background-image: url("../img/ico/angle-blue-top.png");
}
.list--senryu .table--basic-header {
  width: 180px;
}
.list--senryu .table--basic-header.wAuto{
  width: auto;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--senryu .list--senryu-item-m{
    padding: 10px 35px 10px 20px;
  }
  .list--senryu .table--basic-header {
    width: auto;
  }
}

/* -------------------
* list qa
-------------------*/
.list--qa {
  margin-bottom: 55px;
}
.list--qa > .list--qa-item {
  margin-bottom: 20px;
}
.list--qa > .list--qa-item .list--qa-item-a,
.list--qa > .list--qa-item .list--qa-item-q {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  padding: 15px 40px 15px 70px;
  position: relative;
}
.list--qa > .list--qa-item .list--qa-item-a:before,
.list--qa > .list--qa-item .list--qa-item-q:before {
  position: absolute;
  top: 15px;
  left: 40px;
}
.list--qa > .list--qa-item .list--qa-item-q {
  background-color: #e0f1fb;
  margin-bottom: 10px;
}
.list--qa > .list--qa-item .list--qa-item-q:before {
  content: "Q";
}
.list--qa > .list--qa-item .list--qa-item-q > .list--qa-item-q-ico {
  position: absolute;
  top: 15px;
  left: 40px;
}
.list--qa > .list--qa-item .list--qa-item-a:before {
  content: "A";
}
.list--qa > .list--qa-item.js-accordion .list--qa-item-q {
  background-image: url("../img/ico/angle-blue-btm.png");
  background-repeat: no-repeat;
  background-position: 96% center;
  padding-right: 70px;
}
.list--qa > .list--qa-item.js-accordion .list--qa-item-q.active {
  background-image: url("../img/ico/angle-blue-top.png");
}
.list--qa.list--qas > .list--qa-item .list--qa-item-q {
  position: relative;
  padding-left: 90px;
  margin-bottom: 2px;
}
.list--qa.list--qas > .list--qa-item .list--qa-item-q.active {
  margin-bottom: 10px;
}
.list--qa.list--qas > .list--qa-item .list--qa-item-q:before {
  display: none;
}
.list--qa.list--qas > .list--qa-item .list--qa-item-a {
  margin-bottom: 20px;
}
.list--qa.list--qas > .list--qa-item.js-accordion .list--qa-item-q {
  padding-right: 70px;
}

.list--qa-item-q--new{
	position:absolute;
	top:0;
	left:0;
	}

/* newTag */
@media screen and (max-width:639px){
	.list--qa-item-q--new{
		width:35px;
	}
	
	.list--qa-item-q--new img{
		width:100%;
		height:auto;
	}
}

/* sp */
@media screen and (max-width: 639px) {
  .list--qa {
    margin-bottom: 30px;
  }
  .list--qa > .list--qa-item .list--qa-item-a,
  .list--qa > .list--qa-item .list--qa-item-q {
    font-size: 16px;
    font-size: 1rem;
    padding: 10px 15px 10px 40px;
    position: relative;
  }
  .list--qa > .list--qa-item .list--qa-item-a:before,
  .list--qa > .list--qa-item .list--qa-item-q:before {
    top: 10px;
    left: 20px;
  }
  .list--qa > .list--qa-item .list--qa-item-a > .list--qa-item-q-ico,
  .list--qa > .list--qa-item .list--qa-item-q > .list--qa-item-q-ico {
    top: 10px;
    left: 20px;
  }
  .list--qa > .list--qa-item .list--qa-item-q {
    margin-bottom: 10px;
  }
  .list--qa.list--qas > .list--qa-item .list--qa-item-q {
    padding-left: 60px;
  }
  .list--qa.list--qas > .list--qa-item .list--qa-item-q.active {
    margin-bottom: 5px;
  }
  .list--qa.list--qas > .list--qa-item .list--qa-item-a {
    margin-bottom: 10px;
  }
}
/* -------------------
* list thumbnail
-------------------*/
.list--thumbnail {
  letter-spacing: -.40em;
  text-align: left;
  margin-left: -26px;
  margin-right: -26px;
}
.list--thumbnail .list--thumbnail-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin-bottom: 60px;
  margin-left: 26px;
  margin-right: 26px;
  vertical-align: top;
}
.list--thumbnail .list--thumbnail-item > a {
  display: block;
  color: #123379;
  font-weight: bold;
}
.list--thumbnail .list--thumbnail-item > a:hover .photo {
  opacity: 0.7;
}
.list--thumbnail .list--thumbnail-item .photo {
  border: 1px solid #CCC;
  margin-bottom: 10px;
}
.list--thumbnail .list--thumbnail-item .text--lerge {
  padding: 0 3px;
}
.list--thumbnail .list--thumbnail-item.js-inview {
  opacity: 0;
}
.list--thumbnail .list--thumbnail-item.js-inview .photo {
  border-color: #FFF;
}
.list--thumbnail .list--thumbnail-item.js-inview.active .photo {
  border-color: #CCC;
}
.list--thumbnail.list--thumbnail__2 .list--thumbnail-item {
  width: 540px;
}
.list--thumbnail.list--thumbnail__4 .list--thumbnail-item {
  width: 243px;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--thumbnail {
    margin-left: 0;
    margin-right: 0;
  }
  .list--thumbnail .list--thumbnail-item {
    box-sizing: border-box;
    margin-bottom: 30px;
  }
  .list--thumbnail .list--thumbnail-item .photo {
    margin-bottom: 5px;
  }
  .list--thumbnail .list--thumbnail-item .photo img {
    width: 100%;
    height: auto;
  }
  .list--thumbnail.list--thumbnail__2 .list--thumbnail-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .list--thumbnail.list--thumbnail__4 {
    margin-left: -1.25%;
    margin-right: -1.25%;
  }
  .list--thumbnail.list--thumbnail__4 .list--thumbnail-item {
    width: 47.5%;
    margin-left: 1.25%;
    margin-right: 1.25%;
  }
}
/* -------------------
* list points
-------------------*/
.list--points.list--points__2 {
  margin-bottom: 20px;
  margin-left: -2%;
}
.list--points.list--points__2 .list--point-item {
  float: left;
  width: 48%;
  margin-left: 2%;
  margin-bottom: 20px;
}
.list--points.list--points__2 .list--point-item.spaceTopM {
  padding-top: 70px;
}
.list--points.list--points__2 .list--point-item > .l-line-section {
  box-sizing: border-box;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--points.list--points__2 {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .list--points.list--points__2 .list--point-item {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .list--points.list--points__2 .list--point-item.spaceTopM {
    padding-top: 0px;
  }
}
/* -------------------
* list month
-------------------*/
.list--month {
  margin-bottom: 30px;
}
.list--month .list--month-list{
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.list--month .list--month-list .list--month-item{
  float: left;
}
.list--month .list--month-list .list--month-item > .m,
.list--month .list--month-list .list--month-item > .text{
  display: block;
  width: 80px;
  border-left: 1px solid #000;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.list--month .list--month-list .list--month-item > .text{
  width: 105px;
  background-color: #cbdcee;
  /*font-weight: bold;*/
}
.list--month .list--month-list .list--month-item > .m{
  width: 80px;
  background-color: #FFF;
}
.list--month .list--month-list .list--month-item > .m.active{
  background-color: #FADBDA;
}
.list--month .list--month-list .list--month-item > .m.disabled{
  background-color: #D9D9D9;
}
.list--month .list--month-list .list--month-item > a:link,
.list--month .list--month-list .list--month-item > a:visited{
  text-decoration: none;
}
.list--month-select{
  display: none;
}

/* sp */
@media screen and (max-width: 639px) {
  .list--month .list--month-list{
    display: none;
  }
  .list--month-select{
    display: inline-block;
  }
  .list--month-select > span{
    background-color: #cbdcee;
    /*color: #FFF;*/
    /*font-weight: bold;*/
    display: inline-block;
    border: 1px solid #000;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 80px;
    vertical-align: top;
  }
}



/* ---------------------------
 *
 *  table
 *
 * -------------------------*/
/* ---------------------------
 *  table basic
 * -------------------------*/
.table--basic {
  border-top: 1px solid #a5b6ca;
  border-left: 1px solid #a5b6ca;
  width: 100%;
  box-sizing: border-box;
}
.table--basic.spaceBtmM {
  margin-bottom: 20px;
}
.table--basic.spaceBtmL {
  margin-bottom: 30px;
}
.table--basic.spaceBtmXL {
  margin-bottom: 50px;
}
.table--basic.fixed {
  table-layout: fixed;
}
.table--basic .table--basic-header,
.table--basic .table--basic-data {
  border-right: 1px solid #a5b6ca;
  border-bottom: 1px solid #a5b6ca;
}
.table--basic .table--basic-header.alignleft,
.table--basic .table--basic-data.alignleft {
  text-align: left;
}
.table--basic .table--basic-header.alignright,
.table--basic .table--basic-data.alignright {
  text-align: right;
}
.table--basic .table--basic-header.vertilacTop,
.table--basic .table--basic-data.vertilacTop {
  vertical-align: top;
}
.table--basic .table--basic-header.vertilacMid,
.table--basic .table--basic-data.vertilacMid {
  vertical-align: middle;
}
.table--basic .table--basic-header.has_spaceM,
.table--basic .table--basic-data.has_spaceM {
  padding: 5px 7px;
}
.table--basic .table--basic-header.has_spaceL,
.table--basic .table--basic-data.has_spaceL {
  padding: 5px 10px;
}
.table--basic .table--basic-header.has_spaceXL,
.table--basic .table--basic-data.has_spaceXL {
  padding: 15px 20px;
}
.table--basic .table--basic-header {
  background: #cbdcee;
  padding: 10px 14px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}
.table--basic .table--basic-header.smart {
  font-size: 16px;
  font-size: 1rem;
  padding: 5px 8px;
  line-height: 1.4;
  vertical-align: middle;
}
.table--basic .table--basic-header.w20 {
  width: 20%;
}
.table--basic .table--basic-header.w25 {
  width: 25%;
}
.table--basic .table--basic-data.w30 {
  width: 30%;
}
.table--basic .table--basic-header.w45 {
  width: 45%;
}
.table--basic .table--basic-header.emphasis {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 10px 14px;
}
.table--basic .table--basic-header.cell-primary,
.table--basic .table--basic-datar.cell-primary {
  color: #FFF;
  background-color: #224A7B;
}
.table--basic .table--basic-header.cell-info,
.table--basic .table--basic-data.cell-info{
  background-color: #f3f5c5;
}
.table--basic .table--basic-header.cell-danger,
.table--basic .table--basic-data.cell-danger{
  background-color: #FADBDA;
}
.table--basic .table--basic-header.cell-disabled,
.table--basic .table--basic-data.cell-disabled{
  background-color: #CCC;
}
.table--basic .table--basic-header.cell-disabled3,
.table--basic .table--basic-data.cell-disabled3{
  background-color: #efefef;
}
.table--basic .table--basic-data {
  text-align: center;
  background-color: #FFF;
}
.table--basic .table--basic-data.smart {
  vertical-align: middle;
}
.table--basic .table--basic-data.smart {
  font-size: 16px;
  font-size: 1rem;
  padding: 5px 8px;
  line-height: 1.4;
  vertical-align: middle;
}
.table--basic .table--basic-data.emphasis {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 10px 14px;
}
.table--basic .table--basic-data.emphasis .form--input.solid,
.table--basic .table--basic-data.emphasis .form--select,
.table--basic .table--basic-data.emphasis .form--textarea {
  font-size: 20px;
  font-size: 1.25rem;
}
.table--basic .table--basic-data.emphasis .form--input.solid.fontSizeSmall,
.table--basic .table--basic-data.emphasis .form--select.fontSizeSmall,
.table--basic .table--basic-data.emphasis .form--textarea.fontSizeSmall {
  font-size: 16px;
  font-size: 1rem;
}
.table--basic .table--basic-data.emphasis .form--input.solid {
  height: 42px;
  line-height: 42px;
}
.table--basic .table--basic-data.emphasis .form--input.solid.fontSizeSmall {
  height: 36px;
  line-height: 36px;
}
.table--basic .table--basic-data.emphasis .form--select.solid > select {
  height: 42px;
  line-height: 42px;
}
.table--basic .table--basic-data.emphasis .form--select.solid.fontSizeSmall > select {
  height: 36px;
  line-height: 36px;
}
.table--basic.theme-primary .table--basic-header,
.table--basic.theme-primary .table--basic-data {
  font-size: 16px;
}
.table--basic.theme-primary .table--basic-header.second,
.table--basic.theme-primary .table--basic-data.second {
  width: 630px;
}
.table--basic.theme-primary .table--basic-header.second2,
.table--basic.theme-primary .table--basic-data.second2 {
  width: 480px;
}
.table--basic.theme-primary .table--basic-header {
  background-color: #E1F1FB;
  width: 228px;
  color: #113676;
  font-weight: bold;
}
.table--basic .table--basic-header.primary {
  background-color: #153577;
  color: #FFF;
  border-color: #A6B6C9;
}
.table--basic .table--basic-header.info {
  background-color: #fae0b3;
  /*color: #FFF;*/
  /*border-color: #A6B6C9;*/
}
.table--basic .table--basic-header.lblue {
  background-color: #bae0f8;
}
.table--basic .table--basic-header.pink {
  background-color: #f8c4d0;
}
.table--basic .table--basic-header.cell-pink {
  background-color: #FADBDA;
}
.table--basic .table--basic-header.cell-yellow,
.table--basic .table--basic-data.cell-yellow {
  background-color: #f3f5c5;
}
.table--basic .table--basic-header.cell-dblue,
.table--basic .table--basic-data.cell-dblue {
  background-color: #b5d4ef;
}
.table--basic .table--basic-header.cell-disabled2,
.table--basic .table--basic-data.cell-disabled2 {
  background-color: #dcdcdc;
}
.table--basic.theme-primary .table--basic-header.theme-primary--header {
  width: auto;
  background-color: #153577;
  color: #FFF;
  border-color: #A6B6C9;
}

/* sp */
@media screen and (max-width: 639px) {
  .table--basic .table--basic-header.sp__fontXS,
  .table--basic .table--basic-data.sp__fontXS {
    font-size: 12px;
  }
  .table--basic .table--basic-header.sp__fontS,
  .table--basic .table--basic-data.sp__fontS {
    font-size: 14px;
  }
  .table--basic .table--basic-header.sp__spaceS,
  .table--basic .table--basic-data.sp__spaceS {
    padding: 10px;
  }
  .table--basic .table--basic-header.sp__w33,
  .table--basic .table--basic-data.sp__w33 {
    width: 33%;
  }
}
/* -------------------
 * table dl
 -------------------*/
.table--dl {
  display: table;
}
.table--dl > .table--dl-row {
  display: table-row;
}
.table--dl > .table--dl-row:after {
  display: none;
}
.table--dl > .table--dl-row > .table--dl-header, .table--dl > .table--dl-row > .table--dl-data {
  display: table-cell;
}
.table--dl > .table--dl-row > .table--dl-header.l-sp-only, .table--dl > .table--dl-row > .table--dl-data.l-sp-only {
  display: none;
}

/* sp */
@media screen and (max-width: 639px) {
  .table--dl__sp_block {
    display: block;
  }
  .table--dl__sp_block > .table--dl-row {
    display: block;
  }
  .table--dl__sp_block > .table--dl-row > .table--dl-header, .table--dl__sp_block > .table--dl-row > .table--dl-data {
    display: block;
  }
  .table--dl__sp_block > .table--dl-row > .table--dl-header.l-pc-only, .table--dl__sp_block > .table--dl-row > .table--dl-data.l-pc-only {
    display: none;
  }
  .table--dl__sp_block > .table--dl-row > .table--dl-header.l-sp-only, .table--dl__sp_block > .table--dl-row > .table--dl-data.l-sp-only {
    display: block;
  }

  .table--basic.theme-primary .table--basic-header,
  .table--basic.theme-primary .table--basic-data,
  .table--basic.theme-primary .table--basic-data.second
  .table--basic-data.second2 {
    box-sizing: border-box;
  }

  .table--basic.table--dl__sp_block.theme-primary {
    border-top: none;
    border-left: none;
  }
  .table--basic.table--dl__sp_block.theme-primary .table--basic-header,
  .table--basic.table--dl__sp_block.theme-primary .table--basic-data,
  .table--basic.table--dl__sp_block.theme-primary .table--basic-data.second
  .table--basic-data.second2 {
    width: 100%;
  }
  .table--basic.table--dl__sp_block.theme-primary .table--dl-row {
    border-top: 1px solid #a5b6ca;
    border-left: 1px solid #a5b6ca;
    margin-bottom: 20px;
  }
  .table--dl__sp_block-spaceBtmM{
    border-top: none;
    border-left: none;
  }
  .table--dl__sp_block-spaceBtmM .table--dl-row{
    margin-bottom: 20px;
    border-top: 1px solid #a5b6ca;
    border-left: 1px solid #a5b6ca;
  }

  .table--basic .table--basic-data.sp__noSpace{
    padding-left: 0;
    padding-right: 0;
  }
}
/* ---------------------------
 *  table custom
 * -------------------------*/
/* -------------------
 * table cart
 -------------------*/
.table--cart .table--cart-header-photo,
.table--cart .table--cart-header-code,
.table--cart .table--cart-header-leomile,
.table--cart .table--cart-header-num,
.table--cart .table--cart-header-btn,
.table--cart .table--cart-header-sum {
  box-sizing: border-box;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
}
.table--cart .table--cart-header-photo {
  width: 218px;
}
.table--cart .table--cart-header-code {
  width: 306px;
}
.table--cart .table--cart-header-leomile {
  width: 210px;
}
.table--cart .table--cart-header-num {
  width: 238px;
}
.table--cart .table--cart-header-btn,
.table--cart .table--cart-header-sum {
  width: 181px;
}
.table--cart .table--cart-data-photo,
.table--cart .table--cart-data-code,
.table--cart .table--cart-data-leomile,
.table--cart .table--cart-data-num,
.table--cart .table--cart-data-btn,
.table--cart .table--cart-data-sum {
  text-align: center;
  vertical-align: middle;
}
.table--cart .table--cart-data-photo {
  padding-top: 30px;
  padding-bottom: 30px;
}
.table--cart .table--cart-data-photo img {
  border: 1px solid #efefef;
}
.table--cart .table--cart-data-code {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: left;
  padding-left: 22px;
  padding-right: 22px;
  line-height: 1.7;
  padding-top: 10px;
  padding-bottom: 10px;
}
.table--cart .table--cart-data-leomile,
.table--cart .table--cart-data-sum {
  font-weight: bold;
  font-size: 30px;
  font-size: 1.875rem;
}
.table--cart .table--cart-data-leomile > span,
.table--cart .table--cart-data-sum > span {
  font-size: 20px;
  font-size: 1.25rem;
}
.table--cart .table--cart-data-num {
  padding-left: 35px;
  padding-right: 35px;
}
.table--cart .table--cart-data-num.table--cart-data-num__result {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
}
.table--cart .table--cart-data-num > .num {
  margin-bottom: 15px;
}
.table--cart .table--cart-data-num > .swell > .num-text {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1rem;
}
.table--cart .table--cart-data-num > .swell > ul {
  margin-left: -15px;
}
.table--cart .table--cart-data-num > .swell > ul > li {
  float: left;
  margin-left: 15px;
}

/* sp */
@media screen and (max-width: 639px) {
  .table--cart {
    display: block;
    position: relative;
    border-top: none;
    border-left: none;
    margin-bottom: 30px;
  }
  .table--cart > .table--dl-row {
    display: block;
    margin-bottom: 15px;
  }
  .table--cart > .table--dl-row.table--cart-header-row {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
  }
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-photo,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-code,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-leomile,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-num,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-btn {
    display: block;
    background-color: transparent;
    border-right: none;
    border-bottom: none;
    padding: 0;
    text-align: left;
    font-weight: bold;
  }
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-photo,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-code,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-leomile,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-num,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-btn,
  .table--cart > .table--dl-row.table--cart-header-row .table--cart-header-sum {
    display: none;
  }
  .table--cart > .table--dl-row .table--cart-data-photo,
  .table--cart > .table--dl-row .table--cart-data-code,
  .table--cart > .table--dl-row .table--cart-data-leomile,
  .table--cart > .table--dl-row .table--cart-data-num,
  .table--cart > .table--dl-row .table--cart-data-btn,
  .table--cart > .table--dl-row .table--cart-data-sum {
    display: block;
    border-right: none;
    border-bottom: none;
  }
  .table--cart > .table--dl-row .table--cart-data-photo {
    width: 35%;
    float: left;
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .table--cart > .table--dl-row .table--cart-data-photo img {
    width: 100%;
    height: auto;
  }
  .table--cart > .table--dl-row .table--cart-data-code {
    font-size: 12px;
    font-size: 0.75rem;
    width: 60%;
    float: right;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    line-height: 1.6;
  }
  .table--cart > .table--dl-row .table--cart-data-leomile,
  .table--cart > .table--dl-row .table--cart-data-sum {
    clear: both;
    font-weight: bold;
    padding-left: 40%;
    text-align: left;
    font-size: 15px;
    font-size: 0.9375rem;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #a5b6ca;
    border-bottom: 1px solid #a5b6ca;
    position: relative;
  }
  .table--cart > .table--dl-row .table--cart-data-leomile > span,
  .table--cart > .table--dl-row .table--cart-data-sum > span {
    font-size: 10px;
    font-size: 0.625rem;
    padding-left: 2px;
  }
  .table--cart > .table--dl-row .table--cart-data-leomile:before,
  .table--cart > .table--dl-row .table--cart-data-sum:before {
    content: "レオマイル";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    height: 38px;
    line-height: 38px;
  }
  .table--cart > .table--dl-row .table--cart-data-sum {
    border-top: none;
  }
  .table--cart > .table--dl-row .table--cart-data-sum:before {
    content: "小計";
  }
  .table--cart > .table--dl-row .table--cart-data-num {
    padding-left: 40%;
    padding-right: 0;
    height: 65px;
    padding-top: 7px;
    border-bottom: 1px solid #a5b6ca;
    position: relative;
  }
  .table--cart > .table--dl-row .table--cart-data-num:before {
    content: "数量";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    height: 79px;
    padding-top: 40px;
    font-weight: bold;
  }
  .table--cart > .table--dl-row .table--cart-data-num:after {
    content: "";
    display: block;
    clear: both;
  }
  .table--cart > .table--dl-row .table--cart-data-num > .num {
    float: left;
    width: 55px;
    margin-bottom: 0;
    padding-top: 19px;
  }
  .table--cart > .table--dl-row .table--cart-data-num > .swell {
    float: right;
  }
  .table--cart > .table--dl-row .table--cart-data-num > .swell > .num-text {
    margin-bottom: 2px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .table--cart > .table--dl-row .table--cart-data-num > .swell > ul {
    margin-left: -15px;
  }
  .table--cart > .table--dl-row .table--cart-data-num > .swell > ul > li {
    float: left;
    margin-left: 15px;
  }
  .table--cart > .table--dl-row .table--cart-data-num.table--cart-data-num__result {
    height: 30px;
    text-align: left;
    padding-top: 8px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .table--cart > .table--dl-row .table--cart-data-num.table--cart-data-num__result:before {
    content: "個数";
    height: 30px;
    padding-top: 8px;
  }
  .table--cart > .table--dl-row .table--cart-data-btn {
    padding-top: 10px;
    text-align: right;
  }
}
/* -------------------
* table address
-------------------*/
.table--address {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}
.table--address .table--address-header-select,
.table--address .table--address-data-select {
  width: 157px;
}
.table--address .table--address-header-type,
.table--address .table--address-data-type {
  width: 157px;
}
.table--address .table--address-header-deliv,
.table--address .table--address-data-deliv {
  width: 310px;
}
.table--address .table--address-header-btn,
.table--address .table--address-data-btn {
  width: 177px;
}
.table--address .table--address-data-select,
.table--address .table--address-data-type,
.table--address .table--address-data-deliv,
.table--address .table--address-data-btn {
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
}
.table--address .table--address-data-select,
.table--address .table--address-data-type,
.table--address .table--address-data-btn {
  text-align: center;
}
.table--address .table--address-data-deliv {
  padding: 10px 20px;
  text-align: left;
}

/* sp */
@media screen and (max-width: 639px) {
  .table--address {
    border-top: none;
    border-left: none;
  }
  .table--address .table--address-header-select,
  .table--address .table--address-header-type,
  .table--address .table--address-header-deliv,
  .table--address .table--address-header-btn {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .table--address .table--address-header-select,
  .table--address .table--address-data-select {
    width: 20%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .table--address .table--address-header-other,
  .table--address .table--address-data-other {
    width: 80%;
  }
  .table--address .table--address-header-type,
  .table--address .table--address-data-type,
  .table--address .table--address-header-other,
  .table--address .table--address-data-other {
    border-right: none;
  }
  .table--address .table--address-header-select,
  .table--address .table--address-header-other {
    font-size: 12px;
    font-size: 0.75rem;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .table--address .table--address-data-other {
    padding: 15px;
    padding-right: 0;
  }
  .table--address .table--address-data-other .content {
    float: left;
    width: 60%;
  }
  .table--address .table--address-data-other .btns {
    float: right;
    width: 35%;
  }
  .table--address .table--address-data-type,
  .table--address .table--address-data-deliv,
  .table--address .table--address-data-btn {
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    width: auto;
    text-align: left;
    margin-bottom: 10px;
  }
  .table--address .table--address-data-type {
    padding-top: 10px;
  }
  .table--address .table--address-data-btn {
    font-size: 10px;
  }
}
/* -------------------
* table address add
-------------------*/
.table--address-add .table--basic-header {
  width: 170px;
  text-align: left;
  position: relative;
  padding-right: 30px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
.table--address-add .table--basic-header .ico--text {
  position: absolute;
  top: 15px;
  right: 20px;
}
.table--address-add .table--basic-data {
  padding: 10px 14px;
  font-size: 20px;
  font-size: 1.25rem;
  position: relative;
}
.table--address-add .table--basic-data .form--input.solid,
.table--address-add .table--basic-data .form--select,
.table--address-add .table--basic-data .form--textarea {
  font-size: 20px;
  font-size: 1.25rem;
}
.table--address-add .table--basic-data .form--input.solid.fontSizeSmall,
.table--address-add .table--basic-data .form--select.fontSizeSmall,
.table--address-add .table--basic-data .form--textarea.fontSizeSmall {
  font-size: 16px;
  font-size: 1rem;
}
.table--address-add .table--basic-data .form--input.solid {
  height: 42px;
  line-height: 42px;
}
.table--address-add .table--basic-data .form--input.solid.fontSizeSmall {
  height: 36px;
  line-height: 36px;
}
.table--address-add .table--basic-data .form--select.solid > select,
.table--address-add .table--basic-data .form--select.solid > .form--select-text {
  height: 42px;
  line-height: 42px;
}
.table--address-add .table--basic-data .form--select.solid.fontSizeSmall > select,
.table--address-add .table--basic-data .form--select.solid.fontSizeSmall > .form--select-text {
  height: 36px;
  line-height: 36px;
}
.table--address-add .table--basic-data > .text--msg {
  padding-top: 5px;
}
.table--address-add .table--basic-data .err {
  position: absolute;
  top: 15px;
  right: 15px;
}
.table--address-add .table--basic-data .text--msg {
  font-size: 16px;
  font-size: 1rem;
}
.table--address-add .table--basic-data .form--group .err {
  top: 0;
  right: 0px;
}

/* sp */
@media screen and (max-width: 639px) {
  .table--address-add .table--basic-header {
    width: auto;
    text-align: left;
    position: relative;
    padding-right: 30px;
  }
  .table--address-add .table--basic-header .ico--text {
    position: absolute;
    top: 15px;
    right: 20px;
  }
  .table--address-add .table--basic-data {
    padding: 10px 14px 12px 14px;
  }
  .table--address-add .table--basic-data .form--group > .form--item.form--item3__c {
    line-height: 1.6;
  }
  .table--address-add .table--basic-data .err {
    position: relative;
    top: auto;
    right: auto;
  }
  .table--address-add .table--basic-data .form--group .err {
    top: 2px;
  }
  .table--address-add .table--basic-data .form--group.spaceBtnXS .err {
    top: -1px;
  }
  .table--address-add.table--dl__sp_block .table--basic-data {
    box-sizing: border-box;
    min-height: 55px;
  }
}
/* -------------------
* table login
-------------------*/
.table--login {
  width: 80%;
  margin: 20px auto 0 auto;
}
.table--login .table--dl-header {
  width: 200px;
  padding: 10px 0;
}
.table--login .table--dl-data {
  padding: 10px 0;
}

/* sp */
@media screen and (max-width: 639px) {
  .table--login {
    width: 100%;
    margin: 0px auto 0 auto;
  }
  .table--login .table--dl-header {
    width: 100%;
    padding: 0px 0;
    margin-bottom: 5px;
  }
  .table--login .table--dl-data {
    margin-bottom: 10px;
    padding: 0px 0;
  }
}
/**
 * item
 */
.table--item {
  table-layout: fixed;
}
.table--item .table--item--code {
  width: 150px;
}
.table--item .table--item--leomile {
  width: 150px;
}
.table--item .table--item--type1 {
  width: 190px;
}

/* sp */
@media screen and (max-width: 639px) {
  table.table--basic.table--item .table--item--code,
  table.table--basic.table--item .table--item--leomile,
  table.table--basic.table--item .table--item--type1 {
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
  }
  table.table--basic.table--item .table--item--code {
    width: 33.33%;
  }
  table.table--basic.table--item .table--item--leomile {
    width: 33.33%;
  }
  table.table--basic.table--item .table--item--type1 {
    width: auto;
  }
  table.table--basic.table--item .table--basic-data {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
/**
 * item2
 */
.table--item2 {
  table-layout: fixed;
}
.table--item2 .table--item--select {
  width: 40px;
}
.table--item2 .table--item--code {
  width: 140px;
}
.table--item2 .table--item--leomile {
  width: 140px;
}
.table--item2 .table--item--type1 {
  width: 160px;
}

/* sp */
@media screen and (max-width: 639px) {
  table.table--basic.table--item2 .table--item--code,
  table.table--basic.table--item2 .table--item--leomile,
  table.table--basic.table--item2 .table--item--type1 {
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
  }
  table.table--basic.table--item2 .table--item--code {
    width: 33.33%;
  }
  table.table--basic.table--item2 .table--item--leomile {
    width: 33.33%;
  }
  table.table--basic.table--item2 .table--item--type1 {
    width: auto;
  }
  table.table--basic.table--item2 .table--basic-data {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* ---------------------------
 *
 *  title
 *
 * -------------------------*/
h1, h2, h3,
h4, h5, h6 {
  font-weight: bold;
}

.ttl-area {
  position: relative;
}
.ttl-area .btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-area .btn {
    right: 10px;
  }
}
.c-h1 {
  font-size: 40px;
}

/* -------------------
 * title head
 -------------------*/
.ttl-head {
  font-size: 25px;
  font-size: 1.5625rem;
  margin-bottom: 18px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-head {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 13px;
  }
}
.ttl-head-main {
  font-size: 35px;
  font-size: 2.1875rem;
  font-weight: normal;
  margin-bottom: 0px;
  line-height: 1.4;
  padding: 0 40px;
}
.ttl-head-main.type__webmagzine {
  position: relative;
  padding-left: 205px;
}
.ttl-head-main.type__webmagzine > .ico {
  position: absolute;
  top: 50%;
  left: 43px;
  margin-top: -28px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-head-main {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 5px;
    padding: 0 15px;
  }
  .ttl-head-main.type__webmagzine {
    padding-left: 100px;
  }
  .ttl-head-main.type__webmagzine > .ico {
    left: 15px;
  }
}
.ttl-head-sub {
  font-size: 16px;
  font-size: 1rem;
  padding: 0 40px;
  font-weight: normal;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-head-sub {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 15px;
  }
}
/* -------------------
 * title half
 -------------------*/
.ttl-half {
  font-size: 25px;
  font-size: 1.5625rem;
  margin-bottom: 40px;
  border-radius: 5px 5px 0 0;
  color: #FFF;
  padding: 0 29px;
  height: 55px;
  line-height: 55px;
}
.ttl-half.attention {
  background: #f28199;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-half {
    font-size: 20px;
    font-size: 1.25rem;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
  }
}
/* -------------------
 * title double
 -------------------*/
.ttl-double {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 25px;
  color: #000000;
  padding: 0 0 17px 0;
  border-bottom: 1px solid #000000;
  position: relative;
  text-align: center;
}
.ttl-double:after {
  content: "";
  background-color: #000000;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 5px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-double {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 20px;
  }
  .ttl-double > .smallBlock {
    display: block;
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
/* -------------------
 * title band
 -------------------*/
.ttl-band {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 17px;
  color: #000;
  padding: 11px 20px 10px 48px;
  background-image: url("../img/bg_gra_blue.png");
  background-repeat: repeat-x;
  background-position: center;
  border: 1px solid #efefef;
  border-radius: 5px;
  text-indent: -28px;
}
.ttl-band .ico {
  vertical-align: middle;
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.ttl-band .ico.ico--telephone_s {
  top: -2px;
}
.ttl-band.ttl-band__square {
  border-radius: 0;
  padding: 10px 20px 10px 48px;
}
.ttl-band.ttl-band__disabled {
  background-image: none;
  background-color: #F2F1EC;
}
.ttl-band.ttl-band__transparent {
  background-image: none;
  background-color: transparent;
  border: none;
  padding-left: 28px;
}
.ttl-band.ttl-band__blue {
  background-image: none;
  background-color: #123379;
  color: #FFF;
  margin-left: -1px;
  margin-right: -1px;
}
.ttl-band.spaceBtmN {
  margin-bottom: 0;
}
.ttl-band.spaceBtmS {
  margin-bottom: 10px;
}
.ttl-band.spaceBtmL {
  margin-bottom: 30px;
}
.ttl-band.spaceBtmXL {
  margin-bottom: 40px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-band {
    font-size: 17px;
    font-size: 1.0625rem;
    margin-bottom: 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fe', endColorstr = '#e4ecf8');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fe', endColorstr = '#e4ecf8')";
    background-image: -moz-linear-gradient(top, #f5f8fe, #e4ecf8);
    background-image: -ms-linear-gradient(top, #f5f8fe, #e4ecf8);
    background-image: -o-linear-gradient(top, #f5f8fe, #e4ecf8);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f8fe), to(#e4ecf8));
    background-image: -webkit-linear-gradient(top, #f5f8fe, #e4ecf8);
    background-image: linear-gradient(top, #f5f8fe, #e4ecf8);
  }
  .ttl-band.ttl-band__disabled {
    background-image: none;
    background-color: #F2F1EC;
  }
  .ttl-band.ttl-band__blue {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .ttl-band.spaceBtmS {
    margin-bottom: 0;
  }
  .ttl-band.spaceBtmS {
    margin-bottom: 10px;
  }
  .ttl-band.spaceBtmL {
    margin-bottom: 20px;
  }
  .ttl-band.spaceBtmXL {
    margin-bottom: 20px;
  }
}
/* -------------------
 * title bar
 -------------------*/
.ttl-bar {
  font-size: 26px;
  font-size: 1.625rem;
  color: #FFF;
  padding: 14px 20px 14px 20px;
  background-color: #123379;
  margin-bottom: 0;
}
.ttl-bar.color-danger {
  color: #db2c03;
}
.ttl-bar.color-info {
  color: #ffff00;
}
.ttl-bar.spaceBtmN {
  margin-bottom: 0;
}
.ttl-bar.spaceBtmS {
  margin-bottom: 10px;
}
.ttl-bar.spaceBtmL {
  margin-bottom: 30px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-bar {
    font-size: 17px;
    font-size: 1.0625rem;
    padding: 8px 12px 8px 12px;
  }
  .ttl-bar.spaceBtmS {
    margin-bottom: 0;
  }
}
/* -------------------
 * title 2
 -------------------*/
.ttl-2 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #123379;
  padding: 10px 27px;
  border-bottom: 1px solid #123379;
}
.ttl-2.middle {
  border-width: 1px;
  padding: 7px 2px;
  font-size: 25px;
  font-size: 1.5625rem;
  margin-bottom: 20px;
}
.ttl-2.lerge {
  border-width: 4px;
  padding: 10px 2px;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 34px;
}
.ttl-2.lerge2 {
  border-width: 4px;
  padding: 10px 2px;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 15px;
}


/* sp */
@media screen and (max-width: 639px) {
  .ttl-2 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .ttl-2.middle {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 25px;
  }
  .ttl-2.lerge {
    border-width: 3px;
    padding: 7px 2px;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 20px;
  }
}
/* -------------------
 * title sub
 -------------------*/
.ttl-sub {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 3px;
}
.ttl-sub.lerge {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 10px;
}
.ttl-sub.primary {
  color: #123379;
}

/* -------------------
 * title mini
 -------------------*/
.ttl-mini {
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 3px;
}
.ttl-mini.lerge {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 10px;
}
.ttl-mini.primary {
  color: #123379;
}

/* -------------------
 * title simple
 -------------------*/
.ttl-simple {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 17px;
  font-weight: bold;
}
.ttl-simple.lerge {
  font-size: 25px;
  font-size: 1.5625rem;
  margin-bottom: 10px;
}
.ttl-simple.first-brackets {
  margin-left: -12px;
}

/* sp */
@media screen and (max-width: 639px) {
  .ttl-simple {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .ttl-simple.lerge {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 1.4;
  }
}
/* ---------------------------
 *
 *  bnr
 *
 * -------------------------*/
/* -------------------
 * bnr base
 -------------------*/
.bnr {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 1160px;
}

/* sp */
@media screen and (max-width: 639px) {
  .bnr {
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
  }
}
/* -------------------
 * bnr event
 -------------------*/
.bnr--event {
  background: url("../img/bnr/bnr_event.jpg") no-repeat;
  height: 200px;
  margin-top: 40px;
}

@media screen and (max-width: 639px) {
  .bnr--event {
    background: url("../img/bnr/bnr_event@2x.jpg") no-repeat;
    background-size: 100% auto;
    height: 200px;
    margin-top: 20px;
  }
}
/* -------------------
 * bnr owner
 -------------------*/
.bnr--owner {
  background: url("../img/bnr/bnr_owner.jpg") no-repeat;
  height: 200px;
  margin-top: 60px;
}

@media screen and (max-width: 639px) {
  .bnr--owner {
    background: url("../img/bnr/bnr_owner@2x.jpg") no-repeat;
    background-size: 100% auto;
    height: 200px;
    margin-top: 30px;
  }
}
/* -------------------
 * bnr service
 -------------------*/
.bnr--service {
  background: url("../img/bnr/bnr_service.jpg") no-repeat;
  height: 270px;
  margin-top: 40px;
}

@media screen and (max-width: 639px) {
  .bnr--service {
    background: url("../img/bnr/bnr_service@2x.jpg") no-repeat;
    background-size: 100% auto;
    height: 200px;
  }
}
/* -------------------
 * bnr blog
 -------------------*/
.bnr--blog {
  background: url("../img/bnr/bnr_blog.jpg") no-repeat;
  width: 680px;
  height: 120px;
  margin: 0 auto 40px;
}

@media screen and (max-width: 639px) {
  .bnr--blog {
    background: url("../img/bnr/bnr_blog@2x.png") no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
  }
}
/* --------------------------------
 *
 *  Core2
 *
 * --------------------------------*/
/* ---------------------------
 *
 *  base
 *
 * -------------------------*/
html {
  font-size: 16px;
}

body {
  color: #000000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  text-align: center;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
body.nav-active{
  overflow-y: hidden;
  height: 100%;
}

/* tablet */
table {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
}

a {
  color: #000000;
  text-decoration: none;
}
a.decoration__hover {
  text-decoration: underline;
}
a.decoration__hover:hover {
  text-decoration: none;
}
a.hover_opa:hover {
  opacity: 0.7;
}

/* sp */
@media screen and (max-width: 639px) {
  a.hover_opa:hover {
    opacity: 1;
  }
}
/* ---------------------------
 *
 *  layout
 *
 * -------------------------*/
.l-container {
  width: 1160px;
  position: relative;
  text-align: left;
}
.l-container.spaceTop {
  padding-top: 15px;
}
.l-container.has__borderBtm {
  border-bottom: 1px solid #123379;
  padding-bottom: 60px;
  margin-bottom: 20px;
}
.l-container.mini {
  width: 980px;
}

@media screen and (max-width: 639px) {
  body {
    padding-top: 60px;
  }

  .l-container {
    width: 100%;
    min-width: 320px;
  }
  .l-container.min260 {
    min-width: 260px;
  }
  .l-container.mini {
    width: 100%;
  }
  .l-container.spaceTop {
    padding-top: 0;
  }
  .l-container.has__borderBtm {
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
}
.l-header {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.l-header .l-header--logo {
  position: absolute;
  top: 21px;
  left: 0;
  font-size: 10px;
}
.l-header .l-header--menu {
  position: absolute;
  top: 21px;
  right: 0;
}
.l-header .l-header--menu li {
  float: right;
  margin-left: 27px;
  line-height: 31px;
}
.l-header .l-header--classl-btn {
  position: absolute;
  top: 28px;
  left: 306px;
}

.l-header-inner {
  position: relative;
  width: 1160px;
  height: 135px;
}

/* tablet */
@media screen and (min-width: 640px) and (max-width: 1189px) {
  .l-header-inner {
    width: 1190px;
  }
  .l-header-inner .l-header--logo {
    left: 15px;
  }
  .l-header-inner .l-header--menu {
    right: 15px;
  }
  .l-header-inner .l-header--classl-btn {
    left: 321px;
  }
}
@media screen and (max-width: 639px) {
  .l-header,
  .l-header-inner {
    z-index: 10000;
    width: 100%;
    min-width: 320px;
    margin-bottom: 0;
  }
  .l-header .l-header--logo,
  .l-header-inner .l-header--logo {
    top: 20px;
    left: 10px;
  }
  .l-header .l-header--logo img,
  .l-header-inner .l-header--logo img {
    width: 150px;
    height: auto;
  }
  .l-header .l-header--menu,
  .l-header-inner .l-header--menu {
    display: none;
  }
  .l-header .l-header--login-toggle,
  .l-header-inner .l-header--login-toggle {
    position: absolute;
    top: 7px;
    right: 58px;
  }
  .l-header .l-header--menu-toggle,
  .l-header-inner .l-header--menu-toggle {
    position: absolute;
    top: 9px;
    right: 8px;
  }
  .l-header .l-header--classl-btn,
  .l-header-inner .l-header--classl-btn {
    display: none;
  }

  .l-header {
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
  }
  #header.l-header {
    display: block;
    padding-top: 0;
    /*height: 60px;*/
    height: auto;
  }

  .l-header-inner {
    height: 60px;
  }

  .l-header-loggedin {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #cedcf2;
    padding: 0;
    overflow: hidden;
    height: 0;
    transition: .4s;
  }
  .l-header-loggedin.active {
    height: 498px;
    overflow-y: scroll;
  }
  .l-header-loggedin .l-widget-loggedin {
    top: 20px;
    display: block;
    width: 290px;
    padding: 25px 15px 15px 15px;
    margin: 0 auto 40px auto;
    background-color: #FFFAE7;
  }
  .l-header-loggedin .l-widget-loggedin .l-widget-loggedin--name {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .l-header-loggedin .l-widget-loggedin--logout {
    background: #FFF;
    height: 50px;
    line-height: 50px;
  }
  .l-header-loggedin .l-widget--close {
    border: none;
    background: #CFDDF3;
    color: #123379;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
  }
  .l-header-loggedin .l-widget--close i {
    position: relative;
    top: 3px;
    margin-right: 5px;
  }

  .l-widget--close {
    display: block;
    border: none;
    background: #CFDDF3;
    color: #123379;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
  }
  .l-widget--close i {
    position: relative;
    top: 3px;
    margin-right: 5px;
  }
  .l-widget--close.primary {
    background-color: #123379;
    color: #FFF;
  }
}
/* -------------------
 * header gnav
 -------------------*/
.l-gnav {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.l-gnav > nav > ul > li {
  float: left;
}
.l-gnav > nav > ul > li > a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
  width: 193px;
  background: url("../img/gnav_bg.png") repeat-x center center;
  height: 58px;
  line-height: 58px;
  border-bottom: 6px solid #6abc4b;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}
.l-gnav > nav > ul > li > a:before, .l-gnav > nav > ul > li > a:after {
  content: "";
  display: block;
  width: 1px;
  height: 64px;
  background: url("../img/gnav_border.png") no-repeat center center;
  position: absolute;
  top: 0;
}
.l-gnav > nav > ul > li > a:before {
  display: none;
  left: 0;
}
.l-gnav > nav > ul > li > a:after {
  right: 0;
}
.l-gnav > nav > ul > li > a.l-gnav--news {
  width: 194px;
  border-color: #6abc4b;
}
.l-gnav > nav > ul > li > a.l-gnav--news:before {
  display: block;
}
.l-gnav > nav > ul > li > a.l-gnav--courtesy {
  border-color: #f28199;
}
.l-gnav > nav > ul > li > a.l-gnav--leomile {
  border-color: #54a5d7;
}
.l-gnav > nav > ul > li > a.l-gnav--event {
  border-color: #fba819;
}
.l-gnav > nav > ul > li > a.l-gnav--webmagazine {
  border-color: #f4cc19;
}
.l-gnav > nav > ul > li > a.l-gnav--mymenu {
  width: 194px;
  border-color: #113676;
}

/* tablet */
@media screen and (min-width: 640px) and (max-width: 1189px) {
  .l-gnav {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
  }
  .l-gnav > nav > ul > li {
    float: left;
  }
  .l-gnav > nav > ul > li > a.l-gnav--news {
    width: 209px;
  }
  .l-gnav > nav > ul > li > a.l-gnav--mymenu {
    width: 209px;
  }
}
/* sp */
@media screen and (max-width: 639px) {
  .l-gnav {
    top: 60px;
    left: 0;
    z-index: 10;
    width: 100%;
    overflow: hidden;
    height: 0;
    transition: .4s;
  }
  .l-gnav.active {
    height: 520px;
    overflow-y: scroll;
  }
  .l-gnav.active > nav {
    overflow: hidden;
  }
  .l-gnav > nav > ul > li {
    float: none;
    border-top: 1px solid #333;
    width: 100%;
  }
  .l-gnav > nav > ul > li:last-child {
    border-top: none;
  }
  .l-gnav > nav > ul > li.l-gnav--btns {
    background: #FFF;
    text-align: center;
    padding: 25px 0;
  }
  .l-gnav > nav > ul > li.l-gnav--btns li {
    display: inline-block;
    margin: 0 10px;
  }
  .l-gnav > nav > ul > li.l-gnav--btns li:nth-child(1), .l-gnav > nav > ul > li.l-gnav--btns li:nth-child(2) {
    margin-bottom: 15px;
  }
  .l-gnav > nav > ul > li.l-gnav--btns li:nth-child(3) {
    display: block;
  }
  .l-gnav > nav > ul > li > a {
    background-image: none;
    background: #FFF;
    border-left: 6px solid;
    border-bottom: none;
    text-align: left;
    display: block;
    box-sizing: border-box;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
  }
  .l-gnav > nav > ul > li > a.l-gnav--home {
    border-left: none;
    padding-left: 25px;
  }
  .l-gnav > nav > ul > li > a.l-gnav--home i {
    position: relative;
    top: 3px;
    margin-right: 7px;
  }
  .l-gnav > nav > ul > li > a.l-gnav--close {
    border: none;
    background: #CFDDF3;
    color: #123379;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
  }
  .l-gnav > nav > ul > li > a.l-gnav--close i {
    position: relative;
    top: 3px;
    margin-right: 5px;
  }
  .l-gnav > nav > ul > li > a, .l-gnav > nav > ul > li > a.l-gnav--news, .l-gnav > nav > ul > li > a.l-gnav--mymenu {
    width: 100%;
  }
}
/* -------------------
 * header nav
 -------------------*/
.l-nav-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}

@media screen and (max-width: 639px) {
  .l-nav-bg {
    background: rgba(0, 0, 0, 0.7);
    height: 150%;
  }
}
.l-nav {
  border: 2px solid #6abc4b;
  border-radius: 10px;
  background: #FFF;
  position: absolute;
  top: 76px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  padding: 35px 35px 20px 35px;
  z-index: 10;
  display: none;
}
.l-nav:before {
  content: "";
  display: block;
  position: absolute;
  top: -14px;
  left: 0;
  background: url("../img/nav-arr__courtesy.png") center top no-repeat;
  width: 192px;
  height: 12px;
}
.l-nav .l-nav--title {
  border-bottom: 2px solid #6abc4b;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  padding-bottom: 3px;
  margin-bottom: 25px;
  text-indent: -7px;
}
.l-nav .l-nav--content > dl {
  float: left;
  width: 362px;
}
.l-nav .l-nav--content > dl.leomile {
  width: 250px;
}
.l-nav .l-nav--content > dl.courtesyS {
  width: 250px;
}
.l-nav .l-nav--content > dl.courtesyM {
  width: 290px;
}
.l-nav .l-nav--content > dl dt {
  margin-bottom: 15px;
}
.l-nav .l-nav--content > dl dd {
  padding-left: 23px;
  margin-bottom: 15px;
}
.l-nav .l-nav-col-4 {
  float: left;
  width: 331px;
  margin-left: 46px;
}
.l-nav .l-nav-col-4:first-child {
  margin-left: 0;
}
.l-nav .l-nav-col-4 .l-nav--title {
  text-indent: 0;
}
.l-nav .l-nav-col-4 .l-nav--content > dl {
  float: none;
  width: auto;
}
.l-nav.l-nav__news {
  border-color: #6abc4b;
}
.l-nav.l-nav__news:before {
  left: 0px;
  background-image: url("../img/nav-arr__news.png");
}
.l-nav.l-nav__news .l-nav--title {
  border-color: #6abc4b;
}
.l-nav.l-nav__courtesy {
  border-color: #f28199;
}
.l-nav.l-nav__courtesy:before {
  left: 194px;
  background-image: url("../img/nav-arr__courtesy.png");
}
.l-nav.l-nav__courtesy .l-nav--title {
  border-color: #f28199;
}
.l-nav.l-nav__leomile {
  border-color: #54a5d7;
}
.l-nav.l-nav__leomile:before {
  left: 388px;
  background-image: url("../img/nav-arr__leomile.png");
}
.l-nav.l-nav__leomile .l-nav--title {
  border-color: #54a5d7;
}
.l-nav.l-nav__event {
  border-color: #fba819;
}
.l-nav.l-nav__event:before {
  left: 582px;
  background-image: url("../img/nav-arr__event.png");
}
.l-nav.l-nav__event .l-nav--title {
  border-color: #fba819;
}
.l-nav.l-nav__webmagazine {
  border-color: #F3CB36;
}
.l-nav.l-nav__webmagazine:before {
  left: 776px;
  background-image: url("../img/nav-arr__webmagazine.png");
}
.l-nav.l-nav__webmagazine .l-nav--title {
  border-color: #F3CB36;
}

/* -------------------
 * footer
 -------------------*/
.l-footer {
  position: relative;
  width: 100%;
  min-width: 1160px;
  clear: both;
  text-align: left;
  background: #113676;
}
.l-footer .l-footer--info {
  background: #FFF;
  position: relative;
  width: 1080px;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
}
.l-footer .l-footer--info .l-footer--info-free {
  position: absolute;
  top: 27px;
  left: 27px;
}
.l-footer .l-footer--info .l-footer--info-desk {
  position: absolute;
  top: 27px;
  left: 125px;
  font-size: 12px;
  font-size: 0.75rem;
}
.l-footer .l-footer--info .l-footer--info-desk .l-footer--info-desk-title {
  margin-bottom: 10px;
}
.l-footer .l-footer--info .l-footer--info-tel {
  position: absolute;
  top: 27px;
  right: 28px;
}
.l-footer .l-footer--nav {
  margin-bottom: 38px;
}
.l-footer .l-footer--nav li {
  float: left;
  margin-right: 20px;
}
.l-footer .l-footer--menu li {
  float: left;
  font-size: 14px;
  font-size: 0.875rem;
  border-left: 1px solid #FFF;
  padding-left: 20px;
  margin-right: 20px;
  line-height: 1.0;
}
.l-footer .l-footer--menu li:first-child {
  border-left: none;
  padding-left: 0;
}
.l-footer .l-footer--menu li a {
  color: #FFF;
}
.l-footer .l-footer--menu li a:link,
.l-footer .l-footer--menu li a:visited{
  text-decoration: none;
}
.l-footer .l-footer--menu li a:hover {
  text-decoration: underline;
}

.l-footer-inner {
  position: relative;
  width: 1160px;
  padding: 70px  0 30px 0;
}

.l-footer--copyright {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  height: 47px;
  line-height: 47px;
  color: #113676;
  min-width: 1160px;
}

/* tablet */
@media screen and (min-width: 640px) and (max-width: 1189px) {
  .l-footer {
    min-width: 1190px;
  }
}
/* sp */
@media screen and (max-width: 639px) {
  .l-footer,
  .l-footer-inner {
    width: 100%;
    min-width: 320px;
  }

  .l-footer .l-footer--info-wrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
  }
  .l-footer .l-footer--info {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    padding-top: 15px;
  }
  .l-footer .l-footer--info .l-footer--info-free {
    position: relative;
    top: auto;
    left: auto;
    float: left;
    margin-left: 3%;
    width: 15%;
  }
  .l-footer .l-footer--info .l-footer--info-free img {
    width: 100%;
    height: auto;
  }
  .l-footer .l-footer--info .l-footer--info-desk {
    position: relative;
    top: auto;
    left: auto;
    float: right;
    width: 75%;
    margin-right: 3%;
    padding-top: 2%;
  }
  .l-footer .l-footer--info .l-footer--info-desk .l-footer--info-desk-title {
    margin-bottom: 5px;
  }
  .l-footer .l-footer--info .l-footer--info-desk .l-footer--info-desk-title img {
    width: 100%;
    height: auto;
  }
  .l-footer .l-footer--info .l-footer--info-desk .l-footer--info-desk-text {
    font-size: 10px;
  }
  .l-footer .l-footer--info .color-danger {
    white-space: nowrap;
    clear: both;
    font-size: 10px;
    margin-left: 2.5%;
    padding-top: 0.5%;
  }
  .l-footer .l-footer--info .l-footer--info-tel {
    position: relative;
    top: auto;
    margin-left: 2.5%;
    right: auto;
  }
  .l-footer .l-footer--info .l-footer--info-tel img {
    width: 98%;
    height: auto;
  }
  .l-footer .l-footer--nav {
    margin-bottom: 15px;
  }
  .l-footer .l-footer--nav li {
    width: 49.2%;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .l-footer .l-footer--nav li:nth-child(2n+2) {
    float: right;
  }
  .l-footer .l-footer--nav li:nth-child(3) {
    letter-spacing: -1px;
  }
  .l-footer .l-footer--nav li a.btn--text-A {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #FFF;
    color: #123379;
    border-radius: 0;
    text-align: center;
    font-weight: normal;
  }
  .l-footer .l-footer--nav li i {
    display: none;
  }
  .l-footer .l-footer--menu {
    text-align: center;
    white-space: nowrap;
    padding-bottom: 15px;
  }
  .l-footer .l-footer--menu li {
    float: none;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 7px;
    margin-right: 7px;
  }

  .l-footer-inner {
    padding: 5px;
    box-sizing: border-box;
  }

  .l-footer--copyright {
    font-size: 10px;
    font-size: 0.625rem;
    white-space: nowrap;
    min-width: 0;
  }
}
@media screen and (max-width: 320px) {
  .l-footer .l-footer--nav li:nth-child(3) {
    letter-spacing: -3px;
  }
}
/* -------------------
 * Page Top
 -------------------*/
.l-pagetop {
  position: fixed;
  bottom: 100px;
  left: 50%;
  margin-left: 540px;
  display: none;
}

@media screen and (min-width: 1190px) and (max-width: 1260px) {
  .l-pagetop {
    left: auto;
    right: 10px;
  }
}
/* tablet */
@media screen and (min-width: 640px) and (max-width: 1189px) {
  .l-pagetop {
    left: auto;
    right: 10px;
  }
}
/* sp */
@media screen and (max-width: 639px) {
  .l-pagetop,
  .l-pagetop .btn {
    display: none;
  }
}
/* -------------------
 * layout col
 -------------------*/
.l-row {
  margin-left: -30px;
}
.l-row.mln{margin-left: 0;}  
.l-row.spaceBtmS {
  margin-bottom: 20px;
}
.l-row.spaceBtmSM {
  margin-bottom: 30px;
}
.l-row.spaceBtmM {
  margin-bottom: 70px;
}
.l-row.has__borderBtm {
  border-bottom: 2px solid #CCC;
  margin-bottom: 40px;
}

.l-col-6{                                                                                                                                          
  float: left;                                                                                                                                     
  width: 48.1818182%;                                                                                                                              
  margin-left: 3.6363636%;                                                                                                                         
}                                                                                                                                                  
.l-col-6:nth-child(2n+1){                                                                                                                          
  margin-left: 0;                                                                                                                                  
}

.l-col-3_5, .l-col-4, .l-col-8, .l-col-8_5 {
  float: left;
  margin-left: 30px;
}

.l-col-a {
  float: left;
}
.l-col-a.fr {
  float: right;
}
.l-col-a.spaceRightS {
  margin-right: 30px;
}
.l-col-a.spaceRightM {
  margin-right: 40px;
}
.l-col-a.spaceLeftXXS {
  margin-left: 10px;
}
.l-col-a.spaceLeftXS {
  margin-left: 30px;
}
.l-col-a.spaceLeftS {
  margin-left: 37px;
}
.l-col-a.spaceLeftM {
  margin-left: 60px;
}
.l-col-a.spaceLeftL {
  margin-left: 100px;
}
.l-col-a.innerTopM {
  padding-top: 30px;
}
.l-col-a.innerTopL {
  padding-top: 50px;
}
.l-col-a > .thumbnail {
  margin-bottom: 80px;
}
.l-col-a > .thumbnail.spaceBtmS {
  margin-bottom: 40px;
}
.l-col-a.point3 {
  padding-left: 130px;
  background: url("../img/point3.png") no-repeat 30px 5px;
}

.l-col-h {
  overflow: hidden;
}
.l-col-h.pull-left {
  margin-left: 30px;
}
.l-col-h.spaceRightM {
  margin-right: 40px;
}
.l-col-h.spaceLeftS {
  padding-left: 30px;
}
.l-col-h.spaceLeftM {
  padding-left: 40px;
}
.l-col-h.innerTopS {
  padding-top: 15px;
}
.l-col-h.innerTopM {
  padding-top: 30px;
}
.l-col-h.innerTopL {
  padding-top: 50px;
}

.l-col-12 {
  margin-left: 30px;
}

.l-col-3_5.fr,
.l-col-4.fr,
.l-col-8.fr,
.l-col-8_5.fr,
.l-col-12.fr {
  float: right;
}
.l-col-3_5.line__pc,
.l-col-4.line__pc,
.l-col-8.line__pc,
.l-col-8_5.line__pc,
.l-col-12.line__pc {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
}

.l-col-3_5 {
  width: 346px;
  margin-left: 29px;
}

.l-col-4 {
  width: 350px;
}
.l-col-4.top {
  width: 390px;
}

.l-col-8 {
  width: 780px;
}
.l-col-8.top {
  width: 740px;
}

.l-col-8_5 {
  width: 785px;
}

.mini .l-col-8_5 {
  width: 600px;
}

/* tablet */
@media screen and (min-width: 640px) and (max-width: 1189px) {
  .l-col-12 {
    width: 1160px;
  }
  .mini .l-col-12 {
    width: 980px;
  }
}
/* sp */
@media screen and (max-width: 639px) {
  .l-row {
    margin-left: 0;
    margin-right: 0;
  }
  .l-row.spaceBtmM {
    margin-bottom: 35px;
  }
  .l-row.has__borderBtm {
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .l-row.sp__spaceBtmS {
    margin-bottom: 20px;
  }

  .l-col-3_5,
  .l-col-4,
  .l-col-4.top,
  .l-col-6,
  .l-col-8,
  .l-col-8.top,
  .l-col-8_5,
  .l-col-12,
  .l-col-a,
  .l-col-h {
    float: none;
    width: 100%;
    min-width: 320px;
    margin-left: 0;
    margin-right: 0;
  }
  .l-col-3_5.min260,
  .l-col-4.min260,
  .l-col-4.top.min260,
  .l-col-8.min260,
  .l-col-8.top.min260,
  .l-col-8_5.min260,
  .l-col-12.min260,
  .l-col-a.min260,
  .l-col-h.min260 {
    min-width: 260px;
  }
  .l-col-3_5.fr,
  .l-col-4.fr,
  .l-col-4.top.fr,
  .l-col-8.fr,
  .l-col-8.top.fr,
  .l-col-8_5.fr,
  .l-col-12.fr,
  .l-col-a.fr,
  .l-col-h.fr {
    float: none;
  }
  .l-col-3_5.line__pc,
  .l-col-4.line__pc,
  .l-col-4.top.line__pc,
  .l-col-8.line__pc,
  .l-col-8.top.line__pc,
  .l-col-8_5.line__pc,
  .l-col-12.line__pc,
  .l-col-a.line__pc,
  .l-col-h.line__pc {
    border: none;
    padding: 0;
    border-radius: 0;
  }
  .l-col-3_5.l-sp-t-space,
  .l-col-4.l-sp-t-space,
  .l-col-4.top.l-sp-t-space,
  .l-col-8.l-sp-t-space,
  .l-col-8.top.l-sp-t-space,
  .l-col-8_5.l-sp-t-space,
  .l-col-12.l-sp-t-space,
  .l-col-a.l-sp-t-space,
  .l-col-h.l-sp-t-space {
    padding-top: 18px;
  }
  .l-col-3_5.l-sp-lr-space,
  .l-col-4.l-sp-lr-space,
  .l-col-4.top.l-sp-lr-space,
  .l-col-8.l-sp-lr-space,
  .l-col-8.top.l-sp-lr-space,
  .l-col-8_5.l-sp-lr-space,
  .l-col-12.l-sp-lr-space,
  .l-col-a.l-sp-lr-space,
  .l-col-h.l-sp-lr-space {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
  .l-col-3_5.sp__spaceBtmM,
  .l-col-4.sp__spaceBtmM,
  .l-col-4.top.sp__spaceBtmM,
  .l-col-8.sp__spaceBtmM,
  .l-col-8.top.sp__spaceBtmM,
  .l-col-8_5.sp__spaceBtmM,
  .l-col-12.sp__spaceBtmM,
  .l-col-a.sp__spaceBtmM,
  .l-col-h.sp__spaceBtmM {
    margin-bottom: 20px;
  }

  .mini .l-col-8_5 {
    width: 100%;
  }

  .l-col-3_5.l-sp-lr-space .l-col-3_5,
  .l-col-3_5.l-sp-lr-space .l-col-4,
  .l-col-3_5.l-sp-lr-space .l-col-8,
  .l-col-3_5.l-sp-lr-space .l-col-8_5,
  .l-col-3_5.l-sp-lr-space .l-col-12,
  .l-col-3_5.l-sp-lr-space .l-col-a,
  .l-col-3_5.l-sp-lr-space .l-col-h,
  .l-col-4.l-sp-lr-space .l-col-3_5,
  .l-col-4.l-sp-lr-space .l-col-4,
  .l-col-4.l-sp-lr-space .l-col-8,
  .l-col-4.l-sp-lr-space .l-col-8_5,
  .l-col-4.l-sp-lr-space .l-col-12,
  .l-col-4.l-sp-lr-space .l-col-a,
  .l-col-4.l-sp-lr-space .l-col-h,
  .l-col-8.l-sp-lr-space .l-col-3_5,
  .l-col-8.l-sp-lr-space .l-col-4,
  .l-col-8.l-sp-lr-space .l-col-8,
  .l-col-8.l-sp-lr-space .l-col-8_5,
  .l-col-8.l-sp-lr-space .l-col-12,
  .l-col-8.l-sp-lr-space .l-col-a,
  .l-col-8.l-sp-lr-space .l-col-h,
  .l-col-8_5.l-sp-lr-space .l-col-3_5,
  .l-col-8_5.l-sp-lr-space .l-col-4,
  .l-col-8_5.l-sp-lr-space .l-col-8,
  .l-col-8_5.l-sp-lr-space .l-col-8_5,
  .l-col-8_5.l-sp-lr-space .l-col-12,
  .l-col-8_5.l-sp-lr-space .l-col-a,
  .l-col-8_5.l-sp-lr-space .l-col-h,
  .l-col-12.l-sp-lr-space .l-col-3_5,
  .l-col-12.l-sp-lr-space .l-col-4,
  .l-col-12.l-sp-lr-space .l-col-8,
  .l-col-12.l-sp-lr-space .l-col-8_5,
  .l-col-12.l-sp-lr-space .l-col-12,
  .l-col-12.l-sp-lr-space .l-col-a,
  .l-col-12.l-sp-lr-space .l-col-h,
  .l-col-a.l-sp-lr-space .l-col-3_5,
  .l-col-a.l-sp-lr-space .l-col-4,
  .l-col-a.l-sp-lr-space .l-col-8,
  .l-col-a.l-sp-lr-space .l-col-8_5,
  .l-col-a.l-sp-lr-space .l-col-12,
  .l-col-a.l-sp-lr-space .l-col-a,
  .l-col-a.l-sp-lr-space .l-col-h,
  .l-col-h.l-sp-lr-space .l-col-3_5,
  .l-col-h.l-sp-lr-space .l-col-4,
  .l-col-h.l-sp-lr-space .l-col-8,
  .l-col-h.l-sp-lr-space .l-col-8_5,
  .l-col-h.l-sp-lr-space .l-col-12,
  .l-col-h.l-sp-lr-space .l-col-a,
  .l-col-h.l-sp-lr-space .l-col-h {
    min-width: 290px;
  }
  .l-col-3_5.l-sp-lr-space .l-col-3_5.l-sp-minWN,
  .l-col-3_5.l-sp-lr-space .l-col-4.l-sp-minWN,
  .l-col-3_5.l-sp-lr-space .l-col-8.l-sp-minWN,
  .l-col-3_5.l-sp-lr-space .l-col-8_5.l-sp-minWN,
  .l-col-3_5.l-sp-lr-space .l-col-12.l-sp-minWN,
  .l-col-3_5.l-sp-lr-space .l-col-a.l-sp-minWN,
  .l-col-3_5.l-sp-lr-space .l-col-h.l-sp-minWN,
  .l-col-4.l-sp-lr-space .l-col-3_5.l-sp-minWN,
  .l-col-4.l-sp-lr-space .l-col-4.l-sp-minWN,
  .l-col-4.l-sp-lr-space .l-col-8.l-sp-minWN,
  .l-col-4.l-sp-lr-space .l-col-8_5.l-sp-minWN,
  .l-col-4.l-sp-lr-space .l-col-12.l-sp-minWN,
  .l-col-4.l-sp-lr-space .l-col-a.l-sp-minWN,
  .l-col-4.l-sp-lr-space .l-col-h.l-sp-minWN,
  .l-col-8.l-sp-lr-space .l-col-3_5.l-sp-minWN,
  .l-col-8.l-sp-lr-space .l-col-4.l-sp-minWN,
  .l-col-8.l-sp-lr-space .l-col-8.l-sp-minWN,
  .l-col-8.l-sp-lr-space .l-col-8_5.l-sp-minWN,
  .l-col-8.l-sp-lr-space .l-col-12.l-sp-minWN,
  .l-col-8.l-sp-lr-space .l-col-a.l-sp-minWN,
  .l-col-8.l-sp-lr-space .l-col-h.l-sp-minWN,
  .l-col-8_5.l-sp-lr-space .l-col-3_5.l-sp-minWN,
  .l-col-8_5.l-sp-lr-space .l-col-4.l-sp-minWN,
  .l-col-8_5.l-sp-lr-space .l-col-8.l-sp-minWN,
  .l-col-8_5.l-sp-lr-space .l-col-8_5.l-sp-minWN,
  .l-col-8_5.l-sp-lr-space .l-col-12.l-sp-minWN,
  .l-col-8_5.l-sp-lr-space .l-col-a.l-sp-minWN,
  .l-col-8_5.l-sp-lr-space .l-col-h.l-sp-minWN,
  .l-col-12.l-sp-lr-space .l-col-3_5.l-sp-minWN,
  .l-col-12.l-sp-lr-space .l-col-4.l-sp-minWN,
  .l-col-12.l-sp-lr-space .l-col-8.l-sp-minWN,
  .l-col-12.l-sp-lr-space .l-col-8_5.l-sp-minWN,
  .l-col-12.l-sp-lr-space .l-col-12.l-sp-minWN,
  .l-col-12.l-sp-lr-space .l-col-a.l-sp-minWN,
  .l-col-12.l-sp-lr-space .l-col-h.l-sp-minWN,
  .l-col-a.l-sp-lr-space .l-col-3_5.l-sp-minWN,
  .l-col-a.l-sp-lr-space .l-col-4.l-sp-minWN,
  .l-col-a.l-sp-lr-space .l-col-8.l-sp-minWN,
  .l-col-a.l-sp-lr-space .l-col-8_5.l-sp-minWN,
  .l-col-a.l-sp-lr-space .l-col-12.l-sp-minWN,
  .l-col-a.l-sp-lr-space .l-col-a.l-sp-minWN,
  .l-col-a.l-sp-lr-space .l-col-h.l-sp-minWN,
  .l-col-h.l-sp-lr-space .l-col-3_5.l-sp-minWN,
  .l-col-h.l-sp-lr-space .l-col-4.l-sp-minWN,
  .l-col-h.l-sp-lr-space .l-col-8.l-sp-minWN,
  .l-col-h.l-sp-lr-space .l-col-8_5.l-sp-minWN,
  .l-col-h.l-sp-lr-space .l-col-12.l-sp-minWN,
  .l-col-h.l-sp-lr-space .l-col-a.l-sp-minWN,
  .l-col-h.l-sp-lr-space .l-col-h.l-sp-minWN {
    min-width: 0;
    padding-left: 0;
  }

  .l-section-flow__primary .l-col-3_5,
  .l-section-flow__primary .l-col-4,
  .l-section-flow__primary .l-col-8,
  .l-section-flow__primary .l-col-8_5,
  .l-section-flow__primary .l-col-12,
  .l-section-flow__primary .l-col-a,
  .l-section-flow__primary .l-col-h,
  .l-section-flow__disabled .l-col-3_5,
  .l-section-flow__disabled .l-col-4,
  .l-section-flow__disabled .l-col-8,
  .l-section-flow__disabled .l-col-8_5,
  .l-section-flow__disabled .l-col-12,
  .l-section-flow__disabled .l-col-a,
  .l-section-flow__disabled .l-col-h,
  .l-col-a.l-sp-small,
  .l-col-h.l-sp-small {
    min-width: 250px;
  }

  .l-col-3_5.l-sp-lr-space .l-section-flow__primary .l-col-3_5,
  .l-col-3_5.l-sp-lr-space .l-section-flow__primary .l-col-4,
  .l-col-3_5.l-sp-lr-space .l-section-flow__primary .l-col-8,
  .l-col-3_5.l-sp-lr-space .l-section-flow__primary .l-col-8_5,
  .l-col-3_5.l-sp-lr-space .l-section-flow__primary .l-col-12,
  .l-col-3_5.l-sp-lr-space .l-section-flow__primary .l-col-a,
  .l-col-3_5.l-sp-lr-space .l-section-flow__primary .l-col-h,
  .l-col-3_5.l-sp-lr-space .l-section-flow__disabled .l-col-3_5,
  .l-col-3_5.l-sp-lr-space .l-section-flow__disabled .l-col-4,
  .l-col-3_5.l-sp-lr-space .l-section-flow__disabled .l-col-8,
  .l-col-3_5.l-sp-lr-space .l-section-flow__disabled .l-col-8_5,
  .l-col-3_5.l-sp-lr-space .l-section-flow__disabled .l-col-12,
  .l-col-3_5.l-sp-lr-space .l-section-flow__disabled .l-col-a,
  .l-col-3_5.l-sp-lr-space .l-section-flow__disabled .l-col-h,
  .l-col-4.l-sp-lr-space .l-section-flow__primary .l-col-3_5,
  .l-col-4.l-sp-lr-space .l-section-flow__primary .l-col-4,
  .l-col-4.l-sp-lr-space .l-section-flow__primary .l-col-8,
  .l-col-4.l-sp-lr-space .l-section-flow__primary .l-col-8_5,
  .l-col-4.l-sp-lr-space .l-section-flow__primary .l-col-12,
  .l-col-4.l-sp-lr-space .l-section-flow__primary .l-col-a,
  .l-col-4.l-sp-lr-space .l-section-flow__primary .l-col-h,
  .l-col-4.l-sp-lr-space .l-section-flow__disabled .l-col-3_5,
  .l-col-4.l-sp-lr-space .l-section-flow__disabled .l-col-4,
  .l-col-4.l-sp-lr-space .l-section-flow__disabled .l-col-8,
  .l-col-4.l-sp-lr-space .l-section-flow__disabled .l-col-8_5,
  .l-col-4.l-sp-lr-space .l-section-flow__disabled .l-col-12,
  .l-col-4.l-sp-lr-space .l-section-flow__disabled .l-col-a,
  .l-col-4.l-sp-lr-space .l-section-flow__disabled .l-col-h,
  .l-col-8.l-sp-lr-space .l-section-flow__primary .l-col-3_5,
  .l-col-8.l-sp-lr-space .l-section-flow__primary .l-col-4,
  .l-col-8.l-sp-lr-space .l-section-flow__primary .l-col-8,
  .l-col-8.l-sp-lr-space .l-section-flow__primary .l-col-8_5,
  .l-col-8.l-sp-lr-space .l-section-flow__primary .l-col-12,
  .l-col-8.l-sp-lr-space .l-section-flow__primary .l-col-a,
  .l-col-8.l-sp-lr-space .l-section-flow__primary .l-col-h,
  .l-col-8.l-sp-lr-space .l-section-flow__disabled .l-col-3_5,
  .l-col-8.l-sp-lr-space .l-section-flow__disabled .l-col-4,
  .l-col-8.l-sp-lr-space .l-section-flow__disabled .l-col-8,
  .l-col-8.l-sp-lr-space .l-section-flow__disabled .l-col-8_5,
  .l-col-8.l-sp-lr-space .l-section-flow__disabled .l-col-12,
  .l-col-8.l-sp-lr-space .l-section-flow__disabled .l-col-a,
  .l-col-8.l-sp-lr-space .l-section-flow__disabled .l-col-h,
  .l-col-8_5.l-sp-lr-space .l-section-flow__primary .l-col-3_5,
  .l-col-8_5.l-sp-lr-space .l-section-flow__primary .l-col-4,
  .l-col-8_5.l-sp-lr-space .l-section-flow__primary .l-col-8,
  .l-col-8_5.l-sp-lr-space .l-section-flow__primary .l-col-8_5,
  .l-col-8_5.l-sp-lr-space .l-section-flow__primary .l-col-12,
  .l-col-8_5.l-sp-lr-space .l-section-flow__primary .l-col-a,
  .l-col-8_5.l-sp-lr-space .l-section-flow__primary .l-col-h,
  .l-col-8_5.l-sp-lr-space .l-section-flow__disabled .l-col-3_5,
  .l-col-8_5.l-sp-lr-space .l-section-flow__disabled .l-col-4,
  .l-col-8_5.l-sp-lr-space .l-section-flow__disabled .l-col-8,
  .l-col-8_5.l-sp-lr-space .l-section-flow__disabled .l-col-8_5,
  .l-col-8_5.l-sp-lr-space .l-section-flow__disabled .l-col-12,
  .l-col-8_5.l-sp-lr-space .l-section-flow__disabled .l-col-a,
  .l-col-8_5.l-sp-lr-space .l-section-flow__disabled .l-col-h,
  .l-col-12.l-sp-lr-space .l-section-flow__primary .l-col-3_5,
  .l-col-12.l-sp-lr-space .l-section-flow__primary .l-col-4,
  .l-col-12.l-sp-lr-space .l-section-flow__primary .l-col-8,
  .l-col-12.l-sp-lr-space .l-section-flow__primary .l-col-8_5,
  .l-col-12.l-sp-lr-space .l-section-flow__primary .l-col-12,
  .l-col-12.l-sp-lr-space .l-section-flow__primary .l-col-a,
  .l-col-12.l-sp-lr-space .l-section-flow__primary .l-col-h,
  .l-col-12.l-sp-lr-space .l-section-flow__disabled .l-col-3_5,
  .l-col-12.l-sp-lr-space .l-section-flow__disabled .l-col-4,
  .l-col-12.l-sp-lr-space .l-section-flow__disabled .l-col-8,
  .l-col-12.l-sp-lr-space .l-section-flow__disabled .l-col-8_5,
  .l-col-12.l-sp-lr-space .l-section-flow__disabled .l-col-12,
  .l-col-12.l-sp-lr-space .l-section-flow__disabled .l-col-a,
  .l-col-12.l-sp-lr-space .l-section-flow__disabled .l-col-h,
  .l-col-a.l-sp-lr-space .l-section-flow__primary .l-col-3_5,
  .l-col-a.l-sp-lr-space .l-section-flow__primary .l-col-4,
  .l-col-a.l-sp-lr-space .l-section-flow__primary .l-col-8,
  .l-col-a.l-sp-lr-space .l-section-flow__primary .l-col-8_5,
  .l-col-a.l-sp-lr-space .l-section-flow__primary .l-col-12,
  .l-col-a.l-sp-lr-space .l-section-flow__primary .l-col-a,
  .l-col-a.l-sp-lr-space .l-section-flow__primary .l-col-h,
  .l-col-a.l-sp-lr-space .l-section-flow__disabled .l-col-3_5,
  .l-col-a.l-sp-lr-space .l-section-flow__disabled .l-col-4,
  .l-col-a.l-sp-lr-space .l-section-flow__disabled .l-col-8,
  .l-col-a.l-sp-lr-space .l-section-flow__disabled .l-col-8_5,
  .l-col-a.l-sp-lr-space .l-section-flow__disabled .l-col-12,
  .l-col-a.l-sp-lr-space .l-section-flow__disabled .l-col-a,
  .l-col-a.l-sp-lr-space .l-section-flow__disabled .l-col-h,
  .l-col-h.l-sp-lr-space .l-section-flow__primary .l-col-3_5,
  .l-col-h.l-sp-lr-space .l-section-flow__primary .l-col-4,
  .l-col-h.l-sp-lr-space .l-section-flow__primary .l-col-8,
  .l-col-h.l-sp-lr-space .l-section-flow__primary .l-col-8_5,
  .l-col-h.l-sp-lr-space .l-section-flow__primary .l-col-12,
  .l-col-h.l-sp-lr-space .l-section-flow__primary .l-col-a,
  .l-col-h.l-sp-lr-space .l-section-flow__primary .l-col-h,
  .l-col-h.l-sp-lr-space .l-section-flow__disabled .l-col-3_5,
  .l-col-h.l-sp-lr-space .l-section-flow__disabled .l-col-4,
  .l-col-h.l-sp-lr-space .l-section-flow__disabled .l-col-8,
  .l-col-h.l-sp-lr-space .l-section-flow__disabled .l-col-8_5,
  .l-col-h.l-sp-lr-space .l-section-flow__disabled .l-col-12,
  .l-col-h.l-sp-lr-space .l-section-flow__disabled .l-col-a,
  .l-col-h.l-sp-lr-space .l-section-flow__disabled .l-col-h {
    min-width: 250px;
  }

  .l-col-a {
    float: none;
  }
  .l-col-a.fr {
    float: none;
  }
  .l-col-a.spaceRightS, .l-col-a.spaceRightM {
    margin-right: 0;
  }
  .l-col-a.spaceLeftXXS, .l-col-a.spaceLeftXS, .l-col-a.spaceLeftS, .l-col-a.spaceLeftM, .l-col-a.spaceLeftL {
    margin-left: 0;
  }
  .l-col-a.innerTopS, .l-col-a.innerTopM, .l-col-a.innerTopL {
    padding-top: 0px;
  }
  .l-col-a > .thumbnail {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
  }
  .l-col-a > .thumbnail.spaceBtmS {
    margin-bottom: 10px;
  }
  .l-col-a.point3 {
    padding-left: 60px;
    background: url("../img/point3.png") no-repeat 0px 16px;
    background-size: 60px auto;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  .l-col-h.pull-left {
    margin-left: 0;
  }
  .l-col-h.spaceLeftM {
    margin-left: 0;
  }
  .l-col-h.spaceRightM {
    margin-right: 40px;
  }
  .l-col-h.spaceLeftS, .l-col-h.spaceLeftM {
    padding-left: 15px;
  }
  .l-col-h.spaceLeftS.l-sp-spaceLeftN, .l-col-h.spaceLeftM.l-sp-spaceLeftN {
    padding-left: 0;
  }
  .l-col-h.innerTopM, .l-col-h.innerTopL {
    padding-top: 0px;
  }
  .l-col-h.sp__spaceTopM {
    padding-top: 20px;
  }
}
.l-image-12 {
  margin-bottom: 25px;
}

/* -------------------
 * responsive
 -------------------*/
.l-thumbnail{}
.l-thumbnail.has__border{
  border: 1px solid #CCC;
}
/* pc only */
@media screen and (max-width: 639px) {
  .l-pc-only,
  a.l-pc-only {
    display: none;
  }
}
/* sp only */
.l-sp-only,
a.l-sp-only {
  display: none;
}

@media screen and (max-width: 639px) {
  .l-sp-only,
  a.l-sp-only {
    display: block;
  }
  .l-sp-only.inline,
  a.l-sp-only.inline {
    display: inline;
  }
  .l-sp-only.inline-block,
  a.l-sp-only.inline-block {
    display: inline-block;
  }
  .l-sp-only.table,
  a.l-sp-only.table {
    display: table;
  }

  .l-sp-image-max img {
    width: 100%;
    height: auto;
  }

  .l-sp-image-center {
    text-align: center;
  }

  .l-sp-lr-space {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-sp-spaceBtmM {
    padding-bottom: 15px;
  }
}
/* -------------------
 * layout themes
 -------------------*/
.l-theme--white,
.l-theme--brown,
.l-theme--blue,
.l-theme--primary {
  padding-bottom: 40px;
  min-width: 1160px;
}
.l-theme--white.spaceTopS,
.l-theme--brown.spaceTopS,
.l-theme--blue.spaceTopS,
.l-theme--primary.spaceTopS {
  padding-top: 25px;
}
.l-theme--white.spaceTopM,
.l-theme--brown.spaceTopM,
.l-theme--blue.spaceTopM,
.l-theme--primary.spaceTopM {
  padding-top: 45px;
}
.l-theme--white.spaceTopML,
.l-theme--brown.spaceTopML,
.l-theme--blue.spaceTopML,
.l-theme--primary.spaceTopML {
  padding-top: 60px;
}
.l-theme--white.spaceTopL,
.l-theme--brown.spaceTopL,
.l-theme--blue.spaceTopL,
.l-theme--primary.spaceTopL {
  padding-top: 80px;
}
.l-theme--white.spaceBtmN,
.l-theme--brown.spaceBtmN,
.l-theme--blue.spaceBtmN,
.l-theme--primary.spaceBtmN {
  padding-bottom: 0;
}
.l-theme--white.spaceBtmS,
.l-theme--brown.spaceBtmS,
.l-theme--blue.spaceBtmS,
.l-theme--primary.spaceBtmS {
  padding-bottom: 30px;
}
.l-theme--white.spaceBtmM,
.l-theme--brown.spaceBtmM,
.l-theme--blue.spaceBtmM,
.l-theme--primary.spaceBtmM {
  padding-bottom: 50px;
}
.l-theme--white.outerTopM,
.l-theme--brown.outerTopM,
.l-theme--blue.outerTopM,
.l-theme--primary.outerTopM {
  margin-top: 40px;
}
.l-theme--white.outerBtmM,
.l-theme--brown.outerBtmM,
.l-theme--blue.outerBtmM,
.l-theme--primary.outerBtmM {
  margin-bottom: 80px;
}
.l-theme--white.outerBtmL,
.l-theme--brown.outerBtmL,
.l-theme--blue.outerBtmL,
.l-theme--primary.outerBtmL {
  margin-bottom: 130px;
}
.l-theme--white.radius,
.l-theme--brown.radius,
.l-theme--blue.radius,
.l-theme--primary.radius {
  border-radius: 7px;
  padding: 22px 0 0 0;
  margin-bottom: 95px;
}
.l-theme--white.has__borderBtm,
.l-theme--brown.has__borderBtm,
.l-theme--blue.has__borderBtm,
.l-theme--primary.has__borderBtm {
  border-bottom: 1px solid #123379;
  margin-bottom: 80px;
}
.l-theme--white .ttl-head-area,
.l-theme--brown .ttl-head-area,
.l-theme--blue .ttl-head-area,
.l-theme--primary .ttl-head-area {
  padding: 13px 0 15px 0;
}
.l-theme--white .ttl-head-area.warning,
.l-theme--brown .ttl-head-area.warning,
.l-theme--blue .ttl-head-area.warning,
.l-theme--primary .ttl-head-area.warning {
  background: url("../img/bg_ttl-warning.png") repeat;
}
.l-theme--white .ttl-head-area.attention,
.l-theme--brown .ttl-head-area.attention,
.l-theme--blue .ttl-head-area.attention,
.l-theme--primary .ttl-head-area.attention {
  background: url("../img/bg_ttl-attention.png") repeat;
}
.l-theme--white .ttl-head-area.primary,
.l-theme--brown .ttl-head-area.primary,
.l-theme--blue .ttl-head-area.primary,
.l-theme--primary .ttl-head-area.primary {
  background: url("../img/bg_ttl-primary.png") repeat;
}
.l-theme--white .ttl-head-area.success,
.l-theme--brown .ttl-head-area.success,
.l-theme--blue .ttl-head-area.success,
.l-theme--primary .ttl-head-area.success {
  background: url("../img/bg_ttl-success.png") repeat;
}
.l-theme--white .ttl-head-area.info,
.l-theme--brown .ttl-head-area.info,
.l-theme--blue .ttl-head-area.info,
.l-theme--primary .ttl-head-area.info {
  background: url("../img/bg_ttl-info.png") repeat;
}
.l-theme--white .ttl-head-area--text,
.l-theme--brown .ttl-head-area--text,
.l-theme--blue .ttl-head-area--text,
.l-theme--primary .ttl-head-area--text {
  padding-top: 40px;
}

.l-col-8 .l-theme--white,
.l-col-8 .l-theme--brown,
.l-col-8 .l-theme--blue,
.l-col-8 .l-theme--primary {
  min-width: 0;
}

.l-theme--brown {
  background-color: #f1f1ea;
}

.l-theme--blue {
  background-color: #e0f1fb;
}

.l-theme--primary {
  background-color: #D4E4FC;
}

/* tablet */
@media screen and (min-width: 640px) and (max-width: 1189px) {
  .l-theme--white,
  .l-theme--brown,
  .l-theme--blue,
  .l-theme--primary {
    min-width: 1190px;
  }
}
/* sp */
@media screen and (max-width: 639px) {
  .l-theme--white,
  .l-theme--brown,
  .l-theme--orange,
  .l-theme--blue,
  .l-theme--primary {
    padding-bottom: 30px;
    min-width: 0;
  }
  .l-theme--white.spaceBtmM,
  .l-theme--brown.spaceBtmM,
  .l-theme--orange.spaceBtmM,
  .l-theme--blue.spaceBtmM,
  .l-theme--primary.spaceBtmM {
    padding-bottom: 0;
  }
  .l-theme--white.spaceTopS,
  .l-theme--brown.spaceTopS,
  .l-theme--orange.spaceTopS,
  .l-theme--blue.spaceTopS,
  .l-theme--primary.spaceTopS {
    padding-top: 10px;
  }
  .l-theme--white.spaceTopM,
  .l-theme--brown.spaceTopM,
  .l-theme--orange.spaceTopM,
  .l-theme--blue.spaceTopM,
  .l-theme--primary.spaceTopM {
    padding-top: 15px;
  }
  .l-theme--white.spaceTopL,
  .l-theme--brown.spaceTopL,
  .l-theme--orange.spaceTopL,
  .l-theme--blue.spaceTopL,
  .l-theme--primary.spaceTopL {
    padding-top: 50px;
  }
  .l-theme--white.spaceTopM__sp,
  .l-theme--brown.spaceTopM__sp,
  .l-theme--orange.spaceTopM__sp,
  .l-theme--blue.spaceTopM__sp,
  .l-theme--primary.spaceTopM__sp {
    padding-top: 20px;
  }
  .l-theme--white.spaceBtmN__sp,
  .l-theme--brown.spaceBtmN__sp,
  .l-theme--orange.spaceBtmN__sp,
  .l-theme--blue.spaceBtmN__sp,
  .l-theme--primary.spaceBtmN__sp {
    padding-bottom: 0;
  }
  .l-theme--white.spaceBtmXS__sp,
  .l-theme--brown.spaceBtmXS__sp,
  .l-theme--orange.spaceBtmXS__sp,
  .l-theme--blue.spaceBtmXS__sp,
  .l-theme--primary.spaceBtmXS__sp {
    padding-bottom: 15px;
  }
  .l-theme--white.outerTopM,
  .l-theme--brown.outerTopM,
  .l-theme--orange.outerTopM,
  .l-theme--blue.outerTopM,
  .l-theme--primary.outerTopM {
    margin-top: 20px;
  }
  .l-theme--white.outerBtmM,
  .l-theme--brown.outerBtmM,
  .l-theme--orange.outerBtmM,
  .l-theme--blue.outerBtmM,
  .l-theme--primary.outerBtmM {
    margin-bottom: 30px;
  }
  .l-theme--white.outerBtmN__sp,
  .l-theme--brown.outerBtmN__sp,
  .l-theme--orange.outerBtmN__sp,
  .l-theme--blue.outerBtmN__sp,
  .l-theme--primary.outerBtmN__sp {
    margin-bottom: 0;
  }
  .l-theme--white.outerBtmM__sp,
  .l-theme--brown.outerBtmM__sp,
  .l-theme--orange.outerBtmM__sp,
  .l-theme--blue.outerBtmM__sp,
  .l-theme--primary.outerBtmM__sp {
    margin-bottom: 30px;
  }
  .l-theme--white.outerBtmL,
  .l-theme--brown.outerBtmL,
  .l-theme--orange.outerBtmL,
  .l-theme--blue.outerBtmL,
  .l-theme--primary.outerBtmL {
    margin-bottom: 70px;
  }
  .l-theme--white.l-sp-lr-space,
  .l-theme--brown.l-sp-lr-space,
  .l-theme--orange.l-sp-lr-space,
  .l-theme--blue.l-sp-lr-space,
  .l-theme--primary.l-sp-lr-space {
    margin-left: 15px;
    margin-right: 15px;
  }
  .l-theme--white.radius,
  .l-theme--brown.radius,
  .l-theme--orange.radius,
  .l-theme--blue.radius,
  .l-theme--primary.radius {
    border-radius: 7px;
    padding: 10px 0 0 0;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .l-theme--white .ttl-head-area,
  .l-theme--brown .ttl-head-area,
  .l-theme--orange .ttl-head-area,
  .l-theme--blue .ttl-head-area,
  .l-theme--primary .ttl-head-area {
    padding: 15px 0 15px 0;
    margin-bottom: 0px;
  }
}

.l-inner-text33,
.l-inner-text66{
  float: left;
}
.l-inner-text33 .ttl-band,
.l-inner-text66 .ttl-band{
  margin-left: -40px;
}
.l-inner-text33{
  width: 305px;
  padding-left: 20px;
}
.l-inner-text66{
  width: 680px;
  padding-left: 20px;
}
.l-inner-text66.mini{
  width: 500px;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-inner-text33,
  .l-inner-text66,
  .l-inner-text66.mini{
    float: none;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
  }
  .l-col-a .ttl-band,
  .l-col-a .ttl-band,
  .l-inner-text33 .ttl-band,
  .l-inner-text66 .ttl-band{
    margin-left: -20px;
  }
}
                                                                                                                                                   
/* =====================                                                                                                                           
   layout block                                                                                                                                    
===================== */                                                                                                                           
                                                                                                                                                   
/*  layout block > base                                                                                                                            
------------------------*/                                                                                                                         
                                                                                                                                                   
/*  layout block > space                                                                                                                           
------------------------*/                                                                                                                         
/* default */                                                                                                                                      
.l-block.l-block__has-space-default{                                                                                                               
  padding: 28px 28px;                                                                                                                              
}                                                                                                                                                  
/* side-small */                                                                                                                                   
.l-block.l-block__has-space-side-small{                                                                                                            
  padding: 0 18px;                                                                                                                                 
}                                                                                                                                                  
/* top bottom-small */                                                                                                                             
.l-block.l-block__has-space-tb-small{                                                                                                              
  padding: 5px 0;                                                                                                                                  
}                                                                                                                                                  
/* sp */                                                                                                                                           
@media screen and (max-width: 639px) {                                                                                                             
  /* default */                                                                                                                                    
  .l-block.l-block__has-space-default{                                                                                                             
    padding: 14px 14px;                                                                                                                            
  }                                                                                                                                                
  /* side-small */                                                                                                                                 
  .l-block.l-block__has-space-side-small{                                                                                                          
    padding: 0 9px;                                                                                                                                
  }                                                                                                                                                
}                                                                                                                                                  
                                                                                                                                                   
/*  layout block > theme                                                                                                                           
------------------------*/                                                                                                                         
/* yellow */                                                                                                                                       
.l-block-theme--yellow{                                                                                                                            
  background-color: #fffae7;                                                                                                                       
}                                                                                                                                                  
/* white */                                                                                                                                        
.l-block-theme--white{                                                                                                                             
  background-color: #FFF;                                                                                                                          
}                                                                                                                                                  
                                                                                                                                                   
/*  layout block > arrow                                                                                                                           
------------------------*/                                                                                                                         
/* base */                                                                                                                                         
.l-block-arrow{                                                                                                                                    
  position: relative;                                                                                                                              
  margin-bottom: 45px;                                                                                                                             
}                                                                                                                                                  
.l-block-arrow:before{                                                                                                                             
  content: "";                                                                                                                                     
  position: absolute;                                                                                                                              
  left: 50%;                                                                                                                                       
  bottom: -15px;                                                                                                                                   
  margin-left: -15px;                                                                                                                              
  width: 30px;                                                                                                                                     
  height: 30px;                                                                                                                                    
  -moz-transform: rotate(-45deg);                                                                                                                  
  -webkit-transform: rotate(-45deg);                                                                                                               
  -o-transform: rotate(-45deg);                                                                                                                    
  -ms-transform: rotate(-45deg);                                                                                                                   
  transform: rotate(-45deg);                                                                                                                       
}                                                                                                                                                  
.l-block-theme--yellow.l-block-arrow:before{                                                                                                       
  background-color: #fffae7;                                                                                                                       
}                                                                                                                                                  
/* accordion-target */                                                                                                                             
.l-block-arrow{                                                                                                                                    
  border-color: #b7b7b7;                                                                                                                           
}                                                                                                                                                  
                                                                                                                                                   
/*  layout block > border                                                                                                                          
------------------------*/                                                                                                                         
/* base */                                                                                                                                         
.l-block-line{                                                                                                                                     
  border-width: 2px;                                                                                                                               
  border-style: solid;                                                                                                                             
}                                                                                                                                                  
.l-block-line-radius{                                                                                                                              
  border-radius: 5px;                                                                                                                              
}                                                                                                                                                  
.l-block-line-bold{                                                                                                                                
  border-width: 4px;                                                                                                                               
}                                                                                                                                                  
/* line gray */                                                                                                                                    
.l-block-line__gray{                                                                                                                               
  border-color: #b7b7b7;                                                                                                                           
}                                                                                                                                                  
/* line red */                                                                                                                                     
.l-block-line__red{                                                                                                                                
  border-color: #f30000;                                                                                                                           
}                                                                                                                                                  
                                                                                                                                                   
/*  layout block > type                                                                                                                            
------------------------*/                                                                                                                         
/* accordion-target */                                                                                                                             
.l-block-line__accordion-target{                                                                                                                   
  border-color: #b7b7b7;                                                                                                                           
  display: none;                                                                                                                                   
}                                                                                                                                                  
.l-block-line__accordion-target.state__default-show{                                                                                               
  display: block;                                                                                                                                  
}    
/* -------------------
 * msg
 -------------------*/
.l-msg {
  background-color: #fffbe8;
  border: 4px solid #d9cfa1;
  padding: 18px;
  margin-bottom: 5px;
}
.l-msg > .l-msg-list > .l-msg--item > .l-msg-list--ttl {
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  color: #000000;
  margin-bottom: 22px;
}
.l-msg > .l-msg-list > .l-msg--item > .l-msg-list--more {
  display: none;
  color: #123379;
}
.l-msg > .l-msg-list > .l-msg--item > .l-msg-list--more:before {
  content: ">";
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.l-msg > .l-msg-list > .l-msg--item > .l-msg-list--more > a {
  color: #123379;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-msg {
    margin-bottom: 20px;
  }
  .l-msg > .l-msg-list > .l-msg--item > .l-msg-list--ttl {
    margin-bottom: 15px;
  }
  .l-msg > .l-msg-list > .l-msg--item > .l-msg-list--more {
    display: block;
  }
  .l-msg > .l-msg-list > .l-msg--item > .l-msg-list--content {
    display: none;
    padding-top: 15px;
  }
}
/* -------------------
 * flow
 -------------------*/
.l-section-flow__disabled,
.l-section-flow__primary {
  position: relative;
  padding: 20px 40px 40px 40px;
  margin-bottom: 30px;
}
.l-section-flow__disabled.innerBtmN,
.l-section-flow__primary.innerBtmN {
  padding-bottom: 0px;
}
.l-section-flow__disabled.innerBtmS,
.l-section-flow__primary.innerBtmS {
  padding-bottom: 20px;
}
.l-section-flow__disabled.innerTopS,
.l-section-flow__primary.innerTopS {
  padding-top: 10px;
}
.l-section-flow__disabled.spaceBtmN,
.l-section-flow__primary.spaceBtmN {
  margin-bottom: 0px;
}
.l-section-flow__disabled.spaceBtmS,
.l-section-flow__primary.spaceBtmS {
  margin-bottom: 15px;
}
.l-section-flow__disabled.spaceBtmM,
.l-section-flow__primary.spaceBtmM {
  margin-bottom: 50px;
}
.l-section-flow__disabled.spaceBtmL,
.l-section-flow__primary.spaceBtmL {
  margin-bottom: 80px;
}
.l-section-flow__disabled:after,
.l-section-flow__primary:after {
  content: "";
  display: block;
  width: 60px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -30px;
}
.l-section-flow__disabled.arrN:after,
.l-section-flow__primary.arrN:after {
  display: none;
}
.l-section-flow__disabled > .ttl-band__disabled,
.l-section-flow__primary > .ttl-band__disabled {
  margin-left: -25px;
}
.l-section-flow__disabled > .text--lerge,
.l-section-flow__primary > .text--lerge {
  margin-left: 20px;
}
.l-section-flow__disabled > .l-row > .l-col-h,
.l-section-flow__primary > .l-row > .l-col-h {
  margin-left: 20px;
}
.l-section-flow__disabled > .l-row > .l-col-h > .text--lerge,
.l-section-flow__primary > .l-row > .l-col-h > .text--lerge {
  margin-left: 20px;
  margin-bottom: 5px;
}
.l-section-flow__disabled > .l-row > .l-col-h > .ttl-band__disabled,
.l-section-flow__primary > .l-row > .l-col-h > .ttl-band__disabled {
  margin-left: -20px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--thumbnail, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail,
.l-section-flow__primary .clearfix > .l-section-flow--thumbnail,
.l-section-flow__primary .l-container > .l-section-flow--thumbnail,
.l-section-flow__primary .l-row > .l-section-flow--thumbnail {
  padding-top: 15px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--thumbnail.spaceTopL, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail.spaceTopL, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail.spaceTopL,
.l-section-flow__primary .clearfix > .l-section-flow--thumbnail.spaceTopL,
.l-section-flow__primary .l-container > .l-section-flow--thumbnail.spaceTopL,
.l-section-flow__primary .l-row > .l-section-flow--thumbnail.spaceTopL {
  padding-top: 30px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--thumbnail.spaceTopXL, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail.spaceTopXL, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail.spaceTopXL,
.l-section-flow__primary .clearfix > .l-section-flow--thumbnail.spaceTopXL,
.l-section-flow__primary .l-container > .l-section-flow--thumbnail.spaceTopXL,
.l-section-flow__primary .l-row > .l-section-flow--thumbnail.spaceTopXL {
  padding-top: 50px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--contents, .l-section-flow__disabled .l-container > .l-section-flow--contents, .l-section-flow__disabled .l-row > .l-section-flow--contents,
.l-section-flow__primary .clearfix > .l-section-flow--contents,
.l-section-flow__primary .l-container > .l-section-flow--contents,
.l-section-flow__primary .l-row > .l-section-flow--contents {
  float: left;
  margin-right: 20px;
  padding-left: 35px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--contents.sizeXS, .l-section-flow__disabled .l-container > .l-section-flow--contents.sizeXS, .l-section-flow__disabled .l-row > .l-section-flow--contents.sizeXS,
.l-section-flow__primary .clearfix > .l-section-flow--contents.sizeXS,
.l-section-flow__primary .l-container > .l-section-flow--contents.sizeXS,
.l-section-flow__primary .l-row > .l-section-flow--contents.sizeXS {
  width: 445px;
  margin-right: 50px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--contents.sizeS, .l-section-flow__disabled .l-container > .l-section-flow--contents.sizeS, .l-section-flow__disabled .l-row > .l-section-flow--contents.sizeS,
.l-section-flow__primary .clearfix > .l-section-flow--contents.sizeS,
.l-section-flow__primary .l-container > .l-section-flow--contents.sizeS,
.l-section-flow__primary .l-row > .l-section-flow--contents.sizeS {
  width: 595px;
  margin-right: 150px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--contents.sizeS.mrS, .l-section-flow__disabled .l-container > .l-section-flow--contents.sizeS.mrS, .l-section-flow__disabled .l-row > .l-section-flow--contents.sizeS.mrS,
.l-section-flow__primary .clearfix > .l-section-flow--contents.sizeS.mrS,
.l-section-flow__primary .l-container > .l-section-flow--contents.sizeS.mrS,
.l-section-flow__primary .l-row > .l-section-flow--contents.sizeS.mrS {
  width: 645px;
  margin-right: 100px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--contents.sizeM, .l-section-flow__disabled .l-container > .l-section-flow--contents.sizeM, .l-section-flow__disabled .l-row > .l-section-flow--contents.sizeM,
.l-section-flow__primary .clearfix > .l-section-flow--contents.sizeM,
.l-section-flow__primary .l-container > .l-section-flow--contents.sizeM,
.l-section-flow__primary .l-row > .l-section-flow--contents.sizeM {
  width: 677px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--contents > .ttl-band, .l-section-flow__disabled .l-container > .l-section-flow--contents > .ttl-band, .l-section-flow__disabled .l-row > .l-section-flow--contents > .ttl-band,
.l-section-flow__primary .clearfix > .l-section-flow--contents > .ttl-band,
.l-section-flow__primary .l-container > .l-section-flow--contents > .ttl-band,
.l-section-flow__primary .l-row > .l-section-flow--contents > .ttl-band {
  margin-left: -55px;
}
.l-section-flow__disabled .clearfix > .l-section-flow--thumbnail, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail,
.l-section-flow__primary .clearfix > .l-section-flow--thumbnail,
.l-section-flow__primary .l-container > .l-section-flow--thumbnail,
.l-section-flow__primary .l-row > .l-section-flow--thumbnail {
  overflow: hidden;
}
.l-section-flow__disabled .clearfix > .l-section-flow--thumbnail.dispBtm, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail.dispBtm, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail.dispBtm,
.l-section-flow__primary .clearfix > .l-section-flow--thumbnail.dispBtm,
.l-section-flow__primary .l-container > .l-section-flow--thumbnail.dispBtm,
.l-section-flow__primary .l-row > .l-section-flow--thumbnail.dispBtm {
  margin-bottom: -40px;
}

.l-section-flow__disabled {
  background-color: #F2F1EC;
}
.l-section-flow__disabled:after {
  background-image: url("../img/ico/caret-down-gray.png");
}

.l-section-flow__primary {
  background-color: #e0f1fb;
  padding-top: 40px;
}
.l-section-flow__primary:after {
  background-image: url("../img/ico/caret-down-primary.png");
}

/* sp */
@media screen and (max-width: 639px) {
  .l-section-flow__disabled,
  .l-section-flow__primary {
    padding: 20px 20px;
  }
  .l-section-flow__disabled.spaceBtmL,
  .l-section-flow__primary.spaceBtmL {
    margin-bottom: 40px;
  }
  .l-section-flow__disabled > .ttl-band__disabled,
  .l-section-flow__primary > .ttl-band__disabled {
    margin-left: -20px;
  }
  .l-section-flow__disabled > .l-row > .l-col-h,
  .l-section-flow__primary > .l-row > .l-col-h {
    margin-left: 0px;
  }
  .l-section-flow__disabled > .l-row > .l-col-h > .ttl-band,
  .l-section-flow__primary > .l-row > .l-col-h > .ttl-band {
    margin-bottom: 0px;
  }
  .l-section-flow__disabled > .l-row > .l-col-h > .text--lerge,
  .l-section-flow__primary > .l-row > .l-col-h > .text--lerge {
    margin-left: 5px;
    margin-right: 5px;
  }
  .l-section-flow__disabled > .l-row > .l-col-h > .ttl-band__disabled,
  .l-section-flow__primary > .l-row > .l-col-h > .ttl-band__disabled {
    margin-left: -20px;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--thumbnail, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail,
  .l-section-flow__primary .clearfix > .l-section-flow--thumbnail,
  .l-section-flow__primary .l-container > .l-section-flow--thumbnail,
  .l-section-flow__primary .l-row > .l-section-flow--thumbnail {
    padding-top: 15px;
    text-align: center;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--thumbnail.spaceTopL, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail.spaceTopL, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail.spaceTopL, .l-section-flow__disabled .clearfix > .l-section-flow--thumbnail.spaceTopXL, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail.spaceTopXL, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail.spaceTopXL,
  .l-section-flow__primary .clearfix > .l-section-flow--thumbnail.spaceTopL,
  .l-section-flow__primary .l-container > .l-section-flow--thumbnail.spaceTopL,
  .l-section-flow__primary .l-row > .l-section-flow--thumbnail.spaceTopL,
  .l-section-flow__primary .clearfix > .l-section-flow--thumbnail.spaceTopXL,
  .l-section-flow__primary .l-container > .l-section-flow--thumbnail.spaceTopXL,
  .l-section-flow__primary .l-row > .l-section-flow--thumbnail.spaceTopXL {
    padding-top: 0px;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--thumbnail .text--lerge.aligncenter, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail .text--lerge.aligncenter, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail .text--lerge.aligncenter,
  .l-section-flow__primary .clearfix > .l-section-flow--thumbnail .text--lerge.aligncenter,
  .l-section-flow__primary .l-container > .l-section-flow--thumbnail .text--lerge.aligncenter,
  .l-section-flow__primary .l-row > .l-section-flow--thumbnail .text--lerge.aligncenter {
    text-align: center;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--thumbnail .list--circle, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail .list--circle, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail .list--circle,
  .l-section-flow__primary .clearfix > .l-section-flow--thumbnail .list--circle,
  .l-section-flow__primary .l-container > .l-section-flow--thumbnail .list--circle,
  .l-section-flow__primary .l-row > .l-section-flow--thumbnail .list--circle {
    text-align: left;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--contents, .l-section-flow__disabled .l-container > .l-section-flow--contents, .l-section-flow__disabled .l-row > .l-section-flow--contents,
  .l-section-flow__primary .clearfix > .l-section-flow--contents,
  .l-section-flow__primary .l-container > .l-section-flow--contents,
  .l-section-flow__primary .l-row > .l-section-flow--contents {
    float: none;
    margin-right: 0px;
    padding-left: 35px;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--contents > .ttl-band, .l-section-flow__disabled .l-container > .l-section-flow--contents > .ttl-band, .l-section-flow__disabled .l-row > .l-section-flow--contents > .ttl-band,
  .l-section-flow__primary .clearfix > .l-section-flow--contents > .ttl-band,
  .l-section-flow__primary .l-container > .l-section-flow--contents > .ttl-band,
  .l-section-flow__primary .l-row > .l-section-flow--contents > .ttl-band {
    padding-right: 0;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--contents.sizeXS, .l-section-flow__disabled .l-container > .l-section-flow--contents.sizeXS, .l-section-flow__disabled .l-row > .l-section-flow--contents.sizeXS,
  .l-section-flow__primary .clearfix > .l-section-flow--contents.sizeXS,
  .l-section-flow__primary .l-container > .l-section-flow--contents.sizeXS,
  .l-section-flow__primary .l-row > .l-section-flow--contents.sizeXS {
    width: auto;
    margin-right: 0;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--contents.sizeS, .l-section-flow__disabled .l-container > .l-section-flow--contents.sizeS, .l-section-flow__disabled .l-row > .l-section-flow--contents.sizeS,
  .l-section-flow__primary .clearfix > .l-section-flow--contents.sizeS,
  .l-section-flow__primary .l-container > .l-section-flow--contents.sizeS,
  .l-section-flow__primary .l-row > .l-section-flow--contents.sizeS {
    width: auto;
    margin-right: 0;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--contents.sizeS.mrS, .l-section-flow__disabled .l-container > .l-section-flow--contents.sizeS.mrS, .l-section-flow__disabled .l-row > .l-section-flow--contents.sizeS.mrS,
  .l-section-flow__primary .clearfix > .l-section-flow--contents.sizeS.mrS,
  .l-section-flow__primary .l-container > .l-section-flow--contents.sizeS.mrS,
  .l-section-flow__primary .l-row > .l-section-flow--contents.sizeS.mrS {
    width: auto;
    margin-right: 0;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--contents.sizeM, .l-section-flow__disabled .l-container > .l-section-flow--contents.sizeM, .l-section-flow__disabled .l-row > .l-section-flow--contents.sizeM,
  .l-section-flow__primary .clearfix > .l-section-flow--contents.sizeM,
  .l-section-flow__primary .l-container > .l-section-flow--contents.sizeM,
  .l-section-flow__primary .l-row > .l-section-flow--contents.sizeM {
    width: auto;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--contents > .ttl-band, .l-section-flow__disabled .l-container > .l-section-flow--contents > .ttl-band, .l-section-flow__disabled .l-row > .l-section-flow--contents > .ttl-band,
  .l-section-flow__primary .clearfix > .l-section-flow--contents > .ttl-band,
  .l-section-flow__primary .l-container > .l-section-flow--contents > .ttl-band,
  .l-section-flow__primary .l-row > .l-section-flow--contents > .ttl-band {
    margin-left: -55px;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--contents .text--lerge.sp__spaceN, .l-section-flow__disabled .l-container > .l-section-flow--contents .text--lerge.sp__spaceN, .l-section-flow__disabled .l-row > .l-section-flow--contents .text--lerge.sp__spaceN,
  .l-section-flow__primary .clearfix > .l-section-flow--contents .text--lerge.sp__spaceN,
  .l-section-flow__primary .l-container > .l-section-flow--contents .text--lerge.sp__spaceN,
  .l-section-flow__primary .l-row > .l-section-flow--contents .text--lerge.sp__spaceN {
    margin-left: -20px;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--thumbnail, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail,
  .l-section-flow__primary .clearfix > .l-section-flow--thumbnail,
  .l-section-flow__primary .l-container > .l-section-flow--thumbnail,
  .l-section-flow__primary .l-row > .l-section-flow--thumbnail {
    overflow: hidden;
  }
  .l-section-flow__disabled .clearfix > .l-section-flow--thumbnail.dispBtm, .l-section-flow__disabled .l-container > .l-section-flow--thumbnail.dispBtm, .l-section-flow__disabled .l-row > .l-section-flow--thumbnail.dispBtm,
  .l-section-flow__primary .clearfix > .l-section-flow--thumbnail.dispBtm,
  .l-section-flow__primary .l-container > .l-section-flow--thumbnail.dispBtm,
  .l-section-flow__primary .l-row > .l-section-flow--thumbnail.dispBtm {
    margin-bottom: -20px;
  }
}
/* -------------------
 * line
 -------------------*/
.l-line-section {
  background-color: #FFF;
  border-width: 4px;
  border-style: solid;
  padding: 17px 36px;
}
.l-line-section.spaceBtmM {
  margin-bottom: 15px;
}
.l-line-section.spaceBtmL {
  margin-bottom: 30px;
}
.l-line-section.primary {
  border-color: #123379;
}
.l-line-section.bg-disabled {
  background-color: #efefef;
}
.l-line-section.border-bold {
  border-width: 9px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.l-line-section.border-topN {
  border-top: none;
}
.l-line-section .clearfix > .content, .l-line-section .l-container > .content, .l-line-section .l-row > .content {
  float: left;
}
.l-line-section .clearfix > .content.sizeM, .l-line-section .l-container > .content.sizeM, .l-line-section .l-row > .content.sizeM {
  width: 448px;
}
.l-line-section .clearfix > .thumbnail, .l-line-section .l-container > .thumbnail, .l-line-section .l-row > .thumbnail {
  float: right;
}
.l-line-section .clearfix > .l-line-section--ico, .l-line-section .l-container > .l-line-section--ico, .l-line-section .l-row > .l-line-section--ico {
  float: left;
  margin-right: 25px;
  padding-top: 5px;
}
.l-line-section .clearfix > .l-line-section--contents, .l-line-section .l-container > .l-line-section--contents, .l-line-section .l-row > .l-line-section--contents {
  overflow: hidden;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-line-section {
    border-width: 2px;
    padding: 10px 10px;
  }
  .l-line-section.spaceBtmM {
    margin-bottom: 12px;
  }
  .l-line-section.spaceBtmL {
    margin-bottom: 20px;
  }
  .l-line-section > .content, .l-line-section > .thumbnail {
    float: none;
  }
  .l-line-section.border-bold {
    border-width: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .l-line-section .clearfix > .content, .l-line-section .l-container > .content, .l-line-section .l-row > .content {
    font-size: 10px;
    font-size: 0.625rem;
    margin-bottom: 10px;
  }
  .l-line-section .clearfix > .content.sizeM, .l-line-section .l-container > .content.sizeM, .l-line-section .l-row > .content.sizeM {
    width: auto;
  }
  .l-line-section .clearfix > .l-line-section--ico, .l-line-section .l-container > .l-line-section--ico, .l-line-section .l-row > .l-line-section--ico {
    margin-right: 10px;
    padding-top: 5px;
  }
  .l-line-section .clearfix > .l-line-section--contents, .l-line-section .l-container > .l-line-section--contents, .l-line-section .l-row > .l-line-section--contents {
    overflow: visible;
  }
  .l-line-section .clearfix > .l-line-section--contents > .clearfix, .l-line-section .l-container > .l-line-section--contents > .clearfix, .l-line-section .l-row > .l-line-section--contents > .clearfix, .l-line-section .clearfix > .l-line-section--contents > .l-container, .l-line-section .l-container > .l-line-section--contents > .l-container, .l-line-section .l-row > .l-line-section--contents > .l-container, .l-line-section .clearfix > .l-line-section--contents > .l-row, .l-line-section .l-container > .l-line-section--contents > .l-row, .l-line-section .l-row > .l-line-section--contents > .l-row {
    clear: both;
  }
}
.l-image-line {
  border: 1px solid #A6A6A6;
  margin-bottom: 20px;
}
.l-image-line.spaceBtmS {
  margin-bottom: 5px;
}

/* -------------------
 * layout js
 -------------------*/
dl.js-accordion dd {
  display: none;
}

.js-tab-contents {
  display: none;
}
.js-tab-contents.active {
  display: block;
}

/* ---------------------------
 *
 *  layout widget
 *
 * -------------------------*/
/* -------------------
 * widget wrapper
 -------------------*/
.l-widget-login-area,
.l-widget-wrapper {
  background: #cedcf2;
  padding: 20px 10px;
  border-radius: 7px;
}
.l-widget-login-area .l-widget--title,
.l-widget-wrapper .l-widget--title {
  background: #123379;
  color: #FFF;
  padding: 0 22px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  border-radius: 7px 7px 0 0;
  font-weight: bold;
  width: 346px;
  margin-top: -20px;
  left: -10px;
}
.l-widget-login-area .l-widget--ttl,
.l-widget-wrapper .l-widget--ttl {
  background: #123379;
  color: #FFF;
  height: 45px;
  line-height: 45px;
  padding: 0 22px;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  border-radius: 7px 7px 0 0;
  font-weight: bold;
}
.l-widget-login-area .l-widget-inner,
.l-widget-wrapper .l-widget-inner {
  background: #FFF;
  border-radius: 0 0 7px 7px;
}
.l-widget-login-area .l-widget-inner.has__in_space,
.l-widget-wrapper .l-widget-inner.has__in_space {
  padding: 15px 10px 20px 10px;
}

.l-widget-wrapper {
  margin-top: 15px;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-wrapper,
  .l-widget-login-area {
    padding-left: 15px;
    padding-right: 15px;
  }
  .l-widget-wrapper .l-widget--title,
  .l-widget-login-area .l-widget--title {
    width: 100%;
    padding: 0 20px;
  }
  .top .l-widget-login-area .l-widget--title{
    margin-left: -5px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* -------------------
 * widget login
 -------------------*/
.l-widget-login {
  margin-bottom: 19px;
}
.l-widget-login > ul {
  padding-top: 20px;
  margin-bottom: 6px;
}
.l-widget-login > ul > li {
  margin-bottom: 8px;
}
.l-widget-login > dl {
  margin-bottom: 18px;
}
.l-widget-login > dl > dt {
  float: left;
  margin-right: 11px;
}
.l-widget-login > dl > dd {
  overflow: hidden;
  padding-top: 24px;
}
.l-widget-login > dl > dd input {
  float: left;
  margin-right: 4px;
}
.l-widget-login > dl > dd span {
  overflow: hidden;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.l-widget-login .l-widget-login--lost {
  padding-left: 15px;
  text-indent: -15px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
}
.l-widget-login .l-widget-login--lost a {
  color: #123379;
}

.l-col-12 .l-widget-login {
  background: url("../img/widget-bg-mid_col-12.png") repeat-y;
  padding: 10px 20px 0px 20px;
  width: 1120px;
  height: 114px;
  margin-bottom: 25px;
  position: relative;
}
.l-col-12 .l-widget-login:before, .l-col-12 .l-widget-login:after {
  width: 1160px;
  height: 25px;
  position: absolute;
  left: 0;
  content: "";
  display: block;
  z-index: 1;
}
.l-col-12 .l-widget-login:before {
  background-image: url("../img/widget-bg-top_col-12.png");
  top: 0;
}
.l-col-12 .l-widget-login:after {
  background-image: url("../img/widget-bg-btm_col-12.png");
  bottom: 0;
}
.l-col-12 .l-widget-login .l-widget-login--ttl, .l-col-12 .l-widget-login > ul, .l-col-12 .l-widget-login > dl,
.l-col-12 .l-widget-login .l-widget-login--lost {
  z-index: 2;
  position: relative;
}
.l-col-12 .l-widget-login .l-widget-login--ttl, .l-col-12 .l-widget-login > ul, .l-col-12 .l-widget-login > ul > li, .l-col-12 .l-widget-login > dl {
  float: left;
}
.l-col-12 .l-widget-login .l-widget-login--ttl {
  width: 220px;
  padding-top: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
.l-col-12 .l-widget-login > ul {
  width: 660px;
  margin-left: -10px;
  padding-top: 10px;
}
.l-col-12 .l-widget-login > ul > li {
  width: 320px;
  margin-left: 10px;
}
.l-col-12 .l-widget-login > dl {
  margin-left: 15px;
  padding-top: 10px;
}
.l-col-12 .l-widget-login > dl > dt, .l-col-12 .l-widget-login > dl > dd {
  float: none;
}
.l-col-12 .l-widget-login > dl > dd {
  padding-top: 5px;
}
.l-col-12 .l-widget-login .l-widget-login--lost {
  position: absolute;
  text-align: right;
  top: 75px;
  right: 270px;
}
.l-col-12 .l-widget-login .l-widget-login--lost.has__err {
  top: 85px;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-login--btn {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 20px;
  }
}
/* -------------------
 * widget loggedin
 -------------------*/
.l-widget-loggedin {
  position: relative;
}
.l-widget-loggedin:before, .l-widget-loggedin:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
}
.l-widget-loggedin:before {
  top: 0;
}
.l-widget-loggedin:after {
  bottom: 0;
}
.l-widget-loggedin .l-widget-loggedin--logout,
.l-widget-loggedin .l-widget-loggedin--mail,
.l-widget-loggedin .l-widget-loggedin--status-link {
  text-align: right;
}
.l-widget-loggedin .l-widget-loggedin--logout {
  margin-bottom: 17px;
}
.l-widget-loggedin .l-widget-loggedin--mail {
  margin-bottom: 20px;
}
.l-widget-loggedin .l-widget-loggedin--name {
  font-weight: bold;
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 10px;
}
.l-widget-loggedin .l-widget-loggedin--name i {
  position: relative;
  top: 2px;
  margin-right: 9px;
}
.l-widget-loggedin .l-widget-loggedin--mile,
.l-widget-loggedin .l-widget-loggedin--status {
  background: #FFF;
  border: 1px solid #f9f1cd;
  border-radius: 5px;
  padding: 13px 18px;
}
.l-widget-loggedin .l-widget-loggedin--mile .head,
.l-widget-loggedin .l-widget-loggedin--status .head {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}
.l-widget-loggedin .l-widget-loggedin--mile {
  margin-bottom: 10px;
}
.l-widget-loggedin .l-widget-loggedin--mile .mile {
  text-align: right;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  color: #bc892f;
}
.l-widget-loggedin .l-widget-loggedin--mile .mile strong {
  font-size: 35px;
  color: #db2c03;
}
.l-widget-loggedin .l-widget-loggedin--status,
.l-widget-loggedin .l-widget-loggedin--status-img {
  margin-bottom: 7px;
  padding-bottom: 5px;
}
.l-widget-loggedin .l-widget-loggedin--status .head {
  margin-bottom: 5px;
}
.l-widget-loggedin .l-widget-loggedin--status .status {
  text-align: center;
}

.l-col-4 .l-widget-loggedin {
  background-color: #FFFAE7;
  width: 350px;
  padding: 15px 10px;
  margin-bottom: 19px;
}

.l-col-12 .l-widget-loggedin {
  background: url("../img/widget-bg-mid_col-12.png") repeat-y;
  padding: 10px 20px 25px 20px;
  width: 1120px;
  margin-bottom: 25px;
}
.l-col-12 .l-widget-loggedin:before, .l-col-12 .l-widget-loggedin:after {
  width: 1160px;
  height: 25px;
}
.l-col-12 .l-widget-loggedin:before {
  background-image: url("../img/widget-bg-top_col-12.png");
}
.l-col-12 .l-widget-loggedin:after {
  background-image: url("../img/widget-bg-btm_col-12.png");
}
.l-col-12 .l-widget-loggedin--mile,
.l-col-12 .l-widget-loggedin--status,
.l-col-12 .l-widget-loggedin--name,
.l-col-12 .l-widget-loggedin--logout,
.l-col-12 .l-widget-loggedin--status-link {
  z-index: 1;
}
.l-col-12 .l-widget-loggedin--name {
  width: 315px;
  padding-top: 10px;
  padding-left: 55px;
  text-indent: -35px;
}
.l-col-12 .l-widget-loggedin--mile,
.l-col-12 .l-widget-loggedin--status {
  position: absolute;
  top: 15px;
  padding-top: 6px;
  padding-bottom: 0;
  height: 76px;
}
.l-col-12 .l-widget-loggedin--status-img {
  position: absolute;
  top: 15px;
  padding-bottom: 0;
  height: 76px;

}
.l-col-12 .l-widget-loggedin--mile {
  left: 410px;
  width: 285px;
}
.l-col-12 .l-widget-loggedin--status,
.l-col-12 .l-widget-loggedin--status-img {
  left: 745px;
  width: 220px;
}
.l-col-12 .l-widget-loggedin--mail {
  text-align: left;
  padding-left: 25px;
}
.l-col-12 .l-widget-loggedin--logout,
.l-col-12 .l-widget-loggedin--status-link {
  position: absolute;
  bottom: 10px;
}
.l-col-12 .l-widget-loggedin--logout {
  margin-bottom: 0;
  left: 1020px;
}
.l-col-12 .l-widget-loggedin--status-link {
  left: 840px;
}

/* sp */
/* -------------------
 * widget hr
 -------------------*/
.l-widget-hr {
  background: #FFF;
  border-top: 1px solid #aabbd6;
  height: 1px;
  margin-bottom: 19px;
}
.l-widget-hr.gray {
  border-color: #d9d9cf;
}
.l-widget-hr.spaceS {
  margin-bottom: 6px;
}

/* -------------------
 * widget mymenu
 -------------------*/
.l-widget-mymenu {
  border-radius: 7px;
}
.l-widget-mymenu .l-widget-mymenu--list > li {
  font-weight: bold;
}
.l-widget-mymenu .l-widget-mymenu--list > li.l-widget-mymenu--list-mymenu {
  background: #123379;
  color: #FFF;
  height: 45px;
  line-height: 45px;
  padding: 0 22px;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  border-radius: 7px 7px 0 0;
}
.l-widget-mymenu .l-widget-mymenu--list > li.l-widget-mymenu--list-mymenu .btn {
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -15px;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a, .l-widget-mymenu .l-widget-mymenu--list > li > dl > dd a {
  display: block;
  background: #FFF;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding-left: 62px;
  padding-right: 40px;
  font-size: 16px;
  font-size: 1rem;
  border-top: 1px solid #000000;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a:hover {
  color: #123379;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a.l-widget-mymenu--lis-concierge {
  border-top: none;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a i.ico {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 15px;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a:after {
  content: "";
  display: block;
  background: url("../img/ico/angle-black-btm.png") no-repeat center center;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a.active {
  border-color: #cedcf2;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a.active:after {
  background-image: url("../img/ico/angle-black-top.png");
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dd a {
  font-weight: normal;
  padding: 12px 10px 12px 62px;
  font-size: 16px;
  font-size: 1rem;
  border-top: 1px solid #cedcf2;
  color: #123379;
  text-decoration: underline;
}
.l-widget-mymenu .l-widget-mymenu--list > li > dl > dd a:hover {
  text-decoration: none;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-mymenu .l-widget-mymenu--list > li.l-widget-mymenu--list-mymenu {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 12px;
  }
  .l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a, .l-widget-mymenu .l-widget-mymenu--list > li > dl > dd a {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .l-widget-mymenu .l-widget-mymenu--list > li > dl > dt a {
    padding-left: 55px;
    padding-right: 30px;
  }
  .l-widget-mymenu .l-widget-mymenu--list > li.l-widget-mymenu--list-mymenu-simple {
    border-top: none;
    border-bottom: 1px solid #000;
  }
  .l-widget-mymenu .l-widget-mymenu--list > li.l-widget-mymenu--list-mymenu-simple a {
    padding-left: 15px;
  }
  .l-widget-mymenu .l-widget-mymenu--list > li.l-widget-mymenu--list-mymenu-simple a:after {
    background-image: url("../img/ico/angle-black-right.png");
  }

  .l-mymenu--close {
    border: none;
    color: #123379;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    display: block;
  }
  .l-mymenu--close > .ico {
    position: relative;
    top: 3px;
    margin-right: 5px;
  }
}
/* -------------------
 * widget mile-num
 -------------------*/
.l-widget-mile-num {
  margin-bottom: 20px;
}
.l-widget-mile-num .l-widget-mile-num--list > li a {
  display: block;
  position: relative;
  height: 45px;
  line-height: 45px;
  padding-left: 18px;
  padding-right: 40px;
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 1px solid #cedcf2;
  color: #123379;
}
.l-widget-mile-num .l-widget-mile-num--list > li a:after {
  content: "";
  display: block;
  background: url("../img/ico/angle-black-right.png") no-repeat center center;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.l-widget-mile-num .l-widget-mile-num--list > li:first-child a {
  border-top: none;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-mile-num {
    display: none;
  }
}
/* -------------------
 * widget mile-category
 -------------------*/
.l-widget-mile-category {
  border-radius: 7px;
}
.l-widget-mile-category .l-widget-mile-category--list > li:first-child > dl > dt > a {
  border-top: none;
}
.l-widget-mile-category .l-widget-mile-category--list > li > dl > dt a, .l-widget-mile-category .l-widget-mile-category--list > li > dl > dd a {
  display: block;
}
.l-widget-mile-category .l-widget-mile-category--list > li > dl.active > dd {
  display: block;
}
.l-widget-mile-category .l-widget-mile-category--list > li > dl > dt a {
  display: block;
  position: relative;
  padding: 10px 10px 10px 16px;
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 1px solid #cedcf2;
  color: #123379;
}
.l-widget-mile-category .l-widget-mile-category--list > li > dl > dt a.active {
  border-color: #cedcf2;
}
.l-widget-mile-category .l-widget-mile-category--list > li > dl > dd {
  display: none;
}
.l-widget-mile-category .l-widget-mile-category--list > li > dl > dd a {
  padding: 9px 10px 10px 52px;
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 1px solid #cedcf2;
  color: #123379;
  position: relative;
}
.l-widget-mile-category .l-widget-mile-category--list > li > dl > dd a:after {
  content: "＞";
  display: block;
  position: absolute;
  top: 50%;
  left: 27px;
  margin-top: -12px;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-mile-category {
    display: none;
  }
  .l-widget-mile-category .l-widget-mile-category--list > li.l-widget-mile-category--list-mile-category {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 12px;
  }
}
/* -------------------
 * widget concierge
 -------------------*/
.l-widget-concierge {
  padding: 20px 37px;
  background: #F1F2F4;
  border-radius: 5px;
}
.l-widget-concierge .l-widget-concierge--about {
  margin-bottom: 27px;
}
.l-widget-concierge .l-widget-concierge--about .head {
  padding-left: 20px;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 15px;
  font-weight: bold;
}
.l-widget-concierge .l-widget-concierge--about .head i {
  vertical-align: middle;
  margin-right: 9px;
  position: relative;
  top: -1px;
}
.l-widget-concierge .l-widget-concierge--about .photo {
  float: left;
  margin-right: 15px;
  border: 1px solid #cccccc;
  margin-left: 7px;
  margin-right: 17px;
}
.l-widget-concierge .l-widget-concierge--about .name {
  overflow: hidden;
  padding-top: 7px;
  width: 166px;
  line-height: 1.3;
}
.l-widget-concierge .l-widget-concierge--about .name dt {
  min-height: 45px;
  font-size: 16px;
  font-size: 1rem;
}
.l-widget-concierge .l-widget-concierge--about .name dd {
  font-size: 20px;
  font-size: 1.25rem;
}
.l-widget-concierge .l-widget-concierge--counter .head {
  font-size: 16px;
  font-size: 1rem;
  background-color: #123378;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-bottom: 14px;
}
.l-widget-concierge .l-widget-concierge--counter .tel-name {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 3px;
}
.l-widget-concierge .l-widget-concierge--counter .tel-text {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-top: 3px;
  margin-bottom: 8px;
  line-height: 1.3;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-concierge {
    padding: 20px 20px;
  }
  .l-widget-concierge .l-widget-concierge--about {
    margin-bottom: 27px;
  }
  .l-widget-concierge .l-widget-concierge--about .head {
    padding-left: 10px;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .l-widget-concierge .l-widget-concierge--about .photo {
    margin-right: 10px;
    margin-left: 7px;
    margin-right: 12px;
  }
  .l-widget-concierge .l-widget-concierge--about .name {
    padding-top: 3px;
    width: auto;
  }
  .l-widget-concierge .l-widget-concierge--about .name dt {
    min-height: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 5px;
  }
  .l-widget-concierge .l-widget-concierge--counter .tel-img img {
    width: 100%;
    height: auto;
    max-width: 284px;
  }
}
/* -------------------
* widget cart
-------------------*/
.l-widget-cart {
  margin-bottom: 20px;
}

/* sp */
/* -------------------
* widget present
-------------------*/
.l-widget-present {
  margin-bottom: 20px;
}
.l-widget-present .l-widget-present-section {
  margin-bottom: 14px;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-present > .l-widget--ttl {
    cursor: pointer;
  }
  .l-widget-present .l-widget-present-section .form--group > .form--item.form--item3__a {
    width: 45%;
  }
  .l-widget-present .l-widget-present-section .form--group > .form--item.form--item3__b {
    width: 10%;
  }
  .l-widget-present .ttl-sub {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .l-widget-present .l-widget-inner.has__in_space {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
  .l-widget-present .l-widget--close {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
    font-size: 12px;
    font-weight: bold;
  }
  .l-widget-present .l-widget--close .ico {
    margin-right: 7px;
  }
}
/* -------------------
* widgets leomile
-------------------*/
/* sp */
.l-widgets-leomile {
  margin-top: 0;
}

@media screen and (max-width: 639px) {
  .l-widgets-leomile {
    position: relative;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    text-align: left;
    padding-top: 58px;
  }
  .l-widgets-leomile .l-widget-cart,
  .l-widgets-leomile .l-widget-present > .l-widget--ttl {
    width: 45.5%;
    position: absolute;
    top: -0px;
  }
  .l-widgets-leomile .l-widget-cart {
    right: 3%;
  }
  .l-widgets-leomile .l-widget-cart .btn.btn--blue_gra.line2, .l-widgets-leomile .l-widget-cart a.btn.btn--blue_gra.line2 {
    font-size: 12px;
    padding-left: 0px;
    padding-right: 0px;
    height: 46px;
    padding-top: 2px;
    border: none;
  }
  .l-widgets-leomile .l-widget-cart .btn.btn--blue_gra.line2 > span, .l-widgets-leomile .l-widget-cart a.btn.btn--blue_gra.line2 > span {
    font-size: 10px;
  }
  .l-widgets-leomile .l-widget-cart .btn.btn--blue_gra.line2 > .ico.ico--cart, .l-widgets-leomile .l-widget-cart a.btn.btn--blue_gra.line2 > .ico.ico--cart {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    margin-right: 2px;
  }
  .l-widgets-leomile .l-widget-present {
    margin-top: -10px;
    padding: 0 15px 0 15px;
    height: 0;
    overflow: hidden;
    transition: .4s;
    background-color: #cedcf2;
  }
  .l-widgets-leomile .l-widget-present.active {
    padding-top: 12px;
    height: 317px;
  }
  .l-widgets-leomile .l-widget-present > .l-widget--ttl {
    left: 3%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    height: 48px;
    line-height: 48px;
    background-color: #cedcf2;
    font-size: 12px;
    font-size: 0.75rem;
    color: #123379;
    text-align: left;
  }
  .l-widgets-leomile .l-widget-present > .l-widget--ttl .ico.ico--list {
    position: relative;
    top: 7px;
    margin-right: 8px;
  }
  .l-widgets-leomile .l-widget-present > .l-widget--ttl .ico.ico--angle-blue-btm {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -5px;
  }
  .l-widgets-leomile .l-widget-present > .l-widget--ttl.active .ico.ico--angle-blue-btm {
    transform: rotateX(180deg);
  }
}
/* -------------------
* widget search
-------------------*/
.l-widget-wrapper.l-widget-search {
  margin-bottom: 20px;
  border-radius: 0;
  padding: 10px 10px 15px 10px;
  margin-top: 0;
}
.l-widget-wrapper.l-widget-search > .l-widget-inner {
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.l-widget-wrapper.l-widget-search .l-widget-search--column {
  float: left;
}
.l-widget-wrapper.l-widget-search .l-widget-search--column.l-widget-search--column__mile {
  width: 230px;
  margin-right: 13px;
}
.l-widget-wrapper.l-widget-search .l-widget-search--column.l-widget-search--column__category {
  width: 175px;
  margin-right: 20px;
}
.l-widget-wrapper.l-widget-search .l-widget-search--column.l-widget-search--column__code {
  width: 235px;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-wrapper.l-widget-search {
    margin-top: -10px;
  }
  .l-widget-wrapper.l-widget-search .l-widget-search--column {
    margin-bottom: 10px;
  }
}
/* -------------------
* widget sort
-------------------*/
.l-widget-sort {
  margin-bottom: 20px;
  padding: 12px 10px 3px 10px;
  background-color: #e0f1fb;
}
.l-widget-sort > .l-widget-inner {
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.l-widget-sort .list--horizon > .list--horizon-item {
  line-height: 34px;
  vertical-align: top;
  font-size: 14px;
  font-size: 0.875rem;
}
.l-widget-sort .list--horizon > .list--horizon-item.l-widget-sort--select {
  margin-right: 25px;
}
.l-widget-sort .list--horizon > .list--horizon-item .ico {
  vertical-align: top;
  margin-right: 3px;
}
.l-widget-sort .list--horizon > .list--horizon-item .form--group .form--item {
  vertical-align: top;
}
.l-widget-sort .list--horizon > .list--horizon-item .form--group .form--item .form--select {
  line-height: 32px;
}
.l-widget-sort .list--horizon > .list--horizon-item .form--group .form--item .form--select > select,
.l-widget-sort .list--horizon > .list--horizon-item .form--group .form--item .form--select > .form--select-text {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-sort .list--horizon > .list--horizon-item {
    text-align: center;
  }
  .l-widget-sort .list--horizon > .list--horizon-item.l-widget-sort--select {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .l-widget-sort .list--horizon > .list--horizon-item:nth-child(1) {
    display: block;
    width: 100%;
  }
  .l-widget-sort .list--horizon > .list--horizon-item:nth-child(1) .form--item.form--item3__h {
    width: 190px;
  }
  .l-widget-sort .list--horizon > .list--horizon-item:nth-child(2) {
    margin-right: 5%;
    margin-left: 1%;
    text-align: right;
    width: 44%;
  }
  .l-widget-sort .list--horizon > .list--horizon-item:nth-child(3) {
    margin-left: 5%;
    margin-right: 1%;
    text-align: left;
    width: 44%;
  }
}
/* -------------------
* widget pager
-------------------*/
.l-widget-pager {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
.l-widget-pager .l-widget-pager--items {
  padding-top: 35px;
}
.l-widget-pager .l-widget-pager--items > .l-widget-pager--item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #a5b6ca;
  margin: 0 2px;
}
.l-widget-pager .l-widget-pager--items > .l-widget-pager--item:hover, .l-widget-pager .l-widget-pager--items > .l-widget-pager--item.active {
  background-color: #a5b6ca;
}
.l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__prev, .l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__next {
  width: auto;
  padding-left: 45px;
  padding-right: 45px;
}
.l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__prev {
  padding-left: 35px;
}
.l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__next {
  padding-right: 35px;
}
.l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__ellipsis {
  width: auto;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
  height: 30px;
  line-height: 30px;
}
.l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__ellipsis:hover {
  background-color: #FFF;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-pager {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .l-widget-pager .l-widget-pager--items {
    padding-top: 20px;
  }
  .l-widget-pager .l-widget-pager--items > .l-widget-pager--item {
    width: 25px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #a5b6ca;
    margin: 0 1px;
  }
  .l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__prev, .l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__next {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__prev {
    padding-left: 7px;
  }
  .l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__next {
    padding-right: 7px;
  }
  .l-widget-pager .l-widget-pager--items > .l-widget-pager--item.l-widget-pager--item__ellipsis {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    border: none;
    height: 28px;
    line-height: 28px;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: -2px;
  }
}
/* -------------------
* widget category-hero
-------------------*/
.l-widget-category-hero {
  margin-bottom: 30px;
}

/* sp */
@media screen and (max-width: 639px) {
  .l-widget-category-hero {
    margin-bottom: 20px;
    margin-top: -20px;
  }
}
/* -------------------
* widget topics
-------------------*/
.l-widget-topics {
  padding-top: 40px;
}

/* add_2017/03/21 */
#nav-news .l-nav--content dl {
  width: auto;
  margin-right: 20px;
}
#nav-news .l-nav--content dl:first-child {
  width: 250px;
  margin-right: 0;
}

/* add_2017/10/24 */
.l-nav .l-nav--content .title {
  color: #123379;
}
.l-nav .l-nav--content .title:hover {
  color: #123379;
}
.l-nav .l-nav--content .title:before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-color: #123379;
}