@charset "UTF-8";
/* CSS Document */

  @media (min-width: 980px) {
	  
.title_area{ background: url(../img/dot.gif) bottom center no-repeat; text-align:center; padding:60px 0;}
.page_head{
	margin-top:100px;
	width: 100%;
	height: 0;
	padding-top: calc(280 / 980 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../img/main_visual_bg.jpg) center center / cover no-repeat;
	position:relative;
}
.page_head h1{
	position:absolute;
	left: 150px;
	top: 120px;
	font: normal bold 3.0rem/150% "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
	color:#595757;
}
.page_head p{
	position:absolute;
	left: 220px;
	top: 150px;
	font: normal bold 2.4rem/150% "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
	color:#2CA6D6;
	}
h2{height: 80px;background: url(../img/icon.gif) 0 0 no-repeat;padding-left: 70px;line-height: 70px;font-size: 2.8rem;margin-bottom: 20px; font-weight:bold;}

.section{ margin-top:20px; padding:20px 60px;}
.section:last-child p{ margin:0;}
h2{ margin-top:20px;}
h3{ font-size:2rem; color:#2CA4D4;}
.tel{ font-family:"Arial Black", Gadget, sans-serif; font-size:4rem;}

.section a{ width:80%; margin:20px auto; display:block; padding:10px 0; text-align:center; color:#000; background:#eee; font-size:2rem; border: solid 1px #ccc;}
.section a:hover{ background:#fff; border: solid 1px #666;}
.section p{ max-width: inherit !important;}

.line{
	position: relative;
    width: 100%;
    color: #3F7EFA;
    font-size: 18px;
}
.line::before {
    content: '';
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    width: 88%;
    height: 5px;
    margin: 0 auto;
    background-image: -webkit-linear-gradient(left, transparent, #2CA6D6 0%, #2CA6D6 25%, transparent);
    background-image: linear-gradient(to right, transparent, #2CA6D6 0%, #2CA6D6 25%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}
.ready01{ position:absolute; top:260px; left:270px;}
.ready02{ position:absolute; top:200px; left:270px;}
.ready03{ position:absolute; top:150px; left:270px;}

ol.page{ text-align:center; margin-top:40px;}
ol.page li{ display:inline-block; border: solid 1px #ccc; margin:0 5px;}
ol.page li a{ display:block; padding:5px 10px;text-align:center; background:#eee; color:#000;}
ol.page li a:hover,
ol.page li a.on{background:#333; color:#fff;}

.useful_top{ margin-top:40px; text-align:center;}
ul.side{ text-align:center;}
ul.side li{ display:inline-block;}
.fw_develop{ width:860px; margin:0 auto;}
.fw_develop img{ display:block; margin:20px auto 60px;}
.fw_develop table th { color:#2CA6D6; font:400 normal 2.0rem/100% Arial, Helvetica, sans-serif; padding-right:10px;}
.useful_info{ position:relative;}
p.bread{ font-size:1.4rem;}
figure, figcaption{ font-size:1.2rem; margin:0 auto; text-align:center;}
	}
	
@media (max-width: 979px) {
	
.title_area{ background: url(../img/dot.gif) bottom center no-repeat; text-align:center; padding:40px 0;}
.page_head{ padding-top:20px;}
.page_head div{text-align:center}
.page_head h1{ font-size:2.5rem; text-align:center; margin-bottom:20px; line-height:1.3; color:#036eb7;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
h2{ height:50px; background:url(../img/icon_02.gif) 0 0 no-repeat; padding-left:45px; font-size:1.8rem; margin-bottom:20px;}
.area{ font-weight: bold; margin:10px 0;}
table tr th,
table tr td{ display:block; width:100%; box-sizing:border-box; padding:5px; border: solid 1px #ccc;}
table tr th{ background:#E3E3E3; font-weight: bold; margin-top:10px;}
table tr:first-child th{ display: none}
table tr td{ background:#ECECEC}
table tr td:last-child{ background:#fff;}

.section{ margin-top:20px; padding:20px; border: solid 1px #ccc;}
.section:last-child p{ margin:0;}
h2{ margin-top:20px; font-size:22px; background-position:top center; padding-left:0; padding-top:20px; height:50px; text-align:center;}
h3{ font-size:2rem; color:#2CA4D4; margin-bottom:20px;}
.tel{ font-family:"Arial Black", Gadget, sans-serif; font-size:4rem;}
.section a{ width:80%; margin:20px auto; display:block; padding:10px 0; text-align:center; color:#000; background:#eee; font-size:2rem; border: solid 1px #ccc;}
.section a:hover{ background:#fff; border: solid 1px #666;}

.section p{ max-width: inherit !important;}
.useful_menu{ padding-top:40px; margin:40px auto; border-bottom: solid 5px #2ca7d7;border-top: solid 5px #2ca7d7; text-align:center;}
.useful_menu li{ margin-bottom:40px; list-style-type: decimal; color:#2ca7d7;}

.wrapper p{ margin-bottom:20px;}	
.point{ margin-top:40px;}
.point figure{ margin:20px 0;}
.point .po01 { max-width:210px; margin:0 auto;}
.point .po02 .po02_1 p{ border:solid 1px #E40012; padding:5px 5px; font-size:18px; font-weight:bold; color:#E40012; text-align:center;}
.point .po04 ul li strong, .point p strong { color :#E40012;}

ol.page{ display:flex;justify-content:space-between; margin-top:40px;}
ol.page li{ width:50%; border: solid 1px #ccc; text-align:center;}
ol.page li a{ display:block; text-align:center; background:#f1f1f1; color:#000;}
ol.page li a:hover, ol.page li.active a{ background:#fff !important;}
ol.page li a.on{background:#333; color:#fff;}
figure, figcaption{ font-size:1.2rem; margin:0 auto 20px; text-align:center;}
.caption{ margin-bottom:0;}
	}