body {
	max-width:100%;
	margin: 0!important;
}
ul {
	padding-left:0;
}
li {
	list-style:none;
}
.text-right {
	text-align:right;
}
.container {
	width:90%;
	margin:0 auto;
}
.w-50 {
	width:50%;
	height:auto;
	margin:0 auto;
}
.w-48 {
	width:48%;
	height:auto;
	margin:0 auto;
}
.w-55 {
	width:55%;
	height:auto;
	margin:0 auto;
}
.w-35 {
	width:35%;
	height:auto;
	margin:0 auto;
}
.mt-45 {
	margin-top:45px;
}
.mt-100 {
	margin-top:100px;
}
.mt-180 {
	margin-top:180px;
}
.w-75 {
	width:75%;
}
.w-40 {
	width:35%;
	margin:2%;
}.w-60 {
	width:56%;
	margin:2%;
}

.d-flex {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.align-items-center {
	align-items:center;
}
.mx-5{
	margin-left:5%;
	margin-right:5%;
}
.my-45 {
	margin-top:45px;
	margin-bottom:45px;
}
.mt-45 {
	margin-top:45px;
}
.mx-auto {
	margin-left:auto;
	margin-right:auto;
}
.justify-content-between {
	justify-content:space-between;
}
figure {
	margin:0;
}
img {
width:100%;
max-width: 100%;
height: auto;
}
header {
	background-color: #5780FC;
	color: #fff;
	padding:32px 0;

}
h1 {
	margin:0;
	padding-left:20px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 700;
}
.top {
	margin-top:50px;
}
.second {
	margin-top:100px;
}
.yellowline {
	background: linear-gradient(transparent 40%, #FFF335 0%);
	margin-top:50px;
}
.second h2 {
	text-align:center;
	font-size:30px;
	padding-bottom:25px;
	font-family: "凸版文久見出しゴシック";
	font-weight:400;
	margin:0;
}
.second h2 span {
	color: #E41D18;
	font-size:45px;
}
.bannerarea figure {
	text-align:center;
}
.bannerarea figure img {
	margin:25px 0;
}
.third p{
	font-size:18px;
	line-height:27px;
}
.border-bottom-dotted {
	border-bottom:dotted 3px #BEBCBC ;
}
ol {
	list-style:none;
	padding:0;
}
.middle ol.middle-ol {
	margin-left:5%;
	margin-right:5%;
}
.middle ol.middle-ol li {
	width:31%;
	margin:15px 1%;
}
.flex-wrap {
	flex-wrap:wrap;
}
.align-items-end {
	align-items:flex-end;
}
.flow {
	background:url('../img/section04_bg.jpg');
	padding:50px;
}
.flow img.logo {
	width:100px;
	height:auto;
}
.flow figure {
	text-align:center;
}
.flow figure img{
	width:110px;
	height:auto;
}
.flow h2 {
	font-size:40px;
	color:#174CBA;
	text-align:center;
	margin:0;
}
.justify-content-center {
	justify-content:center;
}
.flow  ul.flowcard {
	padding-left:0;
}
.flow  ul.flowcard li {
	list-style:none;
	width:20%;
	background-color:#FFF;
	padding:30px;
	position:relative;
	margin:30px 15px;

}
.flow li h3 {
	text-align:center;
	font-size:25px;
}
.flow li p {
	font-size:15px;
}
.flow li.flowcard01:after {
	content: url("../img/around.png") ;
	position:absolute;
	top:37.5%;
	right:-10%;
}
.services {
	background:url('../img/service_bg.jpg');
	padding:50px 125px;
}

.services .card-ul li {
	width:30%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}

.servicecard {
	background-color:#fff;
	position:relative;
	padding:35px 5px 0px;
	width:100%;
	margin-top:45px;
}
.servicecard h3 {
	color:#fff;
	font-size:27px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	text-align:center;
	padding:15px 0;
	opacity: .7;
	margin:0;

}
.servicecard h3.service01{
	background-color:#3B91D6;
}
.servicecard h3.service02{
	background-color:#564CC6;
}
.servicecard h3.service03{
	background-color:#45B7AB;
}
.servicecard h3.service04{
	background-color:#1E4D91;
}
.servicecard h3.service05{
	background-color:#356BFF;
}
.servicecard h3.service06{
	background-color:#C95031;
}
.servicecard p {
	font-size:15px;
	text-align:center;
	line-height:20px;
}
.card-text {
  flex-grow: 1;
}
.staff-heading {

}

.heading-staff {
	font-size:40px;
	font-weight:400;
	position:relative;
	border-bottom:1px solid #000;
	padding-bottom:20px;
}
.heading-staff:after {
	position:absolute;
	content:'';
	bottom:0;
	left:0;
	right:85%;
	height:2px;
	border-bottom:2px solid #000;
}
.staffvoice p{
	font-size:16px;
	line-height:30px;
}
.area h2 {
	font-size:45px;
	font-weight:400;
	text-align:center;
}
.staff-a h3 {
	font-size:25px;
	font-weight:400;
}
.area p {
	font-size:18px;
	line-height:25px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.customer h2 {
	background-color:#2A8CFC;
	color:#FFFF;
	font-size:40px;
	padding:20px 30px;
}

.customer .voice01{
	border:1px solid #707070;
	position:relative;
	width:30%;
	margin-bottom:20px;
	min-height:320px;
}

.customer .voice01 .icon {
	width:80px;
	height:auto;
	position:absolute;
	top:-10px;
	left:15px;
}
.block {
  padding: 0 0px 0 35%;
	margin:0 10px;
	border-bottom:1px solid #000;
}

.mt-0 {
	margin-top:0;
}

.voice01 p{
	margin:20px 10px;
	font-size:16px;
	line-height: 1.5;
}
.desc h2{
	text-align:center;
	font-size:40px;
	font-weight:500;
}
.desc h3 {
	font-size:25px;
	font-weight:400;
}
.desc p {
	font-weight:400;
	line-height:30px;
}
span.text-right {
	display: block;
	text-align: right;
}