@charset "utf-8";

@import "reset.css";

/*--------------------
 * tag
--------------------*/

.spOnly {display:none;}
@media screen and (max-width: 750px) {
	.pcOnly {display:none;}
	.spOnly {display:inline;}
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	letter-spacing: 0;
	color: #333;
}

img {
	vertical-align: bottom;
}

img,
input[type="image"] {
	max-width: 100%;
	border: 0;
}

@media screen and (min-width: 750px) {
	a[href^="tel:"] {
	    pointer-events: none;
	}
}

/* links */
a:link {
	color: #3985C7;
}

a:visited {
	color: #3985C7;
}

a:hover {
	color: #B28500;
}

a:active {
	color: #3985C7;
}

a img:hover{
	opacity: .8;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	PC　追従バナー

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#pc_bnr {
	position: fixed;
	top: 480px;
	right: 0;
}
#pc_bnr p {
	line-height:1;
}
#pc_bnr img {
	vertical-align: bottom;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	SP　固定フッター

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.footer_kotei {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  width:100%;
}
a.btn3 {
	display:block;
	margin:0 auto;
	padding:0 0;
	width:100%;
	height:60px;
	font-size: 22px;
	line-height:60px;
	font-weight:bold;
	color:#222222;
	text-align:center;
	text-decoration:none;
	background:#f4ac30 url(../img/btn_arrow.png) no-repeat ;
	background-size:9px auto;
	background-position:center right 10px;
}
a.btn3:hover {
	background:#ffca29 url(../img/btn_arrow.png) no-repeat ;
	background-size:9px auto;
	background-position:center right 10px;
}

/*--------------------
 * style
--------------------*/
.header {
	display:flex;
	justify-content: space-between;
}
@media screen and (max-width: 750px) {
	.header .h_logo_1 {
		width:32%;
	}
	.header .h_logo_2 {
		width:40%;
	}
}

.mv {
	background:url(../img/h_bg.jpg) no-repeat top center ;
	background-size:cover;
}
.mv .inner {
	margin:0 auto;
	padding:70px 0 70px;
	width:960px;
}
.mv .inner .tx1 {
	margin-top:160px;
	font-size: 30px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
}
.mv .inner .tx2 {
	margin:30px 40px 0;
	font-size: 16px;
	line-height:1.8;
	text-align:center;
}
@media screen and (max-width: 750px) {
	.mv {
		background:url(../img/h_bg.jpg) no-repeat top center ;
		background-size:100% auto;
	}
	.mv .inner {
		margin:0 auto;
		padding:160px 0 40px;
		width:100%;
	}
	.mv .inner .tx1 {
		margin:0px 10% 0 ;
		font-size: 20px;
		font-weight:bold;
		line-height:1.3;
		text-align:center;
	}
	.mv .inner .tx2 {
		margin:30px 10% 0;
		font-size: 16px;
		line-height:1.8;
		text-align:left;
	}
}

