@charset "UTF-8";
/*＜注意点＞
@mediaで幅指定をしている中にハックを書くとき、@mediaの中にさらに@mediaを書けないので、他の書き方にしたほうがよい。*/
/*-------------------------------------------------------------------------------------------------*/
/* 共通項目 */
/*-------------------------------------------------------------------------------------------------*/
body {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    color: #423736; /* 基本の文字カラー */
    -webkit-font-smoothing: antialiased;
    text-align: justify;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -webkit-text-size-adjust: none;
    letter-spacing: .05em;
}
.number-font-family {
    font-family: Leelawadee, Century Gothic, CenturyGothic, AppleGothic, 'Avenir-Light', sans-serif;
    letter-spacing: 0 !important;
    font-weight: normal !important;
    white-space: nowrap;
}
b, strong, .bold {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
.red{color:#CC0000;}
.f_125per{font-size:125%;}
.f_135per{font-size:135%;}
.f_145per{font-size:145%;}
.f_095per{font-size:95%;}
.f_090per{font-size:90%;}
.f_080per{font-size:80%;}
/* IEだけに適応 */
_:lang(x)::-ms-backdrop, body {
    font-family: "Segoe UI", Meiryo, sans-serif;
}
/* 基本文字サイズ
---------------------------------------------------- */
/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ] [ rem ] [ em ]
16px 	100%　 1rem	  1em
↑1remは16px　2remは32px

＜フォントルール＞※サイズ・太さ・文字詰め・行間・色の指定を「フォントルール」に含める。

reset.cssに記述した基本フォントサイズは16px。
基本的にそれに対して「rem」を使用すること。

なるべく用意されたクラスで指定する。
（ページ全体に統一感を出すためにフォントの指定を限定的にする。やむを得ない場合を除いて個別に設定しない。）
---------------------------------------------------------------------*/
/* PC　start　++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 1000px) {
    h1, h2, h3, .most-large-font, .large-font {
        letter-spacing: .1em;
    }
} /* PC end 　+++++++++++++++++++++++++++++++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 999px) {
    h1, h2, h3, .most-large-font, .large-font {
        letter-spacing: 0;
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    h1, h2, h3, .most-large-font, .large-font {
        letter-spacing: 0;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
.most-large-font {
    font-size: 3.7rem;
    font-weight: bold;
}
/* IE9 IE10ハック*/ :root .most-large-font {
    letter-spacing: 1px \0/;
}
.more-large-font {
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.1;
}
/* IE9 IE10ハック*/ :root .more-large-font {
    letter-spacing: 1px \0/;
}
h1, h2, .large-font {
    font-size: 2rem;
    line-height: 1.8;
    font-weight: bold;
}
/* IE9 IE10ハック*/ :root h1, h2, .large-font {
    letter-spacing: 1px \0/;
}
.more-medium-font {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 30px;
}
/* IE9 IE10ハック*/ :root .more-medium-font {
    letter-spacing: 1px \0/;
}
h3, .medium-font {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: normal;
}
/* IE9 IE10ハック*/ :root h3, .medium-font {
    letter-spacing: 1px \0/;
}
h4, .small-font {
    font-size: 1.27rem;
    line-height: 1.4;
    font-weight: normal;
}
/* IE9 IE10ハック*/ :root h4, .small-font {
    font-size: 1.17rem \0/;
    letter-spacing: 1px \0/;
}
.more-small-font {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: normal;
}
/* IE9 IE10ハック*/ :root .more-small-font {
    letter-spacing: 1px \0/;
}
.most-small-font {
    font-size: 1rem;
    line-height: 1.1;
    font-weight: normal;
}
/* IE9 IE10ハック*/ :root .most-small-font {
    letter-spacing: 1px \0/;
}
/* PC　スマホ　タブレット　全て共通 end 　+++++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 999px) {
    .most-large-font {
        font-size: 2.8rem;
        font-weight: bold;
    }
    .more-large-font {
        font-size: 2.4rem;
        font-weight: bold;
    }
    h1, h2, .large-font {
        font-size: 1.6rem;
        line-height: 1.6;
        font-weight: bold;
    }
    .more-medium-font {
        font-size: 1.3rem;
        line-height: 1.5;
        font-weight: normal;
    }
    h3, .medium-font {
        font-size: 1.3rem;
        line-height: 1.5;
        font-weight: normal;
    }
    h4, .small-font {
        font-size: 1.1rem;
        line-height: 1.4;
        font-weight: normal;
    }
    .more-small-font {
        font-size: 1rem;
        line-height: 1.4;
        font-weight: normal;
    }
    .most-small-font {
        font-size: 0.8rem;
        line-height: 1.1;
        font-weight: normal;
    }
} /*
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    .most-large-font {
        font-size: 2rem;
        font-weight: bold;
    }
    .more-large-font {
        font-size: 1.6rem;
        font-weight: bold;
    }
    h1, h2, .large-font {
        font-size: 1.4rem;
        line-height: 1.6;
        font-weight: bold;
    }
    .more-medium-font {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: normal;
    }
    h3, .medium-font {
        font-size: 0.9rem;
        line-height: 1.6;
        font-weight: normal;
    }
    h4, .small-font {
        font-size: 1rem;
        line-height: 1.3;
        font-weight: normal;
    }
    .more-small-font {
        font-size: 0.9rem;
        line-height: 1.3;
        font-weight: normal;
    }
    .most-small-font {
        font-size: 0.7rem;
        line-height: 1.1;
        font-weight: normal;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本color
---------------------------------------------------- */
.white { /*白*/
    color: #fff;
}
.orange {
    color: #d3610d;
}
.blue {
    color: #75615F;
}
/* float解除 
---------------------------------------------------- */
.clearfix {
    zoom: 1; /*for IE 5.5-7*/
    overflow: hidden;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    height: 1px; /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
    clear: both;
}
/* link
---------------------------------------------------- */
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
a {
    outline: none;
}
a:link, a:visited {
    /*color: #FFFFFF;*/
    text-decoration: none;
}
a:hover, a:active {
    color: #423736;
    text-decoration: none;
}
.border-link a:link, .border-link a:visited {
    color: #75615F;
    text-decoration: underline;
    font-weight: bold;
}
.border-link a:hover, .border-link a:active {
    color: #423736;
    text-decoration: none;
    font-weight: bold;
}
.img-filter a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/* PC　スマホ　タブレット　全て共通 end 　+++++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1039px) {
    .img-hiritu img { /*画像を画面いっぱいに*/
        width: 100%;
        height: auto;
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/* リストスタイル
---------------------------------------------------- */
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
ul.lsn li, ol.lsn li { /*リストスタイルなし*/
    list-style: none;
    margin: 0;
    padding: 0;
}
ul li.lsn, ol li.lsn { /*リストスタイルなし*/
    list-style: none !important;
    margin: 0 0 10px 0 !important;
}
ul.lsd li, ul.lsd li { /*リストスタイルあり*/
    list-style: disc;
    margin: 0 0 10px 20px;
    line-height: 2;
}
ul.lsd li, ul.lsd li { /*リストスタイルあり*/
    list-style: disc;
    margin: 0 0 10px 20px;
    line-height: 2;
}
dl dt.lsn, dl.lsn dd.lsn { /*リストスタイルなし*/
    list-style: none;
    margin: 0;
    padding: 0;
}
dl.lsd dt, dl.lsd dd { /*リストスタイルあり*/
    list-style: disc;
    margin: 0 0 10px 20px;
    line-height: 2;
}
/* PC　スマホ　タブレット　全て共通 end 　+++++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1039px) {} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    ul.lsd li, ul.lsd li { /*リストスタイルあり*/
        line-height: 1.8;
    }
    dl.lsd dt, dl.lsd dd { /*リストスタイルあり*/
        line-height: 1.8;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/* 汎用
---------------------------------------------------- */
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
.tal {
    text-align: left;
}
.dsb {
    display: block;
}
.dsi {
    display: inline;
}
.center-block {
    margin: 0 auto;
}
.large {
    font-size: 120%;
    line-height: normal;
}
.small {
    font-size: 80%;
    line-height: normal;
}
.bold {
    font-weight: bold;
}
strong {
    font-weight: bold;
}
em {
    font-style: normal;
}
/*太いマーカーライン*/
.marker_yellow_futo {
    background: linear-gradient(transparent 0%, #ffd942 0%);
}
/* IE9 ハック*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .marker_yellow_futo {
        background: #ffd942;
    }
}
/*細いマーカーライン*/
.marker_yellow_hoso {
    background: linear-gradient(transparent 70%, #ffd942 70%);
}
/* IE9 ハック*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .marker_yellow_hoso {
        background: #ffd942;
    }
}
.marker_water_hoso {
    background: linear-gradient(transparent 60%, #66ccff 60%);
}
/* IE9 ハック*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .marker_water_hoso {
        background: #66ccff;
    }
}
.marker_pink_hoso {
    background: linear-gradient(transparent 60%, #ff66ff 60%);
}
/* IE9 ハック*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .marker_pink_hoso {
        background: #ff66ff;
    }
}
/* margin-padding
----------------------------------------------------------*/
/*margin*/
.mt1 {
    margin-top: 1px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt25 {
    margin-top: 25px;
}
.mt30 {
    margin-top: 30px;
}
.mt31 {
    margin-top: 31px;
}
.mt40 {
    margin-top: 40px;
}
.mt42 {
    margin-top: 42px;
}
.mt43 {
    margin-top: 43px;
}
.mt45 {
    margin-top: 45px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mt70 {
    margin-top: 70px;
}
.mt80 {
    margin-top: 80px;
}
.mt100 {
    margin-top: 100px;
}
.mt120 {
    margin-top: 120px;
}
.mt130 {
    margin-top: 130px;
}
.mt140 {
    margin-top: 140px;
}
.mt170 {
    margin-top: 170px;
}
.mr0 {
    margin-right: 0px;
}
.mr5 {
    margin-right: 5px;
}
.mr6 {
    margin-right: 6px;
}
.mr7 {
    margin-right: 7px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr17 {
    margin-right: 17px;
}
.mr20 {
    margin-right: 20px;
}
.mr24 {
    margin-right: 24px;
}
.mr25 {
    margin-right: 25px;
}
.mr27 {
    margin-right: 27px;
}
.mr30 {
    margin-right: 30px;
}
.mr33 {
    margin-right: 33px;
}
.mr35 {
    margin-right: 35px;
}
.mr40 {
    margin-right: 40px;
}
.mr47 {
    margin-right: 47px;
}
.mr50 {
    margin-right: 50px;
}
.mr100 {
    margin-right: 100px;
}
.mr120 {
    margin-right: 120px;
}
.mr200 {
    margin-right: 200px;
}
.ml0 {
    margin-left: 0px !important;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml25 {
    margin-left: 25px;
}
.ml30 {
    margin-left: 30px;
}
.ml35 {
    margin-left: 35px;
}
.ml40 {
    margin-left: 40px;
}
.ml50 {
    margin-left: 50px;
}
.ml60 {
    margin-left: 60px;
}
.ml80 {
    margin-left: 80px;
}
.ml90 {
    margin-left: 90px;
}
.ml100 {
    margin-left: 100px;
}
.ml120 {
    margin-left: 120px;
}
.ml150 {
    margin-left: 150px;
}
.ml160 {
    margin-left: 160px;
}
.ml200 {
    margin-left: 200px;
}
.ml210 {
    margin-left: 210px;
}
.ml220 {
    margin-left: 220px;
}
.ml230 {
    margin-left: 230px;
}
.ml240 {
    margin-left: 240px;
}
.ml260 {
    margin-left: 260px;
}
.ml300 {
    margin-left: 300px;
}
.ml400 {
    margin-left: 400px;
}
.ml500 {
    margin-left: 500px;
}
.mb0 {
    margin-bottom: 0px !important;
}
.mb5 {
    margin-bottom: 5px;
}
.mb8 {
    margin-bottom: 8px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb35 {
    margin-bottom: 35px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb18 {
    margin-bottom: 15px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb70 {
    margin-bottom: 70px;
}
.mb75 {
    margin-bottom: 75px;
}
.mb80 {
    margin-bottom: 80px;
}
.mb90 {
    margin-bottom: 90px;
}
.mb100 {
    margin-bottom: 100px;
}
.mb120 {
    margin-bottom: 120px;
}
.mb140 {
    margin-bottom: 140px;
}
/*ネガティブマージン*/
.mb-10 {
    margin-bottom: -10px;
}
.mb-20 {
    margin-bottom: -20px;
}
/*padding*/
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt20 {
    padding-top: 20px;
}
.pt25 {
    padding-top: 25px;
}
.pt30 {
    padding-top: 30px;
}
.pt35 {
    padding-top: 35px;
}
.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pt60 {
    padding-top: 60px;
}
.pt70 {
    padding-top: 70px;
}
.pt80 {
    padding-top: 80px;
}
.pt90 {
    padding-top: 90px;
}
.pt100 {
    padding-top: 100px;
}
.pr0 {
    padding-right: 0px;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr25 {
    padding-right: 25px;
}
.pr30 {
    padding-right: 30px;
}
.pl0 {
    padding-left: 0px;
}
.pl3 {
    padding-left: 3px;
}
.pl0 {
    padding-left: 0px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pl50 {
    padding-left: 50px;
}
.pl65 {
    padding-left: 65px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb50 {
    padding-bottom: 50px;
}
.pb60 {
    padding-bottom: 60px;
}
.pb90 {
    padding-bottom: 90px;
}
/*padding 左右*/
.pd10 {
    padding: 0 10px;
}
.pd20 {
    padding: 0 20px;
}
.pd30 {
    padding: 0 30px;
}
/* mawarikomi
----------------------------------------------------------*/
.mawarikomi_l .image {
    float: left;
    margin-right: 10px;
}
.mawarikomi_l .text {
    overflow: hidden;
    zoom: 1;
}
.mawarikomi_r .image {
    float: right;
    margin-left: 10px;
}
.mawarikomi_r .text {
    overflow: hidden;
    zoom: 1;
}
/*-------------------------------------------------------------------------------------------------*/
/* アンカーリンク位置調整*/
/*-------------------------------------------------------------------------------------------------*/
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
#link-01, #link-02, #link-03 {
    padding-top: 100px;
    margin-top: -100px;
}
/* PC　スマホ　タブレット　全て共通 end 　++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 600px) {
    #link-01, #link-02, #link-03 {
        padding-top: 80px;
        margin-top: -80px;
    }
}
/*-------------------------------------------------------------------------------------------------*/
/* ヘッダー＆グロナビ*/
/*-------------------------------------------------------------------------------------------------*/
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
/*ヘッダー*/
#top-head {
    width: 100%;
    height: 95px;
    margin: 20px auto 0;
    line-height: 1;
    z-index: 999;
    clear: both;
    overflow: hidden;
    /*display: none;*/ /*最初の表示では固定ヘッダー非表示 202221223最初から表示させることになったのでコメントアウトした　またやるときはHTMLもいじること*/
}
#top-head a {
    color: #423736;
    text-decoration: none;
}
#top-head .head-box {
    float: right;
}
#top-head .logo {
    float: left;
    margin-top: 10px;
}
#top-head .phone {
    font-size: 45px;
    margin: 0 10px 0 0;
    float: left;
}
#top-head .phone img {
    /*margin-top: 28px;*/
    display: inline;
}
#top-head .phone span.business-hours {
    display: block;
    font-size: 0.4em;
    line-height: 0.5;
}
#top-head .header-btn-linkPC {
    float: right;
}
#top-head .header-btn-linkPC .headerbtn1 {
    float: right;
    background-color: #423736;
    border-bottom: solid 5px #272020;
    border-radius: 10px;
    padding: 12px 30px 5px;
}
#top-head .header-btn-linkPC a:hover .headerbtn1 {
    background-color: #8F8483;
    border-bottom: solid 5px #423736;
}
#top-head .header-btn-linkPC a:active .headerbtn1 {
    transform: translateY(4px); /*下に動く*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
    border-bottom: none;
}
#top-head .header-btn-linkPC .btn-midashi {
    color: #fff;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0;
    text-align: center;
    font-size: 1.35rem;
    line-height: 0.7px;
    padding: 2px 0 5px;
}
#top-head .header-btn-linkPC .btn-midashi i {
    margin-left: 10px;
}
#top-head .header-btn-linkPC .btn-midashi span.head-cv-text-small {
    display: block;
    font-weight: normal;
    font-size: 80%;
    padding-bottom: 1px;
}
#top-head .header-btn-linkPC .btn-midashi span.head-pc-company i {
    margin-bottom: 18px;
    font-size: 140%;
}
#top-head .header-btn-linkPC .btn-midashi span.head-pc-company {
    display: block;
    font-weight: normal;
    font-size: 80%;
}
.inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
/*ヘッダーナビ*/
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    font-size: 14px;
}
#global-nav ul li {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #423736;
}
#global-nav ul li.last {
    border-right: 1px solid #423736;
}
#global-nav ul li a {
    padding: 5px 5px;
    position: relative;
    display: inline-block;
}
#global-nav ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    background-color: #78bbe6; /* PC時のhover下線の色 */
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#global-nav ul li a:hover::after {
    transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
}
/*ヘッダー　ついてくるヘッダー fixedがつくのはついてくる方*/
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 20px;
    background: #fff;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
    display: block;
    z-index: 99999;
}
#top-head.fixed #global-nav ul li {
    border-left: 1px solid #fff;
}
#top-head.fixed #global-nav ul li.last {
    border-right: 1px solid #fff;
}
#top-head.fixed #global-nav ul li a {
    color: #fff;
}
#top-head.fixed #global-nav ul li a:hover {
    color: #fff;
}
#top-head.fixed #global-nav ul li a::after {
    transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    background-color: #fff; /* PC時のhover下線の色 */
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#top-head.fixed #global-nav ul li a:hover::after {
    transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
}
#top-head.fixed .phone a {
    color: #fff;
}
/*ナビトグルボタン*/
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
/* PC　スマホ　タブレット　全て共通 end 　++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 999px) {
    .inner {
        width: 100%;
        padding: 0;
    }
    /*ヘッダー*/
    #top-head {
        width: 100%;
        height: 95px;
        margin: 20px auto 0;
        line-height: 1;
        z-index: 999;
        clear: both;
        overflow: hidden;
        display: block;
    }
    #top-head a {
        color: #fff;
    }
    #top-head .head-box {
        float: right;
        margin: 10px 60px 0 0;
    }
    #top-head .mini-logo {
        margin: 20px 0 0 10px;
        display: inline;
    }
    #top-head .mini-logo img {
        width: 11rem;
        height: auto;
        padding-top: 1rem;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
        height: auto;
        overflow: visible;
    }
    #top-head .phone {
        font-size: 2rem;
        /*margin: 13px 10px 0 0;*/
        float: left;
    }
    #top-head .phone img {
        /*margin-top: 15px;*/
    }
    #top-head .phone span.business-hours {
        font-size: 1rem;
    }
    #top-head .header-btn-linkPC .btn-midashi {
        font-size: 1.15rem;
    }
    #top-head .header-btn-linkPC .btn-midashi span.head-pc-company i {
        margin-bottom: 17px;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding: 0;
    }
    #mobile-head {
        background: #fff;
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 90px; /*必須*/
        z-index: 999;
        position: relative;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -476px;
        background: #75615F;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
        padding: 1px 0;
        color: #fff;
        text-align: left;
        border: none;
    }
    #top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
        border-bottom: 1px dashed #fff;
        text-align: center;
    }
    #top-head.fixed #global-nav ul li {
        border: none;
    }
    #nav-toggle {
        display: block;
        right: 10px;
        top: 28px;
    }
    #nav-toggle span {
        display: block;
        position: absolute;
        height: 4px;
        width: 80%;
        background: #423736;
        left: 0;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }
    #nav-toggle span:nth-child(1) {
        top: 0;
    }
    #nav-toggle span:nth-child(2) {
        top: 10px;
    }
    #nav-toggle span:nth-child(3) {
        top: 20px;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        transform: translateY(556px);
        -ms-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        -moz-transform: translateY(556px);
    }
    #global-nav ul li a::after {
        background-color: #fff; /* スマホタブレット時のhover下線の色 */
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    .head-inner {
        display: none;
    }
    #top-head .head-box {
        display: none;
    }
    #top-head, .inner {
        width: 100%;
        height: 50px;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        min-height: 60px; /*必須*/
        height: auto; /*必須*/
        background: #fff;
        padding: 0 0 3px;
    }
    #top-head .mini-logo {
        margin: 20px 0 0 5px;
        display: inline;
    }
    #top-head .mini-logo img {
        width: 7.5rem;
        height: auto;
        padding-top: 0.8rem;
    }
    #top-head .sp-head-botan {
        float: right;
        margin: 5px 45px 0 0;
    }
    #top-head .phone-sp {
        background-color: #c26b63;
        border-bottom: solid 5px #79352F;
        padding: 0 3px 3px;
        border-radius: 5px;
        font-size: 21px;
        text-align: center;
        float: left;
        margin-right: 5px;
    }
    #top-head .phone-sp i {
        color: #fff;
        text-shadow: #a5580f 0 0 2px;
        font-size: 75%;
        padding: 0 5px;
    }
    #top-head .phone-sp .navi-i {
        float: left;
        text-shadow: #a5580f 0 0 2px;
    }
    #top-head .phone-sp .navi-moji1 {
        font-size: 13px;
        line-height: 1.2;
        text-shadow: #a5580f 0 0 2px;
        float: left;
        margin: 9px 0 0 0;
        letter-spacing: 0;
        color: #fff;
    }
    #top-head .phone-sp .navi-moji2 {
        font-size: 10px;
        line-height: 1.2;
        text-shadow: #a5580f 0 0 2px;
    }
    #top-head .mail-sp {
        background-color: #423736;
        border-bottom: solid 2px #2B2423;
        padding: 0 3px 3px;
        border-radius: 5px;
        font-size: 20px;
        text-align: center;
        float: left;
        margin-right: 5px;
    }
    #top-head .mail-sp i {
        color: #fff;
        text-shadow: #0078a2 0 0 2px;
        font-size: 75%;
        padding: 0 5px;
    }
    #top-head .mail-sp .navi-i {
        float: left;
        text-shadow: #0078a2 0 0 2px;
    }
    #top-head .mail-sp .navi-moji1 {
        font-size: 13px;
        line-height: 1.2;
        text-shadow: #0078a2 0 0 2px;
        float: left;
        margin: 9px 0 0 0;
        letter-spacing: 0;
    }
    #top-head .mail-sp .navi-moji2 {
        font-size: 10px;
        line-height: 1.2;
        text-shadow: #0078a2 0 0 2px;
        letter-spacing: 0;
    }
    #top-head .navi-i2 {
        text-align: center;
        font-size: 10px;
        display: block;
        line-height: 0.6;
        text-shadow: #4686af 0 0 2px;
    }
    #nav-toggle {
        right: 5px;
        top: 20px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -503px;
        background: #75615F;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
        padding: 1px 0;
        text-align: left;
    }
    #top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        background: #423736;
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        transform: translateY(556px);
        -ms-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        -moz-transform: translateY(556px);
    }
    /* スマホヘッダー */
    * html #header {
        zoom: 100%;
    }
    *:first-child + html #header {
        display: inline-block;
    }
    #header:after {
        content: ".";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }
    #header h1 {
        width: 50%;
        margin: 0 auto;
        text-align: center;
        padding: 3% 0 0 0;
    }
    #header h1 img {
        width: 100%;
        height: auto;
    }
    #header ul {
        border-top: solid 1px #d5d5d5;
    }
    * html #header ul {
        zoom: 100%;
    }
    *:first-child + html #header ul {
        display: inline-block;
    }
    #header ul:after {
        content: ".";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }
    #header ul li {
        width: 50%;
        float: left;
    }
    #header ul li img {
        width: 100%;
        float: left;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 373px) {
    #top-head .mini-logo {
        margin: 20px 0 0 5px;
        display: inline;
    }
    #top-head .mini-logo img {
        width: 3rem;
        height: auto;
        padding-top: 0.8rem;
    }
}
/*-------------------------------------------------------------------------------------------------*/
/* メインイメージ */
/*-------------------------------------------------------------------------------------------------*/
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
#mainimage-sp {
    display: none;
}
.mainimage-pc-bg {
    /*background: url(../img/main-pc-bg.png);*/
	/*background: url(../img/main_yellow_pc_bg.jpg);*/
	background: url(../img/main_blue_pc_bg.jpg)#d4f6ff;
    background-repeat: no-repeat;
    background-position: center;
}
.mainimage-pc-clip-bg {
    /*background: url(../img/main-pc-bg.png);*/
	background: url(../img/main_yellow_pc-clip-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.gloup1-text1 {
/*    background-image: url(../img/gloup1-text1-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;*/
}


.main-height {
    position: relative;
    overflow: hidden;
    /*height: 439px;*/
	height: 405px;
}
#mainimage-pc {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}
#mainimage-pc img {
    position: absolute;
    margin: 0;
    /*margin: -90px 0 0;*/
    z-index: 80;
    bottom: 0;
}
/* PC　スマホ　タブレット　全て共通 end 　+++++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 999px) {
    .mainimage-pc-bg,.mainimage-pc-clip-bg {
        background-position: bottom;
        /*background-size: 150%;*/
    }
	.top-height{
        margin-top: 3.7em;
	}
    .main-height {
        /*height: 40vw;TOP帯あり*/
       /* height: 56vw; 海外投資のJTG証券のTOP帯つけるまえはこっち*/
		height: 53vw;
    }
    #mainimage-pc {
        width: 100%;
        /*padding: 30px 0 0 30px;*/
    }
    #mainimage-pc img {
        width: 100%;
        height: auto;
        margin: 0;
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    .mainimage-pc-bg,.mainimage-pc-clip-bg {
        background: none;
    }
    #mainimage-sp {
        display: block;
    }
	.top-height{
        margin-top: 3em;
	}
    .main-height {
        height: auto;
        margin-top: 4vw;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　オリジナルstart　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 550px) {
    .main-height {
        margin-top: 6vw;
    }
}
@media only screen and (max-width: 440px) {
	.top-height{
        margin-top: 3em;
	}
    .main-height {
        margin-top: 7vw;
    }
}

/* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/*-------------------------------------------------------------------------------------------------*/
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
.no-border {
    border: none !important;
}
.no-background {
    background: none !important;
}
.border-t {
    border-top: 1px solid #ccc;
}
.border-b {
    border-bottom: 1px solid #ccc;
}
.border-dot {
    border-top: 1px dashed #75615F;
    padding: 10px 0 0;
}
.bg-white {
    background: #fff;
}
.bg-yellow {
    background: #fef8e9;
}
.bg-mizuiro {
    background: #d2effd;
}
.bg-greige {
    background: #e7e0d8;
}
.bg-grid-paper {
    background-image: url("../img/bg-grid-paper.jpg");
    background-size: 10px 10px;
    background-position: center;
    padding: 70px 0 50px;
    position: relative;
    z-index: 100;
}
.border-top {
    border-top: 1px solid #ccc;
    padding-top: 40px;
}

.top-midashi-img {
    background: #433d41;
    text-align: center;
}
.main-midashi-img {
    background: #75615F;
    text-align: center;
    margin: 0;
}
.main-midashi1-img {
    background: #908b87;
    text-align: center;
    margin: 0;
}


/* PC　スマホ　タブレット　全て共通 end 　++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 999px) {
    .border-top {
        border-top: 1px solid #ccc;
        padding-top: 50px;
    }
    .bg-grid-paper {
        padding: 60px 10px 30px;
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    .border-top {
        border-top: 1px solid #ccc;
        padding-top: 30px;
    }
    .bg-grid-paper {
        padding: 40px 10px;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/*-------------------------------------------------------------------------------------------------*/
