@charset "UTF-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
html {
font-size: 16px;
line-height: 1.6;
overflow: auto;
}
@media screen and (min-width: 768px) {
html {
font-size: 15px;
line-height: 1.5;
}
}
body {
width: 100%;
color: #302C2A;
margin: 0; 
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-weight: 600;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
font-smoothing: subpixel-antialiased;
-webkit-font-kerning: normal;
font-kerning: normal;
-ms-overflow-style: none;
overscroll-behavior-y: none;
cursor: default;
letter-spacing: .0em;
background-color: #fff;
overflow: hidden;
}
@media all and (-ms-high-contrast: none) {
body {
font-family: "メイリオ",Meiryo,sans-serif;
}
}
header, 
footer, 
nav, 
section, 
article, 
aside {
display: block;
}
img {
border: 0;
max-width: 100%;
height: auto;
vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
font-family: inherit;
line-height: 1;
color: inherit; }
li > ul, li > ol {
margin-bottom: 0; }
dd {
margin-left: 0; }
table {
width: 100%;
border-collapse:  collapse; text-align: left;
}
th,td {
border: 1px solid #999999; padding: 10px; }
a {
text-decoration: none;
color: #302C2A;
transition-property: all;
transition: 0.2s linear;
}
a:link,a:visited{
color: #2C2111;
text-decoration: none;
}
a:hover,a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #2C2111;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table, {
margin-top: 0;
margin-bottom: 0; }
ul, li, dl, dt, dd {
padding: 0; }
button {
outline: none;
border: none;
background: none; }
input {
border: none;
outline: none; }
a:hover img{
cursor:pointer;
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
-ms-filter: "alpha(opacity=50)"; zoom:1;
}
.clear-all {
clear: both;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
::before , ::after {
box-sizing: inherit;
}
button {
margin: 0;
padding: 0;
outline: 0;
border: 0;
border-radius: 0;
background: transparent;
color: inherit;
vertical-align: middle;
text-align: inherit;
font: inherit;
-webkit-appearance: none;
appearance: none;
}
.line-gray{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
max-width:1052px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.ofi{
width: 100%;
max-height:175px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.ofi2{
width: 100%;
max-height:450px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.ofi3-box{
padding:10px;
border: 1px solid #CCCCCC;
height:175px;
margin-bottom:5px;
position: relative;
text-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
.ofi3{
width: 100%;
max-height:155px;
}
.ofi4{
width: 100%;
max-height:155px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.ofi5{
width: 100%;
max-height:400px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
img-line {
padding: 2%;
border: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
.ofi{
width: 100%;
max-height:115px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.ofi2{
width: 100%;
max-height:200px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.ofi3-box{
padding:10px;
border: 1px solid #CCCCCC;
height:125px;
margin-bottom:5px;
position: relative;
text-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
.ofi3{
width: 100%;
max-height:120px;
}
.ofi4{
width: 100%;
height:80px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
} .space-big{
height:60px;
}
.space{
height:40px;
}
.space-small{
height:20px;
}
.space-mini{
height:10px;
}
.space-puti{
height:5px;
}
@media screen and (max-width: 767px) {
.space-big{
height:40px;
}
.space{
height:24px;
}
.space-small{
height:12px;
}
.space-mini{
height:15px;
}
.space-puti{
height:7px;
}
} .back-beige{
background-color:#F3F4F1;
}
.back-gray{
background-color:#3F3B3A;
} .title-middle{
font-size:32px;
padding-bottom: 15px;
}
.line-ttl01{
font-size:32px;
max-width:1052px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
padding-top: 15px;
padding-bottom: 15px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666666;
border-bottom-color: #666666;
}
.line-ttl02{
font-size:28px;
max-width:1052px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
padding-top: 12px;
padding-bottom: 12px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666666;
border-bottom-color: #666666;
}
.line-ttl03{
font-size:18px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666666;
border-bottom-color: #666666;
text-align:center;
}
.blog-ttl,.blog-ttl2{
font-size:16px;
line-height:1.6;
}
.blog-subtitle{
font-weight:500;
padding-top:5px;
}
.blog-info{
font-size:14px;
border: 1px solid #999999;
padding-top: 3px;
padding-right: 7px;
padding-bottom: 3px;
padding-left: 7px;
margin-top: 10px;
display:inline-block;
}
.blog-date{
font-size: 14px;
text-align: left;
padding-bottom: 5px;
font-weight: normal;
color: #666666;
letter-spacing: 0.02em;
}
.big-copy-left {
font-size: 22px;
line-height: 1.6;
text-align: left;
border-top-style: none !important;
border-right-style: none !important;
border-bottom-style: none !important;
border-left-style: none !important;
}
.big-copy-center{
font-size: 18px;
line-height: 1.6;
text-align: center;
}
.basic-sentence {
font-size: 16px;
font-weight:500;
line-height: 1.8;
text-align: left;
}
.small-sentence {
font-size: 15px;
line-height: 1.6;
text-align: left;
font-weight:500;
padding-top:5px;
}
.copy-gray-center{
text-align:center;
font-size:22px;
}
.copy-orange-center{
color: #E4562B;
text-align:center;
font-size:22px;
}
.fuki-copy {
width: 100％;
max-width:700px;
text-align:center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-left: 24px;
padding-right: 24px;
font-size:20px;
}
.fuki-copy-inner-p{
margin-top:-115px;
height:115px;
}
.gray-line{
width: 100%;
max-width:1052px;
margin-left: auto;
margin-right: auto;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
}
@media screen and (max-width: 767px) {
.line-ttl01{
font-size:28px;
margin-top:0px;
margin-bottom:0px;
padding-left: 24px;
padding-right: 24px;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666666;
border-bottom-color: #666666;
}
.line-ttl02{
font-size:20px;
padding-left: 24px;
padding-right: 24px;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666666;
border-bottom-color: #666666;
}
.line-ttl03{
font-size:22px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666666;
border-bottom-color: #666666;
text-align:center;
}
.blog-ttl{
font-size:15px
}
.big-copy-left {
font-size: 22px;
line-height: 1.4;
text-align: left;
border-top-style: none !important;
border-right-style: none !important;
border-bottom-style: none !important;
border-left-style: none !important;
}
.big-copy-center{
font-size: 16px;
line-height: 1.6;
text-align: center;
}
.copy-gray-center{
text-align:center;
font-size:18px;
}
.basic-sentence {
font-size: 15px;
font-weight:500;
line-height: 1.7;
text-align: left;
}
.small-sentence {
font-size: 14px;
line-height: 1.6;
text-align: left;
font-weight:500;
padding-top:5px;
}
.copy-orange-center{
font-size:18px;
}
.fuki-copy {
width: 320px;
text-align:center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-left: 24px;
padding-right: 24px;
font-size:18px;
}
.fuki-copy-inner-p{
margin-top:-70px;
height:70px;
}
}
.more-box{	
width: 100%;
max-width:1052px;
height: 40px;
margin-top:-40px;
margin-bottom:10px;
margin-left: auto;
margin-right: auto;
text-align: right;
}
.more{
padding-right: 0px;
}
.more a{
text-decoration: none;
}
@media screen and (max-width: 767px) {
.more-box{
margin-top:-35px;
width: 100%;
height: 30px;
max-width:1052px;
margin-left: auto;
margin-right: auto;
padding-right: 0px;
}
.more{
font-size:13px;
text-align: right;
}
} .btn01 a,.btn02 a {
display: flex;
justify-content: space-between;
align-items: center;
width: 325px;
height:75px;
color: #fff;
font-size: 18px;
font-weight: 700;
background-color: #3F3B3A;
transition: 0.3s;
border-radius: 10px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
.btn01 a:hover,.btn02 a:hover {
text-decoration: none;
background-color: #5E5755;
}
.btn02 .fa-youtube{
color:#FF0000;
font-size: 24px;
}
.btn03 a {
display: flex;
justify-content: space-between;
align-items: center;
width: 325px;
height:75px;
color: #fff;
font-size: 18px;
font-weight: 700;
background-color: #E4562B;
transition: 0.3s;
border-radius: 10px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
.btn03 a:hover {
text-decoration: none;
background-color: #EA7A59;
color: #fff;
}
.btn04 a {
display: flex;
justify-content: space-between;
align-items: center;
width: 275px;
height:75px;
color: #fff;
font-size: 16px;
font-weight: 700;
background-color: #3F3B3A;
transition: 0.3s;
border-radius: 10px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 20px;
padding-left: 30px;
}
.btn04 a:hover {
text-decoration: none;
background-color: #5E5755;
}
.btn05 a {
display: flex;
justify-content: space-between;
align-items: center;
width: 325px;
height:75px;
color: #333333;
font-size: 18px;
font-weight: 700;
background-color:  #E7E7E7;
transition: 0.3s;
border-radius: 10px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
.btn05 a:hover {
text-decoration: none;
background-color: #E7E7E7;
} @media screen and (min-width: 1511px) {
.header {
position: fixed;
z-index: 1000;
width: 100vw;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}	
.header .headerBar {
position: relative;
background-color: #fff;
width: 100%;
}
.header img{
object-fit: contain;
position: absolute;
height: 100%;
}
.header .headerBar .headerBar-inner {
position: relative;
height: 100px;
width: 100%;
max-width: 1600px;
padding: 0 30px;
margin: 0 auto;
} .header .headerBar .headerBar-inner h1 {
font-size: 12px;
font-weight: 400;
margin-top: 20px;
color: #333333;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
} .header .headerBar .siteLogo {
position: absolute;
width: 100px;
height: 45px;
left: 15px;
top: 32px;
} .header .headerBar .gnav-pc {
position: absolute;
width: auto;
height: 70px;
left: 140px;
top: 20px;
}
.header .headerBar .gnav-pc .gnav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0px;
list-style-type: none;
font-size: 14px;
padding-top:27px;
}
.header .headerBar .gnav-pc .gnav-list .gnav-item:nth-child(n + 2) {
margin-left: 15px;
}
.header .headerBar .gnav-pc .gnav-list .gnav-item .itemLink {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
.header .headerBar .gnav-pc .gnav-list .gnav-item a {
text-decoration:  none;
}
.header .headerBar .gnav-pc .gnav-list .gnav-item a:link,a:visited{
text-decoration:  none;
}
.header .headerBar .gnav-pc .gnav-list .gnav-item a:hover,a:active{
text-decoration:  none;
}
.header .headerBar .gnav-pc .gnav-list .gnav-item a.link-deco {
text-decoration:  none;
} .header .headerBar .menu-right-pc {
position: absolute;
width: auto;
height: 70px;
right: 10px;
top: 20px;
}
.header .headerBar .menu-right-pc .search-area {
position: absolute;
width: 200px;
height: 40px;
padding-top:15px;
padding-bottom:15px;
right: 220px;
} .header .headerBar .menu-right-pc .search-area #search-input {
height: 40px;
border: solid 1px #ddd;
width: 100%;
font-size: 14px;
background-color: inherit;
text-align: left;
padding: 0px 10px 0 20px;
border-radius: 25px;
}
.header .headerBar .menu-right-pc .search-area #search-input:hover{
box-shadow: 0px 0px 10px #5555;
}
.header .headerBar .menu-right-pc .search-area #search-input:focus {
outline: 0;
background-color: #fff;
box-shadow: 0px 0px 10px #5555;
}
.header .headerBar .menu-right-pc .search-area #search-button {
font-size: 20px;
color: #595757;
border: none;
padding: 10px 10px;
position: absolute;
top: 35px;
right: 10px;
transform: translate(0,-50%);
background-color: inherit;
}
.header .headerBar .menu-right-pc .search-area #search-button:hover {
cursor: pointer;
} .header .headerBar .menu-right-pc .icon-area {
position: absolute;
width: 250px;
height: 40px;
padding-top:15px;
padding-bottom:15px;
right: 0px;
}
.header .headerBar .menu-right-pc .icon-area .YoutubeBtn {
position: absolute;
width: 30px!important;
height: 20px!important;		
padding-top:10px;
padding-bottom:10px;
right: 175px;
}
.header .headerBar .menu-right-pc .icon-area .FacebookBtn {
position: absolute;
width: 20px!important;
height: 20px!important;		
padding-top:10px;
padding-bottom:10px;
right: 145px;
}
.header .headerBar .menu-right-pc .icon-area .LoginBtn {
position: absolute;
width: 130px;
height: 40px;
right: 10px;
}
.forIEspace {
display:none;	
}
} @media screen and (max-width: 1510px) {
.header {
position: absolute;
z-index: 1000;
width: 100vw;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.header .headerBar {
position: relative;
background-color: #fff;
width: 100%;
}
.header img{
object-fit: contain;
position: absolute;
height: 100%;
}
.header .headerBar .headerBar-inner {
position: relative;
height: 85px;
width: 100%;
background-color: #fff;
}
.header .headerBar .headerBar-inner.navi-move {
position: fixed;
height: 45px;
width: 100%;
top:45px;
background-color:#fff;
} .header .headerBar .headerBar-inner h1 {
font-size: 10px;
line-height: 1.4;
font-weight:500;
height: 40px;
padding-top: 8px;
padding-left: 12px;
padding-right: 12px;
color: #555;
background-color: #fff;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.header .headerBar .headerBar-inner h1.navi-move {
color: #fff;
} .headerBar-contents{
position: fixed;
width: 100%;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.navi-move {
transform: translate(0, -40px); transition: all .5s ease; } .header .headerBar .siteLogo {
position: absolute;
width: 100px;
height: 30px;	
left: 12px;
top: 5px;
z-index: 150;
} .header .headerBar .menu-right-sp {
position: absolute;
width: auto;
height: 40px;
right: 5px;
top: -5px;
} .header .headerBar .menu-right-sp .search-area {
position: absolute;
width: auto;
height: 40px;
top: 5px;
right: 150px;
}
.search-form {
width: 60vw;
height: auto;
position: relative;
right: 0px;
top: 0px;
}
.search-form:before, .search-text {
position: absolute;
top: -24px;
right: 0px;
width: 50px;
height: 40px;
margin: 0;
border-radius: 1.5em;
font-size: 18px;
color:#555555;
text-align: right;
}
.search-form:before {
z-index: 100;
line-height: 3em;
text-align: right;
}
.search-text {
opacity: 0;
z-index: 200;
cursor: pointer;
transition: .5s;
outline: 0;
border: solid 1px #ccc;
border-radius: 1.5em;
padding-left: 1em;
font-size: 14px;
text-align: left;
right: -3vw;
top: -18px;
}
.search-text:focus {
opacity: 1;
width: 100%;
cursor: text;
}
.search-form input[type="submit"] {
display: none;
} .header .headerBar .menu-right-sp .icon-area {
position: absolute;
width: 120px;
height: 40px;
right: 0px;
z-index: 200;
}
.header .headerBar .menu-right-sp .icon-area .YoutubeBtn {
position: absolute;
width: 25px!important;
height: 20px!important;		
padding-top:15px;
right: 105px;
z-index: 200;
}
.header .headerBar .menu-right-sp .icon-area .FacebookBtn {
position: absolute;
width: 10px!important;
height: 20px!important;		
padding-top:15px;
right: 75px;
z-index: 200;
} button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
border: 0;
background: transparent;
outline: 0;
border-radius: 0;
text-align: inherit;
}
button:hover {
cursor: pointer;
} .btn { position: absolute;
top: 13px;
right: 24px; width: 24px;
height: 24px; display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center; z-index: 1200;
} .btn-line { width: 100%;
height: 3px; background-color: #555; position: relative;
transition: .2s;
} .btn-line::before,
.btn-line::after {
content: ""; position: absolute;
width: 100%;
height: 100%;
background-color: #555;
transition: .2s;
}
.btn-line::before { transform: translateY(-8px);
}
.btn-line::after { transform: translateY(8px);
} .btn-line.open { background-color: transparent;
}
.btn-line.open::before,
.btn-line.open::after {
content: "";
transition: .2s;
}
.btn-line.open::before { transform: rotate(45deg);
}
.btn-line.open::after { transform: rotate(-45deg);
}   .menu-bg {
position: fixed;
left: 0;
top: 45px;
width: 100vw;
height: 100vh;
z-index: 100;
background: #333;
opacity: 0;
visibility: hidden;
transition: all .3s;
cursor: pointer;
}
.menu {
position: fixed; top: 45px;
right: -75%;
width: 70%;
height: 80vh;
visibility: hidden; display: flex;
flex-direction: column;
z-index: 250;
}
.menu a{
text-decoration: none;	
}
.menu a:hover,a:active{
filter:alpha(opacity=100);
opacity:1;
}
.menu-list {
width: 100%;
height: 100%; display: flex;
justify-content: center;
align-items: center;
}
.menu .menu-list .menu-ttl {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #333;
background-color: #E6E8E1;
cursor: auto;
}
.menu .menu-list .menu-item01 {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #E4562B;
color: #FFFFFF;
transition: .3s ease-in;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
font-weight: normal;
font-size: 14px;
}
.menu .menu-list .menu-item01:hover {
transition: .3s;
cursor: pointer;
background-color: #E97452;
}
.menu .menu-list .menu-item02 {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #333333;
color: #FFFFFF;
transition: .3s ease-in;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
font-weight: normal;
font-size: 14px;
}
.menu .menu-list .menu-item02:hover {
transition: .3s;
cursor: pointer;
background-color: #666666;
}
.menu.open {
transition: .3s ease-in;
visibility: visible;
right: 0;
} .menu-bg.open  {
opacity: 0.8;
visibility: visible;
} }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  .header .headerBar .headerBar-inner.navi-move {
top:0px;
background-color:#fff;
} .forIEspace {
}
} .main-visual{
position: relative;
}
@media screen and (max-width: 767px){
.main-visual-sp{
position: relative;
margin-top: 85px;
}
}
@media screen and (min-width: 768px) {
.main-visual-pc{
position: relative;
max-width: 1200px;
width: 100%;
margin-top: 50px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 40px;
padding-right: 24px;
padding-bottom: 0px;
padding-left: 24px;
}
}
@media screen and (min-width: 1351px) {
.main-visual-bg {
position: absolute;
background-image: url(https://mbalounge.net/wp-content/themes/mbalounge_theme/images/bg-image.jpg);
top: 118px;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
width: 100%;
height: 85vh; 
z-index: 0;
}
.main-visual-pc{
position: relative;
max-width: 1200px;
width: 100%;
margin-top: 90px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 40px;
padding-right: 24px;
padding-bottom: 0px;
padding-left: 24px;
}
} .main_content{
position: relative;
width: 100%;
height: auto;
}
.main_content img{
margin-bottom: 3%;
}
.main_content .main-copy{
position: relative;
display: block;
width: 100%;
height: auto !important;
max-width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-left:24px;
padding-right:24px;
font-size:20px;
line-height:1.8;
text-align: center;
z-index:5;
}
.main_content .main-copy .main-copy-innertxt{
font-size:14px;
line-height:1.6;
display: inline-block;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
border: 1px solid #666666;
}
.main_content .information-box{
position: relative;
display: block;
width: 100%;
height: auto !important;
max-width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-left:24px;
padding-right:24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.main_content .information-box .news{
position: relative;
text-align: left;
width: 75%;
height:100%;
padding-top:3%;
padding-left:2%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;	
}
.main_content .information-box .news h2 {
padding-bottom: 25px;
}
.main_content .information-box .news .news-date {
padding-top: 10px;
font-size:13px;
font-weight: 500;
color: #666666;
}
.main_content .information-box .news .news-title {
font-size:16px;
font-weight: 700;
}
.main_content .information-box .pickup{
position: relative;
text-align: left;
width: 23%;
height:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.main_content .information-box .pickup .pickup-contents {
width: 100%;
text-align: left;
padding-bottom:10px;
}	
@media screen and (max-width: 767px){
.main_content .main-copy{
position: relative;
display: block;
width: 90%;
height: auto !important;
margin-top: -97px !important;
margin-top: 0px;
margin-right: 5%;
margin-bottom: 0px;
margin-left: 5%;
padding-left:0px;
padding-right:0px;
font-size:14px;
line-height:1.6;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.main_content .information-box{
position: relative;
display: block;
width: 100%;
height: auto !important;
margin-top: 10px; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-left:0px;
padding-right:0px;
}
.main_content .information-box .news{
position: relative;
width: 90%;
height:auto;
margin-left: 5%;
margin-right: 5%;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-color: #ffffff;
border-top-style: none;
}
.main_content .information-box .news h2 {
padding-bottom: 15px;
}
.main_content .information-box .news .news-date {
padding-top: 10px;
font-size:13px;
}
.main_content .information-box .news .news-title {
font-size:14px;
text-decoration:underline;
}
.main_content .information-box .pickup{
position: relative;
text-align: left;
width: 95%;
height:auto;
padding-top:24px;
margin-right: 5%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.main_content .information-box .pickup .pickup-contents {
padding-left: 5%;
width: 50%;
}
} .swiper-all .title-big{
font-size: 50px;
letter-spacing: 0.1em;
}
.swiper-all .title-small{
font-size: 16px;
padding-top: 20px;
letter-spacing: 0.1em;
}
.swiper-all .h3-inner{
font-size: 24px;
text-align: left;
padding-top: 8px;
padding-left: 12px;
width: 100%;
max-width:1052px;
height: 40px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding-right: 24px;
border-left-width: 6px;
border-left-style: solid;
border-left-color: #333333;
margin-bottom:10px;
}
.swiper-slide a{
text-decoration: none;
}
.swiper-slide a:hover,a:active{
filter:alpha(opacity=60);
opacity:0.6;
text-decoration: none;
color: #717171;
}
.event-date{
font-size: 16px;
text-align: left;
padding-top: 0px;
padding-bottom: 5px;
color:#E4562B;
}
@media screen and (max-width: 767px){
.swiper-all .title-big{
font-size: 40px;
}
.swiper-all .title-small{
font-size: 15px;
padding-top: 10px;
letter-spacing: 0em;
}
.swiper-all h3{
width: 100%;
max-width:1052px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}
.swiper-all h3 .h3-inner{
font-size: 20px;	
height: 30px;
text-align: left;
padding-top: 5px;
padding-left: 7px;
margin-bottom:10px;
}
.event-date{
font-size: 14px;
}
} .pickup-blog{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
.pickup-blog-img{
position:relative;
padding-top:2em;
padding-left:2em;
padding-right:1em;
width:50%;
height:auto;
}
.pickup-blog-p{
position:relative;
padding-top:2em;
padding-left:1em;
padding-right:1em;
padding-bottom:2em;
width:50%;
height:auto;
}
@media screen and (max-width: 767px){
.pickup-blog{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 0px;
background-color: #FFFFFF;
}
.pickup-blog-img{
position:relative;
padding-top:1em;
padding-left:1em;
padding-right:0.4em;
width:100%;
height:auto !important;
}
.pickup-blog-p{
position:relative;
padding-top:0em;
padding-left:1em;
padding-right:0.4em;
padding-bottom:2em;
width:100%;
height:auto !important;
}
} .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
} .box-free{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top:20px;
margin-left: auto;
margin-right: auto;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;	
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align:center;
}
.box-free-contents{
position:relative;
height:auto !important;
text-align:left;
padding-left:0.5em;
padding-right:0.5em;
}
@media screen and (max-width: 767px){
.box-free{
padding-left:0px;
padding-right:0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.box-free-contents{
position:relative;
height:auto !important;
}
.box-free .box-free-contents .btn01 a {
width: 155px;
height:60px;
font-size: 14px;
padding-right: 10px;
padding-left: 15px;
}
} .area-backimg{
background-image:url(https://mbalounge.net/wp-content/themes/mbalounge_theme/images/bg-map.gif);
background-position:50% 50%;
background-repeat:no-repeat;
background-color: #C7E7ED;
}
@media screen and (max-width: 767px){
.area-backimg{
background-image:url(https://mbalounge.net/wp-content/themes/mbalounge_theme/images/bg-map-sp.gif);
background-position:50% 50%;
background-repeat:no-repeat;
background-color: #C7E7ED;
}
} .about-box{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-left: auto;
margin-right: auto;
}
.about-copy1{
position:relative;
background-color:#F3F4F1;
text-align: center;
padding-top: 1.5em;
padding-bottom: 1.5em;
padding-left:50px;
padding-right:50px;
margin-top: -100px;
font-size: 20px;
line-height: 1.8;
margin-left:3.5em;
margin-right: 3.5em;
}
.about-sentence-box{
position:relative;
width: 100%;
height: auto !important;
max-width:1100px;
margin-top:30px;
margin-left: auto;
margin-right: auto;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align:center;
}
.about-sentence{
text-align:left;
font-size: 16px;
font-weight:500;
width: 100%;
line-height:1.6;
padding-left:1%;
padding-right:1%;
}
.about-sentence .check-orange{
color: #E4562B;
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
font-weight:700;
}
.fa-check-square{
margin-right:10px;
font-size: 22px;
}
@media screen and (max-width: 767px){
.about-copy1{
font-size:14px;
padding: 1.5em;
margin-top: -50px;
font-size: 17px;
padding-left:15px;
padding-right:15px;
margin-left:0em;
margin-right: 0em;
text-align:left !important;
}
.about-sentence-box{
position:relative;
width: 100%;
height: auto !important;
margin-top:10px;
padding-left:0em;
padding-right: 0em;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align:center;
}
.about-sentence{
text-align:left;
font-size: 16px;
font-weight:500;
width: 100%;
padding-left:0%;
padding-right:0%;
paddig-top:20px;
}
.about-sentence .check-orange{
color: #E4562B;
padding-top: 0px;
padding-bottom: 5px;
font-size: 18px;
font-weight:700;
}
.fa-check-square{
margin-right:10px;
font-size: 18px;
}
} .profile-box{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
.profile-img{
position:relative;
padding-top:2em;
padding-left:2em;
padding-right:1em;
padding-bottom:1.5em;
width:30%;
height:auto;
}
.profile-p{
position:relative;
padding-top:2em;
padding-left:1em;
padding-right:1em;
padding-bottom:2em;
width:70%;
height:auto;
}
@media screen and (max-width: 767px){
.profile-box{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.profile-img{
position:relative;
padding-top:1em;
padding-left:1em;
padding-right:1em;
padding-bottom:0em;
width:100%;
height:auto !important;
}
.profile-p{
position:relative;
padding-top:0em;
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
width:100%;
height:auto !important;
}
} .about-copy2{
position:relative;
background-color:#F3F4F1;
text-align: center;
padding-top:5px;
padding-bottom: 0px;
padding-left:50px;
padding-right:50px;
font-size: 20px;
line-height: 1.8;
margin-left:3.5em;
margin-right: 3.5em;
}
.about-copy3{
position:relative;
background-color:#F3F4F1;
text-align: center;
max-width:700px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-top:5px;
padding-bottom: 0px;
font-size: 20px;
line-height: 1.8;
}
@media screen and (max-width: 767px){
.about-copy2{
padding-top: 1em;
padding-bottom: 0.5em;
margin-top: 0px;
font-size: 19px;
padding-left:0px;
padding-right:0px;
margin-left:0em;
margin-right: 0em;
text-align:left;
}
.about-copy3{
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-top: 0px;
font-size: 20px;
padding-left:0px;
padding-right:0px;
margin-left:0em;
margin-right: 0em;
text-align:left;
}
} .service-all{
margin-left: auto;
margin-right: auto;
position: relative;
display: block;
width: 100%;
height:auto;
text-align: center;
padding-left:24px;
padding-right:24px;
}
.service-all .title-big{
font-size: 50px;
letter-spacing: 0.1em;
}
.service-all .title-small{
font-size: 16px;
padding-top: 20px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px){
.service-all .title-big{
font-size: 40px;
}
.service-all .title-small{
font-size: 15px;
padding-top: 10px;
letter-spacing: 0em;
}
}
.box-4x{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
text-align:center;
flex-wrap: wrap;
}
.box-4x-contents{
position:relative;
width: 25%;
margin-top:20px;
height:auto !important;
text-align:left;
padding-left:0.5%;
padding-right:0.5%;
}
.box-4x .box-4x-contents .blog-ttl {
padding-top: 5px;
line-height:1.6;
}
.box-4x .box-4x-contents .small-sentence {
padding-top: 10px;
line-height:1.5;
}
@media screen and (max-width: 767px){
.service-all{
margin-left: auto;
margin-right: auto;
position: relative;
display: block;
width: 100%;
height:auto;
text-align: center;
padding-left:5px;
padding-right:5px;
}
.box-4x{
padding-left:0px;
padding-right:0px;
}
.box-4x-contents{
position:relative;
width: 50%;
height:auto !important;
padding-left:1.5%;
padding-right:1.5%;
}
} #page-top{
width: 50px;
height: 50px;
position: fixed;
right: 10px;
bottom: 10px;
opacity: 0.6;
border-radius: 50%;
background-color: #999999;
z-index:249;
}
#page-top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
#page-top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f106';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -15px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
} .contact-box{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top:20px;
margin-left: auto;
margin-right: auto;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align:center;
}
.contact-box-contents{
position:relative;
height:auto !important;
text-align:left;
padding-left:1em;
padding-right:1em;
}
@media screen and (max-width: 767px){
.contact-box{
padding-left:0px;
padding-right:0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact-box-contents{
position:relative;
width:100%;
padding-left:0em;
padding-right:0em;
padding-bottom:1em;
height:auto !important;
}
.contact-box .contact-box-contents .btn01 a {
width: 155px;
height:60px;
font-size: 16px;
}
} .footer-box-4x{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
text-align:center;
flex-wrap: wrap;
}
.footer-box-4x-contents-logo{
position:relative;
width: 25%;
margin-top:20px;
height:auto !important;
text-align:left;
padding-right:10%;
}
.footer-box-4x-contents-link{
position:relative;
width: 28%;
margin-top:20px;
height:auto !important;
text-align:left;
}
.footer-box-4x-contents-icon{
position:relative;
width: 19%;
margin-top:35px;
height:auto !important;
text-align:left;
}
.footer-box-4x .footer-box-4x-contents-link .blog-ttl {
line-height: 40px;
}
.footer-box-4x .footer-box-4x-contents-icon .footer-box-4x-contents-icon-box{
margin-top:10px;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row;
flex-flow:row;
}
.footer-box-4x .footer-box-4x-contents-icon .footer-box-4x-contents-icon-box .icons{
padding-right:10px;
}
.copyright-box{
position:relative;
width: 100%;
height: auto !important;
max-width:1052px;
margin-left: auto;
margin-right: auto;
font-size: 13px;
font-weight:500;
text-align:center;
}
@media screen and (max-width: 767px){
.footer-box-4x{
position:relative;
display: block;
width: 100%;
height: auto !important;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:column;
flex-flow:column;
text-align:center;	
}
.footer-box-4x-contents-logo{
position:relative;
margin-top:30px;
margin-left:5%;
margin-right:0%;
width: 45%;
height:auto !important;
}
.footer-box-4x-contents-link{
position:relative;
margin-top:30px;
margin-left:5%;
margin-right:0%;
width: 90%;
height:auto !important;
}
.footer-box-4x-contents-icon{
position:relative;
margin-top:50px;
margin-left:5%;
margin-right:0%;
width: 60%;
height:auto !important;
}
.copyright-box{
position:relative;
width: 95%;
height: auto !important;
margin-left:5%;
text-align:left;
font-size: 11px;
}
}  .other_content{
position: relative;
padding-top: 120px;
}
.other_contentBlog{
position: relative;
display: block;
width: 100%;
height: auto !important;
}
.other_contentBlog-inner{
position: relative;
width: 100%;
height: auto !important;
max-width: 1100px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
padding:24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;	
}
.otherBlog{
width:70%;
height:auto;
text-align:left;
font-weight:500;
}
.otherBlog-main{
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding-top: 3em;
padding-right: 3em;
padding-bottom: 2em;
padding-left: 3em;
}
.otherBlog-mainimg img{
padding-bottom:15px;
}
.otherBlog-main .img-line img{
padding: 3%;
border: 1px solid #C1C1C1;
margin-bottom:20px;
}
.otherBlog-article{
margin-top:1.5em;
background-color: #FFFFFF;
padding-top: 1.5em;
padding-right: 3em;
padding-bottom: 3em;
padding-left: 3em;	
}
.otherSide{
width:27%;
height:auto;
text-align:left;
margin-left:3%;
}
.otherSide-contents-2x{
position: relative;
width: 100%;
height: auto !important;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
padding-top:15px;
padding-bottom:15px;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
.otherSide-contents-2x .blog-img {
width: 40%;
margin-right:3%
}
.otherSide-contents-2x .blog-ttl{
width: 57%;
font-size:15px;
line-height:1.4;
}
@media screen and (max-width: 767px){
.other_content{
position: relative;
padding-top: 85px !important;
}
.other_contentBlog-inner{
position: relative;
display: block;
width: 100%;
height: auto !important;
max-width: 1200px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
padding:0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.otherBlog{
width:100%;
}
.otherBlog-main{
padding-top: 0em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
border: none;
background-color: #FFFFFF;
}
.otherBlog-mainimg img{
padding-bottom:5px;
}
.otherBlog-main .img-line img{
padding: 3%;
border: 1px solid #C1C1C1;
margin-bottom:0px;
}
.otherBlog-article{
padding-top:0.1em;
padding-left:1.5em;
padding-right:1.5em;
padding-bottom:1.5em;
margin-top:0em;
background-color: #FFFFFF;
}
.otherSide{
width:100%;
margin-left:0%;
}
} .box-1x{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
text-align:center;
flex-wrap: wrap;
margin-top:10px;
padding-top: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}
.box-1x .blog-img {
width: 23%;
height:auto !important;
text-align:right;
margin-left:2%;
}
.box-1x .blog-ttl {
width: 75%;
font-size:16px;
height:auto !important;
text-align:left;
}
.box-1x .blog-ttl2 {
width: 100%;
font-size:16px;
height:auto !important;
text-align:left;
}
.box-1x .blog-ttl a {
color: #333333;
text-decoration: none;	
}
.box-1x .blog-ttl a:link,.box-1x .blog-ttl a:visited{
color: #333333;
text-decoration: none;
}
.box-1x .blog-ttl a:hover,.box-1x .blog-ttl a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #333333;
text-decoration: none;	
}
.box-1x .blog-ttl2 a:link,.box-1x .blog-ttl2 a:visited{
color: #333333;
text-decoration: none;
}
.box-1x .blog-ttl2 a:hover,.box-1x .blog-ttl2 a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #666666;
text-decoration: none;	
}
.box-1x-blog-subtitle {
padding-top:10px;
font-size:14px;
line-height:1.5;
font-weight:500;
}
@media screen and (max-width: 767px){
.box-1x .blog-img {
width: 25%;
height:auto !important;
text-align:right;
margin-left:2%;
}
.box-1x .blog-ttl {
width: 73%;
font-size:16px;
height:auto !important;
text-align:left;
padding-top:5px;
}
.box-1x-blog-subtitle {
padding-top:5px;
font-size:14px;
line-height:1.5;
font-weight:500;
}
} .box-2x{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
text-align:center;
flex-wrap: wrap;
}
.box-2x-contents{
position:relative;
width: 50%!important;
margin-top:20px;
height:auto !important;
text-align:left;
padding-left:2.5%;
padding-right:2.5%;
}
.box-2x .box-2x-contents .blog-ttl {
padding-top: 5px;
line-height:1.6;
}
.box-2x .box-2x-contents a {
color: #333333;
text-decoration: none;	
}
.box-2x .box-2x-contents a:link,.box-2x .box-2x-contents a:visited{
color: #333333;
text-decoration: none;
}
.box-2x .box-2x-contents a:hover,.box-2x .box-2x-contents a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #333333;
text-decoration: none;	
}
.box-2x-contents .event-date{
font-size: 13px;
text-align: left;
padding-top: 7px;
padding-bottom: 0px;
color:#E4562B;
}
.box-2x-contents .blog-info{
font-size:13px;
border: 1px solid #999999;
padding-top: 3px;
padding-right: 7px;
padding-bottom: 3px;
padding-left: 7px;
margin-top: 3px;
display:inline-block;
}
@media screen and (max-width: 767px){
.box-2x{
padding-left:0px;
padding-right:0px;
}
.box-2x-contents{
position:relative;
width: 50%;
height:auto !important;
padding-left:1.5%;
padding-right:1.5%;
}
} .box-2x-small{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
text-align:center;
flex-wrap: wrap;
}
.box-2x-small-contents{
position:relative;
width: 46%!important;
margin-top:10px;
margin-left:2%;
margin-right:2%;
height:auto !important;
text-align:left;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
padding-top: 10px;
}
.box-2x-small-contents .blog-ttl {
width:77%;
margin-right:3%;
padding-top: 5px;
font-size:14px;
line-height:1.6;
}
.box-2x-small-contents .blog-img{
width:20%;
}
.box-2x-small .box-2x-small-contents a {
color: #333333;
text-decoration: none;	
}
.box-2x-small .box-2x-small-contents a:link,.box-2x-small .box-2x-small-contents a:visited{
color: #333333;
text-decoration: none;
}
.box-2x-small .box-2x-small-contents a:hover,.box-2x-small .box-2x-small-contents a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #333333;
text-decoration: none;	
}
@media screen and (max-width: 767px){
.box-2x-small{
padding-left:0px;
padding-right:0px;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:column;
flex-flow:column;
text-align:center;
flex-wrap: wrap;
}
.box-2x-small-contents{
position:relative;
width: 100%;
height:auto !important;
padding-left:1.5%;
padding-right:1.5%;
margin-left:0%;
margin-right:0%;
}
} .box-3x{
position:relative;
display: block;
width: 100%;
height: auto !important;
max-width:1052px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
text-align:center;
flex-wrap: wrap;
}
.box-3x-contents{
position:relative;
width: 33%!important;
margin-top:20px;
height:auto !important;
text-align:left;
padding-left:0.5%;
padding-right:0.5%;
}
.box-3x .box-3x-contents .blog-ttl {
padding-top: 5px;
line-height:1.6;
}
.box-3x .box-3x-contents a {
color: #333333;
text-decoration: none;	
}
.box-3x .box-3x-contents a:link,.box-3x .box-3x-contents a:visited{
color: #333333;
text-decoration: none;
}
.box-3x .box-3x-contents a:hover,.box-3x .box-3x-contents a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #333333;
text-decoration: none;	
}
@media screen and (max-width: 767px){
.box-3x{
padding-left:0px;
padding-right:0px;
}
.box-3x-contents{
position:relative;
width: 50%;
height:auto !important;
padding-left:1.5%;
padding-right:1.5%;
}
} .otherBlog-title{
font-size: 30px;
line-height: 1.6;
text-align: left;
padding-bottom:1em;
font-weight:700;
}
.otherBlog-author{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
justify-content: start;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
padding-top: 15px;
}
.otherBlog-author-img{
width:10%;
}
.otherBlog-author-txt{
width:89%;
padding-left: 20px;
padding-top:10px;
color: #666666;
align-items: center;
font-size:14px;
}
.otherBlog-info{
text-align:left;
font-weight:500;
padding-bottom:10px;
}
.otherBlog-sns{
width:10%;
margin-left: auto;
margin-right: auto;
align-items: start;
justify-content: start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.otherBlog-sns .icons{
padding-left:3%;
padding-right:3%;
padding-top:0px;
height: 50px;
width: 50px;
}
.otherBlog-article p{
padding-top: 24px;
line-height:1.8;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.otherBlog-article .otherBlog-link p{
padding-top: 0px;
line-height:1.6;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.otherBlog-article .box-1x p{
padding-top: 0px;
line-height:1.6;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.otherBlog-article .box-2x p{
padding-top: 0px;
line-height:1.6;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.otherBlog-article h3{
font-size: 22px;
line-height: 2;
font-weight:700;
text-align: left;
width: 100%;
height: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 0px;
margin-top: 60px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
border-left-width: 6px;
border-left-style: solid;
border-left-color: #333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;
}
.otherBlog-article h4{
font-size: 20px;
line-height: 1.6;
font-weight:700;
text-align: left;
width: 100%;
height: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 0px;
margin-top: 60px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
border-left-width: 6px;
border-left-style: solid;
border-left-color: #333333;
}
.otherBlog-article h5{
font-size: 16px;
line-height: 1.6;
font-weight:700;
text-align: left;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 0px;
margin-top: 30px;
margin-bottom:10px;
margin-left: auto;
margin-right: auto;
background-color: #F0F1ED;
}
.otherBlog-article a {
text-decoration: none;
color: #333399;
font-weight:700;
transition-property: all;
transition: 0.2s linear;
}
.otherBlog-article a:link,.otherBlog-article a:visited{
color: #333399;
text-decoration: underline;
}
.otherBlog-article a:hover,.otherBlog-article a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #333399;
text-decoration: underline;
}
.otherBlog-article .btn03 a {
text-decoration: none;
color: #fff;
font-weight:700;
transition-property: all;
transition: 0.2s linear;
}
.otherBlog-article .btn03 a:link,.otherBlog-article.btn03 a:visited{
color: #fff;
text-decoration: none;
}
.otherBlog-article .btn03 a:hover,.otherBlog-article .btn03 a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #fff;
text-decoration: none;
}
.otherBlog-article .btn05 a {
text-decoration: none;
color: #333333;
font-weight:700;
transition-property: all;
transition: 0.2s linear;
}
.otherBlog-article .btn05 a:link,.otherBlog-article.btn05 a:visited{
color: #333333;
text-decoration: none;
}
.otherBlog-article .btn05 a:hover,.otherBlog-article .btn05 a:active{
filter:alpha(opacity=60);
opacity:0.6;
color: #333333;
text-decoration: none;
}
.otherBlog-article ul {
position: relative;
}
.otherBlog-article ul li {
padding-top:15px;
list-style-type: none!important;
}
.otherBlog-article ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f152"; left : 0em; padding-right:10px;
}
.otherSide-pickup01{
padding:1.5em;
background-color: #FFFFFF;
text-align:left;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.otherSide-pickup02{
padding:1.5em;
background-color: #FFFFFF;
}
.otherSide-contents{
position:relative;
width: 100%;
margin-bottom:20px;
height:auto !important;
text-align:left;
padding-left:2.5%;
padding-right:2.5%;
}
.otherSide-contents .blog-ttl {
padding-top: 5px;
line-height:1.6;
}
.otherSide-contents .small-sentence {
padding-top: 5px;
line-height:1.5;
}
@media screen and (max-width: 767px){
.otherBlog-title{
font-size: 25px;
line-height: 1.4;
text-align: left;
padding-top:0.1em;
padding-bottom:0.5em;
}
.otherBlog-author-txt{
width:89%;
padding-left: 10px;
padding-top:0px;
color: #666666;
align-items: center;
font-size:12px;
}
.otherBlog-info{
text-align:left;
}
.otherBlog-sns{
width:100%;
justify-content: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
padding-bottom:15px;
}
.otherBlog-sns .icons{
padding-left:3px;
padding-right:3px;
padding-top:0px;
height: 30px;
width: 30px;
}
.otherSide-pickup01{
padding:1.5em;
background-color: #FFFFFF;
text-align:left;
justify-content: start;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.otherSide-pickup02{
padding:1.5em;
background-color: #FFFFFF;
}
.otherSide-contents{
padding-left:1.5%;
padding-right:1.5%;
}
} #prev {
text-align: center;
padding-top: 100px;
}
#next {
text-align: center;
padding-top: 10px;
padding-bottom: 30px;
} img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}  #ez-toc-container {
background: #F9F9F9;
border: 1px solid #AAAAAA;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
display: table;
margin-top:1.5em;
margin-bottom: 1em;
padding: 10px;
position: relative;
width: auto;
}
#ez-toc-container ul ul,
.ez-toc div.ez-toc-widget-container ul ul {
margin-left: 1.5em;
}
#ez-toc-container ul,
#ez-toc-container li {
margin: 0;
padding: 0;
}
#ez-toc-container ul,
#ez-toc-container li,
#ez-toc-container ul li,
div.ez-toc-widget-container,
div.ez-toc-widget-container li {
background: none;
list-style: none none;
line-height: 2;
margin: 0;
overflow: hidden;
z-index: 1;
}
#ez-toc-container p.ez-toc-title {
text-align: center;
line-height: 1.6;
margin: 0;
padding: 0;	
font-size: 20px;
font-weight: bold;
}
.ez-toc-title-container {
display: table;
width: 100%;
text-align: center;
font-size:18px;
line-height:3;
font-weight:bold;
letter-spacing: 1em;
}
.ez-toc-title-container a:hover {
text-decoration: none;
}
.ez-toc-title,
.ez-toc-title-toggle {
display: inline;
text-align: center;
vertical-align: middle;
}
#ez-toc-container.ez-toc-black p.ez-toc-title {
color: #FFF;
}
#ez-toc-container div.ez-toc-title-container + ul.ez-toc-list {
margin-top: 1em;
}
.ez-toc-wrap-left {
float: left;
margin-right: 10px;
}
.ez-toc-wrap-right {
float: right;
margin-left: 10px;
}
#ez-toc-container a {
color: #444444;
box-shadow: none;
text-decoration: none;
text-shadow: none;
display: inline-flex;
align-items: stretch;
flex-wrap: nowrap;
padding-top: 10px;
padding-bottom: 10px;
}
#ez-toc-container a.ez-toc-link{
display: inline-flex;
}
#ez-toc-container a:visited {
color: #9f9f9f;
}
#ez-toc-container a:hover {
text-decoration: none;
}
#ez-toc-container.ez-toc-black a {
color: #FFF;
}
#ez-toc-container.ez-toc-black a:visited {
color: #FFF;
}
#ez-toc-container a.ez-toc-toggle {
display: flex;
align-items: center;
color: #444444;
}
.ez-toc-widget-container ul.ez-toc-list li::before {
content: ' ';
position: absolute;
left: 0;
right: 0;
height: 30px;
line-height: 30px;
z-index: -1;
} .ez-toc-list li{
padding-left:3px;
font-size:16px;
line-height:1.8;
padding-top:15px;
padding-bottom:15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}  .box8 {
color: #232323;
background: #fff8e8;
margin-top: 2em;
margin-right: 0;
margin-bottom: 2em;
margin-left: 0;
padding-top: 0.5em;
padding-right: 2em;
padding-bottom: 3em;
padding-left: 2em;
}
.box8 p {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 20px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
} .herointerview-link{
padding-top:15px;
padding-left:16px;
}
@media screen and (max-width: 767px){
.herointerview-link{
padding-top:15px;
padding-left:0px;
}
} .tab-wrap {
display: flex;
flex-wrap: wrap;
margin:20px 0;
}
.tab-wrap:after {
content: '';
width: 100%;
height: 3px;
display: block;
order: -1;
background-color: #ffffff;
}
.tab-label {
color: #FFFFFF;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
white-space: nowrap;
text-align: center;
padding: 10px .5em;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 5px 5px 0 0;
flex: 1;
background-color: #666666;
}
.tab-label:not(:last-of-type) {
margin-right: 5px;
}
.tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
} .tab-switch:checked+.tab-label {
color: #ffffff;
background: #E4562B;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: auto;
opacity: 1;
transition: .5s opacity;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
}
@media screen and (max-width: 767px) {
.tab-label {
font-size:14px;
font-weight:500;
line-height:1.3;
}
} .tab-switch {
display: none;
} .voice2-box {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.voice2-box .voice2-qa {
width:75%;
}
.voice2-box .voice2-paper {
width:25%;
padding-left:30px;
padding-top:20px;
font-size:14px;
}
.voice2-box .voice2-qa .question{
padding-top: 15px;
}
.voice2-box .voice2-qa .answer {
margin-top: 5px;
padding: 15px;
border: 1px solid #CCCCCC;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.voice2-box {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.voice2-box .voice2-qa {
width:100%;
}
.voice2-box .voice2-paper {
width:30%;
padding-left:0px;
padding-top:20px;
}
} #commentform #author, #commentform #email, #commentform #url,#commentform #siteguard_captcha {
border: 1px solid #999999;
padding: 5px;
} #pwbox-4057{
border: 1px solid #999999;
padding: 5px;
} .Form {
margin-top: -50px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.Form {
margin-top: -30px;
margin-bottom:0px;
}
}
.Form-Item {
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
display: flex;
align-items: center;
margin-top: 0px;
margin-bottom:0px;
}
@media screen and (max-width: 767px) {
.Form-Item {
padding-left: 14px;
padding-right: 14px;
padding-top: 5px;
padding-bottom: 5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0px;
margin-bottom:0px;
}
}
.Form-Item:nth-child(5) {
border-bottom: 1px solid #ddd;
}
.Form-Item-Label {
width: 100%;
max-width: 200px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 18px;
margin-top: 0px;
margin-bottom:0px;
}
@media screen and (max-width: 767px) {
.Form-Item-Label {
max-width: inherit;
display: flex;
align-items: center;
font-size: 15px;
margin-top: 0px;
margin-bottom:0px;
padding-bottom:0px;
}
}
.Form-Item-Label.isMsg {
margin-top: 8px;
margin-bottom: auto;
}
@media screen and (max-width: 767px) {
.Form-Item-Label.isMsg {
margin-top: 0px;
margin-bottom:0px;
}
}
.Form-Item-Label-Required {
border-radius: 6px;
margin-top: 0px;
margin-bottom:0px;
margin-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
width: 48px;
display: inline-block;
text-align: center;
background: #E4562B;
color: #fff;
font-size: 14px;
}
@media screen and (max-width: 767px) {
.Form-Item-Label-Required {
border-radius: 4px;
padding-top: 4px;
padding-bottom: 4px;
width: 32px;
font-size: 10px;
margin-top: 0px;
margin-bottom:0px;
}
}
.Form-Item-Input {
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 0px;
margin-bottom:0px;
margin-left: 40px;
padding-left: 1em;
padding-right: 1em;
height: 48px;
flex: 1;
width: 100%;
background: #eaedf2;
font-size: 18px;
}
@media screen and (max-width: 767px) {
.Form-Item-Input {
margin-left: 0;
margin-top: 0px;
margin-bottom:0px;
height: 40px;
width: 100% !important;
min-width: 300px;
flex: inherit;
font-size: 15px;
padding-top: 0px;
}
}
.Form-Item-Textarea {
border: 1px solid #ddd;
border-radius: 6px;
margin-left: 40px;
padding-left: 1em;
padding-right: 1em;
margin-top: 0px;
margin-bottom:0px;
height: 216px;
flex: 1;
width: 100%;
background: #eaedf2;
font-size: 18px;
}
@media screen and (max-width: 767px) {
.Form-Item-Textarea {
margin-top: 0px;
margin-bottom:0px;
margin-left: 0;
height: 200px;
flex: inherit;
font-size: 15px;
padding-top: 0px;
}
}
.Form-Btn {
border-radius: 6px;
margin-top: 0px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
width: 280px;
display: block;
letter-spacing: 0.05em;
background: #E4562B;
color: #fff;
font-weight: bold;
font-size: 20px;
}
@media screen and (max-width: 767px) {
.Form-Btn {
margin-top: 0px;
margin-bottom:0px;
padding-top: 8px;
padding-bottom: 8px;
width: 160px;
font-size: 16px;
}
} .table-ttl{
background-color:#F3F4F1;
}
.table-point{
color:#E4562B;
}
.table-big-txt{
font-size:20px;
}
.table-info{
text-align:center;
}
@media screen and (max-width: 767px) {
.table-ttl{
font-size:13px;
background-color:#F3F4F1;
}
.table-point{
font-size:13px;
color:#E4562B;
}
.table-big-txt{
font-size:13px;
}
.table-info{
font-size:13px;
text-align:center;
}
@media only screen and (max-width:400px) {
.FixTable {
width: 100%;
table-layout: fixed;
word-break: break-word;
}
}
} .consulting-info{
font-size: 24px;
font-weight:700;
color: #CC0000;
text-align: center;
border: 3px solid #CC0000;
padding-top: 20px;
padding-bottom: 20px;
}
.consulting-info2{
font-size: 20px;
font-weight:700;
color: #CC0000;
text-align: center;
padding-top: 20px;
}
.otherBlog-article .pan-txt h3{
font-size: 13px;
text-align: left;
margin: 0px;
border:none;
font-weight: normal;
color: #666666;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
@media screen and (max-width: 767px) {
.otherBlog-article .pan-txt h3{
font-size: 12px;
padding-top: 0px;
padding-bottom: 5px;
}
} .other_contentBlog-inner-voice{
position: relative;
width: 100%;
height: auto !important;
max-width: 1260px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
padding:24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;	
}
@media screen and (max-width: 767px){
.other_contentBlog-inner-voice{
position: relative;
display: block;
width: 100%;
height: auto !important;
max-width: 1200px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
padding:0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.other_contentBlog-inner-voice .tab-content{
background-color: #FFFFFF;	
}
.other_contentBlog-inner-voice .tab-wrap .tab-label{
font-size:18px;
font-weight:bold;
}
.voice-box p{
font-weight: normal;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.back-wt-orangeline{
background-color: #fff;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #E4562B;
}
.h3-voice-ttl{
font-size: 24px;
text-align: left;
padding-top: 8px;
padding-left: 15px;
width: 100%;
max-width:1260px;
height: 40px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding-right: 24px;
}
@media screen and (min-width: 767px){
.h3-voice-ttl{
padding-left: 30px;
font-size: 28px;
}
}
.box3-info .btn03 a {
display: flex;
justify-content: space-between;
align-items: center;
width: 325px;
height:60px;
color: #fff;
font-size: 18px;
font-weight: 700;
background-color: #E4562B;
transition: 0.3s;
border-radius: 10px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
.box3-info .btn03 a:hover {
text-decoration: none;
background-color: #EA7A59;
color: #fff;
}
.line-outline02{
padding-left:15px;
padding-right:15px;
margin-top: auto; 
} .box3-inner{
width:100%;
margin-left:auto;
margin-right:auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
justify-content: start;
padding-right: 15px;
padding-left: 15px;
}
.box3-info{
width:100%;
position:relative;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom:15px;
margin-left:0px;
margin-right:0px;
display:flex;
flex-direction: column;
background-color: #F3F4F1;
}
.box3-info .blog-ttl2{
font-size:18px;
padding-right: 15px;
padding-left: 15px;
}
.box3-info .blog-sub{
display:block;
padding-right: 15px;
padding-left: 15px;
font-weight: normal;
}
.box3-info .small-sentence{
display:block;
padding-right: 15px;
padding-left: 15px;
text-align:center;
font-size: 13px;
}
@media screen and (min-width: 768px) {
.box3-inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
padding-right: 30px;
padding-left: 30px;
} .box3-inner:after {
content: "";
display: block;
width: 49%; height: 0;
}
.box3-info{
width:49%;
padding-top: 5px;
padding-bottom: 15px;
margin-bottom:25px;
display:flex;
flex-direction: column;
}
.box3-info .blog-ttl2{
padding-right: 20px;
padding-left: 20px;
}
.box3-info .blog-sub{
display:block;
padding-right: 20px;
padding-left: 20px;	
}
}
@media screen and (min-width: 1261px) {
.box3-inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
} .box3-inner:after {
content: "";
display: block;
width: 32%; height: 0;
}
.box3-info{
width:32%;
padding-bottom: 15px;
margin-bottom:25px;
display:flex;
flex-direction: column;
}
.box3-info .blog-ttl2{
padding-right: 20px;
padding-left: 20px;
}
.box3-info .blog-sub{
display:block;
padding-right: 20px;
padding-left: 20px;	
}
} .box6-inner{
width:100%;
margin-left:auto;
margin-right:auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
padding-left:15px;
padding-right:15px;
} .box6-inner:after {
content: "";
display: block;
width: 24%; height: 0;
}
.box6-info{
width:24%;
position:relative;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:15px;
margin-left:0px;
margin-right:0px;
display:flex;
flex-direction: column;
font-size:15px;
text-align:center;
border: 1px solid #CCCCCC;
}
@media screen and (min-width: 768px) {
.box6-inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
padding-left:30px;
padding-right:30px;
} .box6-inner:after {
content: "";
display: block;
width: 24%; height: 0;
}
.box6-info{
width:24%;
display:flex;
flex-direction: column;
font-size:18px;
}
} a.MoreArticleBtn{
margin-left:auto;
margin-right:auto;
}
@media screen and (min-width: 768px) {
a.MoreArticleBtn{
margin-left:0;
}
} @media screen and (min-width: 1511px) {
.header-sp-only {
display: none !important; } }
@media screen and (max-width: 1510px) {
.header-pc-only {
display: none !important; } }
@media screen and (min-width: 768px) {
.sp-only {
display: none !important; } }
@media screen and (max-width: 767px) {
.pc-only {
display: none !important; } }.swiper-all{
margin-left: auto;
margin-right: auto;
position: relative;
display: block;
width: 100%;
height:auto;
text-align: center;
padding-left:24px;
padding-right:24px;
}
.swiper-custom-parent{
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%;
max-width:1152px;
height:auto;
text-align: center;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
width: 100%;
max-width: 1052px;
height:auto;
text-align: center;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
padding-left:0px;
padding-right:24px;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
text-align: left;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
padding-right:3%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
} .swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 0%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
.swiper-button-prev,
.swiper-button-next {
width: 50%;
}
} .slider1-prev,
.slider1-next {
top: 38%;
}
.slider2-prev,
.slider2-next {
top: 30%;
}
.slider3-prev,
.slider3-next {
top: 35%;
}
.slider4-prev,
.slider4-next {
top: 35%;
}
.slider5-prev,
.slider5-next {
top: 50%;
}
.slider6-prev,
.slider6-next {
top: 35%;
}
.slider7-prev,
.slider7-next {
top: 40%;
}
.slider8-prev,
.slider8-next {
top: 35%;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
font-size:40px;
left: -20px;
right: auto;
opacity:0.9;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
font-size:40px;
right: -7px;
left: auto;
opacity:0.9;
}
@media screen and (max-width: 767px) {
.slider1-prev,
.slider1-next {
display: none !important;
}
.slider2-prev,
.slider2-next {
display: none !important;
}
.slider3-prev,
.slider3-next {
display: none !important;
}
.slider4-prev,
.slider4-next {
display: none !important;
}
.slider5-prev,
.slider5-next {
top: 95%;
}
.slider6-prev,
.slider6-next {
display: none !important;
}
.slider7-prev,
.slider7-next {
display: none !important;
}
.slider8-prev,
.slider8-next {
display: none !important;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
font-size:30px;
left: 10px;
right: auto;
opacity:0.9;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
font-size:30px;
right: 25px;
left: auto;
opacity:0.9;
}
.small-arrow {
font-size:14px;
line-height: 1.5;
}
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px;
}