.sec01 {
}
.sec01 h2 {
	background:#5eb500;
	text-align:center;
}
.sec01 .sec01box {
	margin:0 auto;
	padding-bottom:30px;
	width:960px;
	background:url(../img/sec01box_bg.png) no-repeat top center ;
}
.sec01 .sec01box h3 {
	margin-top:40px;
	padding:40px 0 20px;
	font-size:30px;
	font-weight:bold;
	color:#5eb500;
	text-align:center;
}
.sec01 .sec01box h3.pc_small {
	font-size:26px;
}
.sec01 .sec01box .comment_wrap {
	display:flex;
	justify-content: space-between;
	margin:30px 60px 0 ;
	text-align:center;
}
.sec01 .sec01box .comment_wrap .col2 {
	display:flex;
	width:47%;
	background:url(../img/sec01box_col.png) no-repeat bottom right ;
	padding-bottom:33px;
}
.sec01 .sec01box .comment_wrap .col2 div {
	display:flex;
	align-items: center;
	justify-content: center;
	padding:15px 10px;
	width:100%;
	background:#eee7e3;
	font-weight:bold;
	line-height:1.5;
	color:#444444;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
}
.sec01 .sec01box .comment_wrap .col3 {
	display:flex;
	width:31%;
	background:url(../img/sec01box_col.png) no-repeat bottom right ;
	padding-bottom:33px;
}
.sec01 .sec01box .comment_wrap .col3 div {
	display:flex;
	align-items: center;
	justify-content: center;
	padding:15px 10px;
	width:100%;
	background:#eee7e3;
	font-weight:bold;
	line-height:1.5;
	color:#444444;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
}
.sec01 .sec01box .point {
	margin-top:20px;
	font-size:30px;
	font-weight:bold;
	line-height:1.3;
	color:#f37611;
	text-align:center;
}
.sec01 .sec01box .point span {
	display:inline-block;
	background:url(../img/sec01_ic1.png) no-repeat top left ;
	padding:40px 0 40px 85px;
}
.sec01 .sec01box .point span.nigyou {
	padding:10px 0 40px 85px;
}
.sec01 .sec01box h4 {
	margin:10px 0 30px;
	text-align:center;
}
.sec01 .sec01box h4 span {
	padding:8px 20px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	background:#0d479c;
	-webkit-border-radius: 30;
	-moz-border-radius: 30;
	border-radius: 30px;
}
.sec01 .sec01box .tx_1 {
	text-align:center;
	line-height:1.5;
}
.sec01 .sec01box .im_1 {
	margin-top:25px;
	text-align:center;
}

@media screen and (max-width: 750px) {
	.sec01 h2 img {
		width:85%;
	}
	.sec01 .sec01box {
		width:100%;
		background:url(../img/sec01box_bg.png) no-repeat top center ;
		background-size:100% auto;
	}
	.sec01 .sec01box.sp_h3_2gyou {
		width:100%;
		background:url(../img/sec01box_bg_sp2gyou.png) no-repeat top center ;
		background-size:100% auto;
	}
	.sec01 .sec01box h3 {
		margin-top:30px;
		padding:5px 5% 10px 14%;
		font-size:20px;
		line-height:1.2;
	}
	.sec01 .sec01box h3.pc_small {
		font-size:20px;
	}
	.sec01 .sec01box .comment_wrap {
		margin:25px 7% 0 ;
		font-size:14px;
	}

	.sec01 .sec01box .point {
		margin:20px 5% 0 5%;
		font-size:18px;
		font-weight:bold;
		line-height:1.3;
		color:#f37611;
		text-align:left;
	}
	.sec01 .sec01box .point span {
		display:inline-block;
		background:url(../img/sec01_ic1.png) no-repeat top left ;
		background-size:60px auto;
		padding:30px 0 40px 60px;
	}
	.sec01 .sec01box .point span.nigyou {
		padding:15px 0 40px 60px;
	}
	.sec01 .sec01box h4 span {
		font-size:16px;
	}
	.sec01 .sec01box .tx_1 {
		margin:0 10%;
		font-size:16px;
		text-align:left;
	}
	.sec01 .sec01box .im_1 {
		margin:20px 10% 0;
	}
}

.sec02 {
	margin-top:40px;
	padding:60px 0;
	background:#f6f4f3;
}
.sec02 .inner {
	margin:0 auto;
	width:940px;
}
.sec02 .inner h3 {
	margin-bottom:40px;
	font-size: 28px;
	font-weight:bold;
	text-align:center;
}
.sec02 .inner ul.lv1 {
	margin:0 45px;
}
.sec02 .inner ul.lv1 li {
	margin-bottom:30px;
}
.sec02 .inner h4 {
	font-size: 20px;
	font-weight:bold;
	line-height:1.8;
}
.sec02 .inner h4 span {
	color:#0070c0;
}
.sec02 .inner .tx {
	margin-top:10px;
	margin-left:1.4em;
}
.sec02 .inner p {
	font-size: 18px;
	line-height:1.8;
}
.sec02 .inner p.tx_s {
	font-size: 14px;
}

