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

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
	font-size:110%;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    text-align:justify;
    background-color:#f4f4f4;
}
a {
    color:#800000;
    text-decoration:none
}
a:hover {
    opacity: 0.6;
}
.header_block {
    width:100%;
    height:auto;
    overflow:hidden;
    border-top:solid 5px #000; 
}
.header {
    width:1130px;
    height:108px;
    margin:0 auto;
    overflow:hidden;
}
.footer {
    width:1130px;
    margin:0 auto 20px;
    overflow:hidden;
}
.logo {
    width:135px;
    float:left;
}
.logo img {
    width:100%;
    height:auto;
}
.header_menu_top {
    width:995px;
    height:54px;
    float:left;
    text-align:right;
    line-height:54px;
    font-size:90%;
    font-weight:400;
}
.footer_menu_top {
    width:100%;
    float:left;
    text-align:center;
    font-size:90%;
    font-weight:400;
}
.header_menu_bottom {
    width:995px;
    height:54px;
    float:left;
    font-size:90%;
    font-weight:600;
    padding:20px 0 0 20px;
    box-sizing:border-box;
}
.header_menu_bottom li {
    display: inline-block;
    text-align:center;
    width:15%;
}

/* メインイメージ */
.main_img_area {
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
  height: 1000px;
  background: url(../images/main_bg.jpg) center center / cover no-repeat;
}
.ttl_box_top {
  width: 1130px;
  height: 800px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.ttl_box_footer {
  width: 1130px;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
h1 {
  color: #fff;
  font-size: 40px;
    font-weight:600;
    line-height:50px;
  position: absolute;
  top: 92%;
  left: 0%;
  z-index: 0;
  width: 1130px;
  transform: translate(0, -50%);
}
h2 {
  color: #fff;
  font-size: 35px;
    font-weight:600;
  position: absolute;
  top: 85%;
  left: 0%;
  z-index: 0;
  width: 1130px;
  transform: translate(0, -50%);
}
h1.copy {
  color: #fff;
  font-size: 55px;
    font-weight:600;
    line-height:50px;
  position: absolute;
  top: 85%;
  left: 0%;
  z-index: 0;
  width: 1130px;
  transform: translate(0, -50%);
}
h1.footer {
  color: #fff;
  font-size: 45px;
    font-weight:600;
    line-height:50px;
  position: absolute;
  top: 60%;
  left: 0%;
  z-index: 0;
  width: 1130px;
  transform: translate(0, -50%);
}
h3 {
    font-size:150%;
    font-weight:600;
}
h4 {
    font-size:150%;
    font-weight:600;
}
.wrap {
    width:1130px;
    margin:50px auto;
    height:auto;
    overflow:hidden;
}
.wrap_1 {
    width:100%;
    margin-bottom:50px;
    height:auto;
    overflow:hidden;
}
.wrap_2 {
    width:1130px;
    margin:50px auto;
    height:auto;
    overflow:hidden;
}
.wrap_2 {
    font-size:125%;
}　
.wrap_2 img {
    width:100%;
    height:auto;
}
.img_wrap {
    width:100%;
    height:auto;
    margin-bottom:30px;
    text-align:center;
}
.img_wrap img {
    width:80%;
    height:auto;
}

.block {
    width:282px;
    height:280px;
    float:left;
}
.box {
    margin:0 auto;
    width:270px;
    height:265px;
    background-color:#fff;
    border-radius:15px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.35); 
}
.box_bg {
    width:100%;
    height:155px;
}
.box_bg img {
    width:100%;
    height:auto;
    border-radius:15px 15px 0px 0px;
}
.box_txt {
    width:80%;
    height:50px;
    margin:40px auto 0;
    font-weight:600;
}
.box_txt_2 {
    width:80%;
    height:50px;
    margin:40px auto 0;
    font-weight:600;
    font-size:80%;
}
.block_2 {
    width:565px;
    height:150px;
    float:left;
}
.block_3 {
    width:282px;
    height:280px;
    float:left;
    margin:0 47px;
}
.box_2 {
    margin:0 auto;
    width:550px;
    height:150px;
    background-color:#333;
    border-radius:15px;
}

.box_2_txt {
    width:90%;
    height:auto;
    color:#fff;
    padding:10px;
}
.ttl_txt {
    font-size:160%;
    font-weight:600;
}
.arrow_btn_box {
	width:300px;
	margin:0 auto;
}
.arrow_btn {
	display: inline-block;
	margin:20px auto 0;
	width: 300px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	color: #000;
	background: #fff;
	border-radius: 30px;
	transition: transform ease .3s;
    font-weight:600;
    font-size:90%;
}
.arrow_btn:hover {
	cursor: pointer;
	text-decoration: none;
}
.arrow_btn_2 {
	display: inline-block;
	margin:20px auto 0;
	width: 150px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border:solid 1px #fff;
	border-radius: 30px;
	transition: transform ease .3s;
    font-weight:600;
    font-size:90%;
}
.arrow_btn_2:hover {
	cursor: pointer;
	text-decoration: none;
}
.arrow_btn_box_2 {
	width:150px;
	  position: absolute;
  top: 70%;
  left: 0%;
}
.arrow_btn_box_3 {
	width:150px;
	  position: absolute;
  top: 70%;
  left: 15%;
}

.table1 {
	border-collapse: collapse;
	width: 100%;
}
 
.table1 th,
.table1 td {
	border: 1px solid #e7e9ee;  
	padding: 15px;
}

.table1 th {
	background: #f5f6f8;
	text-align: left;
	width: 300px;
}

.ttl_box {
    width:100%;
    border-left:10px solid #bba55c;
    background-color:#efebe0;
    height:80px;
    padding-left:30px;
    line-height:80px;
    margin-bottom:30px;
}
.ttl_box_2 {
    width:100%;
    border-bottom:3px solid #bba55c;
    height:60px;
    line-height:60px;
    margin-bottom:30px;
}

@media screen and (max-width: 812px) {
.main_img_area {
  min-width: 100%;
  height: 200px;
}    
.ttl_box_top {
  width: 100%;
  height: 200px;
}
h1.copy {
  font-size: 20px;
  top: 65%;
  left: 5%;
  width: 100%;
}
h1 {
  font-size: 20px;
  top: 80%;
  left: 5%;
  width: 100%;
} 
.wrap {
    width:95%;
}    
.block_2 {
    width:100%;
    height:auto;
    float:none;
}
.box_2 {
    margin:0 auto 20px;
    width:100%;
    height:auto;
    background-color:#333;
    border-radius:15px;
}  
.footer {
    width:95%;
} 
    
    
    .header {
        width:100%;
        height:auto;
    }
.wrap_2 {
    width:95%;
}
.table1 tr,
.table1 th,
.table1 td {
    display: block;
    width: auto;
}
  
.table1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
}

.table1 tr td {
    display: block;
}
    
.table1 th,
.table1 td {
    border-top: none;
}
    
    
    
    

}