@charset "utf-8";
/*
Theme Name: merengue
Author: merengue
Description: merengue
*/

html, body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hide{display: none;}



/********* 汎用パーツ **********/

/* clearfix */
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */


.fl { float:left; }
.fr { float:right; }
.innr_wrap{display:table;}
.left,.right{display:table-cell;vertical-align:top;}
.rltv { position:relative;}
.clear { clear:both; }
.bold{font-weight: bold;}
img{vertical-align:bottom;}
a{
	color:#9AB349;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.txt_c{text-align:center;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.about_item, .about_item_mini {
	transition: 0.5s;
}

.about_item:hover, .about_item_mini:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/*********サイトレイアウト **********/
html{
	font-size:62.5%; /*1rem=10px*/
}
body{
	font-size:15px;
	color:#000;
	line-height:180%;
	font-family: "游ゴシック","Yu Gothic",'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ", Meiryo,sans-serif;
	background-color:#fff;
	-webkit-text-size-adjust: 100%;
}
#wrap{
	background-color: #F1F5F9;
}

/*********TOPヘッダー**********/
#header_t{
	position:relative;
	padding:0;
	height: 485px;
}

#main_slide_t {
	position: absolute;
	width: 100%;
	height: 470px;
}

#main_slide_t #slide01 {
	background-image: url(/common/img/main_img1.jpg)
}

#main_slide_t #slide02 {
	background-image: url(/common/img/main_img2.jpg)
}

#main_slide_t #slide03 {
	background-image: url(/common/img/main_img3.jpg)
}

#main_slide_t #slide04 {
	background-image: url(/common/img/main_img4.jpg)
}

.slide_item_t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-position: center top;
    background-size: cover;
}

#navbar_t {
	position: absolute;
	left: 0;
	right: 0;
	width: 1000px;
	margin: 0 auto;
	z-index: 10;
}

#logo_t{
	padding: 30px;
	display:block;
	float: left;
}

#gnavi_t{
	display:table;
	position: relative;
	float: left;
	width:400px;
	margin:30px 0 0 100px ;
}

#gnavi_t li{
	position: relative;
	text-align: center;
	width: 25%;
	float: left;
}

#gnavi_t li a{
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}

#gnavi_t li:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #e5e5e5;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#gnavi_t li:last-child:after {
	content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #e5e5e5;
    z-index: 10;
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#form_button_t {
	float: right;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width:200px;
	background-color: #90c320;
	border-radius: 20px;
	-webkit-border-radius: 20px; /* Safari,Google Chrome用 */
    -moz-border-radius: 20px; /* Firefox用 */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#form_button_t a{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top: 20px;
}

#car_move {
	position: absolute;
	top: 470px;
	z-index: 11;
	width: 100%;
	height: 139px;
	background-image: url(/common/img/town.png);
	margin-top: -120px;
}

#car {
	position: absolute;
	top: 70px;
	z-index: 12;
	width: 132px;
	height: 75px;
	background-image: url(/common/img/car.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.car_move_inner {
	position: relative;
	margin: 0 auto;
}



/*********ヘッダー**********/
#header{
	position:relative;
	padding:0;
	height: 235px;
}

#main_slide {
	position: absolute;
	width: 100%;
	height: 175px;
	margin-top: 60px;
}

#main_slide #slide01 {
	background-image: url(/common/img/img_sanpai.jpg)
}

#main_slide #slide02 {
	background-image: url(/common/img/img_kaisya.jpg)
}

#slide01 h1,#slide02 h1 {
	width: 100%;
	text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 12px;
    padding-top: 70px;
}

.slide_item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-position: center top;
    background-size: cover;
}

#navbar {
	position: absolute;
	left: 0;
	right: 0;
	width: 1000px;
	margin: 0 auto;
	z-index: 10;
}

#logo{
	padding: 20px 30px;
	display:block;
	float: left;
}
nav {
	width: 100%;
    height: 60px;
    background-color: #61b9f7;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

#gnavi{
	display:table;
	position: relative;
	float: left;
	width:400px;
	margin:15px 0 0 100px ;
}

#gnavi li{
	position: relative;
	text-align: center;
	width: 25%;
	float: left;
}

#gnavi li a{
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}

#gnavi li:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #e5e5e5;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#gnavi li:last-child:after {
	content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #e5e5e5;
    z-index: 10;
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#form_button {
	float: right;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width:200px;
	background-color: #90c320;
	border-radius: 20px;
	-webkit-border-radius: 20px; /* Safari,Google Chrome用 */
    -moz-border-radius: 20px; /* Firefox用 */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#form_button a{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top: 20px;
}

/*********コンテンツ**********/

#content{
	background-color: #F1F5F9;
}

#content h2{
	font-size:28px;
	text-align: center;
	color:#484848;
	font-weight:bold;
	padding:0 0 13px 0;
	margin:0 auto 30px 0;
	background-image: url(/common/img/underline.png);
	background-size:210px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#content h3{
	font-size:11px;
	color:#FF8488;
	text-align: center;
	font-weight:bold;
	margin-bottom: -8px;
	padding:0 0 5px 5px;
}

