/*
Theme Name: m-tire
Theme URI: 
Description:三塚タイヤのWordPressテーマ
Version: 1.1
Author: 
Author URI: 
*/
@charset "utf-8";
@media screen and (min-width:1000px){
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, h1, h2, h3, h4, h5, h6, form, select, input, nav, strong , em{
	margin: 0;
	padding: 0;
	line-height:1.8em;
	font-family: "Kosugi Maru", sans-serif;
	font-style: normal;
}
.clear{
	clear:both;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.bottom{
	margin-bottom:20px;
}
.hide{
	display:none;
}
ol , ul{
	padding-left:33px;
}
body{
	width:100%;
	overflow-x:hidden;
	background:#fff;
}
#header{
	background-color:#ffffff;
	position:relative;
}
#h_top{
	width:100%;
	height:137px;
	margin:0px auto;
}
#h_top .h_top_block{
	position:absolute;
}
#h_top_c{
	width:95%;
	height:140px;
	background:url(images/top_c.png) no-repeat;
	background-size:100% 100%;
	z-index:2;
}
#h_top_logo{
	width:650px;
	height:140px;
	z-index:100;
}
#h_top_logo a{
	width:650px;
	height:140px;
	display:block;
	text-indent:-9999px;
	background:url(images/top_l.png) no-repeat;
	background-size:auto 100%;
}
#h_top_time{
	position:absolute;
	top:8px;
	right:30px;
	font-size:18px;
	z-index:3;
}
#h_top_tel{
	width:280px;
	height:140px;
	background:url(images/top_r.png) no-repeat;
	background-size:auto 100%;
	position:absolute;
	right:0;
	z-index:2;
}
#h_top_nav{
	height:53px;
	position:absolute;
	top:84px;
	z-index:5;
	background:url(images/nav_bg.png);
	width:100%;
}
#h_top_nav #nav{
	height:53px;
	position:absolute;
	list-style:none;
	right:30px;
	z-index:100;
}
#h_top_nav #nav ul{
	height:53px;
	position:relative;
	list-style:none;
	left:-10px;
	z-index:1000;
}
#h_top_nav #nav li{
	height:53px;
	float:left;
}
#h_top_nav #nav li a{
	height:43px;
	display:block;
	padding:10px 15px 0;
	color:#000;
	text-align:center;
	font-size:18px;
	font-weight:500;
	font-family: "Zen Old Mincho", serif;
	text-decoration:none;
}
#h_top_nav #nav li a:hover{
	font-weight:500;
	color:#00772a;
	text-decoration:underline;
}
#h_top_nav #nav li ul {
  visibility: hidden;
  perspective: 400px;
  width:120px;
}
#h_top_nav #nav li:hover ul{
  visibility: visible;
  width:120px;
}
#h_top_nav #nav ul li{
	width:120px;
  transform: rotateY(90deg);
  transition: .3s;
  background:url(images/gnav_bg.png);
  position:relative;
  border-bottom:1px solid #333;
  top:0px;
  left:-10px;
}
#h_top_nav #nav ul li a{
	width:110px;
	font-size:14px;
	padding:10px 5px 0;
	font-weight:normal;
	color:#333;
}
#h_top_nav #nav li:hover li{
  transform: rotateY(0);
}
#h_top_nav #nav ul li:nth-child(2) {
  transition-delay: .1s;
}
#h_top_nav #nav ul li:nth-child(3) {
  transition-delay: .2s;
}
#h_top_nav #nav ul li:nth-child(4) {
  transition-delay: .3s;
}
#h_top_nav #nav ul li:nth-child(5) {
  transition-delay: .4s;
}
#h_top_nav #nav ul li:nth-child(6) {
  transition-delay: .5s;
}
#h_top_nav #nav ul li:nth-child(7) {
  transition-delay: .6s;
}
#h_top_nav #nav ul li:nth-child(8) {
  transition-delay: .7s;
}
#h_top_nav #nav li li a:hover{
	background: rgba(160,200,255,0.2);
}
#gnav-btn , #gnav-input , ul#main_navigation{
	display:none;
}
.contents{
	margin-bottom:30px;
}
.main{
	width:1000px;
	padding:25px;
	margin:0 auto;
}
.main p{
	margin-bottom:10px;
}
h1{
	width:100%;
	height:55px;
	color:#fff;
	background:#d8201c;
	text-align:center;
	font-size:25px;
	padding-top:10px;
	font-weight:700;
	font-family: "Zen Old Mincho", serif;
}
h2 {
	font-size:32px;
	color:#000;
	margin-bottom:20px;
	display: flex;
	align-items: center;
	margin-left:-10px;
}
h2::before{
	content: "";
	width: 55px;
	height: 40px;
	background-image: url("images/midashi2.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 8px;
	position:relative;
	left:8px;
}
h2 a{
	color:#558a99;
	text-decoration:none;
}
h3 {
	font-size:24px;
	color:#183071;
	margin-bottom:5px;
}
h3 a{
	color:#183071;
	text-decoration:none;
}
h4{
	font-size:18px;
	font-weight:600;
	margin-bottom:5px;
	color:#2e863d;
}
#footer{
	width:100%;
	text-align:center;
	background:#183071;
}
#footer #nav li{
	height:30px;
	padding:0 4px;
	display:inline;
}
#footer #nav li a{
	text-decoration:none;
	color:#fff;
}
#footer #nav li a:hover{
	text-decoration:underline;
	opacity:0.6;
}
#f_nav_area{
	width:900px;
	height:70px;
	margin:0 auto;
	padding-top:20px;
}
#f_logo{
	margin-bottom:40px;
}
#f_logo p{
	font-size:14px;
	color:#fff;
}
#f_logo a{
	width:300px;
	height:61px;
	display:block;
	margin:0 auto;
	background:url(images/f_logo.png) no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
}
#f_logo a:hover{
	opacity:0.6;
}
#f_address{
	margin-bottom:30px;
}

