@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
}

/* HTML5 display definitions
 ========================================================================== */
main{
  display:block;
}

[hidden],
template{
  display:none;
}

/* Links
 ========================================================================== */
a{
  background-color:transparent;
}

/* Text-level semantics
 ========================================================================== */
abbr[title]{
  border-bottom:1px dotted;
}

b,
em,
strong{
  font-weight:700;
}

em{
  font-style:normal;
}

dfn{
  font-style:italic;
}

mark{
  color:#000;
  background:#ff0;
}

small{
  font-size:10px;
}

sub,
sup{
  position:relative;
  vertical-align:baseline;
  font-size:10px;
  line-height:0;
}

sup{
  top:-.5em;
}

sub{
  bottom:-.25em;
}

/* Embedded content
 ========================================================================== */
img{
  border:0;
  vertical-align:bottom;
  line-height:1;
}

svg:not(:root){
  overflow:hidden;
}

/* Grouping content
 ========================================================================== */
figure{
  margin:1em 40px;
}

hr{
  box-sizing:content-box;
  height:0;
}

pre{
  overflow:auto;
}

code,
kbd,
pre,
samp{
  font-size:1em;
  font-family:monospace, monospace;
}

/* Forms
 ========================================================================== */
button,
input,
optgroup,
select,
textarea{
  margin:0;
  color:inherit;
  font:inherit;
}

button{
  overflow:visible;
}

button,
select{
  text-transform:none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
  cursor:pointer;

  -webkit-appearance:button;
}

button[disabled],
html input[disabled]{
  cursor:default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
  padding:0;
  border:0;
}

input{
  line-height:normal;
}

input[type="checkbox"],
input[type="radio"]{
  box-sizing:border-box;
  padding:0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  height:auto;
}

input[type="search"]{
  box-sizing:content-box;

  -webkit-appearance:textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}

fieldset{
  margin:0;
  padding:0;
  border:none;
}

legend{
  padding:0;
  border:0;
}

textarea{
  overflow:auto;
}

optgroup{
  font-weight:bold;
}

/* Tables
 ========================================================================== */
table{
  border-spacing:0;
  border-collapse:collapse;
}

td,
th{
  padding:0;
}

/* list
 ========================================================================== */
ul{
  list-style:none;
}

