@charset "UTF-8";

.container {
}
.confirm .container,.thanks .container {
background:#f1fbfe;
}
#banner {
min-height:300px;
border-bottom:none;
}
.bs-docs-section {
width:75.714285714286%;
background:#fff;
margin:-50px auto 80px;
padding:62px 7.1428571428571% 70px;
}
.bs-component {
position:relative;
}
.bs-component .modal {
position:relative;
top:auto;
right:auto;
left:auto;
bottom:auto;
z-index:1;
display:block;
}
.bs-component .modal-dialog {
width:90%;
}
.bs-component .popover {
position:relative;
display:inline-block;
width:220px;
margin:20px;
}
.nav-tabs {
margin-bottom:15px;
}
@media (max-width: 1024px) {
.bs-docs-section {
width: 83.984375%;
}
}
@media (max-width: 991px) {
.bs-docs-section {
margin: -35.39285714285715px auto 80px;
width: 86.78102926337033%;
padding: 43.88714285714286px 7.142857142857143% 49.55px;
}
}
@media (max-width: 800px) {
.bs-docs-section {
width: 90%;
padding: 30px 3.571428571428572% 35px;
}
}
@media (max-width: 767px) {
.bs-docs-section {
margin: -30px auto 30px;
width: 89.33333333333333%;
padding: 30px 5.333333333333333%;
background: #fff;
}
}

/* メインビジュアル
----------------------------------------------*/
.main-container {
padding-bottom:50px;
}
@media (max-width: 767px) {
.main-container {
padding-bottom:30px;
}
}

.main-container h2 {
margin:0 auto;
padding-bottom:50px;
padding-top:63px;
text-align:center;
width:70.785714285714286%;
}
@media (min-width: 1400px) {
.main-container h2 {
width:991px;
}
}
@media (max-width: 991px) {
.main-container h2 {
width:100%;
}
}
@media (max-width: 767px) {
.main-container h2 {
width:100%;
}
}
@media (max-width: 640px) {
.main-container h2 {
padding-bottom:29.73px;
padding-top:39.64px;
}
}

.container h3{
border-bottom: none;
text-align: center;
margin: 0 auto 60px;
font-size: 150%;
font-weight: 500;
color: #083f5b;
}
.service h3 img {
display: block;
text-align: center;
margin: 0 auto!important;
margin-bottom: 20px!important;
}
@media (max-width: 767px) {
.container h3{
font-size: 137.5%;
margin-top: 15px;
margin-bottom: 25px;
}
.container h3 img{
margin-bottom: 10px;
}
}
@media (max-width: 640px) {
.container h3{
font-size: 125%;
margin: 0 auto 10px;
padding-bottom: 5px;
}
.container h3 img{
margin-bottom: 10px;
width: 100%;
}
}

.container.bg{
background: url("/wordpress/wp-content/themes/fujita-theme/service/style/img/bg_service_add_pc.jpg") center bottom no-repeat;
}
@media (max-width: 767px) {
.container.bg{
background: url("/wordpress/wp-content/themes/fujita-theme/service/style/img/bg_service_add_sp.jpg") center bottom no-repeat;
}
}