#copy{
	margin:0 auto;
	padding-bottom:10px;
	color:#fff;
}

.pagination{
	margin-top:20px;
}
.pagination .page-numbers{
	background:#D3E5F6;
	padding:5px 10px;
	border-radius:20px;
	color:#005BAC;
	text-decoration:none;
}
.pagination a:hover{
	background:#005BAC;
	color:#fff;
}
.pagination .current{
	background:#005BAC;
	color:#fff;
}

.blog_info ul{
	list-style:none;
}
.blog_info ul li{
	float:left;
	margin-bottom:30px;
}
.nav-below{
	width:400px;
	margin:60px auto 30px;
}
.nav-below p{
	width:160px;
	height:40px;	
	background:#00772a;
	text-align:center;
	color:#fff;
	margin:15px;
	text-decoration:none;
	float:left;
}
.nav-below p a{
	width:160px;
	height:32px;	
	display:block;
	padding-top:8px;
	text-decoration:none;
	color:#fff;	
}
.nav-below p:hover{
	opacity:0.6;
}
.wp-block-button{
	width:100%;
}
.wp-block-button a{
	display:block;
	width:100%;
	margin-bottom:0px;
	padding-left:50px;
	text-align:left;
	font-size:18px;
	background:#D3E5F6;
	color:#484848;
	border:2px solid #005BAC;
	border-radius:10px;
	position:relative;
}
.wp-block-button a:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(images/button_list.png) ;
	background-size: contain;
	position:absolute;
	top:12px;
	left:12px;
}
.wp-block-button a:hover{
	opacity:0.6;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 10px;
}
#pageTop i {
  padding-top: 6px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #ecedf3;
  color: #707070;
  font-weight: bold;
  font-size:20px;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.humb-menu{
	display:none;
}

