@charset "UTF-8";
html{
scroll-padding-top:120px;
}
body{
font-family:游ゴシック;
}
section .container{
/*  margin:2rem auto; */
}

.toiawase_bt{
    background: #2ab0dc;
    color: #fff!important;
    border-radius: 10px;
    filter: drop-shadow(10px 10px 10px rgba(27,31,119,0.6));
    text-align: center;
    height: 42px;
    width: 530px;
    padding-top: 20px;
    margin:auto!important;
    line-height: 1.5rem!important;
}
.toiawase_bt:hover{
  opacity:0.8;
}
.toiawase_bt{
  font-size:1.5rem; 
  padding-bottom:3rem;
}

.visual{
background:url(../img/bg_visual.png) 90% 30% no-repeat #f5f6f7;
background-size:20% auto;
border-top:3rem solid #0a0147;
border-bottom:3rem solid #96bad7;
padding:3rem 0;
margin:2rem 0 0;
font-size:1.2rem;
font-weight:bold;
}
.cc_text{
font-size:6rem;
}
.visual .button, .entry .button, #goriyou .button{
background:#0DCAF0;
color:#fff;
font-size:1.5rem;
margin:auto;
margin-top:2rem;
border-radius:1rem;
border:2px solid #0DCAF0;
transition:color 0.3s, background 0.3s;
font-weight:bold;
}
.visual .button:hover , .entry .button:hover, #goriyou .button:hover{
background:#fff;
color:#0DCAF0;
}
#onayami{
border-top:1rem solid #0a0147;
border-bottom:3rem solid #96bad7;
}
#about{
border-bottom:3rem solid #96bad7;
}
.section_title{
background:#0a0147;
padding:0.5rem;
}
.section_title h2{
font-size:3rem;
color:#fff;
}
.section_body{
background:#f5f6f7;
padding-bottom:2rem;
}
.fukidashi1{
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 1rem;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}
.fukidashi1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -29px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.fukidashi2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 1rem;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.fukidashi2:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0edff;
}

.section_footer{
background:#0a0147;
color:#fff;
font-weight:bold;
font-size:1.7rem;
padding:2rem;
}
.section_footer .big{
font-size:2.5rem;
color:#ff0;
}
.about_service{
    padding: 2rem;
    background: url(../img/about1.png) no-repeat 90% 80% #f5f6f7;
}
.about_service p{
    font-size: 3.5rem;
    font-weight: bold;
line-height:4.5rem;
padding-bottom:2rem;
}
#jirei,#reason,#nagare,#price{
background:#f5f6f7;
padding-bottom:3rem;
border-bottom:3rem solid #96bad7;
}
#jirei .container{
max-width: 1100px;
}
.box1{
border:3px solid #000; 
padding:1rem;
margin-right:2.5rem;
  position: relative;
  display: inline-block;
max-height:7rem; 
margin-bottom:2rem;
background:#fff;
}
.box1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 104%;
  margin-top: -3rem;
  border: 3rem solid transparent;
  border-left: 2rem solid #c0d8d7;
}
.box2{
border:3px solid #000; 
padding:1rem;
max-height:7rem;
margin-bottom:2rem;
background:#fff;
}
.box3{
width:20rem;
}
.box3 img{
max-height:10rem;
}
.flow .box1, .flow .box2{
max-height:none; 
}
.flow .box3{
position:relative; 
width:0;
}
.flow .box3 img{
position:absolute; 
top:-9rem; 
left:-7rem;
}
#story{
background:#f5f6f7;
padding-bottom:3rem;
border-bottom:3rem solid #96bad7;
}
.story_title{
color:#fff;
background:#0a0147;
padding:1rem;
}
.story_box1{
margin-top:2rem;
background:url(../img/story1.png) no-repeat left bottom;
background-size:22% auto;
}
.story_box2{
margin-top:2rem;
background:url(../img/story2.png) no-repeat 5% 98%;
background-size:15% auto;
}
.story_body{
margin-top:2rem;
margin-left:20%;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
/*
.reason_h {
border-radius:50%; 
background:#0a0147; 
color:#96bad7; 
width:25vw; 
height:25vw; 
max-width:100%; 
margin:auto;
}
*/
#reason .row{
border:1px solid #0a0147;
margin:2rem 0;
border-radius:1rem;
align-items:center;
}
#reason .col-md-4{
background:#0a0147; 
border-radius:1rem;
color:#fff;
padding:2rem 1rem;
text-align:center;
}
.reason_h h3{
font-size:2.2vw; 
margin-top:2rem; 
padding-top:5vw;
}
.reason_h h3 .h1{
line-height:5vw;
color:#fff;
}
#reason p{
margin:1rem auto; 
padding:1rem;
}
.flow2{
position:relative;
display:flex; 
text-align:left; 
align-items:flex-end; 
align-items:stretch; 
margin:3rem;
}
.flow2{
font-size:1.1vw;
font-weight:bold;
}
.flow2 h3{
position:absolute;
top:-1.7rem;
left:0rem;
font-size:1.2rem;
font-weight:bold;
color:#222;
}
.flow2 .box1{
border:3px solid #000; 
padding:1rem;
margin-right:2.5rem;
  position: relative;
  display: inline-block;
width:20vw;
height:20vw; 
margin-bottom:2rem;
background:#fff;
}
.flow2 .box2{
  position: relative;
}
.flow2 .box1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 101%;
  margin-top: -6rem;
  border: 6rem solid transparent;
  border-left: 2rem solid #c0d8d7;
}
.flow2 .box2{
border:3px solid #000; 
padding:1rem;
width:20vw;
height:20vw; 
margin-bottom:2rem;
background:none;
font-size:0.9vw;
}
.flow2 .box3{
width:20rem;
}
.flow2 .box3 img{
max-height:10rem;
}
.flow2 .box1, .flow2 .box2{
max-height:none; 
}
.flow2 .box3{
position:relative; 
width:0;
}
.flow2 .box3 img{
position:absolute; 
top:-9rem; 
left:-7rem;
}
#goriyou .row{
border:1px solid #0a0147;
margin:2rem 0;
border-radius:1rem;
}
#goriyou .col-md-4{
background:#0a0147; 
border-radius:1rem;
color:#fff;
padding:2rem 1rem;
text-align:center;
}
#goriyou a:hover{
opacity:
}