/* button
----------------------------------------------*/
.btn.gradationLineBtn.maii_icon{
border-radius: 50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border: 0;
background: linear-gradient(137deg, #daf599, #01b4b6);
display: block;
width: 100%;
padding: 4px;
height: 100px;
opacity: 1.0;
text-align: left;
}
.btn.gradationLineBtn.maii_icon a{
position: relative;
border-radius: 50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
color: #fff;
display: block;
font-weight: 500;
line-height: 166.6666666666667%;
padding: 20px 0 20px 36.818181818181818%;
height: 92px;
}
.btn.gradationLineBtn.maii_icon a:hover{
text-decoration: none;
background: #fff;
color: #24beb1;
}
.btn.gradationLineBtn.maii_icon a:before{
content: url("/wordpress/wp-content/themes/fujita-theme/service/style/img/mail_icon.png");
position: absolute;
top:32px;
left: 67px;
}
.btn.gradationLineBtn.maii_icon a:hover:before{
content: url("/wordpress/wp-content/themes/fujita-theme/service/style/img/mail_iconOn.png");
position: absolute;
top:32px;
left: 67px;
}
@media (max-width: 640px) {
.btn.gradationLineBtn.maii_icon{
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border: 0;
background: linear-gradient(137deg, #daf599, #01b4b6);
display: block;
width: 100%;
padding: 4px;
height: 70px;
opacity: 1.0;
text-align: left;
}
.btn.gradationLineBtn.maii_icon a{
position: relative;
border-radius: 35px;
-moz-border-radius:35px;
-webkit-border-radius:35px;
color: #fff;
display: block;
font-weight: 500;
line-height: 166.6666666666667%;
padding: 5px 0 10px 36.818181818181818%;
height: 62px;
}
.btn.gradationLineBtn.maii_icon a:before,
.btn.gradationLineBtn.maii_icon a:hover:before{
top:18px;
left: 40px;
}
}

/* detailBtn
----------------------------------------------*/
.btn.gradationLineBtn.detailBtn{
position: relative;
border-radius: 50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
color: #24beb1;
background: linear-gradient(137deg, #daf599, #01b4b6);
border: 0;
display: block;
font-weight: 500;
line-height: 262.5%;
width: 66.666666666666667%;
padding: 4px;
margin-left: 33.333333333333333%;
}
.btn.gradationLineBtn.detailBtn a{
border-radius: 50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
color: #24beb1;
border: 0;
background: #fff;
display: block;
opacity: 1.0;
text-align: center;
}
.btn.gradationLineBtn.detailBtn a:hover{
text-decoration: none;
background: none;
color: #fff;
}
.btn.gradationLineBtn.detailBtn a:before{
content: url("/wordpress/wp-content/themes/fujita-theme/common/img/arrow_grn.png");
position: relative;
top:0;
left: -10%;
}
.btn.gradationLineBtn.detailBtn a:hover:before{
content: url("/wordpress/wp-content/themes/fujita-theme/common/img/arrow_grnOn.png");
position: relative;
top:0;
left: -10%;
}
@media (max-width: 991px) {
.btn.gradationLineBtn.detailBtn{
font-size: 87.5%;
}
}
@media (max-width: 767px) {
.btn.gradationLineBtn.detailBtn{
width: 50%;
margin-left: 50%;
}
}

.btn.gradationLineBtn.contactBtn{
position: relative;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: linear-gradient(137deg, #daf599, #01b4b6);
border: 0;
display: block;
font-size: 87.5%;
font-weight: 500;
line-height: 385.7142857142857%;
width: 100%;
padding: 4px;
margin-bottom: 20px;
}
.btn.gradationLineBtn.contactBtn a{
color: #fff;
text-decoration: none;
}
.btn.gradationLineBtn.contactBtn a:hover{
opacity: 0.8;
}

/* TopButton
----------------------------------------------*/
.btn.topBtn{
border-radius: 40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
border: 0;
background: linear-gradient(137deg, #daf599, #01b4b6);
display: block;
width: 400px;
height: 80px;
padding: 4px;
margin: 40px auto 100px;
text-align: left;
}
.btn.topBtn a{
position: relative;
background: #fff;
border-radius: 40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
color: #24beb1;
display: block;
font-weight: 500;
width: 392px;
height: 72px;
padding: 28px 0 28px 37%;
line-height: 1;
}
.btn.topBtn a:hover{
text-decoration: none;
background: none;
color: #fff;
}
.btn.topBtn a:before{
content: url("/wordpress/wp-content/themes/fujita-theme/common/img/arrow_grn.png");
position: absolute;
top:28px;
left: 25%;
}
@media (max-width: 991px) {
.btn.topBtn{
margin: 20px auto 50px;
}
}
@media (max-width: 640px) {
.btn.topBtn{
margin: 20px auto 50px;
}
.btn.topBtn{
border-radius: 24px;
-moz-border-radius:24px;
-webkit-border-radius:24px;
border: 0;
background: linear-gradient(137deg, #daf599, #01b4b6);
display: block;
width: 240px;
height: 50px;
padding: 4px;
margin: 0 auto 40px;
text-align: left;
}
.btn.topBtn a{
position: relative;
background: #fff;
border-radius: 24px;
-moz-border-radius:24px;
-webkit-border-radius:24px;
color: #24beb1;
display: block;
font-weight: 500;
width: 232px;
height: 42px;
padding: 13px 0 13px 22.5%;
line-height: 1;
}
.btn.topBtn a:before{
content: url("/wordpress/wp-content/themes/fujita-theme/common/img/arrow_grn.png");
position: absolute;
top:14px;
left: 16%;
}
}


/* 個人情報保護、サイトマップ
----------------------------------------------*/
#top.policy .main-container,
#top.sitemap .main-container {
background:#083f5b;
}
#top.policy .container .sublead {
color: #083f5b;
font-size: 112.5%;
font-weight: 500;
line-height: 2.5;
margin-bottom: 70px;
}
#top.policy .container ol {
padding-left: 1em;
}
#top.policy .container ol li{
margin-bottom: 1em;
}
#top.sitemap .container .col-sm-6{
padding: 0;
}
#top.sitemap .container dl dt{
margin-bottom: 5px;
}
#top.sitemap .container dl dt a{
color: #083f5b;
font-size: 112.5%;
}
#top.sitemap .container dl dd{
line-height: 1.833333333333333;
padding-left: 1em;
}
#top.sitemap .container dl dd strong a{
color: #000;
}
#top.sitemap .container dl dd ul{
margin-bottom: 24px;
padding-left: 1.5em
}
#top.sitemap .container dl dd ul li{
color: #000;
}

@media (max-width: 767px) {
#top.policy .container .topBtn,
#top.sitemap .container .topBtn{
margin: 30px auto 50px!important;
}
#top.sitemap .container .col-sm-6{
width: 50%;
float: left;
}
#top.sitemap .container dl dt a{
font-size: 100%;
}
#top.sitemap .container dl dd{
line-height: 1.5;
}
#top.sitemap .container dl dd a{
font-size: 87.5%;
}
#top.sitemap .container dl dd ul li a{
font-size: 87.5%;
}
}
@media (max-width: 640px) {
#top.policy .container ol li{
font-size: 81.25%;
}
#top.sitemap .container .col-sm-6{
width: 100%;
float: none;
}
#top.sitemap  .container dl{
margin-bottom: 20px;
}
#top.sitemap .container dl dt a{
font-size: 87.5%;
}
#top.sitemap .container dl dd a{
font-size: 82.5%;
}
#top.sitemap .container dl dd ul{
margin-bottom: 20px;
}
#top.sitemap .container dl dd ul li a{
font-size: 82.5%;
}
#top.policy .container .topBtn,
#top.sitemap .container .topBtn{
margin: 30px auto 40px!important;
}
}