/*　##################### TOPページ ########################　*/
#head_widget_area{
	position:relative;
	top:-55px;
	z-index:0;
}
#metaslider_57 .flex-viewport {
    overflow: visible !important;
}
#top_slide_copy_area{
	width:100%;
	position:absolute;
	z-index:100;
}
#top_slide_copy_bg{
	height:400px;
	background:url(images/top_copy.png) no-repeat center;
	background-size:auto 100%;
	margin:0px auto;
	position:relative;
	opacity:0.9;
}
#newinfo{
	width:1000px;
	background:#ffffff;
	margin:0 auto;
	padding:30px 0 60px;
}
.top-news {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.top-news-item {
  border: 1px solid #eee;
}

.top-news-item .thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.top-news-item .text {
  padding: 12px;
}

.top-news-item time {
  font-size: 12px;
  color: #888;
}

.top-news-item h3 {
  font-size: 16px;
  margin-top: 6px;
}
.top-news-item {
  transition: box-shadow .3s ease, transform .3s ease;
}

.top-news-item .thumb {
  overflow: hidden;
}

.top-news-item .thumb img {
  transition: transform .4s ease;
}

.top-news-item:hover {
  box-shadow: 0 10px 24px rgba(0,0,0,.15);
  transform: translateY(-4px);
}

.top-news-item:hover .thumb img {
  transform: scale(1.08);
}
.top-news .thumb {
  position: relative;
  display: block;
  overflow: hidden;
}

.top-news .thumb-img {
  aspect-ratio: 3 / 2; /* ← 比率統一 */
  overflow: hidden;
}

.top-news .thumb-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.news-cat-label {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: #333;
  border-radius: 4px;
}
.cat-news { background: #e74c3c; }
.cat-event { background: #3498db; }
.cat-info { background: #2ecc71; }

#aisatsu_area_bg{
	background:#eeefef;
}
#aisatsu_area{
	width:1000px;
	margin:0 auto;
	padding:40px 0 50px;
}
#aisatsu_l{
	float:left;
	width:600px;
}
#aisatsu_l p{
	margin-bottom:14px;
}
#aisatsu_r{
	float:right;
}
#aisatsu_r p{
	text-align:right;
	font-size:18px;
}
#aisatsu_r p span{
	font-size:22px;
}
#shosai_area{
	width:100%;
	background:url(images/shosai_bg.png) center ;
	padding-top:60px;
	padding-bottom:60px;
}
#shosai_box_area{
	width:1000px;
	margin:0px auto;
}
.shosai_box{
	float:left;
	width:450px;
	border:1px solid #000;
	border-radius:20px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
	margin:20px;
	overflow:hidden;
	background:#fff;
}
.shosai_img{
	width:450px;
	height:200px;
}
#shosai_box01 .shosai_img{
	background:url(images/top_button01.png) no-repeat;
	background-size:100% 100%;
}
#shosai_box02 .shosai_img{
	background:url(images/top_button02.png) no-repeat;
	background-size:100% 100%;
}
.shosai_main{
	padding:20px 40px;
}
.shosai_main p{
	margin-bottom:20px;
}
p.shosai_btn a{
	width:130px;
	height:37px;
	display:block;
	text-align:center;
	padding-top:10px;
	border:2px solid #183071;
	font-size:16px;
	font-weight:500;
	text-decoration:none;
	color:#183071;
	transition:0.3s;
	margin:10px auto 0;
}
p.shosai_btn a:hover{
	background:#183071;
	color:#ffffff;
	transition:0.3s;
}

#sns_area{
	width:1000px;
	margin:0px auto;
	padding:50px 0 60px;
}
#contact_area_bg{
	width:100%;
	height:300px;
	background:url(images/contact_bg.png) center;
	background-size:100% auto;
}
#contact_area{
	width:250px;
	margin:0px auto;
}
#contact_area p{
	text-align:center;
	padding-top:130px;
}
#contact_area p a{
	width:250px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:24px;
	border:3px solid #fff;
	border-radius:30px;
	padding:10px 20px;
}
#contact_area p a:hover{
	color:#000;
	transition:0.3s;
	background:#fff;
}

/*　################### サービス内容 #####################　*/

.service_box{
	width:300px;
	height:340px;
	float:left;
	border:1px solid #333;
	border-radius:20px;
	margin:0 15px 30px;
	overflow:hidden;
}
.service_img p{
	margin-bottom:0;
}
.service_img img{
	width:100%;
}
.service_title h3{
	text-align:center;
	font-size:18px;
}
.service_txt p{
	padding:0 10px;
	font-size:14px;
}


/*　################### お問い合わせ #####################　*/

table.contact_table{
	width:100%;
	margin:0 auto;
	border:1px solid #fff;
}
table.contact_table th  , table td{
	padding:20px 20px 10px;
	vertical-align:top;
	text-align:left;
}
table.contact_table th{
	background-color:#E3FEE5;
}
table.contact_table th span{
	font-size:14px;
	color:#CF2E2E;
}
table.contact_table td{
	background-color:#fef6e0;
}
span.wpcf7-list-item {
	margin-top:5px;
	display: block;
}
div.contact_submit{
	width:200px;
	height:40px;
	margin:0px auto 50px;
}
div.contact_submit input.wpcf7-submit{
	width:200px;
	height:40px;
	text-align:center;
	background:#558a99;
	color:#fff;
	border-radius:20px;
	margin-top:20px;
}
p input.wpcf7-submit:hover{
	cursor:pointer;
	opacity:0.6;
}

}