/* reset
========================================================================== */
html{
  font-size:62.5%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
pre,
hr,
figure,
menu{
  margin:0;
}

ul,
ol,
dl,
dd,
menu{
  padding-left:0;
}

/* Has Layout */
div,
ul,
ol,
dl,
dt,
dd{
  zoom:1;
}

filedset{
  padding:0;
  border:none;
}

/* for site design
========================================================================== */
html,
button,
input,
select,
textarea{
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "メイリオ", "Meiryo", "Helvetica Neue", Arial, sans-serif;
}

body{
  color:#333;
  line-height:1.4;
}

body{
  position:relative;
  font-size:14px;
  font-size:1.4rem;
}

button,
input,
optgroup,
select,
textarea{
  font-size:16px;
}

/* ----------------------------------------------------------------
  レイアウト
----------------------------------------------------------------- */
/* 1000px 固定 */
.str-contents{
  margin-top:20px;
  margin-right:auto;
  margin-bottom:80px;
  margin-left:auto;
  width:1000px;
}

.str-hdg-lv1 + .str-contents{
  margin-top:0;
}

/* 全幅 100% */
.str-contents-w100{
  margin-bottom:80px;
  width:100%;
}
.str-contents-w100 > [class^="str-contents-inner-"]{
  margin-top:20px;
}

/* 全幅用 コンテンツエリア */
.str-contents-inner-00{
  margin-right:auto;
  margin-left:auto;
  width:1000px;
}

.str-contents-inner-01{
  margin-right:auto;
  margin-bottom:20px;
  margin-left:auto;
  width:1000px;
}

.str-contents-inner-02{
  margin-right:auto;
  margin-bottom:40px;
  margin-left:auto;
  width:1000px;
}

.str-contents-inner-03{
  margin-right:auto;
  margin-bottom:60px;
  margin-left:auto;
  width:1000px;
}

[class^="str-contents-inner"]:last-child{
  margin-bottom:0;
}

/* 余白設定 */
.inner-box-01{
  padding-right:10px;
  padding-left:10px;
}

.inner-box-02{
  margin-bottom:10px;
  padding-right:10px;
  padding-left:10px;
}

.inner-box-03{
  margin-bottom:20px;
  padding-right:10px;
  padding-left:10px;
}

.inner-box-04{
  margin-bottom:30px;
  padding-right:10px;
  padding-left:10px;
}

.inner-box-05{
  margin-bottom:40px;
  padding-right:10px;
  padding-left:10px;
}

.inner-box-06{
  margin-bottom:50px;
  padding-right:10px;
  padding-left:10px;
}

.inner-box-07{
  margin-bottom:60px;
  padding-right:10px;
  padding-left:10px;
}

.inner-box-08{
  margin-bottom:70px;
  padding-right:10px;
  padding-left:10px;
}

.inner-box-09{
  margin-bottom:80px;
  padding-right:10px;
  padding-left:10px;
}

.inner-bg-01{
  background-color:#f0f0f0;
}

.inner-bg-02{
  background-color:#eee;
}

.inner-bg-03{
  background-color:#d9d9d9;
}

.col2-box{
  margin-bottom:20px;
}
.col2-box:before,
.col2-box:after{
  display:table;
  content:" ";
}
.col2-box:after{
  clear:both;
}
.col2-box .col-main-l{
  float:left;
  width:740px;
}
.col2-box .col-side-r{
  float:right;
  width:240px;
}
.col2-box .col-main-r{
  float:right;
  width:740px;
}
.col2-box .col-side-l{
  float:left;
  width:240px;
}
.col2-box .col-l{
  float:left;
  margin-left:20px;
  width:490px;
}
.col2-box .col-l:first-child{
  margin-left:0;
}
.col2-box .col-r{
  float:right;
  margin-left:20px;
  width:490px;
}
.col2-box .col-r:last-child{
  margin-left:0;
}

.col3-box{
  margin-bottom:20px;
}
.col3-box:before,
.col3-box:after{
  display:table;
  content:" ";
}
.col3-box:after{
  clear:both;
}
.col3-box .col-l{
  float:left;
  margin-left:20px;
  width:320px;
}
.col3-box .col-l:first-child{
  margin-left:0;
}
.col3-box .col-r{
  float:right;
  margin-left:20px;
  width:320px;
}
.col3-box .col-r:last-child{
  margin-left:0;
}

.col4-box{
  margin-bottom:20px;
}
.col4-box:before,
.col4-box:after{
  display:table;
  content:" ";
}
.col4-box:after{
  clear:both;
}
.col4-box .col-l{
  float:left;
  margin-left:20px;
  width:235px;
}
.col4-box .col-l:first-child{
  margin-left:0;
}
.col4-box .col-r{
  float:right;
  margin-left:20px;
  width:235px;
}
.col4-box .col-r:last-child{
  margin-left:0;
}

/* heading
========================================================================== */
.hdg-lv1-01{
  margin-bottom:10px;
  font-size:16px;
}
.hdg-lv1-01 .hdg-note-02{
  margin-left:5px;
  font-weight:normal;
  font-size:12px;
}

.hdg-lv2-01{
  overflow:hidden;
  position:relative;
  margin-bottom:10px;
  padding:10px;
  color:#fff;
  background:#196fb9;
  font-size:16px;
}
.hdg-lv2-01 > a{
  display:block;
}
.hdg-lv2-01 > a,
.hdg-lv2-01 > a:link,
.hdg-lv2-01 > a:active,
.hdg-lv2-01 > a:hover,
.hdg-lv2-01 > a:visited{
  color:#fff;
}
.hdg-lv2-01 > [class*="ico-"]{
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
}
.hdg-lv2-01 .ico-airplane:before{
  display:inline-block;
  margin-right:6px;
  width:22px;
  height:22px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-3941px 0px;
  content:"";
  vertical-align:middle;
}
.hdg-lv2-01 .hdg-note-02{
  margin-left:5px;
  font-weight:normal;
  font-size:10px;
}

.hdg-lv3-01{
  overflow:hidden;
  box-sizing:border-box;
  position:relative;
  margin-bottom:10px;
  padding:6px 10px 6px 12px;
  width:auto;
  font-size:16px;
}
.hdg-lv3-01:before{
  display:block;
  position:absolute;
  top:6px;
  right:0;
  bottom:6px;
  left:0;
  border-radius:2px;
  width:4px;
  background-color:#196fb9;
  content:"";
}
.hdg-lv3-01 > a{
  color:#05c;
}
@inclde a-conf{
  .hdg-lv3-01 > a{
    color:#fff;
  }
}
.hdg-lv3-01 > [class*="ico-"]{
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
}
.hdg-lv3-01 .hdg-note-02{
  margin-left:5px;
  font-weight:normal;
  font-size:10px;
}

.hdg-lv4-01{
  overflow:hidden;
  position:relative;
  margin-bottom:10px;
  padding:8px 0;
  border-bottom:2px solid #196fb9;
  font-size:14px;
}
.hdg-lv4-01 > a{
  color:#05c;
}
.hdg-lv4-01 .hdg-note-02{
  margin-left:5px;
  font-weight:normal;
  font-size:10px;
}

.hdg-note-01{
  display:block;
  margin-bottom:5px;
  font-weight:normal;
  font-size:12px;
  line-height:1.1;
}

.hdg-note-02{
  margin-left:5px;
  font-weight:normal;
  font-size:12px;
}

/* paragraph
========================================================================== */
.txt-color-01{
  color:#f00;
}

.txt-color-02{
  color:#666;
}

/* description
========================================================================== */
.list-description-01{
  margin-bottom:20px;
  padding:0;
}
.list-description-01 > dt{
  padding:18px 0 13px;
}
.list-description-01 > dt:first-child{
  padding-top:13px;
}
.list-description-01 > dd{
  padding-bottom:17px;
  border-bottom:1px dotted #d9d9d9;
}

.list-description-02{
  clear:both;
  margin-bottom:20px;
  padding:0;
}
.list-description-02:before,
.list-description-02:after{
  display:table;
  content:" ";
}
.list-description-02:after{
  clear:both;
}
.list-description-02 > dt{
  float:left;
  clear:both;
  margin-top:10px;
}
.list-description-02 > dt:after{
  content:"\FF1A";
}
.list-description-02 > dt:first-child{
  margin-top:0;
}
.list-description-02 > dt:first-child + dd{
  margin-top:0;
}
.list-description-02 > dd{
  overflow:hidden;
  margin-top:10px;
}

.list-description-03{
  clear:both;
  margin-bottom:20px;
  padding:0;
}
.list-description-03:before,
.list-description-03:after{
  display:table;
  content:" ";
}
.list-description-03:after{
  clear:both;
}
.list-description-03 > dt{
  float:left;
  clear:both;
  margin-top:10px;
  margin-right:10px;
}
.list-description-03 > dt:first-child{
  margin-top:0;
}
.list-description-03 > dt:first-child + dd{
  margin-top:0;
}
.list-description-03 > dd{
  overflow:hidden;
  margin-top:10px;
}

.list-description-04{
  margin-bottom:20px;
  padding:0;
}
.list-description-04:before,
.list-description-04:after{
  display:table;
  content:" ";
}
.list-description-04:after{
  clear:both;
}
.list-description-04 > dt{
  float:left;
  clear:both;
  margin-top:10px;
}
.list-description-04 > dt:first-child{
  margin-top:0;
}
.list-description-04 > dt:first-child + dd{
  margin-top:0;
}
.list-description-04 > dd{
  overflow:hidden;
  margin-top:10px;
  padding-left:1em;
  text-indent:-1em;
}
.list-description-04 > dd:before{
  content:"\FF1A";
}

/* bullet
========================================================================== */
.list-bullet-01 > li{
  position:relative;
  margin-bottom:5px;
  padding-left:16px;
}
.list-bullet-01 > li:before{
  display:block;
  position:absolute;
  top:0;
  left:0;
  margin-right:2px;
  content:"・";
}
.list-bullet-01 .list-bullet-01 > li{
  margin-left:5px;
  text-indent:-9px;
}
.list-bullet-01 .list-bullet-01 > li:before{
  width:auto;
  background-image:none;
  content:"・";
}

/* notice
========================================================================== */
.list-notice-01,
.list-notice-02{
  margin-bottom:5px;
}
.list-notice-01 > li,
.list-notice-02 > li{
  position:relative;
  padding:0 0 5px 1.3em;
}
.list-notice-01 > li .mark,
.list-notice-02 > li .mark{
  position:absolute;
  top:0;
  left:0;
}

.txt-r > li .mark{
  position:relative;
}

.list-notice-02.double-digit > li{
  padding-left:2.9em;
}
.list-notice-02 > li{
  padding-left:2.1em;
  list-style:none;
}
.list-notice-02 > li.double-digit{
  padding-left:2.8em;
}

.txt-notice-01{
  position:relative;
  padding:0 0 5px 1.3em;
}
.txt-notice-01 .mark{
  position:absolute;
  top:0;
  left:0;
}

/* ordered
========================================================================== */
.list-ordered-01{
  padding-left:1.7em;
}
.list-ordered-01 > li{
  margin-bottom:5px;
}

a:link,
a:active{
  color:#05c;
  text-decoration:none;
}

a:visited{
  color:#613a85;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

/* tab
========================================================================== */
.tab-box-01{
  margin-bottom:10px;
}
.tab-box-01 .tab-item{
  float:left;
  width:100%;
  background:#fff;
}
.tab-box-01 .tab-item .tab-menu{
  box-sizing:border-box;
  display:table;
  position:absolute;
  top:0;
  border:1px solid #bcbcbc;
  border-bottom:0;
  border-radius:5px 5px 0 0;
  height:44px;
  text-align:center;
  font-weight:bold;
  cursor:pointer;

  *overflow:hidden;
}
.tab-box-01 .tab-item .tab-menu > .tab-menu-inner{
  display:table-cell;
  padding-right:20px;
  padding-left:20px;
  border-radius:4px 4px 0 0;
  color:#000;
  background:#eee -webkit-gradient(linear, left bottom, left top, from(#eee), to(#fff));
  background:#eee linear-gradient(to top, #eee, #fff);
  background-color:#ccc\9;
  vertical-align:middle;
  text-decoration:none;
  line-height:1.2;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#ffffff", EndColorstr="#eeeeee");

  *padding-top:5px;
  *display:block;
  *height:100%;
  *zoom:1;
}
.tab-box-01 .tab-item .tab-menu:hover{
  background:#d4d4d4 -webkit-gradient(linear, left bottom, left top, from(#d4d4d4), to(#e7e7e7));
  background:#d4d4d4 linear-gradient(to top, #d4d4d4, #e7e7e7);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#e7e7e7", EndColorstr="#d4d4d4");
}
.tab-box-01 .tab-item .tab-menu:hover > .tab-menu-inner{
  background:#f4f4f4 -webkit-gradient(linear, left bottom, left top, from(#f4f4f4), to(#fff));
  background:#f4f4f4 linear-gradient(to top, #f4f4f4, #fff);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#ffffff", EndColorstr="#f4f4f4");
}
.tab-box-01 .tab-item .tab-content{
  display:none;
  padding-top:10px;
  border-top:2px solid #196fb9;
}
.tab-box-01 .tab-item.active .tab-menu{
  border-color:#196fb9;
  height:45px;
  background:#196fb9;
}
.tab-box-01 .tab-item.active .tab-menu > .tab-menu-inner{
  color:#fff;
  background:#196fb9;
  -webkit-filter:none;
  filter:none;
}
.tab-box-01 .tab-item.active .tab-content{
  display:block;
}
.tab-box-01 .tab-item.disabled .tab-menu{
  border-color:#d9d9d9;
  background:#d9d9d9;
  cursor:default;
  pointer-events:none;
}
.tab-box-01 .tab-item.disabled .tab-menu > .tab-menu-inner{
  color:#999;
  background:#d9d9d9;
  -webkit-filter:none;
  filter:none;
}
.tab-box-01 .tab-item.disabled.active .tab-menu{
  border-color:#d9d9d9;
  height:44px;
}

.tab-list-01{
  position:relative;
  margin:0 10px 10px;
  padding-top:44px;
}
.tab-list-01:before,
.tab-list-01:after{
  display:table;
  content:" ";
}
.tab-list-01:after{
  clear:both;
}
.tab-list-01 .tab-item .tab-menu{
  font-size:14px;
}
.tab-list-01 .tab-item .tab-content{
  margin-right:-10px;
  margin-left:-10px;
  padding-right:10px;
  padding-left:10px;
}
.tab-list-01.tab-num2 .tab-item .tab-menu{
  left:0;
  width:49.7%;
}
.tab-list-01.tab-num2 .tab-item + .tab-item .tab-menu{
  left:50.3%;
}
.tab-list-01.tab-num3 .tab-item .tab-menu{
  left:0;
  width:32.9%;
}
.tab-list-01.tab-num3 .tab-item + .tab-item .tab-menu{
  left:33.55%;
}
.tab-list-01.tab-num3 .tab-item + .tab-item + .tab-item .tab-menu{
  left:67.15%;
}

.tab-list-02{
  position:relative;
  margin-bottom:10px;
  padding-top:44px;
}
.tab-list-02:before,
.tab-list-02:after{
  display:table;
  content:" ";
}
.tab-list-02:after{
  clear:both;
}
.tab-list-02 .tab-item .tab-menu{
  width:22%;
  font-size:12px;
}
.tab-list-02 .tab-item + .tab-item .tab-menu{
  left:22.6%;
}
.tab-list-02 .tab-item + .tab-item + .tab-item .tab-menu{
  left:45.2%;
}
.tab-list-02 .tab-item + .tab-item + .tab-item + .tab-item .tab-menu{
  left:67.8%;
}
.tab-list-02 .tab-item + .tab-item + .tab-item + .tab-item + .tab-item .tab-menu{
  left:90.4%;
}

/* ----------------------------------------------------------------
  button
----------------------------------------------------------------- */
/* 旧ボタンパーツ（今後使用しない）
----------------------------------------------- */
/* ボタンレイアウト
----------------------------------------------- */
.btn-box{
  overflow:hidden\9;
  margin-bottom:20px;
}
.btn-box:before,
.btn-box:after{
  display:table;
  content:" ";
}
.btn-box:after{
  clear:both;
}
.btn-box .lyt-r{
  float:right;
  margin-left:10px;
}
.btn-box .lyt-l{
  float:left;
  margin-right:10px;
}
.btn-box .lyt-c{
  margin-right:auto;
  margin-left:auto;
}

/* 複数カラム
----------------------------------------------- */
.btn-col-box-01{
  display:table;
  margin:0 auto;
}
.btn-col-box-01 > .col-box{
  display:table-cell;
}

/* ボタン共通
----------------------------------------------- */
.btn-frame{
  box-sizing:border-box;
  display:table;
  margin:0;
  padding:1px;
  border-radius:5px;

  *float:left;
}
.btn-frame .btn-str{
  box-sizing:border-box;
  display:table-cell;
  position:relative;
  z-index:1\9;
  outline:none;
  border-style:none;
  border-radius:4px;
  vertical-align:middle;
  text-align:center;
  text-decoration:none;
  font-weight:bold;

  *background:none;
  *display:inline;
  *zoom:1;
}
.btn-frame .ico-arrow-t:after{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}
.btn-frame .ico-arrow-r:after{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}
.btn-frame .ico-arrow-b:after{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}
.btn-frame .ico-arrow-l:before{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}
.btn-frame .ico-line-l:before,
.btn-frame .ico-facebook-l:before,
.btn-frame .ico-copy-l:before,
.btn-frame .ico-mail-l:before{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}

/* 各ボタン別設定
----------------------------------------------- */
.btn-base-01{
  background:#bababa -webkit-gradient(linear, left bottom, left top, from(#bababa), to(#d9d9d9));
  background:#bababa linear-gradient(to top, #bababa, #d9d9d9);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#d9d9d9", EndColorstr="#bababa");
}
.btn-base-01 .btn-str{
  color:#333;
  background:#eee -webkit-gradient(linear, left bottom, left top, from(#eee), to(#fff));
  background:#eee linear-gradient(to top, #eee, #fff);
  background-color:#ccc\9;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#ffffff", EndColorstr="#eeeeee");
}
.btn-base-01:hover{
  background:#d4d4d4 -webkit-gradient(linear, left bottom, left top, from(#d4d4d4), to(#e7e7e7));
  background:#d4d4d4 linear-gradient(to top, #d4d4d4, #e7e7e7);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#e7e7e7", EndColorstr="#d4d4d4");
}
.btn-base-01:hover .btn-str{
  background:#f4f4f4 -webkit-gradient(linear, left bottom, left top, from(#f4f4f4), to(#fff));
  background:#f4f4f4 linear-gradient(to top, #f4f4f4, #fff);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#ffffff", EndColorstr="#f4f4f4");
}
.btn-base-01.flat-frame{
  background:#bababa;
}
.btn-base-01.flat-frame:hover{
  background:#d4d4d4;
}

.btn-base-02{
  background:#3784a9 -webkit-gradient(linear, left bottom, left top, from(#3784a9), to(#76c1e5));
  background:#3784a9 linear-gradient(to top, #3784a9, #76c1e5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#76c1e5", EndColorstr="#3784a9");
}
.btn-base-02 .btn-str{
  color:#fff;
  background:#52aad4 -webkit-gradient(linear, left bottom, left top, from(#52aad4), to(#76c1e5));
  background:#52aad4 linear-gradient(to top, #52aad4, #76c1e5);
  background-color:#ccc\9;
  font-weight:bold;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#76c1e5", EndColorstr="#52aad4");
}
.btn-base-02:hover{
  background:#5ea4c1 -webkit-gradient(linear, left bottom, left top, from(#5ea4c1), to(#97d1ec));
  background:#5ea4c1 linear-gradient(to top, #5ea4c1, #97d1ec);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#97D1EC", EndColorstr="#5EA4C1");
}
.btn-base-02:hover .btn-str{
  background:#78c1e1 -webkit-gradient(linear, left bottom, left top, from(#78c1e1), to(#97d2ed));
  background:#78c1e1 linear-gradient(to top, #78c1e1, #97d2ed);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#97D2ED", EndColorstr="#78C1E1");
}
.btn-base-02.flat-frame{
  background:#3784a9;
}
.btn-base-02.flat-frame:hover{
  background:#5ea4c1;
}

.btn-conversion-01{
  background:#c65007 -webkit-gradient(linear, left bottom, left top, from(#c65007), to(#fb8501));
  background:#c65007 linear-gradient(to top, #c65007, #fb8501);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#fb8501", EndColorstr="#c65007");
}
.btn-conversion-01 .btn-str{
  color:#fff;
  background:#fb6b01 -webkit-gradient(linear, left bottom, left top, from(#fb6b01), to(#fb8501));
  background:#fb6b01 linear-gradient(to top, #fb6b01, #fb8501);
  background-color:#ccc\9;
  font-weight:bold;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#fb8501", EndColorstr="#fb6b01");
}
.btn-conversion-01:hover{
  background:#d77712 -webkit-gradient(linear, left bottom, left top, from(#d77712), to(#fba303));
  background:#d77712 linear-gradient(to top, #d77712, #fba303);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#FBA303", EndColorstr="#D77712");
}
.btn-conversion-01:hover .btn-str{
  background:#fc8e03 -webkit-gradient(linear, left bottom, left top, from(#fc8e03), to(#fca303));
  background:#fc8e03 linear-gradient(to top, #fc8e03, #fca303);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#FCA303", EndColorstr="#FC8E03");
}
.btn-conversion-01.flat-frame{
  background:#c65007;
}
.btn-conversion-01.flat-frame:hover{
  background:#d77712;
}

.btn-disabled-01{
  background:#d9d9d9;
}
.btn-disabled-01 .btn-str{
  color:#999;
  background:#d9d9d9;
  font-weight:bold;
  cursor:default;
}

.btn-conversion-02 .btn-str{
  border:none;
  color:#fff;
  background:#196fb9;
}

/* for ie9   */
.btn-base-01:not(:target),
.btn-base-02:not(:target),
.btn-disabled-01:not(:target),
.btn-conversion-01:not(:target),
.tab-box-01 .tab-item .tab-menu:not(:target){
  border-radius:0\9;
}

@media all and (-ms-high-contrast: none){
  .btn-base-01:not(:target),
  .btn-base-02:not(:target),
  .btn-disabled-01:not(:target),
  .btn-conversion-01:not(:target){
    border-radius:5px;
  }

  .tab-box-01 .tab-item .tab-menu:not(:target){
    border-radius:5px 5px 0 0;
  }
}
/* 中サイズボタン共通
   -01 : 12px / -02 : 14px / -03 : 16px
----------------------------------------------- */
.btn-style-01{
  padding:14px 68px;
  width:100%;
  font-size:12px;
  line-height:1.5;
}

.btn-style-02{
  padding:13px 68px 12px;
  width:100%;
  font-size:14px;
  line-height:1.5;
}

.btn-style-03{
  padding:11px 68px;
  width:100%;
  font-size:16px;
  line-height:1.5;
}

/* 小サイズボタン
   -04 : 12px / -05 : 14px / -06 : 16px
----------------------------------------------- */
.btn-style-04{
  padding:8px 38px;
  width:100%;
  font-size:12px;
  line-height:1.5;
}

.btn-style-05{
  padding:7px 38px 6px;
  width:100%;
  font-size:14px;
  line-height:1.5;
}

.btn-style-06{
  padding:5px 38px;
  width:100%;
  font-size:16px;
  line-height:1.5;
}

/* IE8対策 */
.btn-style-01,
.btn-style-02,
.btn-style-03,
.btn-style-04,
.btn-style-05,
.btn-style-06{
  min-height:auto\9;
}

/* アイコン共通
----------------------------------------------- */
.btn-base-01 .btn-style-01.ico-arrow-t:after,
.btn-base-01 .btn-style-02.ico-arrow-t:after,
.btn-base-01 .btn-style-03.ico-arrow-t:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2258px 0px;
}
.btn-base-01 .btn-style-01.ico-arrow-t:hover:after,
.btn-base-01 .btn-style-02.ico-arrow-t:hover:after,
.btn-base-01 .btn-style-03.ico-arrow-t:hover:after{
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2201px 0px;
}
.btn-base-01 .btn-style-01.ico-arrow-r:after,
.btn-base-01 .btn-style-02.ico-arrow-r:after,
.btn-base-01 .btn-style-03.ico-arrow-r:after{
  right:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1430px 0px;
}
.btn-base-01 .btn-style-01.ico-arrow-r:hover:after,
.btn-base-01 .btn-style-02.ico-arrow-r:hover:after,
.btn-base-01 .btn-style-03.ico-arrow-r:hover:after{
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-900px 0px;
}
.btn-base-01 .btn-style-01.ico-arrow-b:after,
.btn-base-01 .btn-style-02.ico-arrow-b:after,
.btn-base-01 .btn-style-03.ico-arrow-b:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2144px 0px;
}
.btn-base-01 .btn-style-01.ico-arrow-b:hover:after,
.btn-base-01 .btn-style-02.ico-arrow-b:hover:after,
.btn-base-01 .btn-style-03.ico-arrow-b:hover:after{
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2429px 0px;
}
.btn-base-01 .btn-style-01.ico-arrow-l:before,
.btn-base-01 .btn-style-02.ico-arrow-l:before,
.btn-base-01 .btn-style-03.ico-arrow-l:before{
  left:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1059px 0px;
}
.btn-base-01 .btn-style-01.ico-arrow-l:hover:before,
.btn-base-01 .btn-style-02.ico-arrow-l:hover:before,
.btn-base-01 .btn-style-03.ico-arrow-l:hover:before{
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1324px 0px;
}
.btn-base-01 .btn-style-01.ico-line-l:before,
.btn-base-01 .btn-style-02.ico-line-l:before,
.btn-base-01 .btn-style-03.ico-line-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-base-01 .btn-style-01.ico-line-l:hover:before,
.btn-base-01 .btn-style-02.ico-line-l:hover:before,
.btn-base-01 .btn-style-03.ico-line-l:hover:before{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-base-01 .btn-style-01.ico-facebook-l:before,
.btn-base-01 .btn-style-02.ico-facebook-l:before,
.btn-base-01 .btn-style-03.ico-facebook-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-base-01 .btn-style-01.ico-facebook-l:hover:before,
.btn-base-01 .btn-style-02.ico-facebook-l:hover:before,
.btn-base-01 .btn-style-03.ico-facebook-l:hover:before{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-base-01 .btn-style-01.ico-copy-l:before,
.btn-base-01 .btn-style-02.ico-copy-l:before,
.btn-base-01 .btn-style-03.ico-copy-l:before{
  left:20px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-base-01 .btn-style-01.ico-copy-l:hover:before,
.btn-base-01 .btn-style-02.ico-copy-l:hover:before,
.btn-base-01 .btn-style-03.ico-copy-l:hover:before{
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-base-01 .btn-style-01.ico-mail-l:before,
.btn-base-01 .btn-style-02.ico-mail-l:before,
.btn-base-01 .btn-style-03.ico-mail-l:before{
  left:20px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-base-01 .btn-style-01.ico-mail-l:hover:before,
.btn-base-01 .btn-style-02.ico-mail-l:hover:before,
.btn-base-01 .btn-style-03.ico-mail-l:hover:before{
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-base-01 .btn-style-04.ico-arrow-t:after,
.btn-base-01 .btn-style-05.ico-arrow-t:after,
.btn-base-01 .btn-style-06.ico-arrow-t:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1165px 0px;
}
.btn-base-01 .btn-style-04.ico-arrow-t:hover:after,
.btn-base-01 .btn-style-05.ico-arrow-t:hover:after,
.btn-base-01 .btn-style-06.ico-arrow-t:hover:after{
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1377px 0px;
}
.btn-base-01 .btn-style-04.ico-arrow-r:after,
.btn-base-01 .btn-style-05.ico-arrow-r:after,
.btn-base-01 .btn-style-06.ico-arrow-r:after{
  right:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-747px 0px;
}
.btn-base-01 .btn-style-04.ico-arrow-r:hover:after,
.btn-base-01 .btn-style-05.ico-arrow-r:hover:after,
.btn-base-01 .btn-style-06.ico-arrow-r:hover:after{
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-543px 0px;
}
.btn-base-01 .btn-style-04.ico-arrow-b:after,
.btn-base-01 .btn-style-05.ico-arrow-b:after,
.btn-base-01 .btn-style-06.ico-arrow-b:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1483px 0px;
}
.btn-base-01 .btn-style-04.ico-arrow-b:hover:after,
.btn-base-01 .btn-style-05.ico-arrow-b:hover:after,
.btn-base-01 .btn-style-06.ico-arrow-b:hover:after{
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1218px 0px;
}
.btn-base-01 .btn-style-04.ico-arrow-l:before,
.btn-base-01 .btn-style-05.ico-arrow-l:before,
.btn-base-01 .btn-style-06.ico-arrow-l:before{
  left:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-696px 0px;
}
.btn-base-01 .btn-style-04.ico-arrow-l:hover:before,
.btn-base-01 .btn-style-05.ico-arrow-l:hover:before,
.btn-base-01 .btn-style-06.ico-arrow-l:hover:before{
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-390px 0px;
}
.btn-base-01 .btn-style-04.ico-line-l:before,
.btn-base-01 .btn-style-05.ico-line-l:before,
.btn-base-01 .btn-style-06.ico-line-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-base-01 .btn-style-04.ico-line-l:hover:before,
.btn-base-01 .btn-style-05.ico-line-l:hover:before,
.btn-base-01 .btn-style-06.ico-line-l:hover:before{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-base-01 .btn-style-04.ico-facebook-l:before,
.btn-base-01 .btn-style-05.ico-facebook-l:before,
.btn-base-01 .btn-style-06.ico-facebook-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-base-01 .btn-style-04.ico-facebook-l:hover:before,
.btn-base-01 .btn-style-05.ico-facebook-l:hover:before,
.btn-base-01 .btn-style-06.ico-facebook-l:hover:before{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-base-01 .btn-style-04.ico-copy-l:before,
.btn-base-01 .btn-style-05.ico-copy-l:before,
.btn-base-01 .btn-style-06.ico-copy-l:before{
  left:10px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-base-01 .btn-style-04.ico-copy-l:hover:before,
.btn-base-01 .btn-style-05.ico-copy-l:hover:before,
.btn-base-01 .btn-style-06.ico-copy-l:hover:before{
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-base-01 .btn-style-04.ico-mail-l:before,
.btn-base-01 .btn-style-05.ico-mail-l:before,
.btn-base-01 .btn-style-06.ico-mail-l:before{
  left:10px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-base-01 .btn-style-04.ico-mail-l:hover:before,
.btn-base-01 .btn-style-05.ico-mail-l:hover:before,
.btn-base-01 .btn-style-06.ico-mail-l:hover:before{
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}

.btn-base-02 .btn-style-01.ico-arrow-t:after,
.btn-base-02 .btn-style-02.ico-arrow-t:after,
.btn-base-02 .btn-style-03.ico-arrow-t:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2486px 0px;
}
.btn-base-02 .btn-style-01.ico-arrow-r:after,
.btn-base-02 .btn-style-02.ico-arrow-r:after,
.btn-base-02 .btn-style-03.ico-arrow-r:after{
  right:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1112px 0px;
}
.btn-base-02 .btn-style-01.ico-arrow-b:after,
.btn-base-02 .btn-style-02.ico-arrow-b:after,
.btn-base-02 .btn-style-03.ico-arrow-b:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2315px 0px;
}
.btn-base-02 .btn-style-01.ico-arrow-l:before,
.btn-base-02 .btn-style-02.ico-arrow-l:before,
.btn-base-02 .btn-style-03.ico-arrow-l:before{
  left:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1006px 0px;
}
.btn-base-02 .btn-style-01.ico-line-l:before,
.btn-base-02 .btn-style-02.ico-line-l:before,
.btn-base-02 .btn-style-03.ico-line-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-base-02 .btn-style-01.ico-facebook-l:before,
.btn-base-02 .btn-style-02.ico-facebook-l:before,
.btn-base-02 .btn-style-03.ico-facebook-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-base-02 .btn-style-01.ico-copy-l:before,
.btn-base-02 .btn-style-02.ico-copy-l:before,
.btn-base-02 .btn-style-03.ico-copy-l:before{
  left:20px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-base-02 .btn-style-01.ico-mail-l:before,
.btn-base-02 .btn-style-02.ico-mail-l:before,
.btn-base-02 .btn-style-03.ico-mail-l:before{
  left:20px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-base-02 .btn-style-04.ico-arrow-t:after,
.btn-base-02 .btn-style-05.ico-arrow-t:after,
.btn-base-02 .btn-style-06.ico-arrow-t:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1271px 0px;
}
.btn-base-02 .btn-style-04.ico-arrow-r:after,
.btn-base-02 .btn-style-05.ico-arrow-r:after,
.btn-base-02 .btn-style-06.ico-arrow-r:after{
  right:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-645px 0px;
}
.btn-base-02 .btn-style-04.ico-arrow-b:after,
.btn-base-02 .btn-style-05.ico-arrow-b:after,
.btn-base-02 .btn-style-06.ico-arrow-b:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-953px 0px;
}
.btn-base-02 .btn-style-04.ico-arrow-l:before,
.btn-base-02 .btn-style-05.ico-arrow-l:before,
.btn-base-02 .btn-style-06.ico-arrow-l:before{
  left:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-594px 0px;
}
.btn-base-02 .btn-style-04.ico-line-l:before,
.btn-base-02 .btn-style-05.ico-line-l:before,
.btn-base-02 .btn-style-06.ico-line-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-base-02 .btn-style-04.ico-facebook-l:before,
.btn-base-02 .btn-style-05.ico-facebook-l:before,
.btn-base-02 .btn-style-06.ico-facebook-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-base-02 .btn-style-04.ico-copy-l:before,
.btn-base-02 .btn-style-05.ico-copy-l:before,
.btn-base-02 .btn-style-06.ico-copy-l:before{
  left:10px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-base-02 .btn-style-04.ico-mail-l:before,
.btn-base-02 .btn-style-05.ico-mail-l:before,
.btn-base-02 .btn-style-06.ico-mail-l:before{
  left:10px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}

.btn-conversion-01 .btn-style-01.ico-arrow-t:after,
.btn-conversion-01 .btn-style-02.ico-arrow-t:after,
.btn-conversion-01 .btn-style-03.ico-arrow-t:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2486px 0px;
}
.btn-conversion-01 .btn-style-01.ico-arrow-r:after,
.btn-conversion-01 .btn-style-02.ico-arrow-r:after,
.btn-conversion-01 .btn-style-03.ico-arrow-r:after{
  right:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1112px 0px;
}
.btn-conversion-01 .btn-style-01.ico-arrow-b:after,
.btn-conversion-01 .btn-style-02.ico-arrow-b:after,
.btn-conversion-01 .btn-style-03.ico-arrow-b:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2315px 0px;
}

.btn-conversion-01 .btn-style-04.ico-arrow-t:after,
.btn-conversion-01 .btn-style-05.ico-arrow-t:after,
.btn-conversion-01 .btn-style-06.ico-arrow-t:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1271px 0px;
}
.btn-conversion-01 .btn-style-04.ico-arrow-r:after,
.btn-conversion-01 .btn-style-05.ico-arrow-r:after,
.btn-conversion-01 .btn-style-06.ico-arrow-r:after{
  right:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-645px 0px;
}
.btn-conversion-01 .btn-style-04.ico-arrow-b:after,
.btn-conversion-01 .btn-style-05.ico-arrow-b:after,
.btn-conversion-01 .btn-style-06.ico-arrow-b:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-953px 0px;
}

.btn-disabled-01 .btn-style-01.ico-arrow-t:after,
.btn-disabled-01 .btn-style-02.ico-arrow-t:after,
.btn-disabled-01 .btn-style-03.ico-arrow-t:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2201px 0px;
}
.btn-disabled-01 .btn-style-01.ico-arrow-r:after,
.btn-disabled-01 .btn-style-02.ico-arrow-r:after,
.btn-disabled-01 .btn-style-03.ico-arrow-r:after{
  right:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-900px 0px;
}
.btn-disabled-01 .btn-style-01.ico-arrow-b:after,
.btn-disabled-01 .btn-style-02.ico-arrow-b:after,
.btn-disabled-01 .btn-style-03.ico-arrow-b:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2429px 0px;
}
.btn-disabled-01 .btn-style-01.ico-arrow-l:before,
.btn-disabled-01 .btn-style-02.ico-arrow-l:before,
.btn-disabled-01 .btn-style-03.ico-arrow-l:before{
  left:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1324px 0px;
}
.btn-disabled-01 .btn-style-01.ico-line-l:before,
.btn-disabled-01 .btn-style-02.ico-line-l:before,
.btn-disabled-01 .btn-style-03.ico-line-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-disabled-01 .btn-style-01.ico-facebook-l:before,
.btn-disabled-01 .btn-style-02.ico-facebook-l:before,
.btn-disabled-01 .btn-style-03.ico-facebook-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-disabled-01 .btn-style-01.ico-copy-l:before,
.btn-disabled-01 .btn-style-02.ico-copy-l:before,
.btn-disabled-01 .btn-style-03.ico-copy-l:before{
  left:20px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-disabled-01 .btn-style-01.ico-mail-l:before,
.btn-disabled-01 .btn-style-02.ico-mail-l:before,
.btn-disabled-01 .btn-style-03.ico-mail-l:before{
  left:20px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}

.btn-disabled-01 .btn-style-04.ico-arrow-t:after,
.btn-disabled-01 .btn-style-05.ico-arrow-t:after,
.btn-disabled-01 .btn-style-06.ico-arrow-t:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1377px 0px;
}
.btn-disabled-01 .btn-style-04.ico-arrow-r:after,
.btn-disabled-01 .btn-style-05.ico-arrow-r:after,
.btn-disabled-01 .btn-style-06.ico-arrow-r:after{
  right:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-543px 0px;
}
.btn-disabled-01 .btn-style-04.ico-arrow-b:after,
.btn-disabled-01 .btn-style-05.ico-arrow-b:after,
.btn-disabled-01 .btn-style-06.ico-arrow-b:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1218px 0px;
}
.btn-disabled-01 .btn-style-04.ico-arrow-l:before,
.btn-disabled-01 .btn-style-05.ico-arrow-l:before,
.btn-disabled-01 .btn-style-06.ico-arrow-l:before{
  left:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-390px 0px;
}
.btn-disabled-01 .btn-style-04.ico-line-l:before,
.btn-disabled-01 .btn-style-05.ico-line-l:before,
.btn-disabled-01 .btn-style-06.ico-line-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-disabled-01 .btn-style-04.ico-facebook-l:before,
.btn-disabled-01 .btn-style-05.ico-facebook-l:before,
.btn-disabled-01 .btn-style-06.ico-facebook-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-disabled-01 .btn-style-04.ico-copy-l:before,
.btn-disabled-01 .btn-style-05.ico-copy-l:before,
.btn-disabled-01 .btn-style-06.ico-copy-l:before{
  left:10px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-disabled-01 .btn-style-04.ico-mail-l:before,
.btn-disabled-01 .btn-style-05.ico-mail-l:before,
.btn-disabled-01 .btn-style-06.ico-mail-l:before{
  left:10px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}

/* 旧ボタンパーツ（今後使用しない）ここまで
----------------------------------------------- */
/* 新規ボタンパーツ 171002  /////////////////////////
----------------------------------------------- */
/* ボタン共通
----------------------------------------------- */
.btn-block{
  display:table;
  margin:0 0 20px;
}
.btn-block:before,
.btn-block:after{
  display:table;
  content:" ";
}
.btn-block:after{
  clear:both;
}
.btn-block .btn-str{
  box-sizing:border-box;
  display:table-cell;
  position:relative;
  outline:none;
  border-style:none;
  border-radius:5px;
  width:inherit;
  vertical-align:middle;
  text-align:center;
  text-decoration:none;
  font-weight:700;
  line-height:1.5;

  *display:inline;
  *zoom:1;
}
.btn-block.lyt-r{
  float:right;
  margin-left:10px;
}
.btn-block.lyt-l{
  float:left;
  margin-right:10px;
}
.btn-block.lyt-c{
  margin-right:auto;
  margin-left:auto;
}
.btn-block .ico-arrow-t:after{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}
.btn-block .ico-arrow-r:after{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}
.btn-block .ico-arrow-b:after{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}
.btn-block .ico-arrow-l:before{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}
.btn-block .ico-line-l:before,
.btn-block .ico-facebook-l:before,
.btn-block .ico-copy-l:before,
.btn-block .ico-mail-l:before{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  content:"";
}

/* 複数カラム
----------------------------------------------- */
.btn-col-wrap-01{
  text-align:center;
}
.btn-col-wrap-01:before,
.btn-col-wrap-01:after{
  display:table;
  content:" ";
}
.btn-col-wrap-01:after{
  clear:both;
}
.btn-col-wrap-01 > .col-item{
  display:inline-block;
  margin-left:20px;
}
.btn-col-wrap-01 > .col-item:first-child{
  margin-left:0;
}

/* 各ボタン別設定
----------------------------------------------- */
.btn-block-base-01 .btn-str{
  border:1px solid #bcbcbc;
  color:#333;
  background:#fff;
}
.btn-block-base-01 .btn-str:hover{
  background:#f4f4f4;
}
.btn-block-base-01 button[disabled]{
  color:#999;
  background:#d9d9d9;
  box-shadow:0 -2px 0 #d9d9d9 inset;
  cursor:default;
}
.btn-block-base-01 button[disabled]:hover{
  background:#d9d9d9;
}

.btn-block-base-02 .btn-str{
  color:#fff;
  background:#52aad4;
}
.btn-block-base-02 .btn-str:hover{
  background:#f4f4f4;
}
.btn-block-base-02 button[disabled]{
  color:#999;
  background:#d9d9d9;
  box-shadow:0 -2px 0 #d9d9d9 inset;
  cursor:default;
}
.btn-block-base-02 button[disabled]:hover{
  background:#d9d9d9;
}

.btn-block-conversion-01 .btn-str{
  color:#fff;
  background:#fb6b01 -webkit-gradient(linear, left bottom, left top, from(#fb6b01), to(#fb8501));
  background:#fb6b01 linear-gradient(to top, #fb6b01, #fb8501);
  background-color:#ccc\9;
  box-shadow:0 -2px 0 #b2520c inset;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#fb8501", EndColorstr="#fb6b01");
}
.btn-block-conversion-01 .btn-str:hover{
  background:#fc8e03 -webkit-gradient(linear, left bottom, left top, from(#fc8e03), to(#fca303));
  background:#fc8e03 linear-gradient(to top, #fc8e03, #fca303);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr="#FCA303", EndColorstr="#FC8E03");
}
.btn-block-conversion-01 button[disabled]{
  color:#999;
  background:#d9d9d9;
  box-shadow:0 -2px 0 #d9d9d9 inset;
  cursor:default;
}
.btn-block-conversion-01 button[disabled]:hover{
  background:#d9d9d9;
}

.btn-block-disabled-01 .btn-str{
  color:#999;
  background:#d9d9d9;
  cursor:default;
}

.btn-block-close-01{
  margin:20px 0 0;
}
.btn-block-close-01 .btn-str-style-01{
  padding:6px 13px;
}
.btn-block-close-01 .ico-close{
  overflow:hidden;
  position:relative;
  padding:0;
  border:0;
  width:100%;
  background:none;
  vertical-align:top;
  text-indent:100%;
  white-space:nowrap;
  line-height:1.2;
}
.btn-block-close-01 .ico-close:before{
  overflow:hidden;
  display:inline-block;
  position:relative;
  width:auto;
  height:auto;
  content:"";
}
.btn-block-close-01 .ico-close:before{
  margin-right:5px;
  width:12px;
  height:12px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4113px 0px;
}

/* for ie9   */
.btn-block-base-01:not(:target) .btn-str,
.btn-block-disabled-01:not(:target) .btn-str{
  border-radius:0\9;
}

.toggle-btn-block-01 .toggle-trigger.active .btn-str:not(:target),
.toggle-btn-block-01 .toggle-content:not(:target){
  border-radius:0\9;
}

@media all and (-ms-high-contrast: none){
  .btn-block-base-01:not(:target) .btn-str,
  .btn-block-disabled-01:not(:target) .btn-str{
    border-radius:5px;
  }

  .toggle-btn-block-01 .toggle-trigger.active .btn-str:not(:target){
    border-radius:5px 5px 0 0;
  }

  .toggle-btn-block-01 .toggle-content:not(:target){
    border-radius:0 0 5px 5px;
  }
}
/* アイコン共通
----------------------------------------------- */
.btn-block-base-01 .btn-str-style-01.ico-arrow-t,
.btn-block-base-01 .btn-str-style-01.ico-arrow-r,
.btn-block-base-01 .btn-str-style-01.ico-arrow-b,
.btn-block-base-01 .btn-str-style-01.ico-arrow-l,
.btn-block-base-01 .btn-str-style-02.ico-arrow-t,
.btn-block-base-01 .btn-str-style-02.ico-arrow-r,
.btn-block-base-01 .btn-str-style-02.ico-arrow-b,
.btn-block-base-01 .btn-str-style-02.ico-arrow-l,
.btn-block-base-01 .btn-str-style-03.ico-arrow-t,
.btn-block-base-01 .btn-str-style-03.ico-arrow-r,
.btn-block-base-01 .btn-str-style-03.ico-arrow-b,
.btn-block-base-01 .btn-str-style-03.ico-arrow-l{
  padding-right:68px;
  padding-left:68px;
}
.btn-block-base-01 .btn-str-style-01.ico-arrow-t:after,
.btn-block-base-01 .btn-str-style-02.ico-arrow-t:after,
.btn-block-base-01 .btn-str-style-03.ico-arrow-t:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2258px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-arrow-t:hover:after,
.btn-block-base-01 .btn-str-style-02.ico-arrow-t:hover:after,
.btn-block-base-01 .btn-str-style-03.ico-arrow-t:hover:after{
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2201px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-arrow-r:after,
.btn-block-base-01 .btn-str-style-02.ico-arrow-r:after,
.btn-block-base-01 .btn-str-style-03.ico-arrow-r:after{
  right:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1430px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-arrow-r:hover:after,
.btn-block-base-01 .btn-str-style-02.ico-arrow-r:hover:after,
.btn-block-base-01 .btn-str-style-03.ico-arrow-r:hover:after{
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-900px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-arrow-b:after,
.btn-block-base-01 .btn-str-style-02.ico-arrow-b:after,
.btn-block-base-01 .btn-str-style-03.ico-arrow-b:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2144px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-arrow-b:hover:after,
.btn-block-base-01 .btn-str-style-02.ico-arrow-b:hover:after,
.btn-block-base-01 .btn-str-style-03.ico-arrow-b:hover:after{
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2429px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-arrow-l:before,
.btn-block-base-01 .btn-str-style-02.ico-arrow-l:before,
.btn-block-base-01 .btn-str-style-03.ico-arrow-l:before{
  left:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1059px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-arrow-l:hover:before,
.btn-block-base-01 .btn-str-style-02.ico-arrow-l:hover:before,
.btn-block-base-01 .btn-str-style-03.ico-arrow-l:hover:before{
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1324px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-line-l:before,
.btn-block-base-01 .btn-str-style-02.ico-line-l:before,
.btn-block-base-01 .btn-str-style-03.ico-line-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-line-l:hover:before,
.btn-block-base-01 .btn-str-style-02.ico-line-l:hover:before,
.btn-block-base-01 .btn-str-style-03.ico-line-l:hover:before{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-facebook-l:before,
.btn-block-base-01 .btn-str-style-02.ico-facebook-l:before,
.btn-block-base-01 .btn-str-style-03.ico-facebook-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-facebook-l:hover:before,
.btn-block-base-01 .btn-str-style-02.ico-facebook-l:hover:before,
.btn-block-base-01 .btn-str-style-03.ico-facebook-l:hover:before{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-copy-l:before,
.btn-block-base-01 .btn-str-style-02.ico-copy-l:before,
.btn-block-base-01 .btn-str-style-03.ico-copy-l:before{
  left:20px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-copy-l:hover:before,
.btn-block-base-01 .btn-str-style-02.ico-copy-l:hover:before,
.btn-block-base-01 .btn-str-style-03.ico-copy-l:hover:before{
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-mail-l:before,
.btn-block-base-01 .btn-str-style-02.ico-mail-l:before,
.btn-block-base-01 .btn-str-style-03.ico-mail-l:before{
  left:20px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-block-base-01 .btn-str-style-01.ico-mail-l:hover:before,
.btn-block-base-01 .btn-str-style-02.ico-mail-l:hover:before,
.btn-block-base-01 .btn-str-style-03.ico-mail-l:hover:before{
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-t,
.btn-block-base-01 .btn-str-style-04.ico-arrow-r,
.btn-block-base-01 .btn-str-style-04.ico-arrow-b,
.btn-block-base-01 .btn-str-style-04.ico-arrow-l,
.btn-block-base-01 .btn-str-style-05.ico-arrow-t,
.btn-block-base-01 .btn-str-style-05.ico-arrow-r,
.btn-block-base-01 .btn-str-style-05.ico-arrow-b,
.btn-block-base-01 .btn-str-style-05.ico-arrow-l,
.btn-block-base-01 .btn-str-style-06.ico-arrow-t,
.btn-block-base-01 .btn-str-style-06.ico-arrow-r,
.btn-block-base-01 .btn-str-style-06.ico-arrow-b,
.btn-block-base-01 .btn-str-style-06.ico-arrow-l{
  padding-right:38px;
  padding-left:38px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-t:after,
.btn-block-base-01 .btn-str-style-05.ico-arrow-t:after,
.btn-block-base-01 .btn-str-style-06.ico-arrow-t:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1165px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-t:hover:after,
.btn-block-base-01 .btn-str-style-05.ico-arrow-t:hover:after,
.btn-block-base-01 .btn-str-style-06.ico-arrow-t:hover:after{
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1377px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-r:after,
.btn-block-base-01 .btn-str-style-05.ico-arrow-r:after,
.btn-block-base-01 .btn-str-style-06.ico-arrow-r:after{
  right:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-747px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-r:hover:after,
.btn-block-base-01 .btn-str-style-05.ico-arrow-r:hover:after,
.btn-block-base-01 .btn-str-style-06.ico-arrow-r:hover:after{
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-543px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-b:after,
.btn-block-base-01 .btn-str-style-05.ico-arrow-b:after,
.btn-block-base-01 .btn-str-style-06.ico-arrow-b:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1483px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-b:hover:after,
.btn-block-base-01 .btn-str-style-05.ico-arrow-b:hover:after,
.btn-block-base-01 .btn-str-style-06.ico-arrow-b:hover:after{
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1218px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-l:before,
.btn-block-base-01 .btn-str-style-05.ico-arrow-l:before,
.btn-block-base-01 .btn-str-style-06.ico-arrow-l:before{
  left:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-696px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-arrow-l:hover:before,
.btn-block-base-01 .btn-str-style-05.ico-arrow-l:hover:before,
.btn-block-base-01 .btn-str-style-06.ico-arrow-l:hover:before{
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-390px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-line-l:before,
.btn-block-base-01 .btn-str-style-05.ico-line-l:before,
.btn-block-base-01 .btn-str-style-06.ico-line-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-line-l:hover:before,
.btn-block-base-01 .btn-str-style-05.ico-line-l:hover:before,
.btn-block-base-01 .btn-str-style-06.ico-line-l:hover:before{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-facebook-l:before,
.btn-block-base-01 .btn-str-style-05.ico-facebook-l:before,
.btn-block-base-01 .btn-str-style-06.ico-facebook-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-facebook-l:hover:before,
.btn-block-base-01 .btn-str-style-05.ico-facebook-l:hover:before,
.btn-block-base-01 .btn-str-style-06.ico-facebook-l:hover:before{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-copy-l:before,
.btn-block-base-01 .btn-str-style-05.ico-copy-l:before,
.btn-block-base-01 .btn-str-style-06.ico-copy-l:before{
  left:10px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-copy-l:hover:before,
.btn-block-base-01 .btn-str-style-05.ico-copy-l:hover:before,
.btn-block-base-01 .btn-str-style-06.ico-copy-l:hover:before{
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-mail-l:before,
.btn-block-base-01 .btn-str-style-05.ico-mail-l:before,
.btn-block-base-01 .btn-str-style-06.ico-mail-l:before{
  left:10px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-block-base-01 .btn-str-style-04.ico-mail-l:hover:before,
.btn-block-base-01 .btn-str-style-05.ico-mail-l:hover:before,
.btn-block-base-01 .btn-str-style-06.ico-mail-l:hover:before{
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}

.btn-block-base-02 .btn-str-style-01.ico-arrow-t:after,
.btn-block-base-02 .btn-str-style-02.ico-arrow-t:after,
.btn-block-base-02 .btn-str-style-03.ico-arrow-t:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2486px 0px;
}
.btn-block-base-02 .btn-str-style-01.ico-arrow-r:after,
.btn-block-base-02 .btn-str-style-02.ico-arrow-r:after,
.btn-block-base-02 .btn-str-style-03.ico-arrow-r:after{
  right:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1112px 0px;
}
.btn-block-base-02 .btn-str-style-01.ico-arrow-b:after,
.btn-block-base-02 .btn-str-style-02.ico-arrow-b:after,
.btn-block-base-02 .btn-str-style-03.ico-arrow-b:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2315px 0px;
}
.btn-block-base-02 .btn-str-style-01.ico-arrow-l:before,
.btn-block-base-02 .btn-str-style-02.ico-arrow-l:before,
.btn-block-base-02 .btn-str-style-03.ico-arrow-l:before{
  left:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1006px 0px;
}
.btn-block-base-02 .btn-str-style-01.ico-line-l:before,
.btn-block-base-02 .btn-str-style-02.ico-line-l:before,
.btn-block-base-02 .btn-str-style-03.ico-line-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-block-base-02 .btn-str-style-01.ico-facebook-l:before,
.btn-block-base-02 .btn-str-style-02.ico-facebook-l:before,
.btn-block-base-02 .btn-str-style-03.ico-facebook-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-block-base-02 .btn-str-style-01.ico-copy-l:before,
.btn-block-base-02 .btn-str-style-02.ico-copy-l:before,
.btn-block-base-02 .btn-str-style-03.ico-copy-l:before{
  left:20px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-block-base-02 .btn-str-style-01.ico-mail-l:before,
.btn-block-base-02 .btn-str-style-02.ico-mail-l:before,
.btn-block-base-02 .btn-str-style-03.ico-mail-l:before{
  left:20px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-block-base-02 .btn-str-style-04.ico-arrow-t:after,
.btn-block-base-02 .btn-str-style-05.ico-arrow-t:after,
.btn-block-base-02 .btn-str-style-06.ico-arrow-t:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1271px 0px;
}
.btn-block-base-02 .btn-str-style-04.ico-arrow-r:after,
.btn-block-base-02 .btn-str-style-05.ico-arrow-r:after,
.btn-block-base-02 .btn-str-style-06.ico-arrow-r:after{
  right:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-645px 0px;
}
.btn-block-base-02 .btn-str-style-04.ico-arrow-b:after,
.btn-block-base-02 .btn-str-style-05.ico-arrow-b:after,
.btn-block-base-02 .btn-str-style-06.ico-arrow-b:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-953px 0px;
}
.btn-block-base-02 .btn-str-style-04.ico-arrow-l:before,
.btn-block-base-02 .btn-str-style-05.ico-arrow-l:before,
.btn-block-base-02 .btn-str-style-06.ico-arrow-l:before{
  left:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-594px 0px;
}
.btn-block-base-02 .btn-str-style-04.ico-line-l:before,
.btn-block-base-02 .btn-str-style-05.ico-line-l:before,
.btn-block-base-02 .btn-str-style-06.ico-line-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-block-base-02 .btn-str-style-04.ico-facebook-l:before,
.btn-block-base-02 .btn-str-style-05.ico-facebook-l:before,
.btn-block-base-02 .btn-str-style-06.ico-facebook-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-block-base-02 .btn-str-style-04.ico-copy-l:before,
.btn-block-base-02 .btn-str-style-05.ico-copy-l:before,
.btn-block-base-02 .btn-str-style-06.ico-copy-l:before{
  left:10px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-block-base-02 .btn-str-style-04.ico-mail-l:before,
.btn-block-base-02 .btn-str-style-05.ico-mail-l:before,
.btn-block-base-02 .btn-str-style-06.ico-mail-l:before{
  left:10px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}

.btn-block-conversion-01 .btn-str-style-01.ico-arrow-t:after,
.btn-block-conversion-01 .btn-str-style-02.ico-arrow-t:after,
.btn-block-conversion-01 .btn-str-style-03.ico-arrow-t:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2486px 0px;
}
.btn-block-conversion-01 .btn-str-style-01.ico-arrow-r:after,
.btn-block-conversion-01 .btn-str-style-02.ico-arrow-r:after,
.btn-block-conversion-01 .btn-str-style-03.ico-arrow-r:after{
  right:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1112px 0px;
}
.btn-block-conversion-01 .btn-str-style-01.ico-arrow-b:after,
.btn-block-conversion-01 .btn-str-style-02.ico-arrow-b:after,
.btn-block-conversion-01 .btn-str-style-03.ico-arrow-b:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2315px 0px;
}
.btn-block-conversion-01 .btn-str-style-04.ico-arrow-t:after,
.btn-block-conversion-01 .btn-str-style-05.ico-arrow-t:after,
.btn-block-conversion-01 .btn-str-style-06.ico-arrow-t:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1271px 0px;
}
.btn-block-conversion-01 .btn-str-style-04.ico-arrow-r:after,
.btn-block-conversion-01 .btn-str-style-05.ico-arrow-r:after,
.btn-block-conversion-01 .btn-str-style-06.ico-arrow-r:after{
  right:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-645px 0px;
}
.btn-block-conversion-01 .btn-str-style-04.ico-arrow-b:after,
.btn-block-conversion-01 .btn-str-style-05.ico-arrow-b:after,
.btn-block-conversion-01 .btn-str-style-06.ico-arrow-b:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-953px 0px;
}

.btn-block-disabled-01 .btn-str-style-01.ico-arrow-t:after,
.btn-block-disabled-01 .btn-str-style-02.ico-arrow-t:after,
.btn-block-disabled-01 .btn-str-style-03.ico-arrow-t:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2201px 0px;
}
.btn-block-disabled-01 .btn-str-style-01.ico-arrow-r:after,
.btn-block-disabled-01 .btn-str-style-02.ico-arrow-r:after,
.btn-block-disabled-01 .btn-str-style-03.ico-arrow-r:after{
  right:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-900px 0px;
}
.btn-block-disabled-01 .btn-str-style-01.ico-arrow-b:after,
.btn-block-disabled-01 .btn-str-style-02.ico-arrow-b:after,
.btn-block-disabled-01 .btn-str-style-03.ico-arrow-b:after{
  right:20px;
  width:17px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2429px 0px;
}
.btn-block-disabled-01 .btn-str-style-01.ico-arrow-l:before,
.btn-block-disabled-01 .btn-str-style-02.ico-arrow-l:before,
.btn-block-disabled-01 .btn-str-style-03.ico-arrow-l:before{
  left:20px;
  width:13px;
  height:17px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1324px 0px;
}
.btn-block-disabled-01 .btn-str-style-01.ico-line-l:before,
.btn-block-disabled-01 .btn-str-style-02.ico-line-l:before,
.btn-block-disabled-01 .btn-str-style-03.ico-line-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-block-disabled-01 .btn-str-style-01.ico-facebook-l:before,
.btn-block-disabled-01 .btn-str-style-02.ico-facebook-l:before,
.btn-block-disabled-01 .btn-str-style-03.ico-facebook-l:before{
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-block-disabled-01 .btn-str-style-01.ico-copy-l:before,
.btn-block-disabled-01 .btn-str-style-02.ico-copy-l:before,
.btn-block-disabled-01 .btn-str-style-03.ico-copy-l:before{
  left:20px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-block-disabled-01 .btn-str-style-01.ico-mail-l:before,
.btn-block-disabled-01 .btn-str-style-02.ico-mail-l:before,
.btn-block-disabled-01 .btn-str-style-03.ico-mail-l:before{
  left:20px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}
.btn-block-disabled-01 .btn-str-style-04.ico-arrow-t:after,
.btn-block-disabled-01 .btn-str-style-05.ico-arrow-t:after,
.btn-block-disabled-01 .btn-str-style-06.ico-arrow-t:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1377px 0px;
}
.btn-block-disabled-01 .btn-str-style-04.ico-arrow-r:after,
.btn-block-disabled-01 .btn-str-style-05.ico-arrow-r:after,
.btn-block-disabled-01 .btn-str-style-06.ico-arrow-r:after{
  right:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-543px 0px;
}
.btn-block-disabled-01 .btn-str-style-04.ico-arrow-b:after,
.btn-block-disabled-01 .btn-str-style-05.ico-arrow-b:after,
.btn-block-disabled-01 .btn-str-style-06.ico-arrow-b:after{
  right:10px;
  width:13px;
  height:11px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1218px 0px;
}
.btn-block-disabled-01 .btn-str-style-04.ico-arrow-l:before,
.btn-block-disabled-01 .btn-str-style-05.ico-arrow-l:before,
.btn-block-disabled-01 .btn-str-style-06.ico-arrow-l:before{
  left:10px;
  width:11px;
  height:13px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-390px 0px;
}
.btn-block-disabled-01 .btn-str-style-04.ico-line-l:before,
.btn-block-disabled-01 .btn-str-style-05.ico-line-l:before,
.btn-block-disabled-01 .btn-str-style-06.ico-line-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1976px 0px;
}
.btn-block-disabled-01 .btn-str-style-04.ico-facebook-l:before,
.btn-block-disabled-01 .btn-str-style-05.ico-facebook-l:before,
.btn-block-disabled-01 .btn-str-style-06.ico-facebook-l:before{
  left:10px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2088px 0px;
}
.btn-block-disabled-01 .btn-str-style-04.ico-copy-l:before,
.btn-block-disabled-01 .btn-str-style-05.ico-copy-l:before,
.btn-block-disabled-01 .btn-str-style-06.ico-copy-l:before{
  left:10px;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1590px 0px;
}
.btn-block-disabled-01 .btn-str-style-04.ico-mail-l:before,
.btn-block-disabled-01 .btn-str-style-05.ico-mail-l:before,
.btn-block-disabled-01 .btn-str-style-06.ico-mail-l:before{
  left:10px;
  width:14px;
  height:10px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1536px 0px;
}

/* 中サイズボタン共通
   -01 : 12px / -02 : 14px / -03 : 16px
----------------------------------------------- */
.btn-str-style-01{
  padding:14px 16px;
  font-size:12px;
}

.btn-str-style-02{
  padding:13px 16px 12px;
  font-size:14px;
}

.btn-str-style-03{
  padding:11px 16px;
  font-size:16px;
}

/* 小サイズボタン
   -04 : 12px / -05 : 14px / -06 : 16px
----------------------------------------------- */
.btn-str-style-04{
  padding:8px 16px;
  font-size:12px;
}

.btn-str-style-05{
  padding:7px 16px 6px;
  font-size:14px;
}

.btn-str-style-06{
  padding:5px 16px;
  font-size:16px;
}

/* toggle
========================================================================== */
.js_tgl-content,
.toggle-content{
  display:none;
}
.js_tgl-content.active,
.toggle-content.active{
  display:block;
}

.active + .toggle-content{
  display:block;
}

/* 見出し系トグル
----------------------------------------------- */
.toggle-hdg-box-01 .hdg-lv2-01{
  padding-left:38px;
}
.toggle-hdg-box-01 .hdg-lv2-01:hover{
  text-decoration:underline;
}
.toggle-hdg-box-01 .hdg-lv2-01 .ico-toggle-01{
  display:block;
  position:absolute;
  top:10px;
  left:10px;
  width:22px;
  height:22px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2969px 0px;
}
.toggle-hdg-box-01 .hdg-lv2-01.active .ico-toggle-01{
  width:22px;
  height:22px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2907px 0px;
}
.toggle-hdg-box-01 .hdg-lv3-01{
  display:inline-block;
  padding:6px 0 6px 30px;
  color:#05c;
  vertical-align:bottom;
}
.toggle-hdg-box-01 .hdg-lv3-01:hover{
  text-decoration:underline;
}
.toggle-hdg-box-01 .hdg-lv3-01:before{
  content:none;
}
.toggle-hdg-box-01 .hdg-lv3-01 .ico-toggle-01{
  display:block;
  position:absolute;
  top:5px;
  left:0;
  width:22px;
  height:22px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2969px 0px;
}
.toggle-hdg-box-01 .hdg-lv3-01.active .ico-toggle-01{
  width:22px;
  height:22px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2907px 0px;
}
.toggle-hdg-box-01 .toggle-content{
  padding:0 10px 10px;
}

.toggle-trigger{
  cursor:pointer;
}

/* テキスト系トグル
----------------------------------------------- */
.toggle-text-box-01 .toggle-text{
  display:inline-block;
  position:relative;
  margin-bottom:5px;
  color:#05c;
  cursor:pointer;
}
.toggle-text-box-01 .toggle-text:hover{
  text-decoration:underline;
}
.toggle-text-box-01 .toggle-text > [class*="ico-"]{
  overflow:hidden;
  display:inline-block;
  margin-right:2px;
  text-indent:100%;
  white-space:nowrap;

  *text-indent:0;
  *font-size:0;
  *line-height:0;
}
.toggle-text-box-01 .toggle-text .ico-toggle-01{
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4928px 0px;
  vertical-align:middle;
}
.toggle-text-box-01 .toggle-text .ico-toggle-02{
  display:inline-block;
  margin-right:5px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5312px 0px;
  vertical-align:middle;
}
.toggle-text-box-01 .toggle-trigger.active .ico-toggle-01{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4864px 0px;
}
.toggle-text-box-01 .toggle-trigger.active .ico-toggle-02{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5248px 0px;
}
.toggle-text-box-01 .toggle-content{
  padding:0 0 15px;
}
.toggle-text-box-01 .no-underline{
  text-decoration:none;
}

/* 旧ボタン系トグル（今後使用しない）
----------------------------------------------- */
.toggle-btn-box-01 .btn-frame{
  width:100%;
}
.toggle-btn-box-01 .btn-frame .ico-toggle-01{
  overflow:hidden;
  display:block;
  position:absolute;
  top:16px;
  left:20px;
  width:15px;
  width:16px;
  height:15px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1864px 0px;
  text-indent:100%;
  white-space:nowrap;
}
.toggle-btn-box-01 .btn-str{
  width:100%;
  text-align:left;
}
.toggle-btn-box-01 .btn-style-01,
.toggle-btn-box-01 .btn-style-02,
.toggle-btn-box-01 .btn-style-03{
  padding-right:41px;
  padding-left:41px;
}
.toggle-btn-box-01 .toggle-trigger.active.btn-frame{
  border-radius:5px 5px 0 0;
}
.toggle-btn-box-01 .toggle-trigger.active.btn-frame .btn-str{
  border-radius:4px 4px 0 0;
}
.toggle-btn-box-01 .toggle-trigger.active .ico-toggle-01{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1920px 0px;
}
.toggle-btn-box-01 .toggle-content{
  padding:10px;
  border:1px solid #d9d9d9;
  border-top:0;
  border-radius:0 0 5px 5px;
}

/* 新ボタン系トグル
----------------------------------------------- */
.toggle-btn-block-01 .btn-block{
  padding-bottom:0;
  width:100%;
}
.toggle-btn-block-01 .btn-block .ico-toggle-01{
  overflow:hidden;
  display:block;
  position:absolute;
  top:14px;
  left:20px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1864px 0px;
  text-indent:100%;
  white-space:nowrap;
}
.toggle-btn-block-01 .btn-str{
  width:100%;
  text-align:left;
}
.toggle-btn-block-01 .btn-str-style-01,
.toggle-btn-block-01 .btn-str-style-02,
.toggle-btn-block-01 .btn-str-style-03{
  padding-right:41px;
  padding-left:41px;
}
.toggle-btn-block-01 .toggle-trigger.active.btn-block{
  margin-bottom:0;
}
.toggle-btn-block-01 .toggle-trigger.active .btn-str{
  border-radius:5px 5px 0 0;
}
.toggle-btn-block-01 .toggle-trigger.active .ico-toggle-01{
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1920px 0px;
}
.toggle-btn-block-01 .toggle-content{
  padding:10px;
  border:1px solid #d9d9d9;
  border-top:0;
  border-radius:0 0 5px 5px;
}

/* link
========================================================================== */
.list-link-01 > li > a,
.list-link-02 > li > a,
.list-link-03 > li > a{
  padding:4px 0;
}

.list-link-01 > li{
  margin-bottom:8px;
}
.list-link-01 > li:last-cihld{
  margin-bottom:8px;
}

.list-link-01 > li > a,
.list-link-03 > li > a{
  position:relative;
}
.list-link-01 > li > a:before,
.list-link-03 > li > a:before{
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4800px 0px;
  content:"";
  pointer-events:none;
}
.list-link-01 > li > a.ico-arrow-t:before,
.list-link-03 > li > a.ico-arrow-t:before{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4864px 0px;
}
.list-link-01 > li > a.ico-arrow-b:before,
.list-link-03 > li > a.ico-arrow-b:before{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4928px 0px;
}
.list-link-01 > li > a.ico-arrow-l:before,
.list-link-03 > li > a.ico-arrow-l:before{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4736px 0px;
}
.list-link-01 > li > a,
.list-link-03 > li > a{
  padding:2px 0px 3px 24px;
}

.list-link-02 li{
  display:inline-block;
  margin-left:10px;
}
.list-link-02 li:first-child{
  margin-left:0;
}
.list-link-02 [class*="ico-"]{
  overflow:hidden;
  display:inline-block;
  margin-right:5px;
  text-indent:100%;
  white-space:nowrap;

  *text-indent:0;
  *font-size:0;
  *line-height:0;
}
.list-link-02 .ico-pdf{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5946px 0px;
  vertical-align:-8px;
}
.list-link-02 .ico-blank{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5120px 0px;
  vertical-align:middle;
}
.list-link-02 .ico-blank-02{
  width:18px;
  height:18px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4614px 0px;
  vertical-align:middle;
}

.list-link-03 li{
  display:inline-block;
  margin-left:15px;
}
.list-link-03 li:first-child{
  margin-left:0;
}
.list-link-03 [class*="ico-"]{
  overflow:hidden;
  display:inline-block;
  text-indent:100%;
  white-space:nowrap;

  *text-indent:0;
  *font-size:0;
  *line-height:0;
}
.list-link-03 .ico-pdf{
  margin-right:4px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5946px 0px;
  vertical-align:-8px;
}
.list-link-03 .ico-blank{
  margin-right:4px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5120px 0px;
  vertical-align:middle;
}
.list-link-03 .ico-blank-02{
  margin-left:2px;
  width:18px;
  height:18px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4614px 0px;
  vertical-align:bottom;
}

.list-link-04:after{
  display:table;
  clear:both;
  content:"";
}
.list-link-04 li{
  display:inline;
}
.list-link-04 li a{
  display:block;
  position:relative;
  float:left;
  margin-bottom:16px;
  padding:18px 46px 19px 20px;
  border:1px solid #d9d9d9;
  border-radius:4px;
  width:414px;
  color:#333;
  background:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
}
.list-link-04 li a .supplement{
  font-weight:normal;
}
.list-link-04 li a:after{
  display:block;
  position:absolute;
  top:50%;
  right:11px;
  margin-top:-12px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4672px 0px;
  content:"";
}
.list-link-04 li a:hover{
  background:#f5f5f5;
}
.list-link-04 li:nth-child(even) a{
  float:right;
}

.link-text-01 > a{
  color:#05c;
}
.link-text-01 > a:before{
  display:inline-block;
  margin-right:2px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4800px 0px;
  content:"";
  vertical-align:middle;
}
.link-text-01 .ico-arrow-l:before{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4736px 0px;
}
.link-text-01 .ico-arrow-b:before{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4928px 0px;
}
.link-text-01 .ico-arrow-t:before{
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4864px 0px;
}
.link-text-01 .ico-pdf{
  overflow:hidden;
  display:inline-block;
  position:relative;
  margin-left:4px;
  width:24px;
  vertical-align:middle;
  text-indent:100%;
  white-space:nowrap;
}
.link-text-01 .ico-pdf:before{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  margin:auto 0;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5946px 0px;
  content:"";
}
.link-text-01 .ico-blank{
  overflow:hidden;
  display:inline-block;
  position:relative;
  margin-left:4px;
  width:24px;
  height:24px;
  vertical-align:middle;
  text-indent:100%;
  white-space:nowrap;

  *text-indent:0;
  *font-size:0;
  *line-height:0;
}
.link-text-01 .ico-blank:before{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  margin:auto 0;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5120px 0px;
  content:"";
}

.link-text-02 [class*="ico-"]{
  overflow:hidden;
  display:inline-block;
  text-indent:100%;
  white-space:nowrap;

  *text-indent:0;
  *font-size:0;
  *line-height:0;
}
.link-text-02 .ico-pdf{
  margin-right:5px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5946px 0px;
  vertical-align:-8px;
}
.link-text-02 .ico-blank{
  margin-right:5px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5120px 0px;
  vertical-align:middle;
}
.link-text-02 .ico-blank-02{
  margin-right:3px;
  margin-left:3px;
  width:18px;
  height:18px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4614px 0px;
  vertical-align:bottom;
}

/* パンくず
----------------------------------------------- */
.breadcrumb{
  overflow:hidden;
  padding:10px 0 5px;
}

.breadcrumb p{
  float:left;
}

.breadcrumb p strong{
  display:block;
  min-width:150px;
  white-space:nowrap;
  font-weight:normal;
}

/* サイト統合用パンくず */
.breadcrumb-nav{
  padding:20px 0;
  border-top:1px solid #cad5d8;
}
.breadcrumb-nav .breadcrumb-list{
  margin:0 auto;
  width:1000px;
  list-style:none;
}
.breadcrumb-nav .breadcrumb-list > li a:link,
.breadcrumb-nav .breadcrumb-list > li a:focus,
.breadcrumb-nav .breadcrumb-list > li a:visited{
  color:#05c;
}
.breadcrumb-nav .breadcrumb-list li{
  display:inline;
}
.breadcrumb-nav .breadcrumb-list li:before{
  content:"\ff1e";
}
.breadcrumb-nav .breadcrumb-list li:first-child:before{
  display:none;
}

/* ページトップへ
   ※購入導線・マイページのみ使用可  LPへの使用検討中
----------------------------------------------- */
.link-PageTop{
  overflow:hidden;
  display:none;
  position:fixed;
  right:20px;
  bottom:30px;
  z-index:50;
  border-radius:4px;
  width:60px;
  height:60px;
  background:rgba(0, 0, 0, .6);
  text-indent:100%;
  white-space:nowrap;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}
.link-PageTop:not(:target){
  -webkit-filter:none;
  filter:none;
}
.link-PageTop > a{
  overflow:hidden;
  display:block;
  width:100%;
  height:100%;
  text-indent:100%;
  white-space:nowrap;
}
.link-PageTop > a:after{
  display:block;
  position:absolute;
  top:22px;
  left:17px;
  margin:auto;
  width:26px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-3095px 0px;
  content:"";
}
.link-PageTop.fixed-footer{
  position:absolute;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

/* ----------------------------------------------------------------
  form
----------------------------------------------------------------- */
.form-str{
  box-sizing:border-box;
  margin:0;
  padding:0;
}
.form-str .item-name-01{
  display:block;
  margin-bottom:5px;
  padding-right:5px;
}
.form-str .item-name-01 > b{
  padding-right:5px;
}
.form-str .item-subname-01{
  font-size:10px;
}
.form-str .ico-base{
  display:inline-block;
  line-height:1.2;
}
.form-str .err-text-01{
  display:none;
  margin-top:3px;
  margin-bottom:1px;
  color:#f00;
}

/* text
----------------------------------------------- */
:-ms-input-placeholder{
  color:#a9a9a9;
}

.form-str .input-text-base > label{
  display:block;
}
.form-str .input-text-base input{
  box-sizing:border-box;
  padding:8px 3px 7px 10px;
  border:1px solid #bcbcbc;
  border-radius:5px;
  height:40px;

  *padding:0 0 0 10px;
  *line-height:2.5;
  *zoom:1;
}
.form-str .input-text-base input:before,
.form-str .input-text-base input:after{
  display:block;
  width:100%;
  height:1px;
  background:-webkit-gradient(linear, left top, left bottom, from(left), color-stop(#f00), to(#00f));
  background:linear-gradient(left, #f00, #00f);
}
.form-str .input-text-base input:focus{
  padding:8px 3px 7px 9px;
  background-color:#fff4b8;
}
.form-str .input-text-base input:hover{
  box-shadow:0px 0px 4px 1px #bcbcbc;
}
.form-str .input-text-base .separate{
  margin:0 10px;
}
.form-str .input-text-base:before,
.form-str .input-text-base:after{
  display:table;
  content:" ";
}
.form-str .input-text-base:after{
  clear:both;
}

.form-str .input-style-01 input{
  width:100%;
}
.form-str .input-style-02 input{
  display:block;
  width:50%;
}
.form-str .input-style-03 input{
  display:block;
  width:33%;
}
.form-str .input-style-04 > label{
  display:inline;
}
.form-str .input-style-04 .number-01{
  width:68px;
}
.form-str .input-style-04 .number-02{
  width:88px;
}
.form-str .input-style-05{
  margin:0 -2% 0 0;

  *zoom:1;
}
.form-str .input-style-05 input{
  float:left;
  margin-right:2%;
  width:88px;

  overfolow:hidden;
}
.form-str .input-disabled input{
  border-color:#d9d9d9;
  color:#999;
  background-color:#d9d9d9;
  box-shadow:none;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -webkit-text-fill-color:#999;
  -webkit-appearance:none;
}
.form-str .show_pass{
  position:relative;
}
.form-str .show_pass fieldset{
  position:absolute;
  top:50%;
  right:10px;
  margin-top:-12px;
  padding:0;
  border:none;
  width:24px;
  height:24px;
}
.form-str .show_pass input.pass-check{
  display:none;
}
.form-str .show_pass input.pass-check + label{
  overflow:hidden;
  display:inline-block;
  margin-left:1px;
  width:24px;
  height:24px;
  background-image:url("//s.skygate.co.jp/pc/shared/images/sprite.png");
  background-position:-4486px 0px;
  vertical-align:middle;
  text-indent:100%;
  white-space:nowrap;
}
.form-str .show_pass input[type="checkbox"]:checked + label{
  background-image:url("//s.skygate.co.jp/pc/shared/images/sprite.png");
  background-position:-4550px 0px;
}

/* select
----------------------------------------------- */
.form-str .select-box{
  padding:0;
  border:none;
}
.form-str .select-frame{
  box-sizing:border-box;
  display:inline-block;
  position:relative;
  border-radius:5px;
  font-size:14px;
}
.form-str .select-frame .select-str{
  box-sizing:border-box;
  display:inline-block;
  outline:none;
  border-style:none;
  border-radius:4px;
  text-decoration:none;
}
.form-str .select-frame .select-str::-ms-expand{
  display:none;
}
.form-str .select-frame .select-str:hover{
  box-shadow:0px 0px 4px 1px #bcbcbc;
}
.form-str .select-base-01{
  border:1px solid #bcbcbc;
}
.form-str .select-base-01:focus{
  border:1px solid #196fb9;
}
.form-str .select-base-01:focus .select-style-01{
  padding:0 30px 0 9px;
}
.form-str .select-base-01 > label{
  display:block;
}
.form-str .select-base-01 .select-str{
  color:#333;
  background-color:#fff;
}
.form-str .select-base-01 .select-style-01{
  padding:0 30px 0 10px;
  padding:0 0 0 10px\9;
  width:100%;
  height:38px;
  vertical-align:middle;

  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.form-str .select-base-01.ico-arrow-b:after{
  display:inline-block;
  display:none\9;
  position:absolute;
  top:50%;
  right:4px;
  margin-top:-12px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5440px 0px;
  content:"";
  pointer-events:none;
}
.form-str .select-disabled-01{
  position:relative;
  padding-bottom:0;
  width:100%;
  background:#d9d9d9;
}
.form-str .select-disabled-01 > label{
  display:block;
}
.form-str .select-disabled-01 .select-str{
  color:#999;
  background:#d9d9d9;
  -webkit-filter:none;
  filter:none;
}
.form-str .select-disabled-01 .select-style-01{
  padding-left:10px;
  width:100%;
  height:38px;

  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.form-str .select-disabled-01.ico-arrow-b:after{
  display:inline-block;
  position:absolute;
  top:50%;
  right:10px;
  margin-top:-12px;
  width:24px;
  height:24px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5440px 0px;
  content:"";
  opacity:.6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  pointer-events:none;
}

.form-str .select-box .select-style-yy{
  margin-top:5px;
  margin-right:5px;
  width:6.667em;

  *display:inline;
  *zoom:1;
}
.form-str .select-box .select-style-yy + label{
  padding-right:5px;
}
.form-str .select-box .select-style-mm,
.form-str .select-box .select-style-dd{
  margin-top:5px;
  margin-right:5px;
  width:5em;

  *display:inline;
  *zoom:1;
}
.form-str .select-box .select-style-mm + label,
.form-str .select-box .select-style-dd + label{
  padding-right:5px;
}
.form-str .select-box .select-style-date{
  display:inline-block;
  margin:5px 5px 0 0;
  width:88px;
}
.form-str .select-box .select-style-date + label{
  padding-right:5px;
}

/* radio
----------------------------------------------- */
.form-str .radio-box{
  padding:0;
  border:none;
}
.form-str .radio-box .radio-hdg-01{
  font-weight:normal;
}

.form-str .radio-base-01{
  display:block;
  margin-top:3px;
  margin-bottom:3px;
  padding:0;
}
.form-str .radio-base-01 .radio-str{
  display:block;
  margin-bottom:4px;
}
.form-str .radio-base-01 .radio-str label{
  box-sizing:border-box;
  display:block;
}
.form-str .radio-base-01 .radio-str input{
  margin-top:1px;
  margin-right:8px;
  vertical-align:text-top;
}
.form-str .radio-base-01 .radio-str:last-child{
  margin-bottom:0;
}
.form-str .radio-base-02{
  margin-top:3px;
  margin-bottom:3px;
  padding:0;
}
.form-str .radio-base-02 .radio-str{
  display:inline-block;
  margin-right:20px;
  margin-bottom:0;
  line-height:1.6;
}
.form-str .radio-base-02 .radio-str label{
  box-sizing:border-box;
}
.form-str .radio-base-02 .radio-str input{
  margin-top:1px;
  margin-right:8px;
  vertical-align:text-top;
}
.form-str .radio-base-03 .radio-str{
  display:block;
  position:relative;
  margin-bottom:6px;
}
.form-str .radio-base-03 .radio-str input[type="radio"]{
  position:absolute;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.form-str .radio-base-03 .radio-str input[type="radio"]:hover + label:before{
  border:2px solid #bcbcbc;
  box-shadow:0px 0px 4px 1px #bcbcbc;
}
.form-str .radio-base-03 .radio-str input[type="radio"]:focus + label:before{
  border:2px solid #196fb9;
}
.form-str .radio-base-03 .radio-str input[type="radio"]:checked + label:before{
  border:2px solid #196fb9;
  background:#fff;
}
.form-str .radio-base-03 .radio-str input[type="radio"]:checked + label:after{
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}
.form-str .radio-base-03 .radio-str > label{
  box-sizing:border-box;
  display:inline-block;
  position:relative;
  padding:2px 3px 2px 28px;
  cursor:pointer;
}
.form-str .radio-base-03 .radio-str > label:before,
.form-str .radio-base-03 .radio-str > label:after{
  position:absolute;
  top:50%;
  border-radius:100%;
  content:"";
  -webkit-transition:all .2s;
  transition:all .2s;
}
.form-str .radio-base-03 .radio-str > label:before{
  left:0;
  margin-top:-11px;
  border:2px solid #666;
  width:16px;
  height:16px;
}
.form-str .radio-base-03 .radio-str > label:hover:before{
  background:#fff;
}
.form-str .radio-base-03 .radio-str > label:after{
  left:5px;
  margin-top:-6px;
  width:10px;
  height:10px;
  background:#196fb9;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform:scale(2);
  -ms-transform:scale(2);
  transform:scale(2);
}
.form-str .radio-base-04 .radio-str{
  display:inline-block;
  position:relative;
  margin-right:20px;
  margin-bottom:0;
}
.form-str .radio-base-04 .radio-str input[type="radio"]{
  position:absolute;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.form-str .radio-base-04 .radio-str input[type="radio"]:hover + label:before{
  border:2px solid #bcbcbc;
  box-shadow:0px 0px 4px 1px #bcbcbc;
}
.form-str .radio-base-04 .radio-str input[type="radio"]:focus + label:before{
  border:2px solid #196fb9;
}
.form-str .radio-base-04 .radio-str input[type="radio"]:checked + label:before{
  border:2px solid #196fb9;
  background:#fff;
}
.form-str .radio-base-04 .radio-str input[type="radio"]:checked + label:after{
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}
.form-str .radio-base-04 .radio-str > label{
  box-sizing:border-box;
  display:inline-block;
  position:relative;
  padding:2px 3px 2px 28px;
  cursor:pointer;
}
.form-str .radio-base-04 .radio-str > label:before,
.form-str .radio-base-04 .radio-str > label:after{
  position:absolute;
  top:50%;
  border-radius:100%;
  content:"";
  -webkit-transition:all .2s;
  transition:all .2s;
}
.form-str .radio-base-04 .radio-str > label:before{
  left:0;
  margin-top:-11px;
  border:2px solid #666;
  width:16px;
  height:16px;
}
.form-str .radio-base-04 .radio-str > label:hover:before{
  background:#fff;
}
.form-str .radio-base-04 .radio-str > label:after{
  left:5px;
  margin-top:-6px;
  width:10px;
  height:10px;
  background:#196fb9;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform:scale(2);
  -ms-transform:scale(2);
  transform:scale(2);
}
.form-str .radio-base-04 .radio-str input[disabled="disabled"] + label{
  color:#999;
  cursor:default;
}
.form-str .radio-base-04 .radio-str input[disabled="disabled"] + label:before{
  border:2px solid #999;
}
.form-str .radio-base-04 .radio-str input[disabled="disabled"] + label:before:hover:before{
  background:#999;
}

.form-str .radio-str.radio-style-03{
  display:inline-block;
  text-align:left;
}
.form-str .radio-str.radio-style-03 label{
  display:block;
  position:relative;
  padding-left:20px;
}
.form-str .radio-str.radio-style-03 input{
  position:absolute;
  top:0;
  left:0;
}
.form-str .radio-str.radio-style-03 .radio-hdg-01{
  display:block;
  font-weight:normal;
}
.form-str .radio-str.radio-style-03 .radio-text-01{
  display:block;
  font-size:10px;
}
.form-str .radio-disabled-01{
  color:#999;
}

/* check box
----------------------------------------------- */
.form-str .check-box{
  padding:0;
  border:none;
}
.form-str .check-box .check-hdg-01{
  font-weight:normal;
}
.form-str .check-box > ul{
  margin:0;
  padding:0;
}
.form-str .check-box > ul > li{
  margin-bottom:4px;
}
.form-str .check-box > ul > li:last-child{
  margin-bottom:0;
}
.form-str .check-box .check-frame{
  display:inline-block;
  position:relative;
  border-radius:5px;
}

.form-str .check-base-01{
  display:block;
  margin-top:3px;
  margin-bottom:3px;
  padding:0;
}
.form-str .check-base-01 .check-str{
  display:block;
  margin-bottom:4px;
}
.form-str .check-base-01 .check-str label{
  box-sizing:border-box;
  display:block;
}
.form-str .check-base-01 .check-str input{
  margin-top:1px;
  margin-right:8px;
  vertical-align:text-top;
}
.form-str .check-base-01 .check-str:last-child{
  margin-bottom:0;
}
.form-str .check-base-02{
  margin-top:3px;
  margin-bottom:3px;
  padding:0;
}
.form-str .check-base-02 .check-str{
  display:inline-block;
  margin-right:20px;
  margin-bottom:0;
  line-height:1.6;
}
.form-str .check-base-02 .check-str label{
  box-sizing:border-box;
}
.form-str .check-base-02 .check-str input{
  margin-top:1px;
  margin-right:8px;
  vertical-align:text-top;
}
.form-str .check-base-03{
  border:1px solid #bcbcbc;
  width:100%;
  background:#fff;
}
.form-str .check-base-03 .check-str{
  position:relative;
  border-style:none;
  text-decoration:none;

  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.form-str .check-base-03 .check-str label{
  border-radius:4px;
}
.form-str .check-base-05{
  width:100%;
}
.form-str .check-base-05 .check-str{
  position:relative;
  border-style:none;
  text-decoration:none;

  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

.form-str .check-style-01{
  display:inline-block;
  text-align:left;
}
.form-str .check-style-01 label{
  display:block;
  position:relative;
  padding-left:20px;
}
.form-str .check-style-01 input{
  position:absolute;
  top:0;
  left:0;
}
.form-str .check-style-01 .check-hdg-01{
  display:block;
  font-weight:normal;
}
.form-str .check-style-01 .check-text-01{
  display:block;
  font-size:10px;
}
.form-str .check-disabled-01{
  color:#999;
}
.form-str .check-base-03 .check-style-01{
  display:block;
}
.form-str .check-base-03 .check-style-01 label{
  padding:11px 10px 10px 40px;
  cursor:pointer;
}
.form-str .check-base-03 .check-style-01 label .check-hdg-01{
  display:block;
  font-size:14px;
}
.form-str .check-base-03 .check-style-01 label:before{
  display:block;
  position:absolute;
  top:50%;
  left:11px;
  margin-top:-9px;
  border:2px solid #666;
  border-radius:3px;
  width:14px;
  height:14px;
  content:"";
}
.form-str .check-base-03 .check-style-01 input{
  position:absolute;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.form-str .check-base-03 .check-style-01 input:hover + label:before{
  border:2px solid #bcbcbc;
  box-shadow:0px 0px 4px 1px #bcbcbc;
}
.form-str .check-base-03 .check-style-01 input:focus + label:before{
  border:2px solid #196fb9;
  box-shadow:0px 0px 4px 1px #196fb9;
}
.form-str .check-base-03 .check-style-01 input[type="checkbox"]:checked + label{
  box-shadow:none;
}
.form-str .check-base-03 .check-style-01 input[type="checkbox"]:checked + label:before{
  border:0;
  width:18px;
  height:18px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5504px 0px;
}
.form-str .check-base-05 .check-style-01 label{
  display:table-cell;
  padding:12px 10px 12px 30px;
  vertical-align:middle;
  cursor:pointer;
}
.form-str .check-base-05 .check-style-01 label:before{
  display:block;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-9px;
  border:2px solid #666;
  border-radius:3px;
  width:14px;
  height:14px;
  content:"";
}
.form-str .check-base-05 .check-style-01 input{
  position:absolute;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.form-str .check-base-05 .check-style-01 input:hover + label:before{
  border:2px solid #bcbcbc;
  box-shadow:0px 0px 4px 1px #bcbcbc;
}
.form-str .check-base-05 .check-style-01 input:focus + label:before{
  border:2px solid #196fb9;
  box-shadow:0px 0px 4px 1px #196fb9;
}
.form-str .check-base-05 .check-style-01 input[type="checkbox"]:checked + label{
  box-shadow:none;
}
.form-str .check-base-05 .check-style-01 input[type="checkbox"]:checked + label:before{
  border:0;
  width:18px;
  height:18px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-5504px 0px;
}

.form-str .check-col-box{
  margin:0;
  padding:0;
  letter-spacing:-.40em;
}
.form-str .check-col-box > .check-base-05{
  margin-right:3%;
  width:auto;
  vertical-align:top;
  letter-spacing:normal;
}
.form-str .check-col2-box{
  margin:0;
  padding:0;
  letter-spacing:-.40em;
}
.form-str .check-col2-box > .check-base-03,
.form-str .check-col2-box > .check-base-05{
  box-sizing:border-box;
  margin-right:3%;
  width:48.5%;
  vertical-align:top;
  letter-spacing:normal;
}
.form-str .check-col2-box > .check-base-03 .check-style-01,
.form-str .check-col2-box > .check-base-05 .check-style-01{
  display:table;
  width:100%;
  font-size:14px;
}
.form-str .check-col2-box > .check-base-03 .check-style-01 label,
.form-str .check-col2-box > .check-base-05 .check-style-01 label{
  display:table-cell;
  vertical-align:middle;
}
.form-str .check-col2-box > .check-base-03:nth-child(even),
.form-str .check-col2-box > .check-base-05:nth-child(even){
  margin-right:0;
}
.form-str .check-col3-box{
  margin:0;
  padding:0;
  letter-spacing:-.40em;
}
.form-str .check-col3-box > .check-base-03,
.form-str .check-col3-box > .check-base-05{
  box-sizing:border-box;
  margin-right:2%;
  width:32%;
  vertical-align:top;
  letter-spacing:normal;
}
.form-str .check-col3-box > .check-base-03 .check-style-01,
.form-str .check-col3-box > .check-base-05 .check-style-01{
  display:table;
  width:100%;
  font-size:14px;
}
.form-str .check-col3-box > .check-base-03 .check-style-01 label,
.form-str .check-col3-box > .check-base-05 .check-style-01 label{
  display:table-cell;
  vertical-align:middle;
}
.form-str .check-col3-box > .check-base-03:nth-child(3n),
.form-str .check-col3-box > .check-base-05:nth-child(3n){
  margin-right:0;
}

.form-str .check-disabled-02{
  border:0;
  background:#999;
}
.form-str .check-disabled-02 .check-str{
  border-radius:5px;
  color:#999;
  background:inherit;
}
.form-str .check-disabled-02 .check-style-01 label{
  color:#999;
  background:#d9d9d9;
}
.form-str .check-disabled-02 .check-style-01 label:before{
  border-color:#999;
  background:#d9d9d9;
}
.form-str .check-disabled-03 .check-style-01 label{
  color:#999;
}
.form-str .check-disabled-03 .check-style-01 label:before{
  border-color:#d9d9d9;
}

/* textarea
----------------------------------------------- */
.form-str .textarea-text-base{
  margin-top:10px;
  line-height:1;
}
.form-str .textarea-text-base > label{
  display:block;
}
.form-str .textarea-text-base .cnd{
  padding-left:5px;
  font-size:16px;
}
.form-str .textarea-text-base textarea{
  box-sizing:border-box;
  margin:4px 0 10px;
  padding:10px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  height:150px;
}
.form-str .textarea-text-base textarea:focus{
  background-color:#fff4b8;
}
.form-str .textarea-style-01 textarea{
  width:100%;
  font-size:12px;
}

/* form table
----------------------------------------------- */
.form-tbl-01 th > .item-name-01,
.form-tbl-02 th > .item-name-01{
  float:left;
  margin-bottom:0;
}
.form-tbl-01 th .required,
.form-tbl-01 th .normal,
.form-tbl-02 th .required,
.form-tbl-02 th .normal{
  float:right;
}
.form-tbl-01 td input,
.form-tbl-02 td input{
  margin-bottom:0;
}

.form-tbl-01 .radio-base-01,
.form-tbl-01 .radio-base-02{
  margin-top:0;
  margin-bottom:0;
}

.form-tbl-01 .check-base-01,
.form-tbl-01 .check-base-02{
  margin-top:0;
  margin-bottom:0;
}

.form-tbl-02 .err-status-02{
  padding:0;
}
.form-tbl-02 .err-status-02 > div{
  padding:12px 20px;
}

/* error status
----------------------------------------------- */
.form-str .err-status-01 input[type="text"],
.form-str .err-status-01 input[type="email"],
.form-str .err-status-01 input[type="tel"],
.form-str .err-status-01 input[type="password"]{
  border:2px solid #f00;
  background-color:#ffe3e3;
}
.form-str .err-status-01 .select-base-01{
  border:2px solid #f00;
  height:auto;
  background:#ffe3e3;
  -webkit-filter:none;
  filter:none;
}
.form-str .err-status-01 .select-base-01 .select-style-01{
  background:none;
  box-shadow:none;
}
.form-str .err-status-01 .radio-base-01,
.form-str .err-status-01 .radio-base-02,
.form-str .err-status-01 .check-base-01,
.form-str .err-status-01 .check-base-02{
  padding:3px 5px;
  border:2px solid #f00;
  border-radius:5px;
}
.form-str .err-status-01 .check-base-03,
.form-str .err-status-01 .check-base-04{
  border:2px solid #f00;
}
.form-str .err-status-01 textarea{
  border:2px solid #f00;
  background-color:#ffe3e3;
}
.form-str .err-status-01 .err-text-01{
  display:block;
}
.form-str .err-status-02 > div{
  border:2px solid #f00;
  background-color:#fff4b8;
}
.form-str .err-status-02 .err-text-01{
  display:block;
}

/* table
========================================================================== */
.tbl-str{
  border:1px solid #d9d9d9;
  border-collapse:collapse;
  width:100%;
}
.tbl-str th,
.tbl-str td{
  border-bottom:1px solid #d9d9d9;
}
.tbl-str th{
  padding:8px;
  border-right:1px solid #d9d9d9;
}
.tbl-str td{
  padding:8px;
  border-right:1px solid #d9d9d9;
}
.tbl-str .tbl-cell-01{
  background:#e7f3f9;
}
.tbl-str .text-red{
  color:#f00;
}
.tbl-str .text-blue{
  color:#196fb9;
}
.tbl-str .text-normal{
  font-weight:normal;
}

.tbl-base-01 th,
.tbl-base-01 td{
  vertical-align:top;
  text-align:left;
}
.tbl-base-01 thead th{
  background:#d9d9d9;
  font-weight:bold;
}
.tbl-base-01 th{
  background:#eee;
  font-weight:700;
}

.tbl-base-02 thead th,
.tbl-base-02 thead td{
  background:#eee;
  text-align:center;
}
.tbl-base-02 th{
  background:#eee;
  text-align:left;
  font-weight:700;
}
.tbl-base-02 td{
  text-align:center;
}

.tbl-base-03 thead th,
.tbl-base-03 thead td{
  background-color:#f5f5f5;
  text-align:center;
}
.tbl-base-03 th{
  background-color:#f5f5f5;
  text-align:left;
  font-weight:700;
}
.tbl-base-03 td{
  background-color:#fff;
  text-align:center;
}

.tbl-base-04{
  border-top:3px double #d9d9d9;
}
.tbl-base-04 .border-bot-dot{
  border-bottom:1px dotted #d9d9d9;
}
.tbl-base-04 tr{
  border-bottom:1px solid #d9d9d9;
}
.tbl-base-04 th,
.tbl-base-04 td{
  border:0;
  text-align:center;
}
.tbl-base-04 td{
  padding:7px;
}
.tbl-base-04 td.price-total{
  padding:16px;
  text-align:right;
}
.tbl-base-04 td.price-total .price{
  margin-left:16px;
  color:#f00;
  font-weight:700;
}
.tbl-base-04 .text-s-01{
  color:#f00;
  font-weight:700;
}

.tbl-th{
  border:1px solid #d9d9d9;
  border-bottom:0;
}
.tbl-th th{
  border:0;
}

.tbl-boder-none,
.tbl-border-none{
  border:0;
}
.tbl-boder-none th,
.tbl-border-none th{
  border:0;
  text-align:left;
  font-weight:normal;
}
.tbl-boder-none td,
.tbl-border-none td{
  border:0;
  text-align:right;
  font-weight:bold;
}

/* img
========================================================================== */
.list-img-01{
  margin-bottom:10px;
  margin-left:-20px;
  width:1020px;
}
.list-img-01:before,
.list-img-01:after{
  display:table;
  content:" ";
}
.list-img-01:after{
  clear:both;
}
.list-img-01 > li{
  float:left;
  margin:0 0 20px 20px;
  width:490px;
}
.list-img-01.img-col2 > li{
  float:left;
  margin:0 0 20px 20px;
  width:360px;
}

.img-left:before,
.img-left:after{
  display:table;
  content:" ";
}
.img-left:after{
  clear:both;
}
.img-left > .img-01{
  float:left;
  margin-right:10px;
  margin-bottom:5px;
}

.img-right:before,
.img-right:after{
  display:table;
  content:" ";
}
.img-right:after{
  clear:both;
}
.img-right > .img-01{
  float:right;
  margin-bottom:5px;
  margin-left:10px;
}

/* icon
========================================================================== */
.ico-base{
  padding:0 2px 1px;
  border:1px solid #f00;
  font-weight:300;
  font-size:12px;
}
.ico-base.ico-required-01{
  color:#fff;
  background:#f00;
}
.ico-base.ico-required-02{
  color:#f00;
  background:#fff;
}
.ico-base.ico-normal-01{
  border-color:#196fb9;
  color:#fff;
  background:#196fb9;
}
.ico-base.ico-normal-02{
  border-color:#196fb9;
  color:#196fb9;
  background:#fff;
}
.ico-base.ico-normal-03{
  border-color:#666;
  color:#fff;
  background:#666;
}
.ico-base.ico-normal-04{
  border-color:#666;
  color:#333;
  background:#fff;
}

/* box
========================================================================== */
.box-str{
  margin-bottom:20px;
  padding:22px 28px;
}
.box-str > :last-child{
  margin-bottom:0;
}
.box-str.box-attention-01{
  border:2px solid #f00;
}
.box-str.box-attention-01 .box-hdg-01{
  margin:-22px -29px 22px;
  padding:12px 28px 14px;
  color:#fff;
  background:#f00;
  font-size:14px;
}
.box-str.box-attention-01 .ico-attention-01:before{
  width:22px;
  height:18px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-3817px 0px;
}
.box-str.box-attention-02{
  background:#ffe3e3;
}
.box-str.box-attention-02 .box-hdg-01{
  margin-bottom:5px;
  color:#f00;
  font-size:14px;
}
.box-str.box-base-01{
  background:#fff4b8;
}
.box-str.box-base-01 .box-hdg-01{
  margin-bottom:5px;
  color:#f00;
  font-size:14px;
}
.box-str.box-base-02{
  background:#eee;
}
.box-str.box-base-02 .box-hdg-01{
  margin-bottom:5px;
  font-size:14px;
}
.box-str.box-base-02 .ico-attention-01:before{
  width:22px;
  height:18px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-3879px 0px;
}
.box-str .ico-attention-01:before{
  display:block;
  position:relative;
  top:1px;
  float:left;
  margin-right:5px;
  width:22px;
  height:18px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-2783px 0px;
  content:"";
}

/* contact
========================================================================== */
.box-contact{
  margin-bottom:20px;
  padding:20px 30px;
  border:1px solid #d9d9d9;
  width:458px;
}
.box-contact .contact-txt{
  padding-left:72px;
}
.box-contact .contact-tel{
  margin-top:8px;
  margin-bottom:8px;
}

/* input-example
========================================================================== */
.list-input-example{
  display:inline-block;
  position:relative;
  margin-right:9px;
  height:3.5em;

  *display:inline;
  *zoom:1;
}
.list-input-example > dt,
.list-input-example > dd{
  height:1em;
  white-space:nowrap;
}
.list-input-example > dt{
  position:absolute;
  bottom:0;
}
.list-input-example > dd{
  padding-bottom:8px;
  border-bottom:2px solid #f00;
  font-weight:bold;
  font-size:16px;
}

/* step navigation
========================================================================== */
.nav-step-01{
  background-color:#d9d9d9;
}

.list-nav-step-01{
  overflow:hidden;
  display:table;
  margin:auto;
  background-color:#d9d9d9;
}
.list-nav-step-01 > li{
  box-sizing:border-box;
  display:table-cell;
  position:relative;
  padding:9px 5px;
  width:400px;
  min-width:200px;
  color:#999;
  text-align:center;
  line-height:1;
}
.list-nav-step-01 > li:before,
.list-nav-step-01 > li:after{
  position:absolute;
  margin:auto;
  width:0;
  height:0;
  content:"";
}
.list-nav-step-01 > li:before{
  top:-16px;
  right:-14px;
  z-index:1;
  border-width:32px 0 32px 2em;
  border-style:solid;
  border-color:transparent transparent transparent #fff;
}
.list-nav-step-01 > li:after{
  top:-16px;
  right:-9px;
  z-index:2;
  border-width:32px 0 32px 2em;
  border-style:solid;
  border-color:transparent transparent transparent #d9d9d9;
}
.list-nav-step-01 > li:last-child{
  padding-right:1em;
}
.list-nav-step-01 > li:last-child:before,
.list-nav-step-01 > li:last-child:after{
  display:none;
}
.list-nav-step-01 .current{
  color:#fff;
  background:#196fb9;
  font-weight:700;
}
.list-nav-step-01 .current:after{
  border-left-color:#196fb9;
}

/* transition-loading
========================================================================== */
.transition-loading{
  margin:80px auto;
  text-align:center;
}
.transition-loading .transition-loading-title{
  padding:0 20px;
}
.transition-loading .transition-loading-heading{
  margin-bottom:20px;
  font-size:30px;
}
.transition-loading .transition-loading-title > :last-child{
  margin-bottom:0;
}
.transition-loading .transition-loading-contents > :last-child{
  margin-bottom:0;
}
.transition-loading .transition-loading-contents{
  padding:20px 10px;
}
.transition-loading .transition-loading-text{
  margin-bottom:30px;
}
.transition-loading .transition-loading-img{
  margin-bottom:30px;
}
.transition-loading .transition-loading-img > img{
  height:40px;
}
.transition-loading .transition-loading-note{
  display:table;
  margin:-3px auto 30px;
  margin-bottom:30px;
}
.transition-loading .transition-loading-note > li{
  position:relative;
  margin-top:3px;
  text-align:center;
  font-size:14px;
  line-height:1.2;
}
.transition-loading .transition-loading-note.asterisk{
  padding-left:15px;
}
.transition-loading .transition-loading-note.asterisk > li:before{
  display:block;
  position:absolute;
  top:0;
  left:0;
  content:"※";
}

/* ----------------------------------------------------------------
  Asynchronous
----------------------------------------------------------------- */
/* Loading icon material */
.loader-str{
  overflow:hidden;
  box-sizing:border-box;
  position:relative;
}
.loader-str .loader-style-01,
.loader-str .loader-style-02{
  display:inline-block;
  border-radius:50%;
}
.loader-str .loader-style-01{
  width:20px;
  height:20px;
}
.loader-str .loader-style-02{
  width:56px;
  height:56px;
}
.loader-str .loader-style-01,
.loader-str .loader-style-02{
  position:relative;
  margin:auto;
  border-top:2px solid #50a2d2;
  border-right:2px solid #50a2d2;
  border-bottom:2px solid #50a2d2;
  border-left:2px solid rgba(255, 255, 255, 0);
  text-indent:-9999px;
  white-space:nowrap;
  font-size:10px;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation:load8 1.1s infinite linear;
  animation:load8 1.1s infinite linear;
}
@-webkit-keyframes load8{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@keyframes load8{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
/* with text */
.loader-base-01 .loader-style-01{
  display:inline-block;
  line-height:2;
}
.loader-base-01 .loader-style-02{
  display:inline-block;
  line-height:6;
}
.loader-base-01 .loader-text{
  display:inline-block;
  margin-left:8px;
}

.loader-base-02{
  text-align:center;
}
.loader-base-02 .loader-text{
  display:block;
  margin-top:16px;
}

.block-loading{
  text-align:center;
}
.block-loading .ico-loading{
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation:load-arrow 1.1s infinite linear;
  animation:load-arrow 1.1s infinite linear;
}
.block-loading.ptb48{
  padding:48px 0;
}
.block-loading.border-lr-01{
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}
.block-loading.bg-grey-01{
  background-color:#ecf0f1;
}
.block-loading.bg-grey-02{
  background-color:#f5f5f5;
}

.block-loading-02{
  position:absolute;
  top:0;
  left:0;
  z-index:52;
  width:100%;
  height:100%;
  background-color:#000;
}
.block-loading-02 .loader-str{
  position:absolute;
  top:50%;
  left:50%;
  color:#fff;
  text-align:center;
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}

@-webkit-keyframes load-arrow{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@keyframes load-arrow{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
/* ----------------------------------------------------------------
  modal-loading
----------------------------------------------------------------- */
.modal-loading.wrapper-loading{
  position:fixed;
  z-index:1000;
  margin:0 auto;
  width:87.5%;
}
.modal-loading .box-str{
  display:block;
  margin:0 auto;
  padding:20px 10px;
}
.modal-loading .box-loading-01{
  background-color:#fff;
  text-align:center;
}
.modal-loading .txt-alert-msg-01{
  font-size:16px;
}
.modal-loading .btn-change-01{
  margin:auto;
}

/* loading */
.block-loading{
  text-align:center;
}
.block-loading .ico-loading{
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation:load-arrow 1.1s infinite linear;
  animation:load-arrow 1.1s infinite linear;
}

@-webkit-keyframes load-arrow{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@keyframes load-arrow{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
.loading-01{
  position:relative;
  margin:0 auto;
  text-align:center;
  font-size:16px;
}
.loading-01 .loading-text{
  display:inline-block;
  margin-top:5px;
  padding-left:6px;
  vertical-align:middle;
}
.loading-01 > img{
  display:inline-block;
  width:14px;
  height:14px;
  vertical-align:middle;
}
.loading-01 .loading-img{
  -webkit-animation:rotation 1.5s infinite linear;
  animation:rotation 1.5s infinite linear;
}
.loading-01.is-large > img{
  width:38px;
  height:38px;
}
.loading-01.is-largest > img{
  width:108px;
  height:108px;
}
.loading-01.is-largest .loading-text{
  margin-top:20px;
}
.loading-01.is-small > img{
  width:12px;
  height:12px;
}

@-webkit-keyframes rotation{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  50%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  99.9%,
  to{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@keyframes rotation{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  50%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  99.9%,
  to{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
/* ローディング */
.modal-loading .loading{
  overflow:hidden;
  display:inline-block;
  position:relative;
  margin:1em;
  border-radius:50%;
  width:56px;
  height:56px;
  background:none repeat scroll 0 0 #f5f5f5;
}
.modal-loading .loading:after{
  display:block;
  position:absolute;
  top:2px;
  left:2px;
  border-radius:50%;
  width:52px;
  height:52px;
  background:none repeat scroll 0 0 #fff;
  content:"";
}
.modal-loading .loading > span{
  overflow:hidden;
  position:absolute;
  width:100%;
  height:50%;
}
.modal-loading .left{
  top:0;
  left:0;
}
.modal-loading .right{
  top:50%;
  left:0;
}
.modal-loading .anim{
  position:absolute;
  top:0;
  left:0;
  border-radius:999px;
  width:100%;
  height:100%;
  background:none repeat scroll 0 0 #50a2d2;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform-origin:bottom center 0;
  -ms-transform-origin:bottom center 0;
  transform-origin:bottom center 0;
  -webkit-animation:ui-spinner-rotate-right 1.5s infinite;
  animation:ui-spinner-rotate-right 1.5s infinite;
}
.modal-loading .left .anim{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}
.modal-loading .right .anim{
  top:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  -webkit-transform-origin:top center 0;
  -ms-transform-origin:top center 0;
  transform-origin:top center 0;
}
.modal-loading .loading .anim{
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-delay:.75s;
  animation-delay:.75s;
}
.modal-loading .loading .right .anim{
  -webkit-animation-name:ui-spinner-rotate-left;
  animation-name:ui-spinner-rotate-left;
  -webkit-animation-delay:0s;
  animation-delay:0s;
}

@keyframes ui-spinner-rotate-right{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  25%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  50%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  75%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@keyframes ui-spinner-rotate-left{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  25%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  50%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  75%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@-webkit-keyframes ui-spinner-rotate-right{
  0%{
    -webkit-transform:rotate(0deg);
  }
  25%{
    -webkit-transform:rotate(180deg);
  }
  50%{
    -webkit-transform:rotate(180deg);
  }
  75%{
    -webkit-transform:rotate(360deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
  }
}
@-webkit-keyframes ui-spinner-rotate-left{
  0%{
    -webkit-transform:rotate(0deg);
  }
  25%{
    -webkit-transform:rotate(0deg);
  }
  50%{
    -webkit-transform:rotate(180deg);
  }
  75%{
    -webkit-transform:rotate(180deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
  }
}
/***100117 aph***/
.modal-search-aph{
  overflow:auto;
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:101;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, .5);
  font-size:16px;

  -webkit-overflow-scrolling:touch;
}
.modal-search-aph .box-loading{
  box-sizing:border-box;
  position:absolute;
  top:50%;
  left:50%;
  margin:0;
  padding:47px 20px;
  width:268px;
  background:#fff;
  text-align:center;
  font-size:14px;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.modal-search-aph .box-loading > p{
  margin-top:16px;
}
.modal-search-aph .box-loading.w-216{
  width:216px;
}

/* modal window */
.modal-str-01{
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:199;
  width:100%;
  height:100%;
  background:url("//s.skygate.co.jp/pc/shared/images/bg/bg_modal_gray-01.png") repeat left top;
}

.modal-str-02{
  display:none;
  position:fixed;
  z-index:199;
}

.modal-box-01{
  position:relative;
  z-index:200;
  padding:20px;
  width:580px;
  background:#fff;
  box-shadow:#424242 0 0 5px -2px;
  text-align:left;
}

.modal-box-02{
  position:relative;
  z-index:200;
  padding:20px;
  width:380px;
  background:#fff;
  box-shadow:#424242 0 0 5px -2px;
  text-align:left;
}

.modal-box-03{
  position:relative;
  z-index:200;
  padding:20px;
  width:480px;
  background:#fff;
  box-shadow:#424242 0 0 5px -2px;
  text-align:left;
}

.modal-box-04,
.modal-box-05,
.modal-box-06{
  position:relative;
  z-index:200;
  width:580px;
  background:#fff;
  box-shadow:#424242 0 0 5px -2px;
  text-align:left;
}
.modal-box-04 .hdg-box-01,
.modal-box-05 .hdg-box-01,
.modal-box-06 .hdg-box-01{
  box-sizing:border-box;
  display:table;
  position:relative;
  z-index:1001;
  width:100%;
}
.modal-box-04 .hdg-lv2-01,
.modal-box-05 .hdg-lv2-01,
.modal-box-06 .hdg-lv2-01{
  margin-bottom:0;
}
.modal-box-04 .btn-close-01,
.modal-box-05 .btn-close-01,
.modal-box-06 .btn-close-01{
  position:absolute;
  top:0;
  right:12px;
  bottom:0;
  margin:auto 0;
  width:14px;
  height:14px;
}
.modal-box-04 .btn-close-01 .btn-str,
.modal-box-05 .btn-close-01 .btn-str,
.modal-box-06 .btn-close-01 .btn-str{
  overflow:hidden;
  position:relative;
  padding:0;
  border:0;
  width:100%;
  background:none;
  vertical-align:top;
  text-indent:100%;
  white-space:nowrap;
  line-height:1.2;
}
.modal-box-04 .btn-close-01 .btn-str:before,
.modal-box-05 .btn-close-01 .btn-str:before,
.modal-box-06 .btn-close-01 .btn-str:before{
  overflow:hidden;
  display:inline-block;
  position:relative;
  width:auto;
  height:auto;
  content:"";
}
.modal-box-04 .btn-close-01 .btn-str:before,
.modal-box-05 .btn-close-01 .btn-str:before,
.modal-box-06 .btn-close-01 .btn-str:before{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  width:14px;
  height:14px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-4165px 0px;
}
.modal-box-04 .inner-modal-box-01,
.modal-box-05 .inner-modal-box-01,
.modal-box-06 .inner-modal-box-01{
  padding:20px;
}

.modal-box-05{
  width:480px;
}

.modal-box-06{
  width:380px;
}

.modal-box-01 .btn-close-01,
.modal-box-02 .btn-close-01,
.modal-box-03 .btn-close-01{
  position:absolute;
  top:-16px;
  right:-16px;
}
.modal-box-01 .btn-close-01 .btn-str,
.modal-box-02 .btn-close-01 .btn-str,
.modal-box-03 .btn-close-01 .btn-str{
  display:block;
  border:0;
  width:32px;
  height:32px;
  background-color:transparent;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-3304px 0px;
  text-indent:-9999px;
  cursor:pointer;
}
.modal-box-01 .btn-close-02,
.modal-box-02 .btn-close-02,
.modal-box-03 .btn-close-02{
  position:absolute;
  top:0;
  right:-40px;
}
.modal-box-01 .btn-close-02 .btn-str,
.modal-box-02 .btn-close-02 .btn-str,
.modal-box-03 .btn-close-02 .btn-str{
  overflow:hidden;
  display:block;
  padding:0;
  border:0;
  border-radius:0 4px 4px 0;
  width:40px;
  height:40px;
  background-color:#fff;
  text-indent:100%;
  white-space:nowrap;
  cursor:pointer;
}
.modal-box-01 .btn-close-02 .btn-str:before,
.modal-box-02 .btn-close-02 .btn-str:before,
.modal-box-03 .btn-close-02 .btn-str:before{
  display:block;
  position:absolute;
  left:12px;
  width:16px;
  height:16px;
  background-image:url(//s.skygate.co.jp/pc/shared/images/sprite.png?20200218142402);
  background-position:-1808px 0px;
  content:"";
}

.modal-str-01 .modal-box-01,
.modal-str-01 .modal-box-02,
.modal-str-01 .modal-box-03{
  margin-right:auto;
  margin-left:auto;
}

/* オーバーレイ */
#modal-overlay{
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:198;
  width:100%;
  height:120%;
  background-color:rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80000000,EndColorStr=#80000000);
}

/* ----------------------------------------------------------------
margin,padding Set
----------------------------------------------- */
.mt5{
  margin-top:5px !important;
}

.mb5{
  margin-bottom:5px !important;
}

.mr5{
  margin-right:5px !important;
}

.ml5{
  margin-left:5px !important;
}

.pt5{
  padding-top:5px !important;
}

.pb5{
  padding-bottom:5px !important;
}

.pr5{
  padding-right:5px !important;
}

.pl5{
  padding-left:5px !important;
}

.mt10{
  margin-top:10px !important;
}

.mb10{
  margin-bottom:10px !important;
}

.mr10{
  margin-right:10px !important;
}

.ml10{
  margin-left:10px !important;
}

.pt10{
  padding-top:10px !important;
}

.pb10{
  padding-bottom:10px !important;
}

.pr10{
  padding-right:10px !important;
}

.pl10{
  padding-left:10px !important;
}

.mt15{
  margin-top:15px !important;
}

.mb15{
  margin-bottom:15px !important;
}

.mr15{
  margin-right:15px !important;
}

.ml15{
  margin-left:15px !important;
}

.pt15{
  padding-top:15px !important;
}

.pb15{
  padding-bottom:15px !important;
}

.pr15{
  padding-right:15px !important;
}

.pl15{
  padding-left:15px !important;
}

.mt20{
  margin-top:20px !important;
}

.mb20{
  margin-bottom:20px !important;
}

.mr20{
  margin-right:20px !important;
}

.ml20{
  margin-left:20px !important;
}

.pt20{
  padding-top:20px !important;
}

.pb20{
  padding-bottom:20px !important;
}

.pr20{
  padding-right:20px !important;
}

.pl20{
  padding-left:20px !important;
}

.mt25{
  margin-top:25px !important;
}

.mb25{
  margin-bottom:25px !important;
}

.mr25{
  margin-right:25px !important;
}

.ml25{
  margin-left:25px !important;
}

.pt25{
  padding-top:25px !important;
}

.pb25{
  padding-bottom:25px !important;
}

.pr25{
  padding-right:25px !important;
}

.pl25{
  padding-left:25px !important;
}

.mt30{
  margin-top:30px !important;
}

.mb30{
  margin-bottom:30px !important;
}

.mr30{
  margin-right:30px !important;
}

.ml30{
  margin-left:30px !important;
}

.pt30{
  padding-top:30px !important;
}

.pb30{
  padding-bottom:30px !important;
}

.pr30{
  padding-right:30px !important;
}

.pl30{
  padding-left:30px !important;
}

.mt35{
  margin-top:35px !important;
}

.mb35{
  margin-bottom:35px !important;
}

.mr35{
  margin-right:35px !important;
}

.ml35{
  margin-left:35px !important;
}

.pt35{
  padding-top:35px !important;
}

.pb35{
  padding-bottom:35px !important;
}

.pr35{
  padding-right:35px !important;
}

.pl35{
  padding-left:35px !important;
}

.mt40{
  margin-top:40px !important;
}

.mb40{
  margin-bottom:40px !important;
}

.mr40{
  margin-right:40px !important;
}

.ml40{
  margin-left:40px !important;
}

.pt40{
  padding-top:40px !important;
}

.pb40{
  padding-bottom:40px !important;
}

.pr40{
  padding-right:40px !important;
}

.pl40{
  padding-left:40px !important;
}

.mt45{
  margin-top:45px !important;
}

.mb45{
  margin-bottom:45px !important;
}

.mr45{
  margin-right:45px !important;
}

.ml45{
  margin-left:45px !important;
}

.pt45{
  padding-top:45px !important;
}

.pb45{
  padding-bottom:45px !important;
}

.pr45{
  padding-right:45px !important;
}

.pl45{
  padding-left:45px !important;
}

.mt50{
  margin-top:50px !important;
}

.mb50{
  margin-bottom:50px !important;
}

.mr50{
  margin-right:50px !important;
}

.ml50{
  margin-left:50px !important;
}

.pt50{
  padding-top:50px !important;
}

.pb50{
  padding-bottom:50px !important;
}

.pr50{
  padding-right:50px !important;
}

.pl50{
  padding-left:50px !important;
}

.mt55{
  margin-top:55px !important;
}

.mb55{
  margin-bottom:55px !important;
}

.mr55{
  margin-right:55px !important;
}

.ml55{
  margin-left:55px !important;
}

.pt55{
  padding-top:55px !important;
}

.pb55{
  padding-bottom:55px !important;
}

.pr55{
  padding-right:55px !important;
}

.pl55{
  padding-left:55px !important;
}

.mt60{
  margin-top:60px !important;
}

.mb60{
  margin-bottom:60px !important;
}

.mr60{
  margin-right:60px !important;
}

.ml60{
  margin-left:60px !important;
}

.pt60{
  padding-top:60px !important;
}

.pb60{
  padding-bottom:60px !important;
}

.pr60{
  padding-right:60px !important;
}

.pl60{
  padding-left:60px !important;
}

.mt65{
  margin-top:65px !important;
}

.mb65{
  margin-bottom:65px !important;
}

.mr65{
  margin-right:65px !important;
}

.ml65{
  margin-left:65px !important;
}

.pt65{
  padding-top:65px !important;
}

.pb65{
  padding-bottom:65px !important;
}

.pr65{
  padding-right:65px !important;
}

.pl65{
  padding-left:65px !important;
}

.mt70{
  margin-top:70px !important;
}

.mb70{
  margin-bottom:70px !important;
}

.mr70{
  margin-right:70px !important;
}

.ml70{
  margin-left:70px !important;
}

.pt70{
  padding-top:70px !important;
}

.pb70{
  padding-bottom:70px !important;
}

.pr70{
  padding-right:70px !important;
}

.pl70{
  padding-left:70px !important;
}

.mt75{
  margin-top:75px !important;
}

.mb75{
  margin-bottom:75px !important;
}

.mr75{
  margin-right:75px !important;
}

.ml75{
  margin-left:75px !important;
}

.pt75{
  padding-top:75px !important;
}

.pb75{
  padding-bottom:75px !important;
}

.pr75{
  padding-right:75px !important;
}

.pl75{
  padding-left:75px !important;
}

.mt80{
  margin-top:80px !important;
}

.mb80{
  margin-bottom:80px !important;
}

.mr80{
  margin-right:80px !important;
}

.ml80{
  margin-left:80px !important;
}

.pt80{
  padding-top:80px !important;
}

.pb80{
  padding-bottom:80px !important;
}

.pr80{
  padding-right:80px !important;
}

.pl80{
  padding-left:80px !important;
}

.mt85{
  margin-top:85px !important;
}

.mb85{
  margin-bottom:85px !important;
}

.mr85{
  margin-right:85px !important;
}

.ml85{
  margin-left:85px !important;
}

.pt85{
  padding-top:85px !important;
}

.pb85{
  padding-bottom:85px !important;
}

.pr85{
  padding-right:85px !important;
}

.pl85{
  padding-left:85px !important;
}

.mt90{
  margin-top:90px !important;
}

.mb90{
  margin-bottom:90px !important;
}

.mr90{
  margin-right:90px !important;
}

.ml90{
  margin-left:90px !important;
}

.pt90{
  padding-top:90px !important;
}

.pb90{
  padding-bottom:90px !important;
}

.pr90{
  padding-right:90px !important;
}

.pl90{
  padding-left:90px !important;
}

.mt95{
  margin-top:95px !important;
}

.mb95{
  margin-bottom:95px !important;
}

.mr95{
  margin-right:95px !important;
}

.ml95{
  margin-left:95px !important;
}

.pt95{
  padding-top:95px !important;
}

.pb95{
  padding-bottom:95px !important;
}

.pr95{
  padding-right:95px !important;
}

.pl95{
  padding-left:95px !important;
}

.mt100{
  margin-top:100px !important;
}

.mb100{
  margin-bottom:100px !important;
}

.mr100{
  margin-right:100px !important;
}

.ml100{
  margin-left:100px !important;
}

.pt100{
  padding-top:100px !important;
}

.pb100{
  padding-bottom:100px !important;
}

.pr100{
  padding-right:100px !important;
}

.pl100{
  padding-left:100px !important;
}

.mt8{
  margin-top:8px !important;
}

.mb8{
  margin-bottom:8px !important;
}

.mr8{
  margin-right:8px !important;
}

.ml8{
  margin-left:8px !important;
}

.pt8{
  padding-top:8px !important;
}

.pb8{
  padding-bottom:8px !important;
}

.pr8{
  padding-right:8px !important;
}

.pl8{
  padding-left:8px !important;
}

.mt16{
  margin-top:16px !important;
}

.mb16{
  margin-bottom:16px !important;
}

.mr16{
  margin-right:16px !important;
}

.ml16{
  margin-left:16px !important;
}

.pt16{
  padding-top:16px !important;
}

.pb16{
  padding-bottom:16px !important;
}

.pr16{
  padding-right:16px !important;
}

.pl16{
  padding-left:16px !important;
}

.mt24{
  margin-top:24px !important;
}

.mb24{
  margin-bottom:24px !important;
}

.mr24{
  margin-right:24px !important;
}

.ml24{
  margin-left:24px !important;
}

.pt24{
  padding-top:24px !important;
}

.pb24{
  padding-bottom:24px !important;
}

.pr24{
  padding-right:24px !important;
}

.pl24{
  padding-left:24px !important;
}

.mt32{
  margin-top:32px !important;
}

.mb32{
  margin-bottom:32px !important;
}

.mr32{
  margin-right:32px !important;
}

.ml32{
  margin-left:32px !important;
}

.pt32{
  padding-top:32px !important;
}

.pb32{
  padding-bottom:32px !important;
}

.pr32{
  padding-right:32px !important;
}

.pl32{
  padding-left:32px !important;
}

.mt0{
  margin-top:0px !important;
}

.mb0{
  margin-bottom:0px !important;
}

.mr0{
  margin-right:0px !important;
}

.ml0{
  margin-left:0px !important;
}

.pt0{
  padding-top:0px !important;
}

.pb0{
  padding-bottom:0px !important;
}

.pr0{
  padding-right:0px !important;
}

.pl0{
  padding-left:0px !important;
}

.mt1{
  margin-top:1px !important;
}

.mb1{
  margin-bottom:1px !important;
}

.mr1{
  margin-right:1px !important;
}

.ml1{
  margin-left:1px !important;
}

.pt1{
  padding-top:1px !important;
}

.pb1{
  padding-bottom:1px !important;
}

.pr1{
  padding-right:1px !important;
}

.pl1{
  padding-left:1px !important;
}

.mt2{
  margin-top:2px !important;
}

.mb2{
  margin-bottom:2px !important;
}

.mr2{
  margin-right:2px !important;
}

.ml2{
  margin-left:2px !important;
}

.pt2{
  padding-top:2px !important;
}

.pb2{
  padding-bottom:2px !important;
}

.pr2{
  padding-right:2px !important;
}

.pl2{
  padding-left:2px !important;
}

.mt3{
  margin-top:3px !important;
}

.mb3{
  margin-bottom:3px !important;
}

.mr3{
  margin-right:3px !important;
}

.ml3{
  margin-left:3px !important;
}

.pt3{
  padding-top:3px !important;
}

.pb3{
  padding-bottom:3px !important;
}

.pr3{
  padding-right:3px !important;
}

.pl3{
  padding-left:3px !important;
}

.mt4{
  margin-top:4px !important;
}

.mb4{
  margin-bottom:4px !important;
}

.mr4{
  margin-right:4px !important;
}

.ml4{
  margin-left:4px !important;
}

.pt4{
  padding-top:4px !important;
}

.pb4{
  padding-bottom:4px !important;
}

.pr4{
  padding-right:4px !important;
}

.pl4{
  padding-left:4px !important;
}

/* Width制御
----------------------------------------------- */
/* % */
html .w0{
  width:0%;
}

html .w1{
  width:1%;
}

html .w2{
  width:2%;
}

html .w3{
  width:3%;
}

html .w4{
  width:4%;
}

html .w5{
  width:5%;
}

html .w6{
  width:6%;
}

html .w7{
  width:7%;
}

html .w8{
  width:8%;
}

html .w9{
  width:9%;
}

html .w10{
  width:10%;
}

html .w11{
  width:11%;
}

html .w12{
  width:12%;
}

html .w13{
  width:13%;
}

html .w14{
  width:14%;
}

html .w15{
  width:15%;
}

html .w16{
  width:16%;
}

html .w17{
  width:17%;
}

html .w18{
  width:18%;
}

html .w19{
  width:19%;
}

html .w20{
  width:20%;
}

html .w21{
  width:21%;
}

html .w22{
  width:22%;
}

html .w23{
  width:23%;
}

html .w24{
  width:24%;
}

html .w25{
  width:25%;
}

html .w26{
  width:26%;
}

html .w27{
  width:27%;
}

html .w28{
  width:28%;
}

html .w29{
  width:29%;
}

html .w30{
  width:30%;
}

html .w31{
  width:31%;
}

html .w32{
  width:32%;
}

html .w33{
  width:33%;
}

html .w34{
  width:34%;
}

html .w35{
  width:35%;
}

html .w36{
  width:36%;
}

html .w37{
  width:37%;
}

html .w38{
  width:38%;
}

html .w39{
  width:39%;
}

html .w40{
  width:40%;
}

html .w41{
  width:41%;
}

html .w42{
  width:42%;
}

html .w43{
  width:43%;
}

html .w44{
  width:44%;
}

html .w45{
  width:45%;
}

html .w46{
  width:46%;
}

html .w47{
  width:47%;
}

html .w48{
  width:48%;
}

html .w49{
  width:49%;
}

html .w50{
  width:50%;
}

html .w51{
  width:51%;
}

html .w52{
  width:52%;
}

html .w53{
  width:53%;
}

html .w54{
  width:54%;
}

html .w55{
  width:55%;
}

html .w56{
  width:56%;
}

html .w57{
  width:57%;
}

html .w58{
  width:58%;
}

html .w59{
  width:59%;
}

html .w60{
  width:60%;
}

html .w61{
  width:61%;
}

html .w62{
  width:62%;
}

html .w63{
  width:63%;
}

html .w64{
  width:64%;
}

html .w65{
  width:65%;
}

html .w66{
  width:66%;
}

html .w67{
  width:67%;
}

html .w68{
  width:68%;
}

html .w69{
  width:69%;
}

html .w70{
  width:70%;
}

html .w71{
  width:71%;
}

html .w72{
  width:72%;
}

html .w73{
  width:73%;
}

html .w74{
  width:74%;
}

html .w75{
  width:75%;
}

html .w76{
  width:76%;
}

html .w77{
  width:77%;
}

html .w78{
  width:78%;
}

html .w79{
  width:79%;
}

html .w80{
  width:80%;
}

html .w81{
  width:81%;
}

html .w82{
  width:82%;
}

html .w83{
  width:83%;
}

html .w84{
  width:84%;
}

html .w85{
  width:85%;
}

html .w86{
  width:86%;
}

html .w87{
  width:87%;
}

html .w88{
  width:88%;
}

html .w89{
  width:89%;
}

html .w90{
  width:90%;
}

html .w91{
  width:91%;
}

html .w92{
  width:92%;
}

html .w93{
  width:93%;
}

html .w94{
  width:94%;
}

html .w95{
  width:95%;
}

html .w96{
  width:96%;
}

html .w97{
  width:97%;
}

html .w98{
  width:98%;
}

html .w99{
  width:99%;
}

html .w100{
  width:100%;
}

/* px */
html .w5px{
  width:5px !important;
}

html .w10px{
  width:10px !important;
}

html .w15px{
  width:15px !important;
}

html .w20px{
  width:20px !important;
}

html .w25px{
  width:25px !important;
}

html .w30px{
  width:30px !important;
}

html .w35px{
  width:35px !important;
}

html .w40px{
  width:40px !important;
}

html .w45px{
  width:45px !important;
}

html .w50px{
  width:50px !important;
}

html .w60px{
  width:60px !important;
}

html .w80px{
  width:80px !important;
}

html .w100px{
  width:100px !important;
}

html .w120px{
  width:120px !important;
}

html .w140px{
  width:140px !important;
}

html .w160px{
  width:160px !important;
}

html .w180px{
  width:180px !important;
}

html .w200px{
  width:200px !important;
}

html .w220px{
  width:220px !important;
}

html .w240px{
  width:240px !important;
}

html .w260px{
  width:260px !important;
}

html .w280px{
  width:280px !important;
}

html .w300px{
  width:300px !important;
}

html .w320px{
  width:320px !important;
}

html .w340px{
  width:340px !important;
}

html .w360px{
  width:360px !important;
}

html .w380px{
  width:380px !important;
}

html .w400px{
  width:400px !important;
}

html .w420px{
  width:420px !important;
}

html .w440px{
  width:440px !important;
}

html .w460px{
  width:460px !important;
}

html .w480px{
  width:480px !important;
}

/* align
----------------------------------------------- */
html .txt-r{
  text-align:right;
}

html .txt-l{
  text-align:left;
}

html .txt-c{
  text-align:center;
}

html .ver-t{
  vertical-align:top;
}

html .ver-m{
  vertical-align:middle;
}

html .ver-b{
  vertical-align:bottom;
}

/* Float
----------------------------------------------- */
html .fl-r{
  float:right;
}

html .fl-l{
  float:left;
}

html .fl-none{
  float:none;
}

/* Display制御
----------------------------------------------- */
.block{
  display:block;
}

.inline-block{
  display:inline-block;
}

.inline{
  display:inline;
}

.none{
  display:none;
}

/* 文字サイズ
----------------------------------------------- */
html .fs10{
  font-size:10px;
}

html .fs11{
  font-size:11px;
}

html .fs12{
  font-size:12px;
}

html .fs13{
  font-size:13px;
}

html .fs14{
  font-size:14px;
}

html .fs15{
  font-size:15px;
}

html .fs16{
  font-size:16px;
}

html .fs17{
  font-size:17px;
}

html .fs18{
  font-size:18px;
}

html .fs20{
  font-size:20px;
}

html .fs22{
  font-size:22px;
}

html .fs24{
  font-size:24px;
}

html .fs26{
  font-size:26px;
}

html .fs28{
  font-size:28px;
}

/* 文字装飾
----------------------------------------------- */
html .txt-transup{
  text-transform:uppercase;
}

html .txt-bold{
  font-weight:bold;
}

html .txt-normal{
  font-weight:normal;
  font-style:normal;
}

html .txt-underline{
  text-decoration:underline;
}

html .txt-nowrap{
  white-space:nowrap;
}

html .txt-breakword{
  word-wrap:break-word;
}

/* border Set
----------------------------------------------- */
.border{
  border:1px solid #333;
}

.border-t{
  border-top:1px solid #333;
}

.border-b{
  border-bottom:1px solid #333;
}

.border-l{
  border-left:1px solid #333;
}

.border-r{
  border-right:1px solid #333;
}

.boder-none,
.border-none{
  border:none !important;
}

.border-t-none{
  border-top:none !important;
}

.border-b-none{
  border-bottom:none !important;
}

.border-l-none{
  border-left:none !important;
}

.border-r-none{
  border-right:none !important;
}

/* overflow
----------------------------------------------- */
.overflow-h{
  overflow:hidden;
}