@charset "UTF-8";

body{
font-family:游ゴシック;
}
section .container{
  margin:2rem auto;
}
p{
max-width:1000px;
margin:auto;
}
.toiawase_bt{
    font-size:1.5rem;
    font-weight:bold;
    background: #cb2121;
    color: #fff!important;
    border-radius: 10px;
    filter: drop-shadow(10px 10px 10px rgba(27,31,119,0.6));
    text-align: center;
    height: 42px;
    width: 730px;
    padding: 1rem 3rem;
    margin:auto!important;
    line-height: 1.5rem!important;
    text-decoration:none;
}
.toiawase_bt:hover{
  opacity:0.8;
  text-decoration:underline;
}
.red{
color:#dc3545;
}
header .btn{
background:#011c46;
color:#fff;
font-weight:bold;
}
#visual{
  background:url(../img/main_visual_bk.jpg) right bottom no-repeat;
  margin-bottom:0;
}
.only_sp{
  display:none;
}
#about{
background:#eee;
padding:3rem 0;
font-size:1.2rem;
}
.entry{
background:#515bd4;
padding:3rem 0;
margin:2rem 0;
font-size:1.2rem;
color:#fff;
}
.entry a{
font-size: 1.2rem;
    background: #f25761;
    color:#fff;
    font-weight: bold;
    padding: 0 2rem;
    border-radius:0.8rem;
    border:3px solid #fff;
}
.entry a:hover{
    background: #e84d57;
    border-color:#e84d57;
}
h2 .big{
color:#ec6b38;
font-size:3rem;
}
.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;
}
.achievement_header{
margin-bottom:4rem;
}
.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;
}
.carousel-control-prev-icon{
background-image:
}
.achievement_footer{
margin:5rem 0;
}
#approach{
margin-bottom:5rem;
}
.approach_header{
margin-bottom:3rem;
}
.approach_body{
font-size:0.9rem;
}
.approach_body h3{
margin-bottom:3rem;
}
hr{
margin:2rem 0;
}
#claim{
margin-bottom:5rem;
}
#claim p{
max-width: 500px;
}
.claim_header{
margin:3rem 0;
background:#fff;
border-radius:1rem;
width:75%;
}
.claim_header h3{
text-align:center;
margin-top:2rem;
margin-bottom:2rem;
}
.price_header{
margin:2rem 0;
}
.price_footer{
margin:2rem 0;
}
#company{
margin-bottom:4rem;
}
footer{
background:#011c46;
}
@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;
}
.claim_header{
width:100%;
}
.only_pc{
display:none;
}
.only_sp{
display:block;
}
.toiawase_bt{
  width: 100%;
}
}