/* ########################################################################################################################################　*/
/* ########################################################################################################################################　*/
/* ########################################################　　　レスポンシブ　　　########################################################　*/
/* ########################################################################################################################################　*/
/* ########################################################################################################################################　*/
@media screen and (max-width:1000px){
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, h1, h2, h3, h4, h5, h6, form, select, input, nav, strong , em{
	margin: 0;
	padding: 0;
	line-height:1.8em;
	font-family: "Kosugi Maru", sans-serif;
	font-style: normal;
	font-size:3.2vw;
}
.clear{
	clear:both;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.bottom{
	margin-bottom:3vw;
}
.hide{
	display:none;
}
ol , ul{
	padding-left:5vw;
}
body{
	width:100%;
	overflow-x:hidden;
	background:#fff;
}
#header{
	background-color:#ffffff;
	position:relative;
	height:16.9vw;
}
#h_top{
	width:100%;
	height:22.5vw;
	margin:0px auto;
}
#h_top .h_top_block{
	position:absolute;
}
#h_top_c{
	display:none;
}
#h_top_logo{
	width:100vw;
	height:20vw;
	z-index:100;
}
#h_top_logo a{
	width:100vw;
	height:20vw;
	display:block;
	text-indent:-9999px;
	background:url(images/top_l_s.png) no-repeat;
	background-size:100% auto;
}
#h_top_time{
	display:none;
}
#h_top_tel{
	display:none;
}
#h_top_nav{
	display:none;
}
#gnav-btn {
	width:10vw;
	height:10vw;
	display:block;
	background:url(images/s_nav.png) no-repeat center #fff;
	background-size:100% auto;
	position: fixed;
	top: 13vw;
	right: 2vw;
	z-index: 202;
	border-radius: 3px;
	transition: 0.3s;
}
#gnav-input{
	display:none;
}
#gnav-input:checked ~ ul#main_navigation {
	top: 0;
}
#gnav-input:checked ~ #gnav-btn {
   	width:10vw;
	height:10vw;
	display:block;
	background:url(images/s_nav_c.png) no-repeat center #fff;
	background-size:100% auto;
	position: fixed;
	top: 2vw;
	right: 2vw;
	z-index: 202;
	border-radius: 3px;
	transition: 0.3s;
}
ul#main_navigation {
	position: fixed;
	top: -100%;
	left: 0;
	z-index: 201;
	transition: 0.3s;
	width: 100%;
	padding-top:0;
	background:#fff;
	background-size:18vw 12vw;
	height:100%;
	overflow-y:scroll;
	padding-left:0;
}
ul#main_navigation ul{
	padding-left:10vw;
}
ul#main_navigation li{
	cursor: pointer;
	list-style:none;
	position:relative;
	font-size:3.5vw;
	border-bottom: 0.4vw solid #00772a;
}
ul#main_navigation li a{
	height:9vw;
	padding:2vw 0 0.2vw 8.3vw;
	display:block;
	color:#333;
	text-decoration:none;
}
ul#main_navigation li:before{
	content: "";
	display: inline-block;
	width: 5.5vw;
	height: 5.5vw;
	background-image: url(images/button_list.png) ;
	background-size: contain;
	position:absolute;
	top:2vw;
	left:2vw;
}
ul#main_navigation li ul li{
	border-top: 0.4vw dotted #00772a;
	border-bottom:none;
	font-size:3.3vw;
	padding-left:2.5vw;
}
ul#main_navigation li ul li:before{
	content: "・";
	display: inline-block;
	background-image:none;
	background-size: contain;
	position:absolute;
	top:2vw;
	left:2vw;
}
ul#main_navigation li ul li a{
	padding-left:20px
}
.contents{
	margin-bottom:10vw;
}
.main{
	width:95vw;
	padding:3vw 2.5vw 0 2.5vw;
}
.main p{
	margin-bottom:2vw;
}
h1{
	width:100%;
	height:10vw;
	color:#fff;
	background:#d8201c;
	text-align:center;
	font-size:4.5vw;
	padding-top:1.3vw;
	font-weight:700;
	font-family: "Zen Old Mincho", serif;
}
h2 {
	font-size:4vw;
	color:#000;
	margin-bottom:2.5vw;
	padding-left:7.2vw;
	display: flex;
	vertical-align:top;
	position:relative;
}
h2::before{
	content: "";
	width: 9vw;
	height: 7.5vw;
	background-image: url("images/midashi2.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 2vw;
	position:absolute;
	left:-1vw;
}
h2 a{
	color:#558a99;
	text-decoration:none;
}
h3 {
	font-size:3.5vw;
	color:#183071;
	margin-bottom:1vw;
}
h3 a{
	color:#183071;
	text-decoration:none;
}
h4{
	font-size:3vw;
	font-weight:600;
	margin-bottom:1vw;
	color:#2e863d;

}
#footer{
	width:100%;
	text-align:center;
	background:#183071;
}
#footer #nav{
	display:none;
}
#f_nav_area{
	height:6vw;
}
#f_logo{
	margin-bottom:7vw;
}
#f_logo p{
	font-size:2.5vw;
	color:#fff;
}
#f_logo a{
	width:55vw;
	height:12vw;
	display:block;
	margin:0 auto;
	background:url(images/f_logo.png) no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
}
#f_logo a:hover{
	opacity:0.6;
}

