@charset "UTF-8";

html {
font-size:62.5%;
scroll-behavior: smooth;
}
body {
font-size:1.4rem;
/*font-family: "Zen Kaku Gothic Antique", sans-serif;*/
font-family: "IBM Plex Sans JP", sans-serif;
font-size:15px;
color: #444;
line-height:1.4;
background: #F4F5EF;
letter-spacing: 1px;
}

a{color: #123577;}

*, *::before, *::after {
box-sizing:border-box;
}

.cf::after {
content:'';
display:block;
clear:both;
}

img{
width: 100%;
height: auto;
vertical-align: bottom;
}

.pcnone{display: none;}



.mgr_70{margin-right: 70px;}
.mgl_70{margin-left: 70px;}

.mgb_50{margin-bottom: 50px;}

@media screen and (min-width: 768px) {
.mgr_70{margin-right: 70px;}
.mgl_70{margin-left: 70px;}
.pd_b60{padding-bottom: 60px;}
.pd_60{padding: 60px 0;}
.pt_30{padding-top: 30px;}

}

@media screen and (max-width: 767px) {
.mgr_70{margin-right: 0px;}
.mgl_70{margin-left: 0px;} 
.pd_60{padding: 30px 0;}

.pt_30{padding-top: 30px;}
}


header{
position: fixed;
z-index: 50;
width: 100%;
}


@media screen and (min-width: 768px) {
.logo{
width: 400px;
float: left;
padding: 20px;
position: relative;
background: #fff;
}
}
@media screen and (max-width: 767px) {
.logo{
width: 260px;
float: left;
padding: 20px;
position: relative;
background: #fff;
}
}

section{
width: 100%;
clear:both;
position: relative;
}

main{
width: 96%;
margin: 0 auto;
}

@media screen and (min-width: 768px) {
h1{
font-size: 2.6rem;
position: absolute;
left: 50px;
bottom: 160px;
color: #4A4949;
z-index: 20;
text-shadow: 2px 3px 0px #ffffff;
background: #fff;
padding: 30px 30px;
border-radius: 5px;
}
}

@media screen and (max-width: 767px) {
h1{
font-size: 1.6rem;
position: absolute;
left: 0px;
bottom: 160px;
color: #4A4949;
z-index: 20;
text-shadow: 2px 3px 0px #ffffff;
background: #fff;
padding: 30px 30px;
border-radius: 5px;
}
}

@media screen and (min-width: 768px) {
.mainimg{
width: 100%;
  background: url(images/main.jpg) no-repeat;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
}
}

@media screen and (max-width: 767px) {
.mainimg{
width: 100%;
  background: url(images/main.jpg) no-repeat;
  min-height: 80vh;
  background-size: cover;
  background-position: 62%;
}
}


@media screen and (min-width: 768px) {

.content_box_top {
padding:50px 60px;
background: #fff;
width: 95%;
border-radius: 50px 0 0 0;
margin: 0 auto;
}

.content_box{
padding: 60px;
background: #fff;
width: 95%;
border-radius: 50px 0 0 0;
margin: 0 auto;
}

.flexbox{
display: flex;
align-items: center;
}
.shien li{
font-size: 28px;
font-weight: 600;
float: left;
margin-right: 30px;
line-height: 1.5;
color: #e18815;
}
}

@media screen and (max-width: 767px) {

.content_box_top {
padding:40px 30px;
background: #fff;
width: 95%;
border-radius: 50px 0 0 0;
margin: 0 auto;
}

.content_box{
padding: 50px 15px;
background: #fff;
width: 100%;
border-radius: 50px 0 0 0;
}

.shien-img{
  width: 100%;
}

.shien li{
  width: 100%;
  text-align: center;
font-size: 24px;
font-weight: 600;
float: left;
line-height: 1.7;
color: #e18815;
}


}


.content_box_center{
padding: 30px 60px;
background: #fff;
width: 95%;
margin: 0 auto;
}

.naiyo p{
margin-bottom: 10px;
}
.shien-naiyo{
max-width: 900px;
margin: 0 auto;
}






.daihyo-img{
padding: 20px;
}

.daihyo-messege{
padding: 20px;
}






@media screen and (min-width: 768px) {
p{
line-height: 2;
}

h2{
font-size: 3rem;
font-weight: 700;
margin-bottom: 24px;
color: #39607E;
text-align: center;
}
}

@media screen and (max-width: 767px) {
p{
font-size: 1.5rem;
line-height: 1.6;
}

h2{
font-size: 2rem;
font-weight: 700;
margin-bottom: 24px;
color: #39607E;
text-align: center;
}
}

.bg_white{background: #fff;}

.text_center{text-align: center;}

.service-img{
max-width: 800px;
margin: 0 auto;
}

.banner{
padding: 40px 0;
text-align: center;
}
.banner img{
width: 300px;
}

.banner li{
  margin-bottom: 20px;
}

footer{
width: 100%;
float: left;
background: #39607E;
padding: 20px;
color: #fff;
}

.copy{
text-align: center;
font-size: 14px;
}