#content #two_column{
	display:table;
}
#content #main{
	display:table-cell;
	vertical-align:top;
	width:700px;
	padding-right:25px;
}
#content #rnavi{
	vertical-align:top;
	display:table-cell;
	width:225px;
	font-size:16px;
	font-weight:bold;
	padding-top:25px;
}
#content #rnavi li{
	margin-bottom:6px;
}
#content #rnavi a{
	color:#000;
}

.content_2col {
	width: 1000px;
	margin: 0 auto;
}

.content_inner {
	width:1000px;
	margin:0 auto;
}

.content_inner_left {
	float: left;
	width:23%;
	margin:0 auto;
}

.content_inner_right {
	float: right;
	width:74%;
	margin:0 auto;
}

.content_row {
	padding: 70px 0;
}

/*ABOUT*/
#about {
	padding: 70px 0;
}

#about_inner_1 {

}

.about_item {
	position:relative;
	float: left;
	width: 300px;
	height: 300px;
	margin: 25px 0 25px 50px;
	background-size: 300px;
}

.about_item a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}

.about_item p{
    text-align: center;
    font-size: 12px;
    color: #555555;
}

.about_item p span{
	display: block;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: #38af4b;
    padding-top: 230px;
}

.about_item_mini {
	position:relative;
	float: left;
	width: 237px;
	height: 112px;
	margin: 25px 0 25px 15px;
	background-image: url(/common/img/about_col_mini.png);
	background-size: 237px 112px;
}

.about_item_mini a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}

.about_item_mini p{
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #38af4b;
    padding-top: 40px;
}

.about_item_first {
	margin-left: 0;
}

/*TOPICS*/
#topics {
	padding: 70px 0 40px;
	background-color: #fff;
}

#topics_inner {
	border: 1px solid #9cdaff;
	background-color: #fff;
	margin: 50px 80px;
	padding: 35px 100px;
}

#topics_inner a {
	color: #38af4b;
    font-size: 18px;
    font-weight: bold;
}

#topics_inner dl{
	padding: 5px 0 ;
}

#topics_inner dl dt{
	display: block;
	float: left;
	color: #555;
	font-size: 14px;
}

#topics_inner dl dd{
	display: block;
	float: left;
}

#topics_inner dl dd p{
	display: block;
	float: left;

}

#topics_inner dl dd p span{
	color: #fff;
	font-size: 10px;
	background-color: #f29c9f;
	padding: 3px 10px 2px;
	margin-left: 20px;
}

#topics_inner dl dd a{
	color: #555;
	font-size: 14px;
	margin-left: 20px;
}

/*テンプレート*/
.page_sub {
	font-size: 14px;
	color: #2d2d2d;
	padding-bottom: 30px;
}

.photo_col_2_item {
	width: 50%;
	float: left;
	text-align: center;
}

.photo_col_2_item img {
	width: 95%;
}

.photo_col_3_item {
	width: 33.3%;
	float: left;
	text-align: center;
}

.photo_col_3_item img {
	width: 95%;
}

.photo_col_4_item {
	width: 25%;
	float: left;
	text-align: center;
}

.photo_col_4_item img {
	width: 95%;
}

.photo_col_4_item p {
	font-size: 12px;
	text-align: left;
	padding: 8px;
	line-height: 18px;
}

.photo_col_73_item {
	float: left;
}

.photo_col_73_item h4{
	font-size: 21px;
	font-weight: bold;
	color: #38af4b;
}

.photo_col_73_item_left {
	width: 30%;
	float: left;
	text-align: center;
}

.photo_col_73_item_right {
	width: 70%;
	float: left;
}

.photo_col_73_item img {
	width: 80%;
}

.photo_col_full_item {
	width: 100%;
	text-align: center;
}

.page_section {
	width: 98%;
	margin: 0 auto 40px;
	border: 1px solid #90c320;
}

.page_section h4{
	color: #fff;
	background-color: #90c320;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
	width: 30%;
}

.page_section_inner {
	width: 90%;
	margin: 30px auto;
}

#form_button_under {
	margin: 20px auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width:200px;
	background-color: #90c320;
	border-radius: 20px;
	-webkit-border-radius: 20px; /* Safari,Google Chrome用 */
    -moz-border-radius: 20px; /* Firefox用 */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#form_button_under a{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-top: 20px;
}


/*link other*/
#link_sanpai {
	position: relative;
	width: 90%;
	height: 166px;
	margin: 0 auto;
	background-size: 100%;
	background-image: url(/common/img/icon_col_sanpai.png);
}

#link_kansen {
	position: relative;
	width: 90%;
	height: 166px;
	margin: 0 auto;
	background-size: 100%;
	background-image: url(/common/img/icon_col_kansen.png);
}

#link_kimitsu {
	position: relative;
	width: 90%;
	height: 166px;
	margin: 0 auto;
	background-size: 100%;
	background-image: url(/common/img/icon_col_sanpai.png);
}

#link_ippan {
	position: relative;
	width: 90%;
	height: 166px;
	margin: 0 auto;
	background-size: 100%;
	background-image: url(/common/img/icon_col_ippan.png);
}