#copy{
	margin:0 auto;
	padding-bottom:1.5vw;
	color:#fff;
}

.pagination{
	margin-top:3vw;
}
.pagination .page-numbers{
	background:#D3E5F6;
	padding:2vw 3vw;
	border-radius:2vw;
	color:#005BAC;
	text-decoration:none;
}
.pagination a:hover{
	background:#005BAC;
	color:#fff;
}
.pagination .current{
	background:#005BAC;
	color:#fff;
}

.blog_info ul{
	list-style:none;
}
.blog_info ul li{
	float:left;
	margin-bottom:10vw;
}
.nav-below{
	width:60vw;
	margin:15vw auto 22vw;
}
.nav-below p{
	width:26vw;
	height:9vw;	
	background:#00772a;
	text-align:center;
	color:#fff;
	margin:2vw;
	text-decoration:none;
	float:left;
}
.nav-below p a{
	width:26vw;
	height:7vw;	
	display:block;
	padding-top:2vw;
	text-decoration:none;
	color:#fff;	
	font-size:3vw;
}
.nav-below p:hover{
	opacity:0.6;
}
.wp-block-button{
	width:100%;
}
.wp-block-button a{
	display:block;
	width:100%;
	margin-bottom:0px;
	padding-left:8.5vw;
	text-align:left;
	font-size:3.2vw;
	background:#D3E5F6;
	color:#484848;
	border:0.3vw solid #005BAC;
	border-radius:1.5vw;
	position:relative;
}
.wp-block-button a:before{
	content: "";
	display: inline-block;
	width: 5.5vw;
	height: 5.5vw;
	background-image: url(images/button_list.png) ;
	background-size: contain;
	position:absolute;
	top:2vw;
	left:2vw;
}
.wp-block-button a:hover{
	opacity:0.6;
}
#pageTop {
  position: fixed;
  bottom: 4vw;
  right: 4vw;
}
#pageTop i {
  padding-top: 0vw;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 1vw;
  border-radius: 5vw;
  width: 5vw;
  height: 5vw;
  background-color: #ecedf3;
  color: #707070;
  font-weight: bold;
  font-size:3vw;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/*　##################### TOPページ ########################　*/