/* CVエリア */
/*-------------------------------------------------------------------------------------------------*/
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
.cv-bg1 {
    background: url(../img/cv-bg1.jpg) 50% no-repeat #f1f7fd;
    height: 554px;
}
.cv-bg2 {
    background: url(../img/cv-bg2.jpg) 50% no-repeat #f1f7fd;
    height: 552px;
}
.guideArea .guideArea-midashi {
    padding-bottom: 15px;
    text-align: center;
}
.guideArea .inner-box {
    width: 100%;
    padding: 30px 0;
}
.guideArea .left-area {
    float: left;
}
.guideArea .tel-midashi {
    margin: 15px 0 15px;
    color: #423736;
    letter-spacing: 0.1rem;
    line-height: 1.2em;
}
.guideArea .tel-midashi .letter-space-mini {
    letter-spacing: -1px;
}
.guideArea .tel-number {
    padding: 0 0 0 70px;
    background: url(../img/free-dial-navy.png) 0 70% no-repeat;
    background-size: 12%;
    margin: 0 auto;
    height: 90px;
}
.guideArea .right-area {
    float: right;
    width: 52%;
    padding: 0 25px 0 0;
}
.guideArea .guideArea-text {}
.guideArea .btn-mailPC {
    padding: 15px 0 10px;
    border-radius: 10px;
    background: linear-gradient(125deg, #E1B8A0 37%, #DB8A5A 37%);
    border-bottom: solid 5px #75615F;
    margin: 0 auto;
    text-align: center;
}
/* IE9 ハック*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .guideArea .btn-mailPC {
        background: #0593c5;
    }
}
.guideArea a:hover .btn-mailPC {
   background: linear-gradient(125deg, #E1B8A0 37%, #DB8A5A 37%);
    border-bottom: solid 5px #cb9502;
}
/* IE9 ハック*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .guideArea a:hover .btn-mailPC {
        background: #1c9fcd;
    }
}
.guideArea a:active .btn-mailPC {
    transform: translateY(4px); /*下に動く*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
    border-bottom: none;
}
.guideArea .btn-mailPC .mail-midashi {
    color: #423736;
    font-weight: bold;
    /*text-shadow: 0 1px 2px #333;*/
    padding: 5px 0 0;
    margin: 0;
    letter-spacing: 1.5px;
}
.guideArea .btn-mailPC .mail-midashi i {
    margin-right: 5px;
}
.guideArea .btn-mailPC .mail-midashi img {
    width: 5%;
    height: auto;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.guideArea .btn-mailPC .mail-text {
    color: #423736;
    font-weight: bold;
    margin: 0;
}
.guideArea .btn-mailPC .mail-text .letter-space-mini {
    letter-spacing: -1px;
}
/* IE9 ハック*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .guideArea .btn-mailSP {
        background: #0593c5;
    }
}
/* IE9 ハック*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .guideArea a:hover .btn-mailSP {
        background: #1c9fcd;
    }
}
/* PC　スマホ　タブレット　全て共通 end 　+++++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 999px) {
    .cv-bg1 {
        background: url(../img/cv-bg1.jpg) 50% no-repeat #f1f7fd;
        background-size: 150%;
        height: auto;
    }
    .cv-bg2 {
        background: url(../img/cv-bg2.jpg) 50% no-repeat #f1f7fd;
        background-size: 150%;
        height: auto;
    }
    .guideArea .inner-box {
        padding: 40px 0;
    }
    .guideArea .btn-mailPC .btn-mail-img img {
        width: 24%;
    }
    .guideArea .tel-midashi {
        font-size: 2.3rem;
    }
    .guideArea .tel-number {
        padding: 0 0 0 60px;
        background: url(../img/free-dial-navy.png) 0 70% no-repeat;
        background-size: 12%;
        height: 70px;
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/*タブレット　オリジナル　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1200px) {
    /*ページトップ*/
    #topcontrol img {
        display: none; /*フローティングバナー出すときこれ非表示*/
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    .cv-bg1 {
        display: none;
    }
    .cv-bg2 {
        display: none;
    }
    .guideArea_wrapper {
        width: 100%;
        background: #fff;
        padding-bottom: 30px;
    }
    .guideAreaSP .guideArea-midashi {
        padding: 15px 10px 5px;
        text-align: center;
        font-size: 6vw;
        line-height: 1.2;
        font-weight: bold;
    }
    .guideAreaSP .guideArea-midashi .letter-space-mini {
        letter-spacing: -1px;
    }
    .guideAreaSP .btn-telSP {
        margin: 0 10px 15px 10px;
        padding: 5px 10px;
        text-align: center;
        border-radius: 10px;
        line-height: 1.2;
        background-color: #f99f48;
        border-bottom: solid 5px #e6882e;
    }
    .guideAreaSP a:hover .btn-telSP {
        background-color: #e6882e;
        border-bottom: solid 5px #dd7a1a;
    }
    .guideAreaSP a:active .btn-telSP {
        transform: translateY(4px); /*下に動く*/
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
        border-bottom: none;
    }
    .guideAreaSP .btn-telSP .tel-midashi {
        color: #fff;
        /*text-shadow: 0 1px 2px #333;*/
        padding: 10px 0 8px;
        margin: 0;
        letter-spacing: 1px;
        font-size: 7vw;
        line-height: 1.2;
        font-weight: bold;
    }
    /* IE9 IE10ハック*/ :root .guideAreaSP .btn-telSP .tel-midashi {
        font-size: 6vw \0/;
    }
    .guideAreaSP .btn-telSP .tel-attention {
        border-radius: 20px;
        background: #fff;
        padding: 5px 5px 3px;
        letter-spacing: 1px;
        vertical-align: middle;
        font-size: 0.8rem;
        line-height: 1;
        font-weight: bold;
    }
    .guideAreaSP .btn-telSP .tel-number {
        width: 100%;
        color: #fff;
        /*text-shadow: 0 1px 2px #333;*/
        padding: 8px 0 0;
        font-size: 7vw;
        line-height: 1.2;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .guideAreaSP .btn-telSP .tel-number img.icon_24h {
        width: 10%;
        height: auto;
        vertical-align: middle;
        padding: 0 3px 5px 0;
    }
    .guideAreaSP .line-midashi {
        font-size: 3.9vw;
        padding: 8px 0 5px;
        margin: 0 10px;
        letter-spacing: -0.1px;
        text-align: center;
        font-weight: 800;
        border-top: 1px solid #dfdfdf;
        background: #fff;
    }
    .guideAreaSP .line-midashi .letter-space-mini {
        letter-spacing: -1px;
    }
    .guideAreaSP .btn-mailSP {
        padding: 15px 0 10px;
        border-radius: 10px;
        background: #0593c5; /* グラデでないとき*/
        background: linear-gradient(125deg, #4fb4d6 37%, #0593c5 37%);
        border-bottom: solid 5px #0078a2;
        margin: 0 10px;
        text-align: center;
    }
    .guideAreaSP a:hover .btn-mailSP {
        background: #0593c5; /* グラデでないとき*/
        background: linear-gradient(125deg, #55b6d8 37%, #1c9fcd 37%);
        border-bottom: solid 5px #00678b;
    }
    .guideAreaSP a:active .btn-mailSP {
        transform: translateY(4px); /*下に動く*/
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
        border-bottom: none;
    }
    .guideAreaSP .btn-mailSP .mail-midashi {
        color: #fff;
        font-weight: bold;
        /*text-shadow: 0 1px 2px #333;*/
        padding: 5px 0 0;
        margin: 0;
        letter-spacing: 1px;
        font-size: 6.7vw;
    }
    .guideAreaSP .btn-mailSP .mail-midashi i {
        margin-right: 5px;
    }
    .guideAreaSP .btn-mailSP .mail-midashi img {
        width: 5%;
        height: auto;
        margin: 0 5px 0 0;
        vertical-align: middle;
    }
    .guideAreaSP .btn-mailSP .mail-text {
        color: #fff;
        /*text-shadow: 0 1px 2px #333;*/
        margin: 5px;
        font-size: 1em;
        letter-spacing: -0.08px;
    }
    .guideAreaSP .btn-mailSP .mail-text .letter-space-mini {
        letter-spacing: -1px;
    }
}
/* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    .line-btn {
        width: 60%;
        margin: 0 auto;
    }
    /*ページトップ*/
    #topcontrol img {
        width: 45% !important;
        height: auto !important;
        float: right;
        display: none; /*フローティングバナー出すときこれ非表示*/
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/*イベント++++++++++++++++++++++++++++++++++++++++++++++ */
/*メインビジュアル下　イベント時*/
.wrapper-event-area {
    border: double 10px #75615F;
    padding: 10px 10px;
	margin-bottom: 20px;
}
.wrapper-event-box {
    width: 49%;
}
.event-box {
    display: inline-block;
    text-decoration: none;
    position: relative;
    /*border-bottom: 1px dashed #b5b5b5;*/
	padding-bottom: 10px;
}
.event-box__img {
    text-align: center;
}
.event-box__body {
    padding: 0.4em;
}
.event-box__title {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 0.4em 0;
    line-height: 1.2;
	color: #75615F;
}
.event-box__excerpt {
    font-size: 0.95em;
    color: #757575;
    margin: 0;
    text-align: left;
}
.event-box-btn {
    display: inline-block;
    padding: .6em 2.5em .6em 2em;
    margin: 20% 0 1em;
    background: #fff;
    border: 2px solid #75615F;
    border-radius: 32px;
    color: #75615F;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.event-box-btn::after {
    position: absolute;
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 50%;
    right: .4em;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}
.event-box-btn:hover {
    background: #75615F;
    color: #fff;
}
.event-box--horizon {
    display: flex;
}
.event-box__img--horizon {
    width: 150px;
    padding: 0.4em;
}
.event-box__body--horizon {
    /*width: calc(100% - 340px);*/
    padding: 0.4em 0.4em 0.6em;
}
.event-box--shadow {
    box-shadow: 0 0 5px 0 rgba(#000, 0.16);
}
.bg-blue-icon {
    background: #d2effd;
    padding: 3px;
    color: #75615F;
}
.bg-blue2-icon {
    background:#75615F;
    padding: 3px;
    color: #FFFFFF;
}
.icon-l {
    margin-right: 10px;
}
/*//キャンペーン*/
@media only screen and (max-width: 767px) {
    /*キャンペーン*/
    .event-title {
        margin-bottom: 0;
        background: #d2effd;
        padding: 5px 0;
    }
    .event-box {
        border-bottom: none;
    }
    .event-box--horizon {
        display: block;
        margin: 0 0 10px;
    }
    .event-box-btn {
        display: block;
        text-align: center;
        margin: 0 0 1em;
        padding: .3em 2.5em .3em 2em;
    }
    .event-box__img--horizon {
        width: auto;
    }
    .event-box__body--horizon {
        width: auto;
    }
    .calm2 img {
        width: 100%;
        height: auto;
    }
    .bg-blue-icon, .bg-blue2-icon {
        display: block;
        text-align: center;
    }
    .icon-l {
        margin-right: 0;
        margin-bottom: 5px;
    }
    /*//キャンペーン*/
}
/*イベント++++++++++++++++++++++++++++++++++++++++++++++ */
/*エイチ・エス証券が「だから選ばれる」理由1++++++++++++++++++++++++++++++++++++++++++++++ */
.gloup1-yohaku1 {
    margin-bottom: 40px;
}
.gloup1-yohaku2 {
    margin-bottom: 30px;
}
.gloup1-yohaku3 {
    margin-bottom: 50px;
}
/*債券紹介*/
.banner-l {
    float: left;
}
.banner-r {
    float: right;
}
.ankar-link1 {
    position: relative;
}
.banner-point {
    position: absolute;
    bottom: -25px;
    right: 0;
    z-index: 100;
}
.text-link {
    display: inline-block;
    position: relative;
    text-decoration: underline;
    color: #75615F;
    font-size: 1.2em;
    float: right;
    margin: 20px 0 20px 50px;
}
.text-link::after {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    margin: 0 0.2em 0.1em;
    content: '';
    border-right: 0.14em solid #75615F;
    border-bottom: 0.14em solid #75615F;
    transform: rotate(-45deg);
}
.text-link:hover {
    opacity: 0.6;
}
/*//債券紹介*/
/*キャンペーン*/
/*.cam-title {
    margin-bottom: 20px;
}*/
.c-card {
    display: inline-block;
    text-decoration: none;
    position: relative;
    border-bottom: 1px dashed #b5b5b5;
}
.c-card .no-border {
    border: none;
}
.c-card__img {
    text-align: center;
}
.c-card__body {
    padding: 0.4em;
}
.c-card__title {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0.4em 0;
    line-height: 1.4;
}
.c-card__excerpt {
    font-size: 0.9em;
    color: #757575;
    margin: 0;
}
.c-card-btn {
    display: inline-block;
    padding: .6em 2.5em .6em 2em;
    margin: 20% 0 1em;
    background: #fff;
    border: 2px solid #75615F;
    border-radius: 32px;
    color: #75615F;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.c-card-btn::after {
    position: absolute;
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 50%;
    right: .4em;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}
.c-card-btn:hover {
    background: #75615F;
    color: #fff;
}
.c-card--horizon {
    display: flex;
}
.c-card__img--horizon {
    /*width: 150px; PCのみ画像非表示中
	padding: 0.4em;*/
}
.c-card__body--horizon {
    width: calc(100% - 200px);
    padding: 0.4em;
}
.c-card--shadow {
    box-shadow: 0 0 5px 0 rgba(#000, 0.16);
}
/*//キャンペーン*/
@media only screen and (max-width: 999px) {
    .gloup1-yohaku1 {
        margin-bottom: 30px;
    }
    .gloup1-yohaku2 {
        margin-bottom: 30px;
    }
    .gloup1-yohaku2 {
        margin-bottom: 30px;
    }
    /*債券紹介*/
    .banner-l {
        width: 48%;
        margin-bottom: 20px;
    }
    .banner-r {
        width: 48%;
    }
    .banner-l img {
        width: 100%;
        height: auto;
    }
    .banner-r img {
        width: 100%;
        height: auto;
    }
    .banner-point img {
        width: 80%;
    }
    /*//債券紹介*/
}
@media only screen and (max-width: 767px) {
    .gloup1-yohaku1 {
        margin-bottom: 20px;
    }
    .gloup1-yohaku2 {
        margin-bottom: 10px;
    }
    .gloup1-yohaku3 {
        margin-bottom: 0;
    }
    /*債券紹介*/
    .banner-l {
        float: none;
        width: 100%;
    }
    .banner-r {
        float: none;
        width: 100%;
    }
    .banner-point {
        display: none;
    }
    .text-link {
        font-size: 1.2em;
        text-align: right;
        float: none;
        margin: 10px 0;
        display: block;
    }
    /*//債券紹介*/
    /*キャンペーン*/
    .cam-title {
        margin-bottom: 0;
        background: #d2effd;
        padding: 20px 5px 10px;
    }
    .c-card {
        border-bottom: none;
        background: #d2effd;
    }
    .c-card--horizon {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
    }
    .c-card-btn {
        display: block;
        text-align: center;
        margin: 0 1em 1em;
        padding: .3em 2.5em .3em 2em;
    }
    .c-card__img--horizon {
        width: auto;
    }
    .c-card__body--horizon {
        width: auto;
    }
    /*//キャンペーン*/
}
/*//エイチ・エス証券が「だから選ばれる」理由1++++++++++++++++++++++++++++++++++++++++++++++ */
/*-----------------------------------------------------------------------------------------------*/
/*エイチ・エス証券が「だから選ばれる」理由2++++++++++++++++++++++++++++++++++++++++++++++ */
.gloup2-yohaku1 {
    padding: 20px 0;
}
.gloup2-yohaku2 {
    margin: 40px 0 20px;
}
.gloup2-yohaku3 {
    padding: 50px 0;
    margin: 40px 0 0;
}
.gloup2-yohaku4 {
    padding: 10px 0 10px;
}
.gloup2-yohaku5 {
    padding: 20px 0;
    /*margin-top: 40px;*/
}
/*IPO btn*/
.i-card-btn {
    display: inline-block;
    padding: .3em 1.9em;
    margin: 20% 0 1em;
    background: #fff;
    border: 2px solid #75615F;
    border-radius: 32px;
    color: #75615F;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.i-card-btn::after {
    position: absolute;
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 50%;
    right: .4em;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}
.i-card-btn:hover {
    background: #75615F;
    color: #fff;
}
@media only screen and (max-width: 999px) {
    .gloup2-yohaku1 {
        padding: 20px;
		background: #fff;
		margin: 10px 0;
    }
    .gloup2-yohaku2 {
        margin: 20px 0 0;
    }
    .gloup2-yohaku3 {
        padding: 20px 0;
        margin: 40px 0 0;
    }

    .gloup2-yohaku5 {
        padding: 10px 0 0;
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    .gloup2-yohaku3 {
        padding: 20px 0;
        margin: 10px 0;
    }
	.gloup2-yohaku4 {
    　padding: 40px 0 20px;
	}
    /*IPO btn*/
    .i-card-btn {
        display: block;
        text-align: center;
        margin: 0.5em 4em 1em;
        padding: .3em 2.5em .3em 2em;
    }
}
/*//エイチ・エス証券が「だから選ばれる」理由2++++++++++++++++++++++++++++++++++++++++++++++ */
/*-----------------------------------------------------------------------------------------------*/
/*エイチ・エス証券が「だから選ばれる」理由3++++++++++++++++++++++++++++++++++++++++++++++ */
.gloup3-yohaku1 {
    padding: 50px 0;
    margin: 40px 0 0;
}
.gloup3-yohaku2 {
    margin-bottom: 50px;
}
.gloup3-yohaku3 {
    padding: 20px 0 10px !important;
}
/*cvbtn*/
.f-inner-box {
    padding: 50px 0;
    text-align: left;
    margin: 0 10px;
}
.f-left-area {
    float: left;
}
.f-right-area {
    float: right;
}
.f-tel-number {
    padding: 0 0 0 70px;
    background: url(../img/free-dial-navy.png) 0 70% no-repeat;
    background-size: 12%;
    margin: 0 auto;
    height: 90px;
}
.f-card {
    display: inline-block;
    text-decoration: none;
    position: relative;
    border-bottom: 1px dashed #b5b5b5;
}
.f-card__img {
    text-align: center;
}
.f-card__body {
    padding: 0.4em;
}
.f-card__title {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0.4em 0;
    line-height: 1.4;
}
.f-card__excerpt {
    font-size: 0.95em;
    color: #757575;
    margin: 0;
}
.f-card-btn {
    display: inline-block;
    padding: 0.8em 6.3em 0.8em 6.3em;
    margin: 5% 0 1em;
    background: #fff;
    border: 2px solid #75615F;
    border-radius: 32px;
    color: #75615F;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}
.f-card-btn::after {
    position: absolute;
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 50%;
    right: .4em;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}
.f-card-btn:hover {
    background: #75615F;
    color: #fff;
}
.f-card--horizon {
    display: flex;
}
.f-card__img--horizon {
    width: 150px;
    padding: 0.4em;
}
.f-card__body--horizon {
    width: calc(100% - 340px);
    padding: 0.4em;
}
.f-card--shadow {
    box-shadow: 0 0 5px 0 rgba(#000, 0.16);
}
/*//キャンペーン*/
@media only screen and (max-width: 999px) {
    .gloup3-yohaku1 {
        padding: 20px 0.8em;
        margin: 40px 0 0;
    }
    .gloup3-yohaku2 {
        margin-bottom: 30px;
    }
    .f-card-btn {
        padding: 0.8em 4em 0.8em 4em;
        margin: 5% 0 1em;
        font-size: 18px;
    }
    .f-tel-number {
        padding: 0 0 0 50px;
        background: url(../img/free-dial-navy.png) 0 65% no-repeat;
        background-size: 12%;
        margin: 0 auto;
        height: 70px;
    }
}
@media only screen and (max-width: 767px) {
    .gloup3-yohaku1 {
        padding: 20px 0;
        margin: 0;
    }
    .gloup3-yohaku2 {
        margin: 0;
        padding: 30px 0;
    }
    /*キャンペーン*/
    .f-card {
        border-bottom: none;
        background: #d2effd;
    }
    .f-card--horizon {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
    }
    .f-card-btn {
        display: block;
        text-align: center;
        margin: 0 0 1em;
        padding: .3em 2.5em .3em 2em;
    }
    /*//キャンペーン*/
}
/*//エイチ・エス証券が「だから選ばれる」理由3++++++++++++++++++++++++++++++++++++++++++++++ */
/*-------------------------------------------------------------------------------------------------*/
/* tableデザイン1*/
/*-------------------------------------------------------------------------------------------------*/
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
table.table-design1 {
    width: 100%;
    border-collapse: collapse;
    border: 0px;
    border-top: solid 1px #75615F;
    border-left: solid 1px #75615F;
}
table.table-design1 th {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background: #75615F;
    border-bottom: solid 1px #75615F;
    border-right: solid 1px #fff;
    padding: 20px;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.3;
}
table.table-design1 th:nth-child(2) {
    width: 28%;
}
table.table-design1 th:nth-child(3) {
    width: 28%;
    border-right: solid 1px #75615F;
}
table.table-design1 td {
    font-weight: normal;
    font-size: 110%;
    vertical-align: middle;
    border-bottom: solid 1px #75615F;
    border-right: solid 1px #75615F;
    padding: 20px;
    line-height: 1.6;
    background: #fff;
    margin: 0;
    text-align: right;
}
table.table-design1.position-icon-point {
    position: relative;
}
table.table-design1 td span.position-icon {
    position: absolute;
    z-index: 100;
    left: 47%;
    top: 115px;
}
table.table-design1 td:first-child {
    background: #fff;
    font-weight: bold;
}
table.table-design1 .point-font {
    font-size: 1.5em;
    color: #75615F;
    font-weight: bold;
}
/* PC　スマホ　タブレット　全て共通 end 　+++++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 999px) {
    table.table-design1 th {
        padding: 20px;
    }
    table.table-design1 td span.position-icon {
        left: 47%;
        top: 120px;
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    table.table-design1 {
        width: 94%;
        border-top: none;
    }
    table.table-design1 .thead {
        display: none;
    }
    table.table-design1 tr {
        width: 100%;
    }
    table.table-design1 th {
        text-align: center;
        padding: 3%;
        width: auto;
    }
    table.table-design1 td {
        padding: 3%;
        display: block;
        text-align: right;
        width: 100%;
    }
    table.table-design1 td:first-child {
        background: #75615F;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    table.table-design1 td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 10px;
    }
    table.table-design1 td.after-year-sp {
        text-align: center;
    }
    table.table-design1 td:nth-child(2) {
        border-bottom: none;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/*-------------------------------------------------------------------------------------------------*/
/* tableデザイン2*/
/*-------------------------------------------------------------------------------------------------*/
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
table.table-design2 {
    width: 100%;
    border-collapse: collapse;
    border: 0px;
    border-top: solid 1px #75615F;
    border-left: solid 1px #75615F;
}
table.table-design2 th {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background: #75615F;
    border-bottom: solid 1px #75615F;
    border-right: solid 1px #fff;
    padding: 20px;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.3;
}
table.table-design2 th:nth-child(1) {
    width: 33%;
}
table.table-design2 th:nth-child(2) {
    width: 26%;
}
table.table-design2 th:nth-child(3) {
    width: 20%;
}
table.table-design2 th:nth-child(4) {
    border-right: solid 1px #75615F;
    padding: 10px;
}
table.table-design2 td {
    font-weight: normal;
    font-size: 110%;
    vertical-align: middle;
    border-bottom: solid 1px #75615F;
    border-right: solid 1px #75615F;
    padding: 20px;
    line-height: 1.6;
    background: #fff;
    margin: 0;
    text-align: center;
}
table.table-design2.position-icon-point {
    position: relative;
}
table.table-design2 td span.position-icon {
    position: absolute;
    z-index: 100;
    left: 47%;
    top: 115px;
}
table.table-design2 td:first-child {
    background: #fff;
    font-weight: bold;
}
table.table-design2 td:nth-child(4) {
    padding: 0;
}
table.table-design2 .point-font {
    font-size: 1.5em;
    color: #CC0000;/*#75615F;*/
    font-weight: bold;
}
.ta1 {
    width: 100%;
    /*max-width: 1000px;
    min-width: 660px;*/
    margin: 0.2em auto;
    background-color: #FFFFFF;
}
.ta1 td, .ta1 th {
    /*white-space: nowrap;*/
    border-collapse: collapse;
    border-bottom: 1px solid #CCC;
    line-height: 1.4;
    vertical-align: middle;
}
.ta1{
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border:1px solid #ccc;
  border-spacing: 0;
  overflow:hidden;
    
}
.ta1 td {
    padding: 5px;
    text-align: center;
}
.ta1 td img {
        width: 25px;margin-right:2px;
    margin-top: 3px;
    }
.ta1 th {
    /*width: 180px;
	padding: 10px;*/
    text-align: center;
    background-color:#F4F1EE; /*背景色*/
     font-size: 12px;
}
.ta1 tr:first-child,.ta1 tr:last-child  {
height:5.1em;
    font-size:104%;
}
@media only screen and (max-width: 767px) {
   .ta1 tr:first-child,.ta1 tr:last-child  {
    height:3.1em;
    font-size:104%;
} 
}
.jiten {
    text-align: center;
    font-size: 80%;
    margin: -0.3em 0 1em 0;
    font-weight:normal;
}
.heading01 {
    font-weight: bold;
    position: relative;
    padding: 10px;
    background: #C26B63;
    color: #FFFFFF;
    margin: 0 auto 0;
    font-size: 1em;
}
@media screen and (max-width: 999px) {
	.heading01 {
		margin: 0 5px 0;
	}
}
.heading01:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color:#7D3731;
}
.heading01:after {
    content: " ";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent;
    border-top-color:#7D3731;
}
.heading02 {
    font-weight: bold;
    position: relative;
    padding: 10px;
    background: #75615F;
    color: #FFFFFF;
    margin: 1em auto 1em;
    font-size: 1em;
}
@media screen and (max-width: 999px) {
	.heading02 {
		margin: 1em 5px 1em;
	}
}
.heading02:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color:#413635;
}
.heading02:after {
    content: " ";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent;
    border-top-color: #413635;
}
.heading03 {
    font-weight: bold;
    position: relative;
    padding: 10px;
    background: #8C4D48;
    color: #FFFFFF;
    margin: 2em auto 1em;
    font-size: 1em;
}
.heading03:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color:#4C2A27;
}
.heading03:after {
    content: " ";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent;
    border-top-color:#4C2A27;
}
.heading04 {
    font-weight: bold;
    position: relative;
    padding: 10px;
    background: #8C726B;
    color: #FFFFFF;
    margin: 2em auto 1em;
    font-size: 1em;
}
.heading04:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color:#52433E;
}
.heading04:after {
    content: " ";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent;
    border-top-color:#52433E;
}
.heading05 {
    font-weight: bold;
    position: relative;
    padding: 10px;
    background: #8C726B;
    color: #FFFFFF;
    margin: 2em auto 1em;
    font-size: 1em;
}
.heading05:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color: #1D5A96;
}
.heading05:after {
    content: " ";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent;
    border-top-color: #1D5A96;
}
.btn_red {
    -moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
    box-shadow: inset 0px 1px 0px 0px #f5978e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
    background: -moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f', GradientType=0);
    background-color: #f24537;
    border: 1px solid #d02718;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
   /* float: right;*/
}
.btn_red:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
    background: -moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background: -webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background: -o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background: -ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background: linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537', GradientType=0);
    background-color: #c62d1f;
}
.btn_red:active {
    position: relative;
    top: 1px;
}

.btn_01 {
    -moz-box-shadow: inset 0px 1px 0px 0px #423736;
    -webkit-box-shadow: inset 0px 1px 0px 0px #423736;
    box-shadow: inset 0px 1px 0px 0px #423736;
    background-color: #423736;
    border: 1px solid #C26B63;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
   /* float: right;*/
}
.btn_01:hover {
    background-color: #C26B63;
}
.btn_01:active,.btn_02:active,.btn_03:active,.btn_04:active,.btn_05:active {
    position: relative;
    top: 1px;
}
.btn_02 {
/*    -moz-box-shadow: inset 0px 3px 0px 0px #75615F;
    -webkit-box-shadow: inset 0px 3px 0px 0px #75615F;
    box-shadow: inset 0px 3px 0px 0px #75615F;*/
    background-color: #75615F;
 border: 1px solid #75615F;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
   /* float: right;*/
}
/*.btn_02:hover {
    background-color: #75615F;
}*/
.btn_03 {
/*    -moz-box-shadow: inset 0px 3px 0px 0px #8C4D48;
    -webkit-box-shadow: inset 0px 3px 0px 0px #8C4D48;
    box-shadow: inset 0px 3px 0px 0px #8C4D48;*/
    background-color: #8C4D48;
    border: 1px solid #8C4D48;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
   /* float: right;*/
}
/*.btn_03:hover {
    background-color: #8C4D48;
}*/
.btn_04 {
/*    -moz-box-shadow: inset 0px 3px 0px 0px #8C726B;
    -webkit-box-shadow: inset 0px 3px 0px 0px #8C726B;
    box-shadow: inset 0px 3px 0px 0px #8C726B;*/
    border:none;
    background-color: #8C726B;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
   /* float: right;*/
}
.btn_01:hover,.btn_02:hover,.btn_03:hover,.btn_04:hover {
    background-color: #C2A09D;
}
.btn_05 {
    -moz-box-shadow: inset 0px 3px 0px 0px #8C726B;
    -webkit-box-shadow: inset 0px 3px 0px 0px #8C726B;
    box-shadow: inset 0px 3px 0px 0px #8C726B;
    background-color: #8C726B;
    border: 1px solid #1D5A96;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
   /* float: right;*/
}
.btn_05:hover {
    background-color: #1D5A96;
}
a:link.btn_white {
    text-decoration: none;
    color: #666666;
}
a:visited.btn_white {
    text-decoration: none;
    color: #666666;
}
a:hover.btn_white {
    text-decoration: none;
    color: #666666;
}
.btn_white {
    -moz-box-shadow: inset 0px 1px 0px 0px #efefef;
    -webkit-box-shadow: inset 0px 1px 0px 0px #efefef;
    box-shadow: inset 0px 1px 0px 0px #efefef;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top, #eaeaea 5%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #eaeaea 5%, #ffffff 100%);
    background: -o-linear-gradient(top, #eaeaea 5%, #ffffff 100%);
    background: -ms-linear-gradient(top, #eaeaea 5%, #ffffff 100%);
    background: linear-gradient(to bottom, #eaeaea 5%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0);
    background-color: #eaeaea;
    cursor: pointer;
    color: #333333;
    border: 1px solid #D3D3D3;
    font-size: 13px;
    margin-left: 5px;
    padding: 10px 5px;
    text-decoration: none;
    float: right;
    box-shadow: none;
}
.btn_white:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #d0d0d0));
    background: -moz-linear-gradient(top, #cccccc 5%, #d0d0d0 100%);
    background: -webkit-linear-gradient(top, #cccccc 5%, #d0d0d0 100%);
    background: -o-linear-gradient(top, #cccccc 5%, #d0d0d0 100%);
    background: -ms-linear-gradient(top, #cccccc 5%, #d0d0d0 100%);
    background: linear-gradient(to bottom, #cccccc 5%, #d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#d0d0d0', GradientType=0);
    background-color: #cccccc;
}
.btn_white:active {
    position: relative;
    top: 1px;
}
/* PC　スマホ　タブレット　全て共通 end 　+++++++++++++++++++++++ */
/*タブレット　start　+++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 999px) {
    table.table-design2 th {
        padding: 20px;
    }
    table.table-design2 td span.position-icon {
        left: 47%;
        top: 120px;
    }
} /* タブレット end　++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    table.table-design2 {
        width: 94%;
        border-top: none;
    }
    table.table-design2 .thead {
        display: none;
    }
    table.table-design2 tr {
        width: 100%;
    }
    table.table-design2 th {
        text-align: center;
        padding: 3%;
        width: auto;
    }
    table.table-design2 td {
        padding: 3%;
        display: block;
        text-align: right;
        width: 100%;
    }
    table.table-design2 td:first-child {
        background: #75615F;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    table.table-design2 td:nth-child(4) {
        padding: 3%;
    }
    table.table-design2 td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 10px;
    }
    table.table-design2 td.after-year-sp {
        text-align: center;
    }
    table.table-design2 td:nth-child(2) {
        border-bottom: none;
    }
    table.table-design2 .point-font {
        color: #fdca40;
    }
    .ta1, .ta1 td, .ta1 th {
        /*white-space: normal;*/
        padding: 0;
    }
    .ta1 {
        width: 98%;
        max-width: 98%;
        min-width: 300px;
        font-size: 85%;
    }
    .ta1, .ta1 td, .ta1 th {
        /* white-space: normal;*/
        padding: 0;
    }
    .ta1 td a {
        line-height: 1;
    }
    .ta1 th {
        font-size: 8px;
    }
    .ta1 td img {
        width: 18px;
    }
    .btn_red,.btn_01,.btn_02,.btn_03,.btn_04,.btn_05 {
        font-size: 11px;
        margin: 2px;
        padding: 6px;
        width:90%;
    }
    .btn_white {
        font-size: 11px;
        margin: 0 1px;
        padding: 9px 0;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/*-------------------------------------------------------------------------------------------------*/
/* ディスクレーマー*/
/*-------------------------------------------------------------------------------------------------*/
#disclaimer ul li {
    font-size: 110%;
}
/*-------------------------------------------------------------------------------------------------*/
/* 初回モーダル*/
/*-------------------------------------------------------------------------------------------------*/
/* PC　スマホ　タブレット　全て共通　++++++++++++++++++++++++++++ */
.overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 1000;
}
.btn_area {
    padding-top: 0;
    width: 480px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    text-align: center;
    z-index: 1001;
}
.btn_area button {
    display: block;
    margin: 0 auto;
    background: #333;
    color: #fff;
    padding: 20px 40px;
    border: none
}
.btn_area button:hover {
    background: #777
}
.btn_soudan_parent {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.btn_soudan a {
    display: inline-block;
    padding: 1em 2em;
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background: #D72729;
    margin: 1em 0.5em 0.8em 0.5em;
}
.btn_soudan a:link, .btn_soudan a:visited {
    text-decoration: none;
}
i.material-icons {
    vertical-align: middle;
    display: inline-block;
}
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */
/*初回モーダル*/
/*フローティングバナー*/
.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    top: 1vw; /* バナーの上下の位置 */
    right: 0; /* バナーの左右の位置 */
}
.floating-pc {
    height: 35vw;
    width: auto; /* バナーの横幅を指定 */
}
@media screen and (min-width: 1201px) { /* タブレット用のブレイクポイントを指定 */
    .floating-banner:hover {
        opacity: .9; /* ホバーで少し透過 */
    }
}
.floating-sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}
@media screen and (max-width: 1200px) { /* タブレット用のブレイクポイントを指定 */
    .floating-pc {
        display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
    .floating-banner:active {
        opacity: .7; /* ホバーで少し透過 */
    }
}
@media screen and (max-width: 1200px) { /* スマホ用のブレイクポイントを指定 */
    .floating-sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
        width: 99%; /* スマホの画面幅いっぱいにバナーを表示 */
        /*width: 80vw;*/ /* ページトップアイコン出すとき */
        margin: 0 auto;
        float: left;
    }
    .floating-banner {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        top: auto; /* PCで指定していた上下の位置指定をクリア */
        left: 5px; /* 左右の隙間が空かないように */
        bottom: 90px; /* 画面の最下部にぴったりくっつくように指定 */
    }
}
/*フローティングバナー*/
.main-banner-ankar {
    position: relative;
}
.main-banner {
    position: absolute;
    z-index: 9999;
    bottom: -4vw;
    left: 30vw;
}
.main-banner img {
    width: 80%;
    height: auto;
}
.main-banner-top-yohaku {
    padding-top: 70px;
}
/* スマホ　start　++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 767px) {
    .main-banner {
        bottom: -6vw;
        left: auto;
        text-align: center;
        margin: 0 10px;
    }
    .main-banner img {
        width: 100%;
        height: auto;
    }
    .main-banner-top-yohaku {
        padding-top: 50px;
    }
} /* スマホ end　++++++++++++++++++++++++++++++++++++++++++++++ */


.flex-sample {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: flex-start;
    }
@media only screen and (max-width: 767px) {
	.flex-sample{
		flex-direction: column;
	}
}
.flex-sample .item {
  flex: 0 0 24.6%;
  margin:0.2%;
  font-weight:bold;
}

/*外貨送金手数料全額負担*/
#gaikakessai h2 {
    font-weight: bold;
    font-size: 2em;
}

#gaikakessai h2 span {
    color: rgba(150, 109, 29, 1.00);
    font-size: 1.5em;
}
/*@media only screen and (max-width: 767px) {
	#gaikakessai h2 {
        font-size: 12vw;
    }
    #gaikakessai h2 span {
        color: rgba(150, 109, 29, 1.00);
        font-size: 4vw;
    }
}*/

#gaikakessai img {
        max-width: 100%;
}

/*おトクに取引*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

	.midashi-designA{
		background-image: url(../img/sekaichizu.png) ;
		background-color: #75615F;
		background-position:  0 0;
		background-size: 20%;
		background-repeat: no-repeat;
		color: #fff;
		font-weight: bold;
		padding: 20px 50px 20px;
		text-align: center;
	}
	.midashi-designA span.main{
		font-weight: bold;
		font-size: 1.8em;
		line-height: 1.4;

	}
	.midashi-designA span.sub{
		font-weight: bold;
		font-size: 1em;
		line-height: 1.4;
	}
@media only screen and (max-width: 767px) {
	.midashi-designA{
		background-size: contain;
		padding: 20px 10px 20px;
	}
	.midashi-designA span.main{
		font-size: 1.2em;
		line-height: 1.4;

	}
	.midashi-designA span.sub{
		font-size: 0.7em;
		line-height: 1.4;
	}
}