@media screen and (max-width: 750px) {
	.sec02 .inner {
		width:100%;
	}
	.sec02 .inner ul.lv1 {
		margin:0 5%;
	}
	.sec02 .inner ul.lv1 li {
		margin-bottom:15px;
	}
	.sec02 .inner h4 {
		font-size: 18px;
	}
	.sec02 .inner .tx {
		margin-top:5px;
	}
	.sec02 .inner p {
		font-size: 14px;
		line-height:1.4;
	}
}

.sec03 {
	margin-top:40px;
	padding:60px 0;
	background:#fff;
}
.sec03 .inner {
	margin:0 auto;
	width:880px;
}
.sec03 .inner h3 {
	margin-bottom:40px;
	font-size: 28px;
	font-weight:bold;
	text-align:center;
}
.sec03 .inner ul.lv1 {
	margin:0 45px;
}
.sec03 .inner ul.lv1 li {
	margin-bottom:30px;
}
.sec03 .inner h4 {
	font-size: 20px;
	font-weight:bold;
	line-height:1.8;
}
.sec03 .inner h4 span {
	color:#b8bec3;
}
.sec03 table {
	margin:10px 0 0 30px;
	font-size: 14px;
	border-top:1px solid #b8bec3;
	border-left:1px solid #b8bec3;
	width:100%;
}
.sec03 table th {
	background:#eaebed;
}
.sec03 table th ,
.sec03 table td {
	padding:10px 20px;
	border-right:1px solid #b8bec3;
	border-bottom:1px solid #b8bec3;
}
@media screen and (max-width: 750px) {
	.sec03 {
		margin-top:40px;
		padding:40px 0;
	}
	.sec03 .inner {
		margin:0 auto;
		width:100%;
	}
	.sec03 .inner ul.lv1 {
		margin:0 5%;
	}
	.sec03 .inner h4 {
		font-size: 18px;
	}
	.sec03 table {
		margin:10px 0 0 0;
		font-size: 12px;
	}

}

.sec04 {
	margin-top:40px;
	padding:60px 0;
	background:#f6f4f3;
	text-align:center;
}
.sec04 .inner {
	margin:0 auto;
	width:880px;
}
.sec04 .inner h3 {
	margin-bottom:40px;
	font-size: 28px;
	font-weight:bold;
}
.sec04 .inner ul.lv1 {
	margin:0 45px;
}
.sec04 .inner ul.lv1 li {
	margin-bottom:30px;
}
.sec04 .inner h4 {
	margin-top:40px;
	font-size: 16px;
	font-weight:bold;
	line-height:1.8;
}
.sec04 .inner h4 span {
	color:#0070c0;
}
.sec04 .inner p {
	font-size: 16px;
	line-height:1.8;
}
@media screen and (max-width: 750px) {
	.sec04 .inner {
		margin:0 auto;
		width:100%;
	}
	.sec04 .inner p {
		font-size: 14px;
		line-height:1.4;
	}

}

.sec05 {
	margin:70px 0;
}

a.btn2 {
	display:block;
	margin:0 auto;
	padding:25px 0;
	width:350px;
	font-size: 24px;
	font-weight:bold;
	color:#222222;
	text-align:center;
	text-decoration:none;
	background:#f4ac30 url(../img/btn_arrow.png) no-repeat ;
	background-size:9px auto;
	background-position:center right 10px;
	border-radius: 6px;
}
a.btn2:hover {
	background:#ffca29 url(../img/btn_arrow.png) no-repeat ;
	background-size:9px auto;
	background-position:center right 10px;
}
@media screen and (max-width: 750px) {
	a.btn2 {
		width:90%;
	}
}

.footer {
	padding:40px;
	background:#0d479e;
	text-align:center;
	font-size:13px;
	color:#ffffff;
}
.footer .logo {
	margin-bottom:20px;
}
@media screen and (max-width: 750px) {
	.footer {
		padding-bottom:100px;
		font-size:10px;
	}
}