#head_widget_area{
	position:relative;
	top:-10.7vw;
	z-index:0;
}
#metaslider_57 .flex-viewport {
    overflow: visible !important;
}
#top_slide_copy_area{
	width:100%;
	position:absolute;
	z-index:100;
}
#top_slide_copy_bg{
	height:42vw;
	background:url(images/top_copy.png) no-repeat center;
	background-size:auto 100%;
	position:relative;
	opacity:0.9;
}
#newinfo{
	width:95vw;
	background:#ffffff;
	padding:10vw 2.5vw 10vw;
}
.top-news {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.top-news-item {
  border: 0.5vw solid #eee;
}

.top-news-item .thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.top-news-item .text {
  padding: 1vw;
}

.top-news-item time {
  font-size: 2vw;
  color: #888;
}

.top-news-item h3 {
  font-size: 2.5vw;
  margin-top: 1vw;
}
.top-news-item {
  transition: box-shadow .3s ease, transform .3s ease;
}

.top-news-item .thumb {
  overflow: hidden;
}

.top-news-item .thumb img {
  transition: transform .4s ease;
}

.top-news-item:hover {
  box-shadow: 0 2vw 5vw rgba(0,0,0,.15);
  transform: translateY(-2px);
}

.top-news-item:hover .thumb img {
  transform: scale(1.08);
}
.top-news .thumb {
  position: relative;
  display: block;
  overflow: hidden;
}

.top-news .thumb-img {
  aspect-ratio: 3 / 2; /* ← 比率統一 */
  overflow: hidden;
}

.top-news .thumb-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.news-cat-label {
  position: absolute;
  top: 1vw;
  left: 1vw;
  z-index: 2;
  padding: 0.4vw 1vw;
  font-size: 1.8vw;
  font-weight: bold;
  color: #fff;
  background: #333;
  border-radius: 1vw;
}
.cat-news { background: #e74c3c; }
.cat-event { background: #3498db; }
.cat-info { background: #2ecc71; }

#aisatsu_area_bg{
	background:#eeefef;
}
#aisatsu_area{
	width:95vw;
	margin:0 auto;
	padding:5vw 2.5vw 5vw;
}
#aisatsu_l{

}
#aisatsu_l p{
	margin-bottom:3vw;
}
#aisatsu_r{
;
}
#aisatsu_r p{
	text-align:right;
	font-size:2.2vw;
}
#aisatsu_r p{
	text-align:right;
	font-size:2.8vw;
}
#aisatsu_r p span{
	font-size:3wv;
}
#aisatsu_r p img{
	width:40vw;
}
#shosai_area{
	width:100%;
	background:url(images/shosai_bg.png) center ;
	padding-top:10vw;
	padding-bottom:10vw;
}
#shosai_box_area{
	width:95vw;
}
.shosai_box{
	float:left;
	width:42.1vw;
	border:0.2vw solid #000;
	border-radius:3vw;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .5);
	margin:2.5vw;
	overflow:hidden;
	background:#fff;
}
.shosai_img{
	width:42.1vw;
	height:21vw;
}
#shosai_box01 .shosai_img{
	background:url(images/top_button01.png) no-repeat;
	background-size:100% 100%;
}
#shosai_box02 .shosai_img{
	background:url(images/top_button02.png) no-repeat;
	background-size:100% 100%;
}
.shosai_main{
	padding:2vw 3vw;
}
.shosai_main p{
	margin-bottom:3vw;
}
p.shosai_btn a{
	width:22vw;
	height:7vw;
	display:block;
	text-align:center;
	padding-top:10px;
	border:0.3vw solid #183071;
	font-size:2.8vw;
	font-weight:500;
	text-decoration:none;
	color:#183071;
	transition:0.3s;
	margin:2vw auto 0;
}
p.shosai_btn a:hover{
	background:#183071;
	color:#ffffff;
	transition:0.3s;
}

#sns_area{
	width:95vw;
	margin:0px auto;
	padding:5vw 2.5vw 5vw;
}
#contact_area_bg{
	width:100%;
	height:30vw;
	background:url(images/contact_bg.png) center;
	background-size:100% auto;
}
#contact_area{
	width:40vw;
	margin:0px auto;
}
#contact_area p{
	text-align:center;
	padding-top:10vw;
}
#contact_area p a{
	width:30vw;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:4vw;
	border:0.5vw solid #fff;
	border-radius:10vw;
	padding:2vw 5vw;
}
#contact_area p a:hover{
	color:#000;
	transition:0.3s;
	background:#fff;
}


/*　################### お問い合わせ #####################　*/

table.contact_table{
	width:95vw;
	margin:0 auto;
	border:0.2vw solid #fff;
}
table.contact_table th  , table.contact_table td{
	padding:1vw 2vw;
	vertical-align:top;
	text-align:left;
	font-size:2.5vw;
}
table.contact_table th{
	background-color:#E3FEE5;
}
table.contact_table th span{
	font-size:2.5vw;;
	color:#CF2E2E;
}
table.contact_table td{
	background-color:#fef6e0;
	width:65vw;
	padding:1vw;
}
table.contact_table td.w_input input , table.contact_table td textarea{
	width:60vw;
}
table.contact_table td .wpcf7-radio input{
	width:2vw;
}
table.contact_table td .wpcf7-checkbox input{
	width:2vw;
}
span.wpcf7-list-item {
	margin-top:1.5vw;
	display: block;
}
div.contact_submit{
	width:40vw;
	height:10vw;
	margin:0 auto 15vw;
}
div.contact_submit input.wpcf7-submit{
	width:40vw;
	height:10vw;
	text-align:center;
	background:#558a99;
	color:#fff;
	border-radius:7vw;
	margin-top:4vw;
}
p input.wpcf7-submit:hover{
	cursor:pointer;
	opacity:0.6;
}

}