#faq dl{
margin: 2rem 0;
}
#faq dt{
border-left:7px solid #0a0147;
margin-bottom:2rem;
padding-left:1rem;
}

.entry{
padding:3rem;
background:#0a0147;
}
#company{
padding:5rem 0;
}
.title_nb{
font-size:4rem;
color:#96bad7;
margin-right:1rem;
}

/* color */
.red{
color:#ff3131;
}
.blue{
color:#0a0147;
}
.yellow{
color:#fff848;
}


.visual a{
text-decoration:none;
}
  display:none;
}
.achievement_header{
margin-bottom:4rem;
}
.modal-dialog{
max-width:50%!important;
}
.modal-body{
    font-size: 0.9rem;
    line-height: 1.2rem;
}
.modal-body h5{
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #aaa;
}
.modal-footer button{
width: 3rem;
padding-left: 6rem;
padding-bottom:0.75rem;
}
hr{
margin:2rem 0;
}
.no-wrap {
    white-space: nowrap;
}
footer{
background:#b72112;
}
.only_sp{
display:none;
}
@media only screen and (max-device-width: 480px) {
section {
/*
  margin-top: -370px!important;
  padding-top:370px!important;
*/
}
h1{
    display: inline;
    width: 80%;
}
h2 .big{
color:#ec6b38;
font-size:2rem;
}
.modal-dialog {
  max-width: 100% !important;
}
#visual{
  background:none;
}
.only_pc{
display:none;
}
.only_sp{
display:block;
}
.toiawase_bt{
  width: 100%;
  padding: 1rem 1.5rem 2.5rem;
}

.title_nb{
font-size:2.5rem;
}
.section_title h2{
font-size:1.5rem;
}
/* visual */
.visual{
background:url(../img/bg_visual.png) 95% 20% no-repeat #f5f6f7;
background-size:28% auto;
}
.visual .cc_text{
font-size:2.5rem;
}
.visual .h3{
    font-size: 1.2rem;
    max-width: 95%;
    text-align: center;
    margin: auto;
}
.visual span{
display:block;
}
.visual .red{
font-size: 1.5rem !important;
line-height: 3rem;
}
.visual .button, .entry .button, #goriyou .button{
font-size:1.1rem;
}
/* /visual */


/* story */
.story_box1{
background-position: 0% 88%!important;
}
.story_box2{
background-position: 5% 92%!important;
}
/* /story */
/* onayami */
.fukidashi1_sp{
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 1rem;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}
.fukidashi1_sp:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}
.fukidashi2_sp{
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 1rem;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}
.fukidashi2_sp:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0edff;
}
.section_footer{
padding:2rem 1rem;
}
.section_footer .big{
font-size:1.8rem;
}
/* /onayami */

/* about */
.about_service{
padding:1rem;
background-image:none;
padding-bottom:0;
}
.about_service p {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 3rem;
    margin-bottom: 0rem;
}
#about .big{

}
/* /about */

/* jirei */
.katsuyou{
width:95%;
}
#jirei .only_sp .box1{
max-height:9rem;
}
#jirei .only_sp .katsuyou .box1{
max-height:9rem;
width:90%;
margin: 0 auto 3rem;
display:block;
}

#jirei .only_sp .box2{
max-height:9rem;
font-size:1.2rem;
margin-top:0.5rem;
}

#jirei .only_sp .katsuyou .box1:before {
  content: "";
  position: absolute;
  top: 110%;
  left:25%;
  margin-top:0;
  margin-bottom: -10rem;
  border: 4rem solid transparent;
  border-top: 2rem solid #c0d8d7;
}
#jirei .only_sp .box3 img {
        position: absolute;
        top: -12rem;
        left: 11rem;
        max-width: 120px;
}
/* /jirei */

/* nagare */

/* entry */
.entry{
padding:1rem;
}

/* /entry */

}