@charset "utf-8";
html {
scroll-behavior: smooth;
font-size: 62.5%; /* ルート要素のフォントサイズを1rem=10pxと定義する */
}

body {
font-family:'roboto',"Hiragino Kaku Gothic ProN",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 1.5rem;/* 1.5rem=15px */
line-height: 1.65;
color: #434343;
overflow: auto;
height: 100%;
}
*:focus {
outline: none !important;
box-shadow: none !important;
}
img { 
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
a {
color:#434343;
transition: all .3s ease-in-out;
}
a:hover, a:focus {
color: #1f8ede;
text-decoration: none;
}
a.disabled {pointer-events: none;}
a.btn-primary:hover, a.btn-primary:focus {
color:#fff;
background-color: #006cb9;
border-color: #006cb9;
}
a:hover img, a:hover i {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
ul {
list-style: none;
padding-left: 0;
}
li {padding-bottom: 0.5rem;}
dd {margin-bottom:0;}
table {background: #FFF;}
table th,table td {
text-align: center;
vertical-align: middle !important;
}
.table-bordered {border:0;}
.table-bordered thead th {border-bottom-width: 1px;}


.table .thead-light th {
color: #434343;
background-color: #ebebeb;
border-color: #dee2e6;
border-bottom: none;
}

.table-responsive::-webkit-scrollbar,
.table-responsive-md::-webkit-scrollbar {
height: 15px;
vertical-align: bottom;
}
.table-responsive::-webkit-scrollbar-track,
.table-responsive-md::-webkit-scrollbar-track {
background: #dbdbdb;
}
.table-responsive::-webkit-scrollbar-thumb,
.table-responsive-md::-webkit-scrollbar-thumb {
background: #797979;
border-radius: 15px;
}

/*------------------------------------
text common
--------------------------------------*/
.text-s {font-size:0.8rem}
.text-sm {font-size:1rem}
.text-m {font-size:1.2rem}
.text-m2,
.text-m2-c {font-size: 1.3rem}
.text-sc {font-size:1.4rem}
.text-c-l,
.text-c {font-size:1.5rem !important}
.text-l,
.text-l-xl {font-size:1.6rem}
.text-sxl {font-size:1.75rem}
.text-xl,
.text-xl-xxl {font-size:2rem}
.text-x2l {font-size: 2.4rem;}
.text-xxl,
.text-xxl-3x,
.text-xxl-3xl,
.text-xxl-4x {font-size:2.55rem;}
.text-3x,
.text-3x-4x {font-size:3rem}
.text-3xl {font-size:3.5rem}
.text-4x,
.text-4x-6x {font-size:4rem}
.text-5xs {font-size:4.2rem}
.text-5x,
.text-5x-8x,
.text-5x-9x {font-size:5rem}
.text-6x {font-size:6rem}
.text-7x {font-size:7rem}
.text-8x {font-size:8rem}
.text-9x {font-size:9rem}
.text-10x {font-size:10rem}
.text-11x {font-size:11rem}
.text-30x {font-size:30rem}

h1,h2,h3,h4,h5 {
font-weight:bold;
line-height: 1.4;
}
h1 {font-size: 3.4rem;}
h2 {font-size: 3rem;}
h3 {font-size: 2.4rem;}
h4 {font-size: 1.8rem;}
h5 {font-size: 1.6rem;}
.text-gray {color:#888888;}
.text-dgray {color:#303030;}
.text-orange {color:#e34f28 !important;}
.text-lorange {color:#eb6440;}
.text-green {color:#00b900;}
.text-yellow {color: #fcff57;}
.text-blue {color:#1f8ede;}
.text-dblue {color:/*#1d2087*/#235bb1;}
/*up down*/
.price-up {color: #ff5151;}
.price-down {color: #3282f6;}

.line-1 {line-height: 1 !important;}
.line-12 {line-height: 1.2 !important;}
.line-13 {line-height: 1.3 !important;}
.line-14 {line-height: 1.4 !important;}
.line-15 {line-height: 1.5 !important;}
.line-16 {line-height: 1.6 !important;}
.line-18 {line-height: 1.8 !important;}
.line-24 {line-height: 2.4 !important;}
.line-30 {line-height: 3 !important;}

.letter-space2s {letter-spacing:-0.2em;}
.letter-space1s {letter-spacing:-0.1em;}
.letter-spaces1s {letter-spacing:-0.05em;}

/*英数字*/
.g_font {
font-family:'Advent Pro', sans-serif;
line-height: 1.2;
}

.min-font {
font-family: 'Noto Serif JP', serif;	
}

.text-shadow {
text-shadow: 1px 1px 6px rgba(82,82,82,0.6);
}

.text-wshadow {
text-shadow: 1px -1px 10px rgba(255,255,255,0.9),
1px -1px 30px rgba(255,255,255,0.6),
1px -1px 50px rgba(255,255,255,0.4);
}
.vertical-rl {writing-mode: vertical-rl;}

.text-indent1 {text-indent:1rem;}
.text-indent2 {text-indent:2rem;}
.marker {
background:linear-gradient(transparent 60%, rgba(253,252,103,0.75) 40%);
}
.underline {
/*text-decoration: underline !important;*/
border-bottom: 1px solid #000;
border-color:inherit !important;
padding-bottom: 0.1px;
}
.underline:hover, .underline:focus {
border-bottom:1px solid #0056b3;
}

a.inherit-hover:hover, a.inherit-hover:focus {
color: inherit !important;
opacity: 0.8;}

h1.title {
margin-bottom: /*1.5rem*/2.5rem;
padding: 3.5rem 1rem;
border-bottom: 2px solid #dbdbdb;
text-align: center;
}

h2.sub-title-border {
padding: 3.2rem 0 3rem;
text-align: center;
position: relative;
line-height: 1.8;
}
h2.sub-title-border:after {
content: "";
position: absolute;
width: 100px;
height: 4px;
background-color: #dbdbdb;
bottom: 0;
left: calc(50% - 50px);
}
h2.sub-title-border span {
font-weight: normal;
color:#a0a0a0;
}
h2.sub-title-border span:nth-child(1) {
font-style: italic;
font-size:2.55rem;
margin-right: .5rem;
}
h2.sub-title-border span:nth-child(2) {
font-family:'Advent Pro', sans-serif;
line-height: 1.2;
font-size: 5rem;
vertical-align: bottom;
margin-right: 1.5rem;
}

h2.sub-title {
padding: 3.2rem 0 2.4rem;
text-align: center;
}
/*TOP*/
h2.top-title {
padding: 3.4rem 0 3rem;
text-align: center;
font-size: 3.6rem;
}


.circle-point {
display:flex;
flex-flow: column;
align-items: center;
justify-content: center;
/*margin: 0 auto 1.5rem;*/
margin-right: 1rem;
border-radius: 50%;
padding-top:5px;
width: 80px;
height: 80px;
line-height: 1;
background: #1f8ede;
color: #fff;
font-weight: normal;
}
.circle-point span:nth-of-type(1) {
font-style: italic;
font-size:1.8rem;
line-height: 1;
}
.circle-point span:nth-of-type(2) {
font-family:'Advent Pro', sans-serif;
line-height: 1;
font-size: 4.6rem;
vertical-align: bottom;
}
.point-title {
text-align: center;
font-weight: bold;
font-size: 2.2rem;
color: #1f8ede;
}






/*コラム*/
h1.sub-title-b2 {
position: relative;
margin-bottom: 2.5rem;
padding: 4rem 1rem;
border-bottom: 6px solid #dbdbdb;
font-size: 2.5rem;
}
h1.sub-title-b2:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 5px;
content: '';
background: #6876df;
}
h1.border-2:before {background-color: #9672c2 !important;}
h1.border-3:before {background-color: #1d91cd !important;}
h1.border-4:before {background-color: #1a61b4 !important;}
h1.border-5:before {background-color: #99743b !important;}
h1.border-6:before {background-color: #b32529 !important;}

/*ニュースコンテンツ*/
h2.s-title {
font-size: 2.2rem;
border-bottom:1px solid #dbdbdb;
padding-bottom: 1.5rem;
margin-bottom:1.5rem;
}

h3.line-heading {
margin: 3rem 0;
padding: 1rem 0 1rem 1.4rem;
border-left:10px solid #dbdbdb;
}

h3.sub-title {
padding: 3rem 0;
text-align: center;
}
h3.sub-title-border {
padding: 3rem 0 2.5rem;
text-align: center;
position: relative;
}
h3.sub-title-border:after {
content: "";
position: absolute;
width: 80px;
height: 4px;
background-color: #dbdbdb;
bottom: 0;
left: calc(50% - 40px);
}

h3.sub-title-gray {
padding: .5rem 0;
text-align: center;
position: relative;
line-height: 1.4;
}
h3.sub-title-gray span {
font-weight: normal;
color:#888888;
}
h3.sub-title-gray span:nth-child(1) {
font-style: italic;
font-size:2rem;
margin-right: .5rem;
}
h3.sub-title-gray span:nth-child(2) {
font-family:'Advent Pro', sans-serif;
line-height: 1.2;
font-size: 3.5rem;
vertical-align: bottom;
margin-right: 1.2rem;
}

h4.line-heading {
margin: 2.6rem 0;
padding: 0.8rem 0 0.8rem 1.2rem;
border-left:10px solid #dbdbdb;
font-size: 1.8rem;
}
p.point-text {
color:#a0a0a0;
text-align: center;
}

p.point-text-l {
color:/*#1f8ede*/#4da2df;
text-align: center;
}
p.point-text span:nth-child(1) {
font-style: italic;
font-size:1.6rem;
margin-right: .5rem;
}
p.point-text span:nth-child(2) {
font-family:'Advent Pro', sans-serif;
line-height: 1;
font-size: 2.8rem;
vertical-align: bottom;
}

p.point-text-l span:nth-child(1) {
font-style: italic;
font-size:2rem;
margin-right: .5rem;
}
p.point-text-l span:nth-child(2) {
font-family:'Advent Pro', sans-serif;
line-height: 1;
font-size: 4.6rem;
vertical-align: bottom;
}
p.point-text-l span.lead-text {
font-size: 2rem;
margin-left: 1.5rem;
font-weight: bold;
}

.attention-box {
margin: 3rem auto;
padding: 1.5rem;
border:2px solid /*#fb410f*/#ff977b;
border-radius: 0.5rem;
}
.attention-title:before {
display: inline-block;
font-family: 'icomoon';
content: "\ea21";
font-size: 2.3rem;
font-weight: normal !important;
color:#e34f28;
margin-right: 0.7rem;
}


/*数字*/
ol.list-number {
padding-left: 1.8rem;
}
/*カッコつきの番号*/
ol.list_parentheses{
padding-left: 0;
}
ol.list_parentheses li{
list-style-type:none;
list-style-position:inside;
counter-increment: cnt;
list-style-position:inside;
text-indent: -2.2rem;
padding-left: 2rem;
}
ol.list_parentheses li:before{
display: marker;
content: "(" counter(cnt) ") ";
}
/*黒丸*/
ol.list-disc,
ul.list-disc {
list-style: disc;
padding-left: 0;
}
ol.list-disc li,
ul.list-disc li {
list-style-position:inside;
text-indent: -1.8rem;
padding-left: 2rem;
line-height: 1.4;
/*margin-bottom: 0.5rem;*/
}
/*丸数字リスト*/
ol.circle-list {
counter-reset: circle-counter;
list-style: none;
padding: 0;
}
ol.circle-list > li {
display: flex;
/*align-items: center;*/
}
ol.circle-list > li:before {
content: counter(circle-counter);
counter-increment: circle-counter;
text-align: center;
border: 1px solid grey;
border-radius: 50%;
width: 18px;
height: 18px;
line-height: 1.218;
font-size: 1.4rem;
margin-right: .5rem;
margin-top: 3px;
min-width: 18px;
}


/*マーク付きリスト*/
ul.list-mark {padding-left: 0;}
ul.list-mark > li {
list-style-position:inside;
padding-left: 2rem;
text-indent: -1.45rem;
margin-bottom: 0.5rem;
}
ul.list-mark > li:before,
p.list-mark:before {
font-family: 'icomoon';
content: '\ea6f';
font-size: 1rem;
color: #c5c5c5;
margin-right: 0.5rem;
}

/*チェックマーク付きリスト*/
ul.check-mark {padding-left: 0;}
ul.check-mark > li {
list-style-position:inside;
padding-left: 1.5rem;
text-indent: -1.45rem;
}
ul.check-mark > li:before,
p.check-mark:before {
font-family: 'icomoon';
content: '\ea2a';
color: #434343;
margin-right: 0.5rem;
}

/*※付きリスト*/
ul.bikou {padding-left: 0;}
ul.bikou > li {
list-style-position:inside;
text-indent: -1.45rem;
padding-left: 2rem;
}
ul.bikou > li:before {content: "※";}
/*マークなし*/
li.non-dec,li.non-dec:before {
list-style:none !important;
content: none !important;
}
/*横並びリスト*/
ul.inline-list > li {
display: inline-block;
margin-right: 0.4rem;
}
ul.inline-list > li:before {
content: "・";
}

/*QAマーク*/
/*ul.q-head li {
list-style-position:inside;	
padding-left: 1.8rem;
text-indent: -1.8rem;
}
ul.q-head li:before,
p.q-head:before {
font-family:'Advent Pro', sans-serif;
content:'Q';
margin-right: 0.5rem;
font-size: 3rem;
color: #1f8ede;
}
.a-head:before {
font-family:'Advent Pro', sans-serif;
content:'A' !important;
margin-right: 0.5rem;
font-size: 3rem;
color: #f46060 !important;
}*/

/*------------------------------------
btn,icon
--------------------------------------*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #FFF inset;}
select::-ms-expand {display: none;}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image:url(../img/arrow-down.svg);
background-repeat: no-repeat;
background-size: 1.6rem;
background-position: right 10px center;
border:none;
}


input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}

input {
/*border:none;*/
padding:12px 14px; 
border:2px solid #c8c8c8; 
border-radius: 0.5rem;
width: 98%;
background: #fff;
}
select option {background: #fff;}
select option:hover {
background: #1f8ede !important;
color: #fff !important;
}
/*input:placeholder-shown { background:#f4f4f4;}*/
input:focus, select.form-input:focus,textarea:focus {
border: solid 2px  #1f8ede;
background-color: #ecf6fe;
}
/*input:empty, select.form-input:empty {
background-color: #f4f4f4;
}*/
::placeholder {
font-size:1.4rem;
color: /*#ccc*/#a1a1a1 !important;
}

.form-group {margin-bottom: 0;}
.form-control {display: inline-block;}
.form-input {
padding:8px 14px; 
border:2px solid #c8c8c8; 
border-radius: 0.5rem;
width: 100%;
height: 48px;
box-sizing: border-box;
}
select.form-input {
padding-right: 30px !important;
cursor: pointer;
}

input[type="file"] {display: none;}
.attachment {margin-bottom: 1.5rem;}
.attachment label {
position: relative;
display: inline-block;
margin-right: 1rem;
padding: 1rem 1.5rem;
border-radius: 50rem;
background:#5f5f5f;
color: #fff;
cursor: pointer;
transition: all .2s;
}

.attachment label:hover {background:#919191;}
.attachment label:after {
content: "選択されていません";
color: #434343;
height: 21px;
line-height: 21px;
position: absolute;
right: -150px;
top: calc(50% - 10px);
}
.attachment label.changed:after {content: "";}



textarea {min-height: 184px;}

.radio input[type="radio"] {
position: absolute;
display: none;
}
.radio, .radio-label {
position: relative;
display: inline-block;
}
.radio input[type="radio"] + .radio-label:before {
position: relative;
display: inline-block;
margin-right: 1rem; 
content: '';
background: #fff;
border: 2px solid #c8c8c8;
border-radius: 50rem;
vertical-align: top;
text-align: center;
width: 34px;
height: 34px;
top: -5px;
cursor: pointer;
transition: all .2s;
}

input[type="radio"]:checked + .radio-label:after,
input[type="radio"]:focus + .radio-label:after {
position: absolute;
display: block;
margin: auto;
content: "";
background: #1f8ede;
border-radius: 50rem;
width: 22px;
height: 22px;
top: 1px;
left: 6px;
}

.radio input[type="radio"]:disabled + .radio-label:before {
background: #f4f4f4;
}
.radio input[type="radio"]:disabled + .radio-label:after {
position: absolute;
display: block;
margin: auto;
content: "";
background: #dbdbdb;
border-radius: 50rem;
width: 22px;
height: 22px;
top: 1px;
left: 6px;
}
.radio input[type="radio"] + .radio-label:empty:before {
margin-right: 0;
}

/*select画面切り替え*/
.selbox:nth-of-type(n+2) {display: none;}








.btn {transition: all .3s ease-in-out;}
.btn.link,
.accordion a.btn {
position: relative;
padding: 0.8rem;
margin: 1rem auto;
}
.accordion {
width: 100%;
text-align: center;
}
.card {border:none;}

/*グレー枠btn*/
.btn-outline, .btn-outline:focus {
position: relative;
display: block;
margin: .5rem 0;
padding: 1.1rem .8rem;
background: #fff;
border:1px solid #a5a5a5;
border-radius: 50rem;
text-align: center;
font-size:1.5rem;
line-height: 1.2;
vertical-align: middle;
color: #343a40;
transition: all .3s ease-in-out;
}
.btn-outline:after, .btn-outline:focus:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
font-size: 2rem;
content: "\e912";
color: #727171;
transform: rotate(90deg);
margin: auto;
top:0;
bottom: 0;
height: 1em;
right: 1rem;
transition: .2s;
}
.btn-outline:hover, .btn-outline:active {
color: #fff;
background:#8a8a8a;
}
.btn-outline:hover:after, .btn-outline:active:after {
right: 0.6rem;	
color: #fff;
}
.btn-outline-2l {padding: .3rem .8rem !important;}

/*グレー枠黒btn*/
.btn-outline-b {
position: relative;
display: block;
margin: .5rem .25rem;
padding: 1.1rem .8rem;
background: #434343;
border:1px solid #434343;
border-radius: 50rem;
text-align: center;
font-size:1.5rem;
line-height: 1.2;
vertical-align: middle;
color: #fff;
transition: all .3s ease-in-out;
}
.btn-outline-b:hover, .btn-outline-b:focus {
color: #fff;
background:#777676;
border:1px solid #777676;
}



.btn-outline-dark, .btn-outline-dark:focus {
position: relative;
display: block;
margin: .5rem 0;
padding: 1.1rem .8rem;
background: #fff;
border:1px solid #a5a5a5;
border-radius: 50rem;
text-align: center;
font-size:1.5rem;
line-height: 1.2;
vertical-align: middle;
color: #343a40;
transition: all .3s ease-in-out;
}

.btn-outline-dark:hover,
.btn-outline-dark:not(:disabled):not(.disabled):active, 
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
background-color: #8a8a8a;
border-color: #8a8a8a;
color: #fff;
}

.btn-outline-black, .btn-outline-black:focus {
border-color:#434343 !important;
background: #434343;
color: #fff;
}
.btn-outline-black:hover,
.btn-outline-black:not(:disabled):not(.disabled):active, 
.btn-outline-black:not(:disabled):not(.disabled).active,
.show > .btn-outline-black.dropdown-toggle {
background-color: #fff;
border-color: #434343;
color: #434343;
}

.blue-btn-list li {margin-bottom: 1rem;}
/*アイコンあり*/
.blue-btn-i {
position: relative;
display: block;
padding: 35px 0px 35px 35px;
border: 1px solid #1f8ede;
border-radius: 50rem;
text-align: center;
font-size:1.6rem;
line-height: 1.2;
vertical-align: middle;
color: #1f8ede;
background: #fff;
transition: all .3s ease-in-out;
}
.blue-btn-i-2l {padding: 26px 0px 26px 35px !important;	}
/*アイコンなし*/
.blue-btn {
position: relative;
display: block;
padding: 28px 0;
border: 1px solid #1f8ede;
border-radius: 50rem;
text-align: center;
font-size:1.6rem;
line-height: 1.2;
vertical-align: middle;
color: #1f8ede;
background: #fff;
transition: all .3s ease-in-out;
}
.blue-btn-i:after,
.blue-btn:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
font-size: 2.4rem;
content: "\e912";
transform: rotate(90deg);
margin: auto;
top:0;
bottom: 0;
height: 1em;
right: 1.2rem;
transition: .2s;
}
.blue-btn-2l {padding: 19px 0px 18px 0px !important;
}
.blue-btn-i.active,
.blue-btn.active {
background: #1f8ede !important;
color: #FFF !important;
}
.blue-btn-i:hover, .blue-btn-i:focus,
.blue-btn:hover, .blue-btn:focus {
background: #1f8ede !important;
color: #FFF !important;
opacity: .8; 
}
.blue-btn-i:hover:after, .blue-btn-i:focus:after,
.blue-btn:hover:after, .blue-btn:focus:after {
right: 0.8rem ;
}

/*背景青*/
.bgblue-btn:hover, .bgblue-btn:focus {
background: #fff !important;
color: #1f8ede !important;
opacity: .8; 
}


/*申込みbtn オレンジ*/
.btn-orange, .btn-orange-n {
position: relative;
display: block;
margin: .5rem 0;
padding: 15px 0;
background:#e34f28;
border-radius: 50rem;
text-align: center;
font-size:2rem;
line-height: 1.2;
vertical-align: middle;
color: #fff;
transition: all .3s ease-in-out;
}

.btn-orange:after,
.btn-dblue:after,
.btn-dblue-s:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
font-size: 2rem;
content: "\e912";
transform: rotate(90deg);
margin: auto;
top:0;
bottom: 0;
height: 1em;
right: 1.2rem;
transition: .2s;
}
.btn-orange:hover, .btn-orange:focus,
.btn-orange-n:hover, .btn-orange-n:focus {
color: #fff;
background: /*#ee6a47*/#ff6d47;
opacity: 1;
}

/*申込みbtn 青 . iconなし*/
.btn-dblue,
.btn-dblue-n {
position: relative;
display: block;
margin: .5rem 0;
padding: 15px 0;
background:#1f8ede;
border-radius: 50rem;
text-align: center;
font-size: 2rem;
line-height: 1.2;
vertical-align: middle;
color: #fff;
transition: all .3s ease-in-out;
}
/*申込みbtn 青S . iconなし*/
.btn-dblue-s,
.btn-dblue-sn,
.btn-black-sn {
position: relative;
display: block;
margin: .5rem 0;
padding: 1rem .8rem;
background:#1f8ede;
border-radius: 50rem;
text-align: center;
font-size:1.5rem;
line-height: 1.2;
vertical-align: middle;
color: #fff;
transition: all .3s ease-in-out;
}
.btn-black-sn {
background: #2D2D2D;
}

.btn-dblue:hover, .btn-dblue:focus,
.btn-dblue-n:hover, .btn-dblue-n:focus,
.btn-dblue-s:hover, .btn-dblue-s:focus,
.btn-dblue-sn:hover, .btn-dblue-sn:focus {
color: #fff;
background:#4aa6e9;
}
.btn-black-sn:hover, .btn-black-sn:focus {
color: #fff;
background:#555454;
}

.btn-orange:hover:after, .btn-orange:focus:after,
.btn-dblue:hover:after, .btn-dblue:focus:after,
.btn-dblue-s:hover:after, .btn-dblue-s:focus:after {
right: 0.8rem ;	
color: #fff;
}

/*LINE btn . iconなし*/
.btn-green-s {
position: relative;
display: block;
margin: .5rem 0;
padding: 1rem .8rem;
background:#4aba4a;
border-radius: 50rem;
text-align: center;
font-size:1.5rem;
line-height: 1.2;
vertical-align: middle;
color: #fff;
transition: all .3s ease-in-out;
}

.btn-green-s:hover, .btn-green-s:focus {
color: #fff;
background:#61d661;
}

/*モーダル*/
.modal-header button.close {
font-size: 3rem;
font-weight: normal;
}
.modal-title {margin: auto 0;}


/*faq 開閉ボタン*/
.btn-faq > dt button {
position: relative;
padding: 1.5rem 3.6rem 1.5rem 4.2rem;
/*border: 1px solid #d7d7d7;*/
background: #f5f5f5;
text-align: left;
font-size: 1.5rem;
transition: all .3s ease-in-out;
margin-bottom: 1rem;
}
.btn-faq > dt button:before {
position: absolute;
margin: auto;
margin-right: 0.5rem;
font-family:'Advent Pro', sans-serif;
content:'Q';
font-size: 4.5rem;
color: #1f8ede;
line-height: 1;
top:0;
bottom: 0;
left: 1rem;
height: 1em;
}


/*.btn-faq dd .card-body >span {
width: 55px;
}*/



.btn-faq dd .card-body {
/*position: relative;*/
padding: 1rem 1.2rem ;
border: 1px solid #dbdbdb;
border-radius: .25rem;
background: #F7FBFF;
border-radius: .25rem;
text-align: left;
margin-bottom: 1rem;
}

.btn-faq dd .card-body > .d-flex > div {
width: 100%;
}

.btn-faq dd .card-body > .d-flex > div p:last-of-type {
margin-bottom: 0;
}


.btn-faq dd .card-body > div > span:before {
/*position: static;*/
margin-right: 0.8rem;
font-family:'Advent Pro', sans-serif;
content:'A';
font-size: 4.5rem;
color: #f46060;
line-height: 1;
top:0;
bottom: 0;
left: 1rem;
}

.btn-faq > dt button:hover {color: #1f8ede; }

@media (min-width: 768px) {
.btn-faq > dt button:before { font-size: 4rem;}
}



/*サイドナビ*/
.side-navi a { 
display: block;
padding: 1rem ;
line-height: 1.4;
}
.side-navi h4 { padding: 1.5rem 1rem;}
ul.sidenavi-list { margin-bottom: 0;}
ul.sidenavi-list li {
padding-bottom: 0;
border-top:1px solid #dbdbdb;
}
ul.sidenavi-list li:last-child {border-bottom:1px solid #dbdbdb;}
.sidenavi-list a.active {color: #1f8ede;}

.side-navi .sub-cate a {
font-weight: bold;
background: #f4f4f4;
/*border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;*/
padding-left: 1rem !important;
}

#faq-subnavi a,#faq-subnavi button {
padding-left:2.5rem;
}



/*サイドナビ開閉ボタン*/
.btn-side {
padding: 1rem;
font-size: inherit;
color: inherit;
text-align: left;
border-bottom: 1px solid #d7d7d7;
}

.btn-side:hover {color: #1f8ede;}
.btn-side-list li {
background: #f4f4f4;
text-align: left;
}
.btn-side-list li:first-child {border-top:0;}
.btn-side-list li:hover {background: #fafafa;}

/*右上サブ青ボタン*/
.sub-content-nav.nav-tabs {
margin:1.5rem 0 2.5rem;
border-bottom: none;
}
li.nav-item { padding-bottom: 0;}

.sub-content-nav .nav-item a.nav-link {
padding: .5rem 2.5rem;
border: 2px solid #1f8ede;
font-size: 1.6rem;
color: #1f8ede;
border-radius: 0;
transition: all .8s ease 0s;
}
.sub-content-nav li:first-of-type .nav-link {
border-radius: 50rem 0 0 50rem;
}
.sub-content-nav li:last-of-type .nav-link {
border-radius: 0 50rem 50rem 0;
}
.sub-content-nav .nav-item + .nav-item a,
.sub-content-nav .nav-item + .nav-item a:hover,
.sub-content-nav .nav-item + .nav-item a:focus,
.sub-content-nav .nav-item + .nav-item a.active { 
border-left: none;
}
.sub-content-nav.nav-tabs .nav-link:focus,
.sub-content-nav.nav-tabs .nav-link:hover,
.sub-content-nav.nav-tabs .nav-link.active {
background: #1f8ede;
border: 2px solid #1f8ede;
color: #fff;
}
@media (max-width: 767px) {
.sub-content-nav .nav-item a.nav-link {
padding: .75rem 2.8rem;
}
}

/*左右 前後矢印*/
.sub-page-nav {
margin-bottom: 1rem;
padding: 1rem 0;}
.sub-page-nav a {color:#1f8ede !important;}

ul.sub-page-nav li:first-child a {
position: relative;
padding-left: 3rem;
}
ul.sub-page-nav li:first-child a:before {
position: absolute;
display: inline-block;
font-family: 'icomoon';
content: "\ea5a";
font-size: 2rem;
top: -0.8rem;
left: 0.5rem;
transition: all .2s;
}
ul.sub-page-nav li:first-child a:hover:before {left: 0;}

ul.sub-page-nav li:last-child a {
position: relative;
padding-right: 3rem;
}
ul.sub-page-nav li:last-child a:after {
position: absolute;
display: inline-block;
font-family: 'icomoon';
content: "\ea56";
font-size: 2rem;
top: -0.8rem;
right: 0.5rem;
transition: all .2s;
}
ul.sub-page-nav li:last-child a:hover:after {right: 0;}

/*ページ内小ナビ*/
.nav-s-contentlist { padding: 3rem 1rem 1.4rem; }
.nav-s-contentlist ul li {margin-bottom: 0.5rem;}
.nav-s-contentlist ul li a {
position: relative;
display: inline-block;
padding: 1.3rem 0.5rem 1.3rem 0.1rem;
width: 100%;
text-align: center;
background: #fff;
border:1px solid #1f8ede;
color: #1f8ede;
line-height: 1.2;
border-radius: 50rem;
}
.nav-s-contentlist ul li a:hover{
background: #127ecb;
color: #fff;
}
.nav-s-contentlist ul li a:after {
display: inline-block;
position: absolute;
margin: auto;
font-family: 'icomoon';
content: "\e913";
font-size: 1.8rem;
color: #1f8ede;
height: 1em;
top:0;
bottom: 0;
right: 2rem;
line-height: 1;
transition: all .2s;
}

.nav-s-contentlist ul li a:hover:after { 
bottom:-.5rem;
color: #fff;
}
.nav-s-contentlist ul li.nav-s-2l a  {
padding: 0.6rem 0.5rem 0.6rem 0.1rem;
line-height: 1.1;
}
/*.nav-s-contentlist ul li.nav-s-2l a:after { bottom: 1.1rem;}*/
.nav-s-contentlist ul li.nav-s-2l a:hover:after { bottom:-.6rem;}

/*よくある質問 keywordserch*/
.keywordserch.form-inline {
justify-content: flex-end !important;
margin-bottom: 1.5rem;
}
.keywordserch.form-inline .form-control {width: 100% !important;}
.keywordserch .form-box {width: 78%;}
@media (min-width: 768px) {
.keywordserch .form-box {width: 90%;}
}

.keywordserch .form-control {
padding: 1rem;
height: 46px;
}
.keywordserch button.icon-search {
position: relative;
margin-left: 2rem;
background: #9d9d9d;
border-radius: 50rem;
height: 42px;
width: 42px;
}

.keywordserch button.icon-search:before {
position: absolute;
display: inline-block;
font-family: 'icomoon';   
content: "\e919";
font-size: 2rem;
color: #fff;
top: 10px;
left: 10px;
}




/*icon*/
.icon-sp_btn_login,
.icon-sp_btn_dplus,
.icon-sp_btn_cmt,
.icon-sp_btn_new {font-size: 5rem;}

button.arrow-down, button.side-arrow-down {position: relative;}
button.arrow-down[aria-expanded="false"]:after  {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content:'\eb43';
font-size: .8rem;
font-weight: normal;
color: #727171;
right: 1.5rem;
top:0;
bottom: 0;
height: 1em;
margin:auto;
transition: all .2s ease-in-out;
}

button.arrow-down[aria-expanded="true"]:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content:'\eb43';
font-size: .8rem;
font-weight: normal;
color: #727171;
right: 1.5rem;
top:0;
bottom: 0;
height: 1em;
margin:auto;
transform: rotate(-180deg);
transition: all .2s ease-in-out;
}

button.side-arrow-down[aria-expanded="false"]:after  {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content:'\e913';
font-size: 1.4rem;
font-weight: normal;
color: #727171;
right: 1rem;
top:1.2rem;
transition: all .2s ease-in-out;
}

button.side-arrow-down[aria-expanded="true"]:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content:'\e913';
font-size: 1.4rem;
font-weight: normal;
color: #727171;
right: 1rem;
top:1rem;
transform: rotate(-180deg);
transition: all .2s ease-in-out;
}

.accordion a[data-toggle="collapse"]:hover::after {color: #FFF;}
.accordion a[aria-expanded=false]::after {
content: "\e918";
color: #727171;
top:1rem;
right:1.5rem;
transform: rotate(90deg);
transition: all .2s ease-in-out;
}
.accordion a[aria-expanded=true]::after {
content: "\e916";
color: #727171;
top:1rem;
right:1.5rem;
transition: all .2s ease-in-out;
}

.arrow-right:after,
.arrow-right-w:after,
.icon_arrow:after,
.accordion a[data-toggle="collapse"]::after {
position:absolute;
font-family: 'icomoon';
font-size:1.6rem;
}

.btn.arrow-right {position: relative;}
.btn.arrow-right:after {
display: inline-block;
position: absolute;
content: "\e912";
transform: rotate(90deg);
font-size:2rem ;
color: #727171;
top:0.4rem;
right:1.2rem;
transition: all .2s;
}
.btn.arrow-right-w:after {
display: inline-block;
content: "\e912";
transform: rotate(90deg);
font-size:2rem ;
font-weight: normal;
color: #FFF;
top:0.4rem;
right:1.2rem;
transition: all .2s;
}
.btn.arrow-right:hover:after, 
.btn.arrow-right:focus:after,
.btn.arrow-right-w:hover:after, 
.btn.arrow-right-w:focus:after {
color: #FFF;
right: 0.8rem;
}
.arrow-bold:after {top: 0.8rem !important;}

li.link-mark {
text-indent: 0rem !important;
padding-left: 0rem !important;
}
.link-mark a{color: #1f8ede;}
button.link-mark  {
color: #1f8ede;
font-size: inherit;	
padding: 0;
}
button.link-mark:hover {
color: #1f8ede;
}
/*.link-mark a:visited {color: #995599;}　　とりあえずコメントアウト　*/
.link-mark a:before,
button.link-mark:before {
display: inline-block;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
font-size: 1.2rem;
color: #1f8ede;
margin-right: 0.5rem;
}
.link-white a:before {
color: #fff !important;
}
.link-mark-gray a:before {
display: inline-block;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
font-size: 1.2rem;
color: #b8b8b8;
margin-right: 0.5rem;
}

.link-after:after {
display: inline-block;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
font-size: inherit;
/*color: #b8b8b8;*/
}

.icon_arrow-s {position: relative;}
.icon_arrow-s:after {
position:absolute;
display: inline-block;
font-family: 'icomoon'; 
content: "\eb0a";
font-size: 3.6rem;
color: #57b1f3;
left: calc(50% - 20px);
bottom: -46px;
}
.icon_arrow-s:last-child:after {display: none;}

.icon-pdf {color: #da694b;}
.icon-new-tab {color: #808080;}
.icon-sp_btn_login:before {color: /*#2497e2*/#eab400 !important;}
.icon-sp_btn_new:before {color: #e34f28 !important;}

.icon-star:after {
display: inline-block;
font-family: 'icomoon'; 
content: "\e9f3";
color:#e34f28;
}
.icon-star2:after {
display: inline-block;
font-family: 'icomoon'; 
content: "\e9f1";
color:#e34f28;
}

/*------------------------------------
header nav
--------------------------------------*/
.logo {
width: /*45%*/60%;
max-width: 270px;
}
#navbarNav2 {
flex-basis: auto;
flex-grow: inherit;
}
#navbarNav2 .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-brand {padding: 0;}
.navbar-expand-lg .navbar-collapse {z-index: 12}


/*------------------------------------
navbar blue
--------------------------------------*/
.navbar-blue {
justify-content:/*flex-end*/ space-between;
background: #fff;
padding: 0;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0px 0px 8px -2px rgba(0,0,0,.15);
}
.navbar-blue .nav-link {
margin: 0;
padding: 0.8rem 0;
/*font-weight: bold;*/
}
.navbar-blue .nav-link:hover,
.navbar-blue .nav-link:focus {color:#0789e6 !important;}
/*.navbar-blue .nav-item:first-child a {border-top: none;}*/
.navbar-blue .navbar-toggler {
position: relative;
/*margin-right: 1rem;*/
/*padding: 0px;*/
border: none;
color: rgba(0, 0, 0, 0.5);
width: /*30px*/40px;
height: 30px;
box-sizing: border-box;
}
.navbar-blue .navbar-toggler-icon {
position: absolute;
display: block;
background-image:none; 
background-color: #606060;
width: 30px;
height: 2px;
left: calc(50% - 15px);
transition: ease .5s;
}
.dropdown-menu {
margin: 0;
/*padding:0;
background-color: transparent;*/
border:0;
font-size:1.4rem;
}
.dropdown-item {
display: block;
padding: .8rem 1.5rem;
}
.dropdown-item:hover, .dropdown-item:focus {
background-color:transparent;
}
.dropdown-item-inner {
padding: 0.3rem 0 0.3rem .8rem;
}
.dropdown-item-inner a:before  {
display: inline-block;
font-family: 'icomoon';   
content: "\e90c";
color: #9d9d9d;
font-size: 1.25rem;
padding-right: 0.4rem;
}
.dropdown-item-inner a.disabled {
font-weight: bold;
}
.dropdown-item-inner a.disabled:before {
content: none;
}

.dropdown-inner-list li {
padding: 0.3rem 0 0.3rem 1.8rem;
}

.dropdown-inner-list li a:before  {
display: inline-block;
/*font-family: 'icomoon';  */ 
content: "-";
color: #9d9d9d;
font-weight: bold;
font-size: 1.6rem;
padding-right: 0.4rem;
}




/*searchbox*/
.form-box ul {display:none;}
.searchbox {margin: 2rem 0;}
.searchbox button.btn {
margin-left: 1rem;
background: #9d9d9d;
border-radius: 50%;
height: 32px;
width: 32px;
padding-top: 6px;
padding-left:6px;
}
.form-control {
border:2px solid #c8c8c8; 
border-radius: 0.5rem;
font-size: 15px;
z-index: /*100*/55;
}
.icon-search:before {
font-size: 1.8rem;
color: #FFF;
}
.form-control:focus {border-color: #1f8ede;}


/*MARS for Search*/
.navbar-blue .mf_finder_container {
width: 100%;
}
.navbar-blue .mf_finder_searchBox_submit {
margin-left: 1rem;
margin-top: 2px;
background: #9d9d9d;
border-radius: 50%;
height: 32px;
width: 32px;
padding-top: 2px;
padding-left:6px;
}

.navbar-blue .mf_finder_searchBox_submit:before {
display: inline-block;
font-family: 'icomoon';
content: "\e919";
font-size: 1.8rem;
color: #FFF;
}

.navbar-blue .mf_finder_searchBox_query_input {
display: inline-block;
vertical-align: middle;
height: auto;
width: 100%;
border: 2px solid #c8c8c8;
border-radius: 0.5rem;
background-color: #fff;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.5;
z-index: 100;
}


/* hamburger-menu */
.navbar-toggler-icon:nth-of-type(1) {top:6px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;}
.navbar-toggler-icon:nth-of-type(3) {top:22px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:13px;
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:13px;
transform: rotate(-45deg);
}

/* D+・CMTボタン　SP 改修後 */
.btn-login-s {
background: #eab400;
width: calc((100% - 40px)/2); 
padding: 1rem 0;
font-size: 1.35rem;
text-align: center;
color: #FFF !important; 
box-sizing: border-box;
transition: all .8s ease 0s;
}
.btn-new-s {
background:#e34f28;
width: calc((100% - 40px)/2); 
padding: 1rem 0;
font-size: 1.35rem;
text-align: center;
color: #FFF !important; 
box-sizing: border-box;
transition: all .8s ease 0s;
}
.btn-login-s:hover, .btn-login-s:focus {
color: #FFF ;
/*opacity: 0.6;*/
background: #fcd13f;
}
.btn-new-s:hover, .btn-new-s:focus {
color: #FFF ;
/*opacity: 0.6;*/
background: #ff6d47;
}



/*------------------------------------
breadcrumb
--------------------------------------*/
.breadcrumb {
margin-bottom: 0;	
font-size: 1.2rem;
}
.breadcrumb-item{padding-bottom: 0}
.breadcrumb-item+.breadcrumb-item::before {
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
margin-right: 0.5rem;
padding-left: 2px;
padding-right: 0;
}
.breadcrumb-item.active {
color: inherit;
}
/*------------------------------------
 slider
--------------------------------------*/
/*ロード中は非表示に*/
/*.slider {
  display:none;
}*/
.slider > div:not(:first-of-type){display: none;}
.slider a:hover {
color: inherit;
}
.slider a:hover img {
opacity: 1;
}
.slider.slick-initialized {
  display: block;
}
.slider img {
width: 100%;
height: auto; 
}


/***button nav **/
.slider-container button {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

/*** 両サイド透過 **/
.slick-slider .slick-track, 
.slick-slider .slick-list {background: #fff;}
.slick-initialized .slick-slide {opacity: /*0.4*/1; /* 両サイド透過 */}
.slick-initialized .slick-slide.slick-active {opacity: 1; /* センター非透過 */}

/*** 前次ボタン **/
.slick-prev,.slick-next {
z-index: 10;
}
.slick-prev::before {
position: absolute;
display: inline-block;
padding: 1px 9px 1px 7px;
font-family: 'icomoon';
content: "\e90f";
font-size: 4rem;
color: #c3c3c3;
opacity:.8;
margin: auto;
top:0;
bottom: 0;
height: 1em;
}
.slick-next::before {
position: absolute;
display: inline-block;
padding: 1px 7px 1px 9px;
font-family: 'icomoon';
content: "\e910";
font-size: 4rem;
color: #c3c3c3;
opacity:.8;
margin: auto;
top:0;
bottom: 0;
height: 1em;
}
.slick-prev {
left:4%;
}
.slick-next {
right: 9%;
}


/*** ポイント　ナビ **/
.slick-dotted.slick-slider {
position: relative;
margin-bottom: 0;
padding: 0;
}

.point-slick-dots button {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: rgba(0,0,0,0);
}
.point-slick-dots {
position: absolute;
bottom: -1rem;
left: 50%;
transform: translate(-50%, -50%);
margin-bottom: 0;
text-align: center;
}

.point-slick-dots li {
display: inline-block;
margin: 0 15px;
padding-bottom: 0;
}
.point-slick-dots li button {
position: relative;
text-indent: -9999px;
}

.point-slick-dots li button:before {
position: absolute;
content: " ";
top:-12px;
left: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background: #b5b4b4;
/*border: 1px solid #b5b4b4;*/
}
.point-slick-dots li.slick-active button:before {
position: absolute;
top:-12px;
left: 0;
width: 12px;
height: 12px;
border-radius: 50%;
/*border: 1px solid #b5b4b4 !important;*/
background: #1f8ede;
}

/* SPスライダー 10*/
@media (max-width: 575.98px) {
.point-slick-dots li button:before {
top:-12px;
left: 0;
width: 11px;
height: 11px;
/*background: none;
border: 1px solid #fff;*/
}
.point-slick-dots li {margin: 0 13px;}
}





/*------------------------------------
footer
--------------------------------------*/
.footer-site {
padding: 1rem 0;
background:/*#e8e8e8*//*#f4f4f4*//*#287cb8*/#727272; 
}
ul.f-link {
padding-left: 0;
list-style: none;
font-size: 1.3rem;
margin-bottom: 0;
}
ul.f-link li {
display: inline-block;	
border-left:1px solid /*#b3b3b3*/#e5e5e5;
padding-bottom: 0;
margin: .5rem 0;
}
ul.f-link li:last-child {
border-right:1px solid /*#b3b3b3*/#e5e5e5;
}
ul.f-link li a {
display: inline-block;	
padding: 1rem 2rem 1rem 2.2rem;
color: #fff;
}





/*トップへ戻るボタン*/
.top-btn {
position:fixed;
z-index: 9999;
display:block;
bottom:45px;
right:30px;
background-color:rgba(0,0,0,0.5);
text-decoration:none;
width:50px;
height:50px;
text-align:center;
border-radius:25px;
padding-top:25px;
box-sizing:border-box;
}
.top-btn:before {
position:absolute;
font-family: 'icomoon';
content:'\e912';
font-size: 2.6rem;
color:#fff;
top:4px;
left:0;
width:100%;
text-align:center;
}
.top-btn:hover {opacity:0.7;}
.top-btn:hover:before {color: #fff !important;}

/*------------------------------------
Contents
--------------------------------------*/
.bg-lgray {background-color: #f4f4f4 !important;}
.bg-gray {background-color: #dbdbdb !important;}
.bg-dgray {background-color: #5f5f5f !important;}
a .bg-dgray:hover, a .bg-dgray:fucus {background-color: #7b7979 !important;}
.bg-dgray p{color: #FFF;}
.bg-dgray a{color: #d4d3d3;}
.bg-gray2 {background-color: /*#f2f5f8*/#f1f1f1 !important;}
.bg-dgray2 {background-color: /*#e9ecef*/#ebebeb !important;}
.bg-dgray-opacity {background-color:rgba(223,223,223,0.6)}
.bg-blue {background-color: #1f8ede !important;}
.bg-blue2 {background-color: #4ca2e0 !important;}
/*a .bg-blue:hover {background-color: #4aa6e9 !important;}*/
.bg-dblue {background-color: #235bb1 !important;}
.bg-dblue2 {background-color: #287cb8 !important;}
.bg-lightblue {background-color: #ecf6fe !important;}
.bg-lightblue2 {background-color: #F7FBFF !important;}
.bg-green {background-color:#4aba4a !important;}
.bg-lgreen {background-color:#f1faf1 !important;}
.bg-beige {background-color:#fffcf8 !important;}
.bg-pink {background-color:#fee7e1 !important;}
.bg-pink2 {background-color:#FFEEEE !important;}
.bg-orange {background-color:#e34f28 !important;}
/*a .bg-orange:hover {background-color: #f0643e !important;}*/
.bg-yellow {background-color:#f5d946 !important;}
a .bg-yellow:hover {background-color:#fae36c !important;}

.border-1-white {border:1px solid #fff !important;}
.border-2-white {border:2px solid #fff !important;}
.border-b2-white {border-bottom:2px solid #fff !important;}
.border-l9-white {border-left:9px solid #fff !important;}
.border-1-lgray {border:1px solid #dbdbdb !important;}
.border-2-lgray {border:2px solid #dbdbdb !important;}
.border-t1-lgray {border-top:1px solid #dbdbdb !important;}
.border-t2-lgray {border-top:2px solid #dbdbdb !important;}
.border-b1-lgray {border-bottom:1px solid #dbdbdb !important;}
.border-b2-lgray {border-bottom:2px solid #dbdbdb !important;}
.border-r1-lgray {border-right:1px solid #dbdbdb !important;}
.border-l1-lgray {border-left:1px solid #dbdbdb !important;}
.border-t1dash-lgray {border-top:1px dashed #dbdbdb !important;}
ul.border-ub1-lgray li:not(:last-child) {border-bottom:1px solid #dbdbdb;} 
.border-1-gray {border:1px solid #9a9a9a !important;}
.border-2-gray {border:2px solid #9a9a9a !important;}
.border-1-dgray {border:1px solid #5f5f5f !important;}
.border-2-dgray {border:2px solid #5f5f5f !important;}
.border-1-blue {border:1px solid #1f8ede !important}
.border-2-blue {border:2px solid #1f8ede !important}
.border-t1-blue {border-top:1px solid #1f8ede !important;}
.border-t2-blue {border-top:2px solid #1f8ede !important;}
.border-1-dblue {border:1px solid #235bb1 !important}
.border-2-dblue {border:2px solid #235bb1 !important}
.border-1-orange {border:1px solid #fb410f !important;}
.border-2-orange {border:2px solid #fb410f !important;}
.border-1-lorange {border:1px solid #ff977b !important;}
.border-2-lorange {border:2px solid #ff977b !important;}
.border-t10-green2 {border-top:10px solid #009844 !important;}
.border-b10-yellow {border-bottom:10px solid #fff000 !important;}
.border-1-green {border:1px solid #4aba4a !important;}

.mt-6, .my-6 {margin-top: 4rem;}
.mt-7, .my-7 {margin-top: 5rem;}
.mt-8, .my-8 {margin-top: 6rem;}
.mt-9, .my-9 {margin-top: 7rem;}
.mt-10, .my-10 {margin-top: 8rem;}

.mb-6, .my-6 {margin-bottom: 4rem;}
.mb-7, .my-7 {margin-bottom: 5rem;}
.mb-8, .my-8 {margin-bottom: 6rem;}
.mb-9, .my-9 {margin-bottom: 7rem;}
.mb-10, .my-10 {margin-bottom: 8rem;}

.mr-6, .mx-6 {margin-right: 4rem;}
.mr-7, .mx-7 {margin-right: 5rem;}
.mr-8, .mx-8 {margin-right: 6rem;}
.mr-9, .mx-9 {margin-right: 7rem;}
.mr-10, .mx-10 {margin-right: 8rem;}

.ml-6, .mx-6 {margin-left: 4rem;}
.ml-7, .mx-7 {margin-left: 5rem;}
.ml-8, .mx-8 {margin-left: 6rem;}
.ml-9, .mx-9 {margin-left: 7rem;}
.ml-10, .mx-10 {margin-left: 8rem;}

.pt-6, .py-6 {padding-top: 4rem;}
.pt-7, .py-7 {padding-top: 5rem;}
.pt-8, .py-8 {padding-top: 6rem;}
.pt-9, .py-9 {padding-top: 7rem;}
.pt-10, .py-10 {padding-top: 8rem;}

.pb-6, .py-6 {padding-bottom: 4rem;}
.pb-7, .py-7 {padding-bottom: 5rem;}
.pb-8, .py-8 {padding-bottom: 6rem;}
.pb-9, .py-9 {padding-bottom: 7rem;}
.pb-10, .py-10 {padding-bottom: 8rem;}

.ml-19 {margin-left: 1.9rem;}

.w-90 {width: 90%}
.w-85 {width: 85%}
.w-80 {width: 80%}
.w-70 {width: 70%}
.w-60 {width: 60%}
.w-45 {width: 45%}
.w-40 {width: 40%}
.w-30 {width: 30%}
.w-20 {width: 20%}
.w-10 {width: 10%}
.w-48 {width: 48%}
.w-82 {width: 82%}

.rounded-xl {border-radius: 0.5rem !important;}
.rounded-1r {border-radius: 1rem !important;}
.rounded-12r {border-radius: 1.2rem !important;}
.rounded-3r {border-radius: 3rem !important;}

.rowbox-5:after {
display: block;
content:"";
width:66.66666666%;
}

.rowbox-4:after {
display: block;
content:"";
width:50%;
}
.rowbox-s4:after {
display: block;
content:"";
width:41.7%;
}
.rowbox-3:after {
display: block;
content:"";
width:33.33333333%;
}

.rowbox-3s:after {
display: block;
content:"";
width:16.5%;
}

/*グレー枠*/
.box-lgray {
padding: 1rem 1.5rem;
border: 1px solid #dbdbdb;
background-color: #fff;
}
/*グレー枠 吹き出し*/
.box-lgray-r {
position: relative;
padding: 1.5rem 1rem;
border: 2px solid #dbdbdb;
background-color: #fff;
border-radius: /*50%*/2rem;
height: /*170px*/138px;
width: /*170px*/160px;
}
.box-lgray-r:after, .box-lgray-r:before {
top: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.box-lgray-r:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.box-lgray-r:before {
border-color: rgba(219, 219, 219, 0);
border-top-color: #dbdbdb;
border-width: 13px;
margin-left: -13px;
}

.box-lgray-r p{
text-align: center;	
margin-bottom: 0;
}

/*白ボックス*/
.box-white {
padding: 1rem .8rem;
background: #fff;
border-radius: .5rem;
display: block;
}


.badge-danger {
display: inline-block;
margin-right: 1rem;
padding: 0.1rem 1rem 0 1rem;
background-color: #dc3545;
border-radius: 2rem;
font-size: inherit;
color: #fff;
}
h2 .badge-danger {
padding: 0.3rem 1rem 0.2rem 1rem;
font-size: 1.6rem;
}
.badge-common {
display: inline-block;
padding:0.1rem 1.5rem 0;
background-color: #959595;
border-radius: 3rem;
color: #fff;
}

.wappen-box {
position: relative;
overflow: hidden;
}
.wappen-box:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 55px 55px 0 0;
border-color: #f31857 transparent transparent transparent;
z-index: 19;

}
.wappen-box:after {
position: absolute;
content: "NEW";
transform: rotate(315deg);
display: block;
font-size: 1.4rem;
white-space: pre;
color: #fff;
top: 12px;
left: 5px;
text-align: center;
z-index: 20;
line-height: 1.2;
}

/*画像ズーム*/
.img-zoom {
width: 100%;
overflow: hidden;
}
.img-zoomimg {
width: 100%;
transition-duration: 0.3s;
}
a:hover img.img-zoomimg {opacity: 1;}
.img-zoomimg:hover {
transform: scale(1.08);
transition-duration: 0.3s;
}

/*青タブ*/
.blue-2tab {
border-bottom: 2px solid #1f8ede;
}
.blue-2tab.nav-tabs .nav-item {
margin-bottom:-2px;
padding-bottom: 0;
width: 46%
}
.blue-2tab.nav-tabs .nav-item button {
width: 100%;
}
.blue-2tab.nav-tabs .nav-link {
padding: 0.5rem 0;
border: 2px solid #1f8ede;
/*border-bottom: 0 !important;*/
border-radius: 1rem 1rem 0 0;
background-color:#fff;
color: #1f8ede;
text-align: center;
line-height: 1.4;
transition: all .8s ease 0s;
height: 100%;
box-sizing: border-box;
}
.blue-2tab.nav-tabs .nav-link:focus,
.blue-2tab.nav-tabs .nav-link:hover {
color: #fff;
border: 2px solid rgba(31,142,222,0.1);
background-color:rgba(31,142,222,0.8);
}
.blue-2tab.nav-tabs .nav-link.active {
background-color: #1f8ede;
border: 2px solid #1f8ede;
/*border-bottom: 0;*/
color: #fff;
}


/*------------------------------------
ヘッダ背景
--------------------------------------*/
.bg-header {
height: 320px; 
box-sizing: border-box;
overflow: hidden;
}
.bg-header-s {
height: 200px; 
box-sizing: border-box;
overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.bg-header {height: 250px;}
.bg-header-s {height: 180px;}
}
@media (min-width: 992px) {
.bg-header {height: 280px;}
.bg-header-s {height: 200px;}
}

/*------------------------------------
1200px以上
--------------------------------------*/
@media (min-width: 1200px) {
.slick-prev {
left: 6.5vw;
}
.slick-next {
right: 11vw;
}
}
/*------------------------------------
992px以上
--------------------------------------*/
@media (min-width: 992px) {
.text-m2-c {font-size:1.5rem}
.text-c-l {font-size:1.6rem}
.text-l-xl {font-size: 2rem;}
.text-xl-xxl {font-size: 2.55rem}
.text-xxl-3x {font-size:3rem !important;}
.text-xxl-3xl {font-size:3.5rem !important;}
.text-xxl-4x,
.text-3x-4x {font-size:4rem !important}
.text-4x-6x {font-size:6rem}
.text-5x-8x {font-size:8rem}
.text-5x-9x {font-size:9rem}

.w-lg-100 {width: 100% !important;}
.w-lg-90 {width: 90%;}
.w-lg-85 {width: 85%;}
.w-lg-80 {width: 80%;}
.w-lg-75 {width: 75%;}
.w-lg-70 {width: 70%;}
.w-lg-60 {width: 60%;}
.w-lg-50 {width: 50%;}
.w-lg-40 {width: 40%;}
.w-lg-35 {width: 35%;}
.w-lg-30 {width: 60%;}
.w-lg-25 {width: 25%;}
.w-lg-20 {width: 20%;}
.w-lg-10 {width: 10%;}
.w-lg-9 {width: 9%;}
.w-lg-8 {width: 8%;}
.w-lg-7 {width: 7%;}

.mt-lg-5, .my-lg-5 {margin-top: 3rem;}
.mt-lg-6, .my-lg-6 {margin-top: 4rem;}
.mt-lg-7, .my-lg-7 {margin-top: 5rem;}
.mt-lg-8, .my-lg-8 {margin-top: 6rem;}
.mt-lg-9, .my-lg-9 {margin-top: 7rem;}
.mt-lg-10, .my-lg-10 {margin-top: 8rem;}

.mb-lg-5, .my-lg-5 {margin-bottom: 3rem;}
.mb-lg-6, .my-lg-6 {margin-bottom: 4rem;}
.mb-lg-7, .my-lg-7 {margin-bottom: 5rem;}
.mb-lg-8, .my-lg-8 {margin-bottom: 6rem;}
.mb-lg-9, .my-lg-9 {margin-bottom: 7rem;}
.mb-lg-10, .my-lg-10 {margin-bottom: 8rem;}

.pl-lg-7 {padding-left:5rem !important;}

.border-r1-lg-lgray {border-right:1px solid #dbdbdb;}
.border-l1-lg-lgray {border-left:1px solid #dbdbdb;}
.border-t1-lg-0 {border-top:0 !important;}

.rowbox-lg-5:after {
display: block;
content:"";
width:66.66666666%;
}
.rowbox-lg-4:after {
display: block;
content:"";
width:50%;
}
.rowbox-lg-s4:after {
display: block;
content:"";
width:41.7%;
}
.rowbox-lg-3:after {
display: block;
content:"";
width:33.33333333%;
}

.rowbox-lg-3s:after {
display: block;
content:"";
width:16.5%;
}

/*------- main navi -------*/
#navbarNav2 {
flex-basis: auto;
flex-grow: 1;
}
/*.navbar-collapse {
  flex-grow: unset;
}*/

.dropdown {position: static;} 
.navbar-light {padding: .5rem 1rem;}
.navbar-light .navbar-nav {z-index: 10;}
.navbar-blue {
flex-wrap: wrap;
padding: 0 1rem ;
background-color: #065590;
}
#cmt.navbar-blue {
flex-wrap: wrap;
padding: 0 1rem ;
background-color:#3b3b3b;
}
.navbar-blue .nav-link {
position: relative;
margin: 0 ;
padding: 1.6rem !important;
font-size: 1.35rem;
color: #fff;
}
.navbar-blue .nav-link:hover {
background-color: #116cb1;
}
#cmt.navbar-blue .nav-link:hover {
background-color: #575757;
}
.dropdown:hover a.nav-link, .dropdown:focus a.nav-link {
color:#fff !important;
}






/*.navbar-blue a.nav-link:before {
content: '';
width: 0;
left: 50%;
bottom: 0;
transition: all 0.3s ease;
border-bottom: 3px solid #1f8ede;
position: absolute;
display: block;
}
.navbar-blue a.nav-link:hover:before,
.dropdown:hover a.nav-link:before {
width: 50%;
border-bottom: 3px solid #1f8ede;
}
.navbar-blue a.nav-link:after {
content: '';
width: 0;
right: 50%;
bottom: 0;
transition: all 0.3s ease;
border-bottom: 3px solid #1f8ede;
position: absolute;
display: block;
}
.navbar-blue a.nav-link:hover:after,
.dropdown:hover a.nav-link:after {
width: 50%;
border-bottom: 3px solid #1f8ede;
}*/



.dropdown:hover .dropdown-menu, 
.dropdown:focus .dropdown-menu {display: block;}

.dropdown-toggle::after {
display: none;
border:none;
margin-left: 0.5em;
}
.dropdown-menu {
display: inline-block;
/*visibility: visible;
opacity: 1;*/
visibility: hidden;
opacity: 0;
padding: 1.5rem 1.5rem 4rem;
background-color:#F7FBFF;
border-radius: 0;
width: 100%;
transition: all .2s;
border-top: 1px solid #dcdcdc;
}
.dropdown:hover .dropdown-menu, .dropdown:focus .dropdown-menu,
.dropdown:hover .dropdown-item, .dropdown:focus .dropdown-item {
visibility: visible;
opacity: 1;
}


/*.nav-item.col-sm-auto{padding:1.3rem;}*/

.dropdown-item {
display: inline-block;
position: relative;
/*visibility: visible;
opacity: 1;*/
visibility: hidden;
opacity: 0;
padding: 1.2rem 1rem;
/*border-bottom: 1px solid #dbdbdb;*/
box-sizing: border-box;
transition: all .3s ease-in-out;
border:1px solid #1f8ede;
border-radius: 50rem;
text-align: center;
}
.dropdown-item a {
display: inline;
/*padding-left: 3rem;*/
color:#1f8ede;
font-size: 1.5rem;
white-space:normal;
transition: all .3s ease-in-out;
}

/*.dropdown-item:before {
display: inline-block;
position: absolute;
font-family: 'icomoon';   
content: "\e90c";
font-size: 2.2rem;
color:#1f8ede;
top:0.4rem;
left:2rem;
transition: all .2s;
}*/
/*.dropdown-item a:hover {
color:#1f8ede;
border-bottom: 1px solid #1f8ede;
transition:all .2s;
}
*/
/*.dropdown-item:hover:after,
.dropdown-item:focus:after {right: 1.3rem;}*/

#main-navi .dropdown-menu .nav-item {
width: 290px;
box-sizing: border-box;
margin-bottom: 0.8rem;
/*border-top: 1px solid #dbdbdb;*/
}
#main-navi .dropdown-menu.width-s .nav-item {
width: 265px !important;
}
#main-navi .dropdown-menu .nav-item.width-s {
width: 250px !important;	
}
#main-navi .dropdown-menu .nav-item.width-l {
width: 320px !important;	
}

/*#main-navi .dropdown-menu .nav-item:first-child {
width: 240px;
}*/

.dropdown-item-inner {
position: relative;
padding: 0;
margin-bottom: /*1.2rem*/.4rem;
width: 100%;
border-bottom: 1px solid #dbdbdb;
}

.dropdown-item-inner a {
display: inline-block;
position: relative;
padding: 1.4rem 1rem 1.4rem .7rem;
/*background: rgba(40, 124, 184,.7);*/
font-size: 1.35rem;
/*color: #fff;*/
width: 100%;
box-sizing: border-box;
transition:all .2s;
}
.dropdown-item-inner a:before {
position: absolute;
padding-right: 0;
font-size: 1.4rem;
color: #1f8ede;
top: 1.3rem;
right: 1.2rem;
transition: .2s;
}

.btn-navi {
border-bottom: none;
margin-bottom: 1.2rem;
}
.btn-navi a {
background: rgba(40, 124, 184,1);
color: #fff;
text-align: center;
padding: 1.2rem 1rem 1.2rem .3rem;
border-radius: 50rem;
}
.btn-navi a:before {
color: #fff;
}
.btn-navi a:hover {
background: rgba(57,147,211,.7);
}
.btn-navi a:hover:before {
right:.8rem;
}

.dropdown-item-inner a.disabled:before {
content: none;
}


/*.dropdown-item-inner:hover:after, .dropdown-item-inner:active:after {
padding-left: .55rem;
}*/

.dropdown-inner-list li {
font-size:1.35rem;
}

.dropdown-inner-list li a:before {
font-family: 'icomoon';   
content: "\e90c";
font-weight: normal;
font-size: 1.3rem;
color: #9d9d9d;
}


.btn-navi .icon-column {
position: relative;
}
.btn-navi .icon-column:before {
font-family: 'icomoon'; 
content: "\eb0c";
font-size: 2.2rem;
transform: rotate(25deg);
position: absolute;
left: -2rem;
}



.form-box {
position: relative;
display: inline-block;
}

.searchbox {margin: 0;}
.searchbox button { margin-right: 1rem; }


#main-search.form-control {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
transition: .4s ease 0s;
}


/*MARS for Search*/
.navbar-blue .mf_finder_searchBox_query_wrap {
position: relative;
}
.navbar-blue .mf_finder_searchBox_query_input {
position: absolute;
width: auto;
top: 0;
bottom: 0;
margin: auto;
right: 0;
transition: .4s ease 0s;
/*visibility: hidden;*/
}


.btn-login {
position: relative;
display: inline-block;
overflow: hidden;
background: /*#f5d946*//*#2497e2*/#eab400;
border-radius: 5rem;
font-size: 1.35rem;
text-align: center;
line-height: 2.65;
color: #FFF !important; 
box-sizing: border-box;
width: 110px;
height: 36px;
transition: all .8s ease 0s;
}

.btn-new {
position: relative;
display: inline-block;
overflow: hidden;
background:#e34f28;
border-radius: 5rem;
font-size: 1.35rem;
text-align: center;
line-height: 2.65;
color: #FFF !important;
box-sizing: border-box;
width: 110px;
height: 36px;
transition: all .8s ease 0s;
}
/*.btn-new:hover, .btn-new:focus,
.btn-login:hover, .btn-login:focus {
color: #FFF ;
opacity: 0.6;
}*/

.btn-login:hover, .btn-login:focus {
color: #FFF ;
background: #fcd13f;
}
.btn-new:hover, .btn-new:focus {
color: #FFF ;
background: #ff6d47;
}


/* D+・CMTボタン */
.btn-dplus, .btn-cmt {
position: relative;
display: block;
text-align: center;
height: 42px;
}
.btn-dplus .icon-fxdp-logo {
font-size: 1.6rem;
line-height: 2; 
display: block;
width: 110px;
height: 16px;
}
.btn-cmt .icon-cmt-logo {
font-size: 3.6rem;
line-height: 1; 
display: block;
width: 94px;
height: 36px;
}
.btn-dplus .icon-fxdp-logo:before,
.btn-cmt .icon-cmt-logo:before {color: #434343;}

.btn-dplus:hover .icon-fxdp-logo:before,
.btn-dplus.active .icon-fxdp-logo:before,
.btn-cmt:hover .icon-cmt-logo:before,
.btn-cmt.active .icon-cmt-logo:before {
color: #287cb8;
}
.btn-dplus:before, .btn-cmt:before {
content: '';
width: 0;
left: 50%;
bottom: 0;
transition: all 0.3s ease;
border-bottom: 4px solid #287cb8;
position: absolute;
display: block;
}
.btn-dplus:hover:before, .btn-cmt:hover:before,
.btn-dplus.active:before, .btn-cmt.active:before {
width: 50%;
border-bottom: 4px solid #287cb8;
}
.btn-dplus:after,.btn-cmt:after  {
content: '';
width: 0;
right: 50%;
bottom: 0;
transition: all 0.3s ease;
border-bottom: 4px solid #287cb8;
position: absolute;
display: block;
}
.btn-dplus:hover:after, .btn-cmt:hover:after,
.btn-dplus.active:after, .btn-cmt.active:after {
width: 50%;
border-bottom: 4px solid #287cb8;
}




/*------- breadcrumb -------*/
.breadcrumb {
padding-left:  3rem;
}

/*------- サイドナビ -------*/
/*ul.sidenavi-list li:last-child {border-bottom:1px solid #dbdbdb;}*/


/*青タブ*/
.blue-2tab.nav-tabs .nav-item {width: 35%}


} /*992px以上 end*/
/*------------------------------------
991px以下
--------------------------------------*/
@media (max-width: 991px) {
.border-md-t1-lgray {border-top:1px solid #dbdbdb;}
.rowbox-md-2:after {
display: block;
content:"";
width:50%;
}
.rowbox-md-3:after {
display: block;
content:"";
width:33.33333333%;
}


/*------- ハンバーガーメニュー -------*/
.scroll-prevent {
height: 100%;
overflow: hidden;
}
/*.subnav-active {
display: block ;
background: rgba(0, 0, 0, 0.65);
width: 100vw;
height: 100vh;
position: sticky;
top: 0px;
left: 0px;
z-index: 10;
animation: fade-in  0.7s;
}*/

.scrollable-menu {
/*overflow-y: auto;
height: 100%;*/
/*height: auto;*/
/*max-height: 456px;*/
overflow-x: hidden;
height: 100vh;
/*height: calc(100vh - 55px);*/
/*overflow-y: scroll;*/
/*padding-bottom: 25rem;*/
padding: 0 1rem 25rem;
margin-bottom: 10rem;
box-sizing: border-box;
}
/*.close-btn {
display: block;
color: #9d9d9d;
padding: 6rem 0 0;
}

.close-btn:hover {
color: #9d9d9d;
}

.icon-close:before {
display: block;
font-family: 'icomoon';
content: '\e918';
font-size: 2.5rem;
color: #9d9d9d;
transform: rotate(45deg);
}*/


/*------- main navi -------*/
a.dropdown-toggle[aria-expanded="false"]:checked .dropdown-menu {display: block;}
a.dropdown-toggle[aria-expanded="true"]:checked .dropdown-menu {display: none;}
a.dropdown-toggle {position: relative;}
.dropdown-toggle::after {border: none;}
a.dropdown-toggle[aria-expanded="false"]:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content: '\e913';
color: #9d9d9d;
right: 2rem;
transition: all .2s ease-in-out;
}
a.dropdown-toggle[aria-expanded="true"]:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content: '\e913';
color: #9d9d9d;
right: 2rem;
transform: rotate(-180deg);
transition: all .2s ease-in-out;
}
/*.navbar-blue .nav-item:first-child a {border-top: none;}*/
.navbar-blue .nav-link {
font-size: 1.5rem;
border-bottom: 1px solid #c0c0c0;
}
a.dropdown-item {
color: #353535;
font-size: 1.5rem;
font-weight: bold;
/*background: #f0f0f0;*/
}
.dropdown-item:before {
display: inline-block;
font-family: 'icomoon';   
content: "\e912";
font-size: 1.15rem;
transform: rotate(90deg);
margin-right: 0.5rem;
padding-left: 1.5px;
padding-right: 0;
}
a.dropdown-item:hover, a.dropdown-item:focus {
text-decoration:underline;
color: #0789e6;
background: #efeff0;
}


/* D+・CMTボタン */
.nav-sub ul.row {margin:0;}
.row-height {
display: flex;
flex-wrap: wrap;
}
.nav-sub ul li {padding: 0;}
.nav-sub ul li:first-child {border-right: 1px solid #FFF;}
.nav-sub .btn-dplus,
.nav-sub .btn-cmt {
display: block;
overflow: hidden;
padding: 0.3rem 0;
background: #287cb8; 
width: 100%;
height: 51px;
text-align: center;
box-sizing: border-box;
}
.nav-sub .btn-dplus:hover,
.nav-sub .btn-dplus.active,
.nav-sub .btn-cmt:hover,
.nav-sub .btn-cmt.active {
background: #1d6ba3;	
}

.btn-dplus .icon-fxdp-logo {
font-size: 2rem;
line-height: 2.2;
}
.btn-cmt .icon-cmt-logo {
font-size: 4rem;
line-height: 1.1;
}
.btn-dplus .icon-fxdp-logo:before,
.btn-cmt .icon-cmt-logo:before {
color: #fff;
}



/*------- サイドナビ -------*/
.side-navi {
border: 1px solid #dbdbdb;
border-radius: 0.5rem;
padding:.5rem 0 3rem;
}



} /*991px以下 end*/
/*------------------------------------
768px以上
--------------------------------------*/
/*-- Medium devices (tablets, 768px and up) 768px以上 --*/
@media (min-width: 768px) {
.text-md-l {font-size: 1.6rem}
.vertical-md-rl {writing-mode: vertical-rl;}
.border-t1-md-lgray {border-bottom:1px solid #dbdbdb !important;}
.border-b1-md-lgray {border-bottom:1px solid #dbdbdb !important;}
.border-r1-md-lgray {border-right:1px solid #dbdbdb;}
.border-1-md-lgray {border:1px solid #dbdbdb !important;}
.border-l1dot-md-lgray {border-left:1px dotted #dbdbdb;}

.w-md-90 {width: 90%;}
.w-md-85 {width: 85%;}
.w-md-80 {width: 80%;}
.w-md-75 {width: 75%;}
.w-md-70 {width: 70%;}
.w-md-60 {width: 60%;}
.w-md-50 {width: 50%;}
.w-md-40 {width: 40%;}
.w-md-30 {width: 30%;}
.w-md-25 {width: 25%;}
.w-md-20 {width: 20%;}
.w-md-10 {width: 10% !important;}
.w-md-8 {width: 8% !important;}

.mt-md-6, .my-md-6 {margin-top: 4rem;}
.mt-md-7, .my-md-7 {margin-top: 5rem;}
.mt-md-8, .my-md-8 {margin-top: 6rem;}
.mb-md-6, .my-md-6 {margin-bottom: 4rem;}
.mb-md-7, .my-md-7 {margin-bottom: 5rem;}
.mb-md-8, .my-md-8 {margin-bottom: 6rem;}

.rowbox-icon-4-2:after {
display: block;
content:"";
width:24%;
}


/*横４つ並びbox*/
.icon_arrow-s {position: relative;}
.icon_arrow-s:after {
font-size: 3.6rem;
transform: rotate(-90deg);
left: /*22.2rem;*/calc(100% - 18px);
bottom: calc(50% - 25px);
}

/*青タブ*/
.blue-2tab.nav-tabs .nav-link {padding: 1.6rem 0rem;}


/*------- slider -------*/
/*.slick-dots li img {display: none;}*/
.slick-dots li img:hover {
opacity: 0.8;
}
.slick-dots {
position: relative;
/*position: absolute;
*//*bottom: -25px;*/
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: /*180px*/19rem;
height: /*100px*//*10rem*/auto;
margin: 0 5px;
padding: 0;
cursor: pointer;
/*background: #fff;
border:1px solid red;*/
}
/*.slick-dots li:after{
content: "あああ";
}*/

.blue-btn-list li {margin-bottom: 3rem;}


}
/*------------------------------------
767px以下
--------------------------------------*/
@media (max-width: 767px) {
body {font-size: 1.4rem;}
.text-c {font-size:1.4rem}

.w-sm-90 {width: 90%;}
.w-sm-85 {width: 85%;}
.w-sm-80 {width: 80%;}
.w-sm-75 {width: 75%;}
.w-sm-70 {width: 70%;}
.w-sm-60 {width: 60%;}
.w-sm-50 {width: 50%;}
.w-sm-40 {width: 40%;}
.w-sm-30 {width: 30%;}
.w-sm-25 {width: 25%;}
.w-sm-20 {width: 20%;}
.w-sm-43 {width: 43% !important;}
.letter-xs-space2s {letter-spacing:-0.2em;}
.letter-xs-space1s {letter-spacing:-0.1em;}
.border-b1-sm-lgray {border-bottom:1px solid #dbdbdb !important;}
.border-t1-sm-lgray {border-top:1px solid #dbdbdb;}
.bg-sm-gray2 {background: #f2f5f8 !important;}

.rowbox-sm-2:after {
display: block;
content:"";
width:50%;
}

.rowbox-icon-4-2:after {
display: block;
content:"";
width:50%;
}

select {
font-size: 1.4rem;
max-width: 100% !important;
}

.btn.arrow-right-sm-2l:after {
display: inline-block;
content: "\e912";
transform: rotate(90deg);
font-size:2rem ;
top:1.3rem !important;
right:1.3rem;
}
.btn.arrow-right-bold-sm-2l:after {
display: inline-block;
content: "\e912";
transform: rotate(90deg);
font-size:2rem ;
top:2.3rem !important;
right:1.3rem;
}


.table-responsive-md table th, 
.table-responsive-md table td {
padding: 0.5rem 0.75rem;
white-space: nowrap !important;}


/*------- main navi -------*/
/*↓不使用*/
/*.slide-dots li img{
	display: none;
}*/
.slick-dots li img{
	display: none;
}
/*.slick-dots {
padding-top: 10px;
text-align: center;
}*/
.slick-dots {
position: absolute;
bottom: /*-25*/ -34px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
/*display: inline-block;
*//*margin: 0 15px;*/
}
.slick-dots li button {
position: relative;
text-indent: -9999px;
}
.slick-dots li:before {
position: absolute;
font-family: 'icomoon';
content: "\e914";
font-size: 1.3rem;
text-indent: 0px;
color: #b5b4b4;
top: 0;
left: 0;
}
.slick-dots li.slick-active:before {
font-family: 'icomoon';
content: "\e914";
font-size: 1.3rem;
content: "\e914";
font-size: 1.35rem;
color: #1f8ede;
}

/*ページ内小ナビ*/
.nav-s-contentlist ul li.nav-s-sm-2l a  {
padding: 0.6rem 0.5rem 0.6rem 0.1rem;
line-height: 1.1;
}
.nav-s-contentlist ul li.nav-s-sm-2l a:after { bottom: 1.1rem;}



}
/*------------------------------------
576px以下
--------------------------------------*/
/*-- Extra small devices (portrait phones, less than 576px) --*/
@media (max-width: 575.98px) {
h1 {font-size: 2.6rem;}
h2 {font-size: 2.4rem;}
h3 {font-size: 2rem;}
h1.title {
margin-bottom: 1.5rem;
padding: 1.6rem .5rem ;
}
h2.sub-title-border {padding: 3rem 0;}
h3.line-heading {margin: 1.5rem 0;}

/*TOP*/
h2.top-title {
font-size: 2.7rem;
}
/*コラム*/
h1.sub-title-b2 {
margin-bottom: 1.5rem;
padding: 1.6rem .5rem ;
margin-bottom: 2.5rem;
font-size: 2.2rem;
}
h1.sub-title-b2:before {
width: 30%;
}
.point-title {
font-size: 2rem;
}

table th,table td {padding: 0.75rem 0.2rem;}

.btn-outline-sm-2l, 
.btn-dblue-s-sm-2l,
.btn-dblue-sn-sm-2l {padding: .5rem .8rem !important;}
.blue-btn {
padding: 25px;
font-size:1.6rem;
}
.blue-btn-i {
padding: 25px 0px 25px 25px;
font-size:1.6rem;
}
/*アイコンあり*/
.blue-btn-i-sm-2l,
.blue-btn-i-md-2l,
.blue-btn-i-2l {padding: 16px 0px 15px 35px !important;}

/*アイコンなし*/
.blue-btn-sm-2l {padding: 19px 0px 18px 0px !important;}

/*申込みbtn 青 オレンジ*/
.btn-dblue-sm-2l, .btn-orange-sm-2l {padding: 9px 0px 8px 0px !important;}

/*------- main navi -------*/
.form-inline .form-control {width: 100% !important;}
.form-box {width: 85%;}

/*------- footer -------*/
ul.f-link li a {
padding: .8rem 1rem .8rem 1.2rem;
}


}
/*------------------------------------
576px以上　～ 767px以下
--------------------------------------*/
/*-- Small devices (landscape phones, 576px and up) --*/
@media (min-width: 576px) and (max-width: 767.98px) {
.form-inline .form-control {width: 100% !important;}
.form-box {width: 92%;}
}
/*------------------------------------
768px以上　～ 991px以下
--------------------------------------*/
/*-- Medium devices (tablets, 768px and up) --*/
@media (min-width: 768px) and (max-width: 991.98px) {
h1 {font-size: 3rem;}
h2 {font-size: 2.5rem;}
h3 {font-size: 2rem;}
/*TOP*/
h2.top-title {
padding: 3.4rem 0 3rem;
text-align: center;
font-size: 3rem;
}
.w-mdl-90 {width: 90%;}
.w-mdl-85 {width: 85%;}
.w-mdl-80 {width: 80%;}
.w-mdl-75 {width: 75%;}
.w-mdl-70 {width: 70%;}
.w-mdl-65 {width: 65%;}
.w-mdl-60 {width: 60%;}
.w-mdl-50 {width: 50%;}
.w-mdl-40 {width: 40%;}
.w-mdl-30 {width: 30%;}
.w-mdl-25 {width: 25%;}
.w-mdl-20 {width: 20%;}
.w-mdl-10 {width: 10%;}

.mt-mdl-5, .my-mdl-5 {margin-top: 3rem;}
.mt-mdl-6, .my-mdl-6 {margin-top: 4rem;}
.mt-mdl-7, .my-mdl-7 {margin-top: 5rem;}
.mt-mdl-8, .my-mdl-8 {margin-top: 6rem;}

.mb-mdl-5, .my-mdl-5 {margin-bottom: 3rem;}
.mb-mdl-6, .my-mdl-6 {margin-bottom: 4rem;}
.mb-mdl-7, .my-mdl-7 {margin-bottom: 5rem;}
.mb-mdl-8, .my-mdl-8 {margin-bottom: 6rem;}

.rowbox-md-2:after {
display: block;
content:"";
width:50%;
}
.rowbox-md-5:after {
display: block;
content:"";
width:41.6%;
}

.blue-btn-i-md-2l {padding: 26px 0px 26px 35px !important;}

/*------- main navi -------*/
.form-inline .form-control {width: 100% !important;}
.form-box {width: 93%;}

}
/*------------------------------------
992px以上　～ 1199px以下
--------------------------------------*/
@media (min-width: 992px) and (max-width: 1199.98px) {
#cmt.navbar-blue .nav-link {
padding: 1.6rem 0.8rem !important;	
}
}