#other {
	background-color: #f3f3f3;
}

.other_link p {
    text-align: center;
    font-size: 12px;
    color: #555555;
}

.other_link span{
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #38af4b;
    padding-top: 100px;
}

.other_link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
}

/*ポスト*/
.wrap_box {
	margin-top: 70px;
}

.wrap_box h3 {
	text-align: left !important;
	color: #38af4b !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 0 0 10px 0 !important;
}

.post_box {
	margin-bottom: 30px;
	padding: 5px;
}

.post_box dt {
	font-size: 13px;
}

.post_box a {
	color: #38af4b;
    font-size: 18px;
    font-weight: bold;
}

#snavi h4 {
    color: #fff;
    background-color: #90c320;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    width: 80%;
    border: 1px solid #90c320;
    margin-bottom: 10px;
}


.post_item {
	padding: 5px;
}

.page_item {
	padding: 30px 10px 5px 10px;
	text-align: center;
}

.page_section_inner table{
	border: 1px solid #d8d8d8;
	margin: 0 auto;
}

.page_section_inner tr{
	width: 98%;
}

.page_section_inner th{
	width: 30%;
	text-align: right;
	padding: 20px;
	border: 1px solid #fff;
	background-color: #d8d8d8;
	color: #424242;
}

.page_section_inner td{
	width: 50%;
	padding: 20px;
	border: 1px solid #d8d8d8;
}

.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 1.5em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
	margin-top: 30px;
}

.swiper-pagination {
	display: none;
}

/*サイドバー*/
#snavi {
	margin-top: 70px;
}

#president {
	margin-top: 70px;
}

.content_inner_left ul li{
	color: #fff;
	border: 1px solid #d8d8d8;
    font-size: 14px;
    font-weight: bold;
    padding: 25px 20px;
    margin-bottom: 10px;
    width: 80%;
}

.content_inner_left ul li a{
	color: #38af4b;
    font-size: 18px;
    font-weight: bold;
}

.screen-reader-text {
	color: black;
	font-size: 12px;
}


#footer{
	width:100%;
	padding:40px 0;
	text-align:center;
	color:#fff;
	background:#525252;
	border-top: 10px solid #fffd32;
}

#footer p{
	padding:0 10px;
}

/******スマホ用******/
#menu-box {
		position: fixed;
		z-index: 1000;
		width: 100%;
		height: 25px;
		
	}
	
#menu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#menu li{
	display: block;
	float: left;
	width: 12.5%;
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	padding: 5px 0 5px;
	background-color: #61B9FD;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-right:1px solid #4baacb;
}
#menu li:last-child a{
	border: none;
}
#menu li a:hover{
	background: #4baacb;
}
#toggle {
	display: none;
}

/* 画面サイズが768px以下の場合に適用 */
@media screen and (min-width: 481px) {
	#menu-box {
		display: none;
	}
}

/* 画面サイズが480px以下の場合に適用 */
@media screen and (max-width: 480px) {
	#menu {
		display: none;
	}
	#menu li {
		width: 100%;
	}
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #61B9FD;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 10px 0 10px;
		border-bottom: 1px solid #61B9FD;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #61B9FD;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}
	
	#navbar_t {
		display: none;
	}
	
	#navbar {
		display: none;
	}
	
	#car_move {
		display: none;
	}
	
	#main_slide_t {
		margin-top: 45px;
    	height: 200px;
    }
    .content_inner {
	    width: 100%;
	    margin: 0 auto;
	}
	
	.content_2col {
	    width: 100%;
	}
	
	#header_t {
    	height: 200px;
	}
	
	#about_inner_1 {
	    width: 85%;
	    margin: 0 auto;
	}
	
	.about_item_outer,.about_item_mini_outer {
	    position: relative;
	    width: 100%;
	    margin-bottom: 30px;
	}
	
	.about_item_outer:before {
	    content:"";
	    display: block;
	    padding-top: 100%;
	}
	
	.about_item {
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    margin: 0;
	    background-size: contain;
	}
	
	.about_item p span {
    	padding-top: 78%;
    }
    
    #about_inner_2 {
	    width: 85%;
	    margin: 0 auto;
	}
	
	.about_item_mini_outer:before {
	    content:"";
	    display: block;
	    padding-top: 47%;
	}
	
	.about_item_mini {
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    margin: 0;
	    background-size: contain;
	}

	.about_item_mini p {
    	padding-top: 19%;
    }
    
    #topics {
	    padding: 40px 0 40px;
	}
	
	#topics_inner {
    border: none;
    margin: 30px 20px;
    padding: 0;
	}
	
	/*single*/
	
	.content_inner_left {
    display: none;
	}
	.content_inner_right {
    width: 100%;
    }
    
    /*page*/
    .page_section_inner table {
    border: none;
    }
        
    .page_section_inner tr{
        display: block;
        margin-bottom: 1.5em;
    }
    .page_section_inner th,
    .page_section_inner td{
        display: list-item;
        list-style-type: none;
        border: none;
    }
    
    .page_section_inner th{
        width: 90%;
        text-align: left;
    }
	
}