@charset "utf-8";
body {
	font-family: "Sawarabi Gothic", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	width: 100%;
	margin: 0;
	word-wrap : break-word;
	overflow-wrap : break-word;
	word-break: break-all;
}
img {
	max-width: 100%;
}
header, main, footer {
	width: 100%;
	margin: 0;
}
table th, table td {
	border: 1px solid #d2d2d4;
	padding: 5px;
}
/*------------------------
  header
-------------------------*/
header{
	background:url(../img/bgblue.jpg) repeat;
	padding:40px 0;
}
header img{
	width:250px;
	display:block;
	margin:0 auto;
}
/*------------------------
  main
-------------------------*/
.inner{
	width:1080px;
	margin:0 auto;
}
.inner p{
	margin:0 0 40px;
}
.btn{
	text-align:center;
	margin:20px 0 40px;
}
.btn a{
color: #fff;
    text-decoration: none;
    background: #de0045;
    padding: 15px 60px;
}
.mainimg{
	background:url(../img/mainimg.jpg) no-repeat center top;
	width:100%;
	height:450px;
	background-size:cover;
	border-top:5px solid #023591;
}
.mainimg .inner{
	position:relative;
		font-weight:700;
}
.mainimg .inner .box{
    top: 80px;
    position: absolute;
    right: 20px;
    width: 400px;
    text-align: center;
}
.mainimg .inner .box img{
	margin:0 0 20px;
}
.main1, .main4{
	background:url(../img/bg.jpg) repeat;
	margin:0;
	padding:60px 0;
}
.main2{
	background:url(../img/bgblue.jpg) repeat;
	margin:0;
	padding:40px 0;
}
.main1 .box, .main4 .box{
background: #fff;
    border-radius: 30px;
    padding: 40px;
    margin: 0 0 40px;
	text-align:center;
}
.main1 > .inner > p{
    text-align: center;
	font-weight:700;
    margin: 0 auto 40px;
}
.main1 h3 img{
	margin:0 auto;
}
.main1 h2, .main2 h2, .main3 h2, .main4 h2{
	width:500px;
	margin:0 auto 20px;
	text-align:center;
}
.main1_img{
    position: relative;
    width: 873px;
    margin: 0 auto;
}
.tofeature, .tocompany{
	position:absolute;
    font-size: 14px;
    text-align: center;
    margin: 0 !important;
}
.tofeature a, .tocompany a{
	text-decoration:underline !important;
}
.tofeature{
    top: 220px;
    left: 75px;
}
.tocompany{
    bottom: 35px;
    right: 100px;
}
.main2{
	text-align:center;
	font-weight:700;
}
.main2 ul{
	display:flex;
	margin:40px 0;
}
.main2 ul li{
width:33%;
}
.main4{
	text-align:center;
}
.main4 dl{
	width:80%;
	margin:40px auto;
}
.main4 dl dt{
	float:left;
	text-align:left;
}
.main4 dl dd{
    margin: 0 0 10px;
    border-bottom: 1px dashed #dcdcdc;
    padding: 0 0 10px 180px;
    text-align: left;
}

/*------------------------
  page
-------------------------*/
main{
	background:url(../img/bgblue.jpg) repeat;
	min-height:500px;
}

main h1{
    text-align: center;
    font-size: 18px;
    color: #122c94;
    margin: 0 0 40px;
}
.wpcf7{
	padding:40px 0 0; 
}
.wpcf7-form{
	margin:0 auto;
	width:600px;
}
.wpcf7-form dl dt{
	float:left;
}
.wpcf7-form dl dt span{
	font-size:12px;
	color:#de0045;
}
.wpcf7-form dl dd{
padding: 0 0 10px 200px;
    margin: 0 0 10px;
}
.wpcf7-textarea, .wpcf7-text{
	width:100%;
}
.wpcf7-submit{
    display: block;
    width: 300px;
    margin: 40px auto;
    padding: 20px;
    border: none;
    background: #de0045;
    color: #fff;
    letter-spacing: 2px;
}
/*------------------------
  footer
-------------------------*/
footer{
    text-align: center;
    background: url(../img/bgblue.jpg) repeat;
    padding: 40px 0 0;
}
footer img{
	width:250px;
	margin:0 0 40px;
}
.copyright{
	text-align:center;
	background:#023591;
	color:#fff;
	font-size:12px;
}

 @media screen and (max-width: 780px) {
body {
	font-size: 14px;
}
header, main, footer {
	width: 100%;
	margin: 0;
}
/*------------------------
  header
-------------------------*/
header{
	padding:20px 0;
}
header img{
	width:80%;
}
/*------------------------
  main
-------------------------*/
.inner{
	width:100%;
	margin:0 auto;
}
.inner p{
	margin:0 0 30px;
}
.btn{
	margin:20px 0 30px;
}
.btn a{
	width:100%;
    padding: 15px 0;
	display:block;
}
.mainimg{
background: url(../img/mainimg.jpg) no-repeat 42% top;
}
.mainimg .inner{
	position:static;
}
.mainimg .inner p{
	margin: 0;
	line-height:1.8;
    background: rgba(258,258,258,0.6);
    padding: 20px 0 0;
}
.mainimg .inner .box{
width: 100%;
    position: static;
    padding-top: 120px;
}
.main1, .main4{
	background:url(../img/bg.jpg) repeat;
	margin:0;
	padding:40px 0;
}
.main1 .box, .main4 .box{
border-radius: 10px;
    padding: 10px;
    margin: 0 0 20px;
}
.main1 > .inner > p{
    margin: 0 auto 30px;
}
.main1 h2, .main2 h2, .main3 h2, .main4 h2{
	width:100%;
}
.main1_img{
    width: 100%;
    margin: 0 auto;
}
.tofeature, .tocompany{
	display:none;
}
.main2 ul{
display: inline-block;
    margin: 0 0 20px;
}
.main2 ul li{
width:100%;
}
.main4 dl{
width: 100%;
    margin: 20px auto;
}
.main4 dl dt{
	float:left;
	text-align:left;
}
.main4 dl dd{
    padding: 0 0 10px 120px;
}

/*------------------------
  page
-------------------------*/
.wpcf7-form{
	width:100%;
}
.wpcf7-form dl dd{
padding: 0 0 10px 120px;
}
.wpcf7-submit{
    width: 100%;
    margin: 40px auto;
    padding: 20px 0;
}

}