@charset "UTF-8";

body{
font-family:ヒラギノ角ゴシック,游ゴシック;
font-weight:500;
}
section {
  margin-top: -100px;
  padding-top:100px;
}
section .container{
  margin:2rem auto;
}
a{
text-decoration:none;
}
.red{
color:#e71f1c;
}
.big{
font-size:1.7rem;
}
.orange{
color:#ec6b38;
}
h2 .big{
color:#ec6b38;
font-size:3rem;
}
h2 .big_number{
color:#ec6b38;
font-size:5rem;
}
#price .big{
font-size:4rem;
}
.blue{
color:#30549a!important;
font-weight:700;
}
#visual{
  margin-bottom:5rem;
}
.point_header{
min-height:10rem;
}
.only_sp{
  display:none;
}
.fukidashi_left{
  position: relative;
  display: inline-block;
  margin: 1.5rem 0 1.5rem;
  padding: 1rem 2rem;
  min-width: 120px;
  max-width: 100%;
  color: #333;
  font-size: 16px;
  background: #fff2e0;
  border: 3px solid #333;
  border-radius:1.2rem;
  font-size:1.5rem;
  line-height:3rem;
}
.fukidashi_left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -65px;
  margin-top: -15px;
  border: 25px solid transparent;
  border-right: 40px solid #333;
}
.fukidashi_right{
  position: relative;
  display: inline-block;
  margin: 1.5rem 0 1.5rem;
  padding: 1rem 2rem;
  min-width: 120px;
  max-width: 100%;
  color: #333;
  font-size: 16px;
  background: #fff2e0;
  border: 3px solid #333;
  border-radius:1.2rem;
  font-size:1.5rem;
  line-height:3rem;
}
.fukidashi_right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -65px;
  margin-top: -15px;
  border: 25px solid transparent;
  border-left: 40px solid #333;
}
.fukidashi_bottom{
  position: relative;
  display: inline-block;
  margin: 1.5rem 0 1.5rem;
  padding: 1rem 2rem;
  min-width: 120px;
  max-width: 100%;
  color: #333;
  font-size: 16px;
  background: #fff2e0;
  border: 3px solid #333;
  border-radius:1.2rem;
  font-size:1.5rem;
  line-height:1.8rem;
}
.fukidashi_bottom:before {
  content: "";
  position: absolute;
  bottom: -65px;
  right: 25%;
  margin-top: -15px;
  border: 25px solid transparent;
  border-top: 40px solid #333;
}
#price .container{
background:#fff2cc;
padding:2rem;
}
#hikaku .row{
min-height:17rem;

}
.entry{
background:#30549a;
padding:3rem 0;
margin:2rem 0;
font-size:1.2rem;
font-weight:bold;
}
.button_tel{
background:#4bcbbe;
color:#fff;
font-size:1.5rem;
border-radius:0.5rem;
border:2px solid #4bcbbe;
transition:color 0.3s, background 0.3s;
}
.button_tel:hover{
background:#fff;
color:#4bcbbe;
}
.button_line{
background:#25bc1d;
color:#fff;
font-size:1.5rem;
border-radius:0.5rem;
border:2px solid #25bc1d;
transition:color 0.3s, background 0.3s;
}
.button_line:hover{
background:#fff;
color:#25bc1d;
}
.button_form{
background:#fe7745;
color:#fff;
font-size:1.5rem;
border-radius:0.5rem;
border:2px solid #fe7745;
transition:color 0.3s, background 0.3s;
}
.button_form:hover{
background:#fff;
color:#fe7745;
}
.entry a{
text-decoration:none;
}
#point a, #flow a{
text-decoration:none;
font-weight:bold;
}
#point a p, #flow a p{
margin:0.2rem 0;
}
.entry p{
margin:0.2rem 0;
}
#about h2{
line-height:5rem;
}
#about .card{
background:#f5b342;
}
#question{
margin-bottom:6rem;
}
#question a{
text-decoration:none;
color:#000;
}
.question h3{
padding:1.5rem 0;
margin:0;
}
.answer h3{
padding-bottom:0.5rem;
line-height:2.5rem;
}
.underline{
border-bottom:3px solid #000;
line-height:3rem;
}
.exmaple_header{
min-height:14rem;
}
.example_body p{
font-size:0.9rem;
min-height:10rem;
padding:0 0.5rem;
}
#example .btn{
background:#0dcaf0;
color:#fff;
border-radius:0.5rem;
border:2px solid #0dcaf0;
transition:color 0.3s, background 0.3s;
margin:auto;
}
#example .btn:hover{
background:#fff;
color:#0dcaf0;
}

#detail h3{
margin:2rem 0;
}
#detail .badge{
background:#30549a;
margin:0.2rem;
font-size:0.9rem;
}
#detail th{
vertical-align:middle;
text-align:right;
white-space: nowrap;
}
#detail td{
padding:1rem 2rem;
}
#flow .btn{
background:#fe7745;
color:#fff;
border-radius:1rem;
border:2px solid #fe7745;
transition:color 0.3s, background 0.3s;
margin:auto;
}
#flow .btn:hover{
background:#fff;
color:#fe7745;
}
.h_u{
display:block; 
width:5rem; 
height:0.3rem; 
background:#000; 
margin:1.5rem auto;
}
.h_u2{
display:block; 
width:5rem; 
height:0.2rem; 
background:#000; 
margin:1rem auto;
}
.case{
color:#546de8;
font-family:游明朝;
}
.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;
}
#company{
margin-bottom:4rem;
}
#company table{
width:80%;
}
footer{
background:#1e2b5c;
color:#fff;
}
/* インタビュー */

#interview .button_line{
padding-top:1rem;
}

#interview .m_customer{
background: #5CC4ED!important;
}
#interview p{
font-weight:500;
}
#interview h2{
font-weight:bold;
}
@media only screen and (max-device-width: 480px) {
section {
/*
  margin-top: -370px!important;
  padding-top:370px!important;
*/
}
h1{
    display: inline;
    width: 80%;
}
#about h2{
line-height:2.5rem;
}
h2 .big{
color:#ec6b38;
font-size:1.8rem;
}
h2 .big_number{
color:#ec6b38;
font-size:3rem;
line-height:5rem;
}
.modal-dialog {
  max-width: 100% !important;
}
#visual{
  background:none;
  margin-bottom:0;
}
#detail th{
white-space: normal;
}
.entry p{
margin:1.5rem 0.5rem;
}
#company table{
width:100%;
}
.only_pc{
display:none;
}
.only_sp{
display:block;
}
.example_body p{
min-height:5rem;
}
}