@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900');  
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/*
Theme Name: 株式会社フルスイング
Theme URI: http://c-tpl.com/
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div,a,span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0;
font-family:inherit;
font-size:16px;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

:focus {
outline:0;
}

ol, ul {
list-style:none;
}

table {
border-collapse:separate;border-spacing:0;
}

caption, th, td {
font-weight:normal;text-align:left;
}

blockquote:before, blockquote:after,q:before, q:after {
content:"";
}

blockquote, q {
quotes:"" "";
}
a{
 transition: .3s;
}
a img {
border:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}

body{
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN," , "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 16px;/* ベースのフォントサイズを16px相当に設定 */
 font-size: 1.6rem;
color:#333;
-webkit-text-size-adjust:none;
 position: relative;
  overflow: hidden;
}
.right_cont{
 text-align: right;
}

/*----------------------------------------------
※ロードアニメーション
-----------------------------------------------*/
.loadanime {
        opacity: 0;
}
.loadanime_on {
        animation: fadein 3s ease;
}
@keyframes fadein {
        0% {opacity: 0}
        100% {opacity: 1}
}

/* リンク設定
------------------------------------------------------------*/

/**** Clearfix ****/

nav .panel:after, #mainNav:after, .newsTitle:after, .bg:after,.post:after{
content:"";
display:table;
clear:both;
}

nav .panel,#mainNav,.newsTitle,.bg, .post{
zoom:1;
}


/* レイアウト
------------------------------------------------------------*/

#wrapper, .inner{
margin:0 auto;max-width: 1040px;width: 95%;}

#header{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 99;
}

#content{
float:left;
width:750px;
padding:30px 0;
}

#sidebar{
float:right;
width:255px;
padding:30px 0;
}

#footer{
clear:both;padding: 20px 20px;border-top: 1px solid #00942C;} 
.section_box01{
 padding: 40px 0;
 position: relative;
}
.section_box02{
 padding: 0 0 60px;
 position: relative;
}
.section_box03{
 padding: 0 0 40px 0;
 position: relative;
}
.m_txt p:not(:last-child){
 margin: 0 0 20px 0;
}
img{
 width: 100%;
 height: auto;
}
.c_cont{
	text-align: center;
}

/*画面サイズが1085px以下に適用*/
@media screen and (max-width : 1085px){
.section_box03{
 padding: 0 0 20px;
}
}


/*画面サイズが644px以下に適用*/
@media screen and (max-width : 644px){
.section_box02{
 padding: 0 0 40px;
 position: relative;
}
}


/*************　共通部分　 *******************************/
/*----------------------------------------------------
margin set
----------------------------------------------------*/
.mgt5 { margin-top: 5px!important;}
.mgt10 { margin-top: 10px!important;}
.mgt15 { margin-top: 15px!important;}
.mgt20 { margin-top: 20px!important;}
.mgt25 { margin-top: 25px!important;}
.mgt30 { margin-top: 30px!important;}
.mgt35 { margin-top: 35px!important;}
.mgt40 { margin-top: 40px!important;}

.mgb5 { margin-bottom: 5px!important;}
.mgb10 { margin-bottom: 10px!important;}
.mgb15 { margin-bottom: 15px!important;}
.mgb20 { margin-bottom: 20px!important;}
.mgb25 { margin-bottom: 25px!important;}
.mgb30 { margin-bottom: 30px!important;}
.mgb35 { margin-bottom: 35px!important;}
.mgb40 { margin-bottom: 40px!important;}


/*----------------------------------------------------
padding set
----------------------------------------------------*/
.pdt5 { padding-top: 5px!important;}
.pdt10 { padding-top: 10px!important;}
.pdt15 { padding-top: 15px!important;}
.pdt20 { padding-top: 20px!important;}
.pdt25 { padding-top: 25px!important;}
.pdt30 { padding-top: 30px!important;}
.pdt35 { padding-top: 35px!important;}
.pdt40 { padding-top: 40px!important;}

.pdb5 { padding-bottom: 5px!important;}
.pdb10 { padding-bottom: 10px!important;}
.pdb15 { padding-bottom: 15px!important;}
.pdb20 { padding-bottom: 20px!important;}
.pdb25 { padding-bottom: 25px!important;}
.pdb30 { padding-bottom: 30px!important;}
.pdb35 { padding-bottom: 35px!important;}
.pdb40 { padding-bottom: 40px!important;}

/************* Flex設定 *******************************/
.flex {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.jc-bet {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
.ai-cen {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.jc-end {
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: space-around;
}
.jc-cen {
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}
.reverse_style{
 flex-direction: row-reverse;
}

/* ヘッダー
------------------------------------------------------------*/

#header h1{
position:relative;

text-align:left;
font-weight:400;font-size: 14px;}

.contact{
position:relative;
float:right;
text-align:right;
font-size:80%;
margin-top:-32px;
font-weight:400;
}
.h_top_add{
 font-size: 13px;
 margin: 0 0 10px 0;
}

#header .pnav ul{
position:relative;
float:right;
}

#header .pnav ul li{
font-weight:bold;
display:inline;
margin-left:5px;
font-size:90%;
}

#header .pnav ul li:before{
content:"・";
}

#header .pnav ul li a{
padding-left:5px;
color:#000000;
}

#header .pnav ul li a:hover{
color:#999999;
}
.h_top {
	display: flex;
	justify-content: space-between;
	padding: 10px 0 24px 0;
}

.h_top_left {
	width: 50%;
}

#header h1{
font-size: 12px;
font-weight:normal;
}

.h_top_right {
	display: flex;
	align-items: center;
	width: 50%;
	justify-content: flex-end;
}

.h_tel {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.3;
	margin: 0 21px 0 0;
}

.h_tel span {
	background: url(./images/tel01.png) no-repeat 0 50%;
	background-size: 19px;
	padding: 0 0 0 26px;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 700;
}
.h_tel a {
	font-size: 24px;
}
.h_contact {
	max-width: 160px;
	width: 100%;
}
.h_contact span{
	font-size: 14px;
}
.h_contact a {
	display: block;
	background: #4A8DFF;
	color: #fff;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 7px 10px 8px;
 border: 1px solid #4A8DFF;
 box-sizing: border-box;
}
.h_contact a:hover {
	background: #fff;
	color: #4A8DFF;
	text-decoration: none;
}

.h_contact a span {
	background: url(./images/mail01.png) no-repeat 0 50%;
	padding: 0 0 0 23px;
	transition: all 0.3s ease;
}
.h_contact a:hover span {
	background: url(./images/mail02.png) no-repeat 0 50%;
}

.h_logo {
	text-align: center;
}

.h_logo a:hover {
	opacity: 0.6;
}

/************* mainVisual *******************************/
#mainimg {
 position: relative;
height: 100vh;
}
.main_img_box {
 display: block;
 position: relative;
 z-index: 10;
 height: 100vh;
}
.main_img01{
 background: url("./images/main_img01.webp") 50% 50% no-repeat;
 background-size: cover;;
}
.main_img02{
 background: url("./images/main_img02.webp") 50% 50% no-repeat;
 background-size: cover;;
}
.main_txtBox {
 position: absolute;
 top: calc(50% + 40px);
 left: 50%;
 transform: translate(-50%,-50%);
 box-sizing: border-box;
 z-index: 10;
 max-width: 645px;
 width: 100%;
}
.main_txt {
 font-size: 45px;
 letter-spacing: 1px;
 display: block;
 position: relative;
 line-height: 1.5;
 font-weight: 700;
 text-indent: 1px;
 margin: 0 0 10px 0;
}
.main_txt::before{content: "";background: #fff;width: 100%;height: 25px;bottom: -1px;left: 0;position: absolute;z-index: -1;}

/*画面サイズが1085px以下に適用*/
@media screen and (max-width : 1085px){
#mainimg {
 height: calc(90vh - 60px);
}
.main_img_box {
 height: calc(90vh - 60px);
}
}

/*画面サイズが767px以下に適用*/
@media screen and (max-width : 767px){
#mainimg {
 height: calc(60vh - 60px);
}
.main_img_box {
 height: calc(60vh - 60px);
}
.main_txtBox {
    top: 50%;
}
}

.post{
margin:0 0 20px 0;
}

/**********共通タイトル***************************************/
.tit_style01_box{
 margin: 0 0 30px 0;
}
.tit_style01 {
 font-size: 30px;
 color: #000;
 position: relative;
 margin: 0 0 0 0;
 font-weight: 700;
 text-align: center;
 letter-spacing: 3px;
 line-height: 1.5;
}
.tit_style01_txt{
 font-size: 18px;
 color: #00942C;
 display: block;
 margin: 0 auto;
 padding: 0 10px;
 letter-spacing: 2px;
 text-indent: 2px;
 white-space: nowrap;
 font-weight: 700;
 font-family: 'Oswald', sans-serif;
 text-transform: uppercase;
}
.tit_style01_bottom{
 display: flex;
 margin: 0 0 10px 0;
}
.tit_style01_line{
 position: relative;
 width: 100%;
}
.tit_style01_line:before {
 content: "";
 position: absolute;
 width: 50px;
 height: 1px;
 background: #00942C;
 top: 0;
 bottom: 0;
 margin: auto;
 left: 0;
}
.tit_style01_line.tit_style01_left::before{
 left: auto;
 right: 0;
}
.tit_style02 {
 font-size: 20px;
 color: #00942C;
 font-weight: 700;
 text-align: center;
 letter-spacing: 3px;
 line-height: 1.5;
 padding: 0 0 10px 0;
 margin: 0 0 30px 0;
 position: relative;
}
.tit_style02::before {
 content: "";
 background: #00942C;
 width: 50px;
 height: 1px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}
.tit_style03{
 font-size: 18px;
 font-weight: 700;
 width: 100%;
 padding: 0 0 10px 0;
 position: relative;
 border-bottom: 1px solid #00942C;
}
.tit_style04 {
 font-size: 25px;
 color: #00942C;
 font-weight: 700;
 text-align: center;
 letter-spacing: 3px;
 line-height: 1.5;
 padding: 0 0 10px 0;
 margin: 0 0 20px 0;
 position: relative;
}
.tit_style04::before {
 content: "";
 background: #00942C;
 width: 50px;
 height: 1px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}
.tit_style05{
 font-size: 18px;
 font-weight: 600;
 margin: 0 0 10px 0;
 font-family: 'Oswald', sans-serif;
}
.tit_style06 {
 font-size: 18px;
 color: #00942C;
 font-weight: 700;
 text-align: center;
 letter-spacing: 3px;
 line-height: 1.5;
 padding: 0 0 10px 0;
 margin: 20px 0 0 0;
 position: relative;
}
.tit_style06::before {
 content: "";
 background: #00942C;
 width: 50px;
 height: 1px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}

/*画面サイズが767px以下に適用*/
@media screen and (max-width : 767px){
.tit_style01 {
    font-size: 25px;
    letter-spacing: 1px;
}
}

/******共通ボタン***********************************/
.center_btn{
 margin: 0 auto;
}
.btn_style{
 max-width: 300px;
 width: 100%;
}
.btn_style a{
 display: block;
 font-size: 16px;
 border: 1px solid #00942C;
 padding: 10px 20px;
 box-sizing: border-box;
 color: #000;
 text-align: center;
 transition: .3s;
 font-weight: 700;
 position: relative;
 text-decoration: none;
}
.btn_style a::after {
    content: '';
    width: 27px;
    height: 8px;
    border-bottom: 1px solid #00942C;
    border-right: 2px solid #00942C;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) skewX(45deg);
    transition: all 0.3s ease;
}
.btn_style a:hover{
 background: #00942C;
 color: #fff;
 text-decoration: none;
}
.btn_style a:hover::after {
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
}

/* タイポグラフィ
------------------------------------------------------------*/

h2.title{
clear:both;
margin-bottom:50px;
padding-bottom:7px;
text-align:center;
font-size:150%;
font-weight:bold;
}

h2.title span{
padding-bottom:10px;
border-bottom:3px solid #000000;
}

.post p{
padding-bottom:15px;
}

.post ul{
margin:10px 0 20px 20px;
}

.post ul li{
padding-left:5px;
list-style:disc;
}

.post h1{
margin:15px 0 25px;
padding:15px 0;
font-size:150%;
font-weight:bold;
color:#000000;
border-bottom:3px solid #000000;
}

.post h2{
margin:15px 0 25px;
padding:15px 0;
font-size:130%;
font-weight:bold;color: #00942c;border-bottom: 2px solid #00942c;}

.post h3{
margin:15px 0 25px;
padding:15px 0;
font-size:120%;
font-weight:bold;
 border-bottom: 1px solid #00942c;
}

.post h4{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h5{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h6{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post blockquote{
clear:both;
padding:10px 0 10px 25px;
margin:10px 0 25px 0px;
border-left:5px solid #e9e9e9;
}
 
.post blockquote p{
padding:5px 0;
}

.post table{
border:1px #cccccc solid;
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}

.post table th{
padding:15px;
border:#cccccc solid;
border-width:0 0 1px 1px;
font-weight:bold;
}

.post table td{
padding:15px;
border:1px #cccccc solid;
border-width:0 0 1px 1px;
}

.post img{
max-width:100%;
 width: auto;
 height:auto;
}

img.aligncenter {
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}

/************トップページ*****************************************/
.top_cont01 {
 padding: 0 0 40px;
    background-image: linear-gradient(to right, #333 1px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
}
.top_cont01_txt{
 margin: 0 0 20px 0;
 line-height: 2;
}
.top_cont02_list{
 display: flex;
 flex-wrap: wrap;
}
.top_cont02_list li{
 width: calc((100% - 40px) / 3);
}
.top_cont02_list li:not(:last-child){
 margin: 0 20px 0 0;
}
.top_cont02_list_img{
 margin: 0 0 20px 0;
}
.top_cont02_list_img img{
 width: 100%;
}
.top_cont02_list_txt{
 margin: 0 0 20px 0;
}

/* サイドバー　ウィジェット
------------------------------------------------------------*/
section.widget ul{
margin:0 0 10px 0;
}
.side_cont01{
 margin: 0 0 40px 0;
}
.side_cont01 a{
 padding: 30px 20px 30px 86px;
 display: block;
 background: url(./images/mail01.png) no-repeat 25% 50% #4A8DFF;
 color: #fff;
 font-size: 16px;
 font-weight: 700;
 border: 1px solid #4A8DFF;
 text-decoration: none;
 box-sizing: border-box;
}
.side_cont01 a:hover{
 display: block;
 background: url(./images/mail02.png) no-repeat 25% 50% #fff;
 color: #4A8DFF;
 text-decoration: none;
}
.side_cont02_box01{
 display: flex;
 align-items: center;
 position: relative;
 margin: 0 0 15px 0;
}
.side_cont02_list li a{
 color: #444;
 font-size: 14px;
 letter-spacing: 1px;
 display: flex;
 align-items: flex-start;
font-weight: 500;
 transition: .3s;
}
.side_cont02_list li:not(:last-child){
 margin: 0 0 10px 0;
}
.side_cont02_list_time{
 width: 40%;
}
.side_cont02_list_tit{
    width: 60%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    font-size: 14px;
}
.side_cont02_list li a:hover{
 color: #8E8E8E;
}
.btn_style01{
 max-width: 60px;
 width: 100%;
 position: absolute;
 right: 0px;
 top: 0;
 font-weight: 500;
}
.btn_style01 a{
 color: #333;
 font-size: 16px;
 display: block;
 padding: 0 10px 0 0;
 transition: .3s;
 text-decoration: none;
}
.btn_style01 a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    border: solid #555;
    border-width: 0 2px 2px 0;
    width: 5px;
    height: 5px;
    transform: rotate(316deg);
    transition: .3s;
}
.btn_style01 a:hover::before {
    border: solid #7FB142;
    border-width: 0 2px 2px 0;
 right: 5px;
}
.btn_style01 a:hover{
 color: #7FB142;
 text-decoration: none;
}
.top_page .side_tel{
    display: none;
}
.side_tel{
       border-top: 1px solid #41923B;
    margin: 40px 0 0 0;
    padding: 40px 0 0 0;
}
.side_tel span{
     font-size: 30px;
     letter-spacing: 3px;
     padding: 0 0 0 40px;
     background: url(./images/tel01.png) no-repeat 10px 60%;
     background-size: 25px;
}
#sidebar .side_tel a{
     font-size: 30px;
}

/*画面サイズが1085px以下に適用*/
@media screen and (max-width : 1085px){
.side_cont02_list li a {
 display: block;
}
}

/*画面サイズが767px以下に適用*/
@media screen and (max-width : 767px){
.side_cont02_list li a {
  flex-wrap: wrap;
}
.side_cont02_list_time {
    width: 100%;
}
.side_cont02_list_tit {
    width: 100%;
}
}


/* フッター
------------------------------------------------------------*/
.footer_menu{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.footer_menu li a{
 display: block;
 box-sizing: border-box;
 padding: 10px 30px;
 transition: .3s;
 text-decoration: none;
}
.footer_menu_jp{
 color: #333;
 font-size: 15px;
 text-align: center;
 font-weight: 700;
 transition: .3s;
}
.footer_menu li a:hover .footer_menu_jp{
color: #00942C;
}
#copyright{
clear:both;
padding:10px;
 font-weight: 700;
text-align:center;font-size: 10px;
zoom:1;background: #00942C;color: #fff;}

#pagetop{
position:fixed;
right:30px;
bottom:0px;
font-size:40px;
color:#cdcdcd;
}


/* メインメニュー　PC用
------------------------------------------------------------*/

@media only screen and (min-width:1085px){

nav#mainnav{
position:relative;margin-top: 40px;}

nav#mainnav ul{
display:flex;
justify-content:center;
align-items:center;
}

nav#mainnav ul li{
float:left;
}

nav#mainnav ul li a{
display:block;
text-align:center;
_float:left;
height:60px;padding: 0 35px 0;
line-height:60px;
font-size:120%;
font-weight:bold;
color:#000000;position: relative;transition: .3s;text-decoration: none;}

nav#mainnav ul li a span,nav#mainnav ul li a strong{
display:block;font-size: 15px;
line-height:1.7;}
nav#mainnav ul li a span{
 font-size: 10px;
 font-family: 'Oswald', sans-serif;
 }

nav#mainnav ul li a:hover span, nav#mainnav ul li a:hover,nav#mainnav ul li.current-menu-item a,nav#mainnav ul li.current-menu-item a span{color: #00942C;}

nav#mainnav ul ul{
width:160px;
border-top:0;
}

nav#mainnav ul li ul{
display: none;
}

nav#mainnav ul li:hover ul{
display: block;
position: absolute;
top:60px;
text-align:center;
z-index:500;
}

nav#mainnav ul li li{
background:#ffffff;
border-bottom:1px dotted #cdcdcd;
float: none;
width:160px;
height:40px;
line-height:40px;
margin:0;
}

nav#mainnav ul li li:last-child{
border:0;
}

nav#mainnav ul li li a{
width:100%;
height:40px;
padding:0;
line-height:40px;
font-size:95%;
text-lign:center;
}

nav#mainnav ul li li a:hover{
color:#999999;
}

nav div.panel{
display:block !important;
}

a#menu{
display:none;
}

}


/* iPadサイズ以下（1085px）からアコーディオンメニュー
------------------------------------------------------------*/

@media only screen and (max-width:1085px){

#header{
width:100%;
z-index:500;
 position: inherit;
}
	
#headerWrap{
position:relative;
width:100%;
height:60px;
background:#fff;
}
	
#header h1{
display:none;
}
	
#header h2{
padding-top:18px;
}
	
#header h2 img{
max-height:40px;
width:auto !important;
}

#header .pnav ul{
display:none;
}

a#menu{
display:inline-block;
position:relative;
width:40px;
height:40px;
}

#menuBtn{
display:block;
position:absolute;
top:60%;
left:50%;
width:18px;
height:2px;
margin:-1px 0 0 -7px;
background:#000000;
transition:.2s;
}

#menuBtn:before, #menuBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
width:18px;
height:2px;
background:#000000;
transition:.3s;
}

#menuBtn:before{
margin-top:-7px;
}

#menuBtn:after{
margin-top:5px;
}

a#menu .close{
background:transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top:0;
}

a#menu .close:before{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

a#menu .close:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.panel{
width:100%;
display:none;
overflow:hidden;
position:relative;
left:0;top: 5px;
z-index:100;}

#mainnav{
position:absolute;
top:0;
width:100%;
text-align:right;
}

#mainnav ul{background: #ffffff;
text-align:left;}

#mainnav li a{
position:relative;
display:block;
padding:12px 25px;
border-bottom:1px solid #cccccc;
color: #000000;
font-weight:bold;
}

#mainnav ul li a span{
display:none;
}

#mainnav ul li li{
border:0;
}

#mainnav ul li li a{
padding-left:40px;
}
 #menuWrap{
  width: 40px;
  margin: 0px 0 0 auto;
 }
.main_txtBox {
    top: 50%;
}
}

/* iPadサイズ-ms-text-justify: inter-ideograph;
text-justify: inter-ideograph:（1085px）から 1カラム表示に切り替え
------------------------------------------------------------*/

@media only screen and (max-width:1085px){
 #content, #sidebar{
clear:both;
width:95%;
float:none;margin: 0 auto 40px;padding: 0;}
h2.first{
margin-top:20px;
}
}

/*------------------------------------------------------------*/
@media only screen and (min-width:1085px){
 .tb_view{
  display: none;
 }
}

/* iPadサイズ以下（1085px）から 1カラム表示に切り替え
------------------------------------------------------------*/

@media only screen and (max-width:1085px){

#wrapper, #header, .inner{
width:100%;}

#header h1, #header p{
padding:5px 10px;}

#header h2{
padding:10px;
}

#mainImg{
margin-bottom:30px;
padding-top:330px;
}
h2.topFirst{
margin-top:-10px;
}
.h_logo_box {
   display: none;
}
.h_logo_box_img {
    max-width: 180px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 10px 0 0 20px;
}
.top_cont01 {
    padding: 40px 0;
}
#banners{
width:100%;
margin:30px 0 30px 0;
text-align:center;
}

#banners p{
display:inline;
}

#banners p img{
width:100%;
height:auto;
}

.widget_search{
text-align:center;
}

#footer ul{
    text-align: center;
    max-width: 390px;
    margin: 0 auto;
}

#footer li{
width: 50%;
}

.thumbWrap{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin:0 auto;
overflow:auto;
}

.thumbWrap ul.thumb li{
width:30%;
float:left;
margin:0 1% 0 2%;
}

.thumbWrap img{
width:100%;
height:auto;
}
.h_top_add {
    font-size: 13px;
    margin: 0 0 0 0;
}
.h_top {
    display: block;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 99;
}
 .h_top_rihgt{
  display: flex;
 }
 .h_top_add{
  display: none;
 }
#header .h_top_tel {
    width: 155px;
    box-sizing: border-box;
    padding: 2px 0 0 16px;
    background: url("./images/tel01.png") 0 37% no-repeat;
    background-size: 15px;
}
 .h_top_right{
  width: 100%;
 }
 .h_contact{
  max-width: 40px;
 }
 .h_contact a{
      background: url(./images/mail01.png) no-repeat 50% 50% #4A8DFF;
    background-size: 20px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
 }
 .h_contact a span{
  display: none;
 }
 #header h2{
  display: none;
 }
 .h_tel a{
  font-size: 24px;
 }
.h_tel {
    margin: 0 3px 0 0;
}
 .section_box01{
  padding: 40px 0 0 0;
 }
 .side_cont01{
      max-width: 250px;
    width: 100%;
    margin: 0 auto 40px;
 }
.top_cont01 {
    padding: 40px 0;
}
.side_tel {
    margin: 40px 0 0 0;
}
.side_tel span {
    padding: 0 0 0 40px;
    background: url(./images/tel01.png) no-repeat 10px 66%;
    background-size: 25px;
    width: fit-content;
    margin: 0 auto;
    display: block;
}
.h_tel.side_tel span.tel_link a {
    text-indent: 0;
    width: auto;
 padding: 0;
}
}

/*画面サイズが950px以下に適用*/
@media screen and (max-width : 950px){
#footer li {
    margin-right: 0;
    width: 50%;
    margin: 0 auto;
    text-align: center;
 box-sizing: border-box;
}
.main_txt {
    font-size:40px;
}
.main_txtBox {
    max-width: 577px;
}
}


/*------------------------------------------------------------*/
@media only screen and (min-width:644px){
 .sp_view{
  display: none;
 }
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width:644px){
#header .h_top_contact {
   max-width: 26px;
   padding: 10px 0px 0 0;
   margin: 0px 10px 0 0;
   z-index: 99999;
}
.h_top_contact a{
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
}
.h_top_tel a{
    padding: 0;
    text-indent: 99999999px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
}
#header .h_top_tel {
     width: 40px;
    height: 40px;
    overflow: hidden;
    background: url("./images/tel01.png") 50% 50% no-repeat;
    background-size: 19px;
 padding: 0
}
.h_top_contact a {
    background: url("./images/mail02.png") 15% 50% no-repeat #fff;
    background-size: 25px;
}
 .h_top_contact a:hover {
    background: url("./images/mail02.png") 15% 50% no-repeat #fff;
    background-size: 25px;
}
#header #menuWrap {
   padding: 6px 10px 0 0;
}
#header p.h_tel{
  padding: 0;
  margin: 0 10px 0 0;
 }
 .h_tel span.tel_link{
  padding: 0;
  text-indent: -9999px;
  display: block;
  width: 40px;
  background: url(./images/tel01.png) no-repeat 50% 50%;
  background-size: 22px;
 }
 .h_tel span.tel_link a{
  display: block;
  width: 40px;
  height: 40px;
}
img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}
.main_txtBox {
    max-width: 300px;
}
.main_txt {
    font-size: 35px;
    line-height: 1.5;
    margin: 0 0 10px 0;
    text-align: center;
}
.main_txt::after {
    content: "";
    background: #fff;
    width: 100%;
    height: 25px;
    bottom: 51px;
    left: 0;
    position: absolute;
    z-index: -1;
}
.main_txt_inner {
    padding: 20px 20px 40px;
}
.top_cont02_list li {
   width: 100%;
}
.top_cont02_list li:not(:last-child) {
    margin: 0 0 40px 0;
}
.alignright,.alignleft{
float:none;
}

.thumbWrap ul.thumb li{
width:95%;
margin-bottom:30px;
}
.footer_menu li a {
    padding: 10px 10px;
}
.h_contact a:hover {
   background: url(./images/mail01.png) no-repeat 50% 50% #4A8DFF;
 background-size: 20px;
}
#sidebar .side_tel span {
    padding: 0 0 0 40px;
    text-indent: 0;
    width: 100%;
    max-width: 215px;
    background: url(./images/tel01.png) no-repeat 7px 50%;
    background-size: 22px;
}
.h_tel.side_tel span.tel_link a {
   background: none;
 display: inline-block;
}
}

/* 幅400px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width:400px){
 .h_logo_box_img {
    max-width: 140px;
    padding: 15px 0 0 20px;
}
}

/*********下層ページ共通************************************/
 .under_page #header {
    position: inherit;
}
.page_style01{
 padding: 0 0 40px 0;
 position: relative;
 background-image: linear-gradient(to right, #333 1px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
}
.page_style02{
 padding: 40px 0;
 position: relative;
}
.page_style03{
 padding: 0 0 40px 0;
 position: relative;
}

/**********下層ページメインビュー**********************************/
.page_main_img{
 width: 100%;
 height: 200px;
 margin: 0 0 40px 0;
}
.business_main{
 background: url("./images/business_main.webp") 50% 50% no-repeat;
 background-size:cover;
}
.company_main{
 background: url("./images/company_main.webp") 50% 50% no-repeat;
 background-size:cover;
}
.contact_main{
 background: url("./images/contact_main.webp") 50% 50% no-repeat;
 background-size:cover;
}
.news_main{
 background: url("./images/news_main.webp") 50% 50% no-repeat;
 background-size:cover;
}
.achievement_main{
 background: url("./images/achievement_main.webp") 50% 50% no-repeat;
 background-size:cover;
}
.about_main{
 background: url("./images/about_main.webp") 50% 50% no-repeat;
 background-size:cover;
}
.thanks_main{
 background: url("./images/thanks_main.webp") 50% 50% no-repeat;
 background-size:cover;
}
.error_main{
 background: url("./images/error_main.webp") 50% 50% no-repeat;
 background-size:cover;
}

/**********フルスイングとはページ***************************************/
.page_style01_cont01_img{
 width: 40%;
}
.page_style01_cont01_img img{
 width: 100%;
}
.page_style01_cont01_txt{
 width: 55%;
}
.list_style01 li{
 background: #F4F4F4;
 padding: 40px;
 box-sizing: border-box;
 margin: 0 0 20px 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
}
.list_style01 li:last-child{
 margin: 0;
}
.left_style01{
  width: 21%;
}
.right_style01{
  width: 72%;
}

/* 幅1085px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1085px){

}


/* 幅644px以下から
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.page_style01_cont01_img{
 width: 100%;
 margin: 0 0 20px 0;
}
.page_style01_cont01_img img{
 width: 100%;
}
.page_style01_cont01_txt{
 width: 100%;
}
.list_style01 li {
padding: 40px 20px;
}
.left_style01{
  width: 100%;
 text-align: center;
 margin: 0 0 20px 0;
}
.right_style01{
  width: 100%;
}
}

/**********会社概要ページ***************************************/
.company01_name{
 font-size: 20px;
 text-align: right;
}
.company01 .page_style01_cont01_inner {
  align-items: center;
}
.google_map iframe {
    width: 100%;
    vertical-align: middle;
}
.txt_style01{
 font-size: 18px;
 font-weight: 700;
}

/***************共通テーブル**************************************/
.table_style02 {
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
 border: solid #00942c;
 border-width: 0 0 1px 1px;
 table-layout: fixed;
}

.table_style02 th {
 padding: 20px 20px;
 border: solid #fff;
 border-width: 0px 1px 1px 0;
 vertical-align: top;
 width: 31%;
 box-sizing: border-box;
 background: #00942C;
 font-weight: 700;
 color: #fff;
}
.table_style02 tr:first-child{
 border-top: 1px solid #00942c;
}
.table_style02 tr:first-child td {
	border-width: 0px 1px 1px 0;
}
.table_style02 tr:last-child th {
    border-width: 0 1px 0 0;
}
.table_style02 td {
    padding: 20px 20px;
    vertical-align: top;
    border: solid #00942c;
    border-width: 0 1px 1px 0;
    color: #000;
    box-sizing: border-box;
    background: #fff;
}

@media only screen and (max-width:767px){
 .table_style01 th, .table_style01 td {
    padding: 10px 10px;
    font-size: 14px;
}
.table_style02 {
 border-collapse: collapse;
 border-spacing: 0;
 margin: 0 auto 0 auto;
 width: 100%;
 border-width: 0 0 0 0;
}
.table_style02 th {
 display: block;
 width: 100%;
 border-width: 0px 1px 1px 1px;
 padding: 10px 10px;
 border: solid #00942c;
 }
 .table_style02 td {
 padding: 20px 10px;
 }
.table_style02 tr:first-child{
 border-top: 1px solid #999999;
}
.table_style02 tr:first-child td {
	border-width: 0 1px 1px 1px;
}
.table_style02 tr:last-child th {
    border-width: 0 1px 1px 1px;
}
.table_style02 td {
 display: block;
 width: 100%;
 border-width: 0 1px 1px 1px;
}
}

/************売買実績一覧ページ******************************************/
.achievement_list{
 display: flex;
 flex-wrap: wrap;
}
.achievement_list li{
 width: calc((100% - 40px) / 3);
}
.achievement_list li:not(:nth-child(3n)){
 margin: 0 20px 40px 0;
}
.achievement_list li:nth-child(3n){
 margin: 0 0 40px 0;
}
.achievement_list a:hover{
 text-decoration: none;
}


@media only screen and (max-width:767px){
.achievement_list li{
 width: calc((100% - 20px) / 2);
}
.achievement_list li:not(:nth-child(3n)){
 margin: 0;
}
.achievement_list li:nth-child(3n){
 margin: 0;
}
.achievement_list li:not(:nth-child(2n)){
 margin: 0 20px 20px 0;
}
.achievement_list li:nth-child(2n){
 margin: 0 0 20px 0;
}
}

/************* WP-PageNavi *******************************/
.wp-pagenavi {
 clear: both;
 margin: 45px auto 20px;
 text-align: center;
}
.page-achievement .wp-pagenavi {
 margin: 0 auto 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
 text-decoration: none;
 margin: 0 10px;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
 display: inline-block;
}
.wp-pagenavi span.pages {
 border: 2px solid #00942c;
 color: #fff;
 background: #00942c;
 padding: 9px 16.2px;
}
.wp-pagenavi span.current {
 color: #00942c;
 font-weight: bold;
 background: #fff;
 border: 2px solid #00942c;
 height: 50px;
 width: 50px;
 line-height: 50px;
 border-radius: 50%;
}
.wp-pagenavi a {
 border: 2px solid #00942c;
 color: #fff;
 background: #00942c;
 height: 50px;
 width: 50px;
 line-height: 50px;
 border-radius: 50%;
 transition: .3s;
}
.wp-pagenavi a:hover{
 border: 2px solid #00942c!important;
 background: #fff;
 color: #00942c;
}
.wp-pagenavi a.nextpostslink {
 background: url(./images/arrow02.png) 50% 50% no-repeat, #00942c;
 text-indent: -9999px;
 transition: .3s;
}
.wp-pagenavi a.nextpostslink:hover {
 background: url(./images/arrow03.png) 50% 50% no-repeat, #fff;
}
.wp-pagenavi a.previouspostslink {
 transform: rotateY(180deg);
 background: url(./images/arrow02.png) 50% 50% no-repeat, #00942c;
 text-indent: -9999px;
}
.wp-pagenavi a.previouspostslink:hover {
 background: url(./images/arrow03.png) 50% 50% no-repeat, #fff;
}


/********売買実績詳細ページ部分***********************/
.achievement02{
 padding: 0 0 20px 0;
}
.ba_List{
 margin: 0 0 40px 0;
}
.ba_List li{
 max-width: 500px;
 width: 100%;
 margin: 0 auto;
}
.ba_List li img{
 width: 100%;
}
.pagenav .prev{
 float: left;
}
.pagenav .next{
 float: right;
}

/*画面サイズが767px以下に適用*/
@media screen and (max-width : 767px){
.achievement02{
 padding: 0 0 40px;
}
.ba_List{
 margin: 0 0 40px 0;
}
}

/************* お知らせ部分 *******************************/
.category_btn {
	display: block;
	margin: 0 0 7px 0;
}

.category_btn a{
	display: block;
	width: 73px;
	background: #333;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 24px;
}

.category_btn a:hover{
	background: #848484;
	text-decoration: none;
}


.category_btn01 {
	display: block;
	margin: 0 0 7px 0;
}

.category_btn01 a{
	display: block;
	width: 85px;
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
 line-height: 1.1;
 padding: 4px 0 5px;
}

.category_btn01 a:hover{
	background: #666;
	text-decoration: none;
}

.category_achievement a{
	background: #848484;
}

.category_achievement a:hover{
	background: #a6a6a6;
}
dl.info_dl {
	padding: 20px 20px;
	border: dashed #bfbfbf;
	border-width: 0 0 1px 0;
	display: flex;
	align-items: center;
}

dl.info_dl p {
    width: 100px;
    margin: 0 0 0 0!important;
}

dl.info_dl:first-child {
	border-width: 1px 0 1px 0;
}

dl.info_dl p.time_txt01{
	width: 130px;
}

dl.info_dl p.category_btn{
	width: 100px;
}

dl.info_dl dd{
    width: 100%;
    display: flex;
    align-items: center;
    transition: .3s;
}

dl.info_dl .news_tit01 {
    width: 100%;
    padding: 0 35px 0 15px;
    font-size: 16px;
    font-size: 1.6rem;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 0 0 6px 0;
}

dl.info_dl .news_tit01 a{
	color: #000;
}

dl.info_dl p.news_detailBtn{
	width: 150px;
	vertical-align: middle;
	transition: .3s;
}

dl.info_dl p.news_detailBtn a {
    background: #00942c;
    border: 1px solid #00942c;
    display: block;
    padding: 4px 0 5px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    transition: .3s;
}

dl.info_dl p.news_detailBtn a:hover{
	background: #fff;
	color: #00942c;
	text-decoration: none;
}

dl.info_dl p.news_detailBtn a span{
	position: relative;
    display: inline-block;
    padding: 0 23px;
    background: url("./images/arrow02.png") 100% 50% no-repeat;
font-size: 12px;
 transition: .3s;
}

dl.info_dl p.news_detailBtn a:hover span{
   background: url("./images/arrow03.png") 100% 50% no-repeat;
}
.page-news .pagelink {
    margin: 0 auto 0px;
}
.news_style01{
 margin: 0 0 40px 0;
}

/* 幅1085px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1085px){
 .news_style01 {
  margin: 40px 0 20px 0;
}
 #content.news_sin{
  margin: 0 auto 80px;
 }
}
 
/*画面サイズが767px以下に適用*/
@media screen and (max-width : 767px){
.page-news .pagelink {
    margin: 40px auto 0px;
}
dl.info_dl {
    display: block;
 padding: 20px 0;
}
dl.info_dl p.news_detailBtn {
   display: none;
}
dl.info_dl .news_tit01 {
  padding: 0;
}
}


/************* お問い合わせ Contact *******************************/
.contact01 .contact_box01 {
 margin: 40px 0 0 0;
}
.contact01{
 margin: 0 0 80px 0;
 padding: 70px 0 80px;
}
.contact01.page_style02:before {
  height: 100%;
}
.contact_box01{
 background: #f7f7f7;
 padding: 40px 60px;
 margin: 40px 0 80px 0;
} 
.contact_box01 .wpcf7{
 margin: 40px 0 0 0
}
.contact02 .contact_box01{
  margin: 40px 0 0 0;
}
.contact02 {
 padding: 70px 0 30px 0;
}
.tel_box_contact{
 display: flex;
 padding: 20px 10px 20px 30px;
 align-items: center;
}
.tel_box_left{
 width: 62%;
 box-sizing: border-box;
 border-left: 1px solid #2a3a8f;
 padding: 0 0px 0 0px;
 margin: 0 0 0 0px;
}
.contactBox01{
 margin: 0 0 40px 0;
}
.uketsuke_time{
 text-align: center;
padding: 0 50px 0 0;}
.grecaptcha-badge {
    visibility: hidden;
}

table.table_contact {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 50px 0;
    width: 100%;
}

table.table_contact th {
    padding: 20px 20px;
    vertical-align: middle;
    font-size: 100%;
    width: 35%;
    box-sizing: border-box;
}

table.table_contact td {
    padding: 20px;
    vertical-align: middle;
    font-size: 100%;
	box-sizing: border-box;
}

table.table_contact td .table_div {
    border-left: 1px solid #bbb;
	padding: 0 0 0 30px;
}

.contactBox01 {
	margin: 0 0 60px 0;
}

.contact_txt01 {
	margin: 0 20px 5px 0;
	font-size: 16px;
}

.contact_number {
    color: #000;
    background: url(./images/tel02.png) 58px 5px no-repeat;
    line-height: 1.1;
    padding: 0 0 10px 70px;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 0 auto;
    background-size: 30px;
    text-align: center;
}
.contact_number span{
 font-size: 40px;
 font-family: 'Oswald', sans-serif;
}
.contact_number a{
 font-size: 40px;
}

.address_txt01 {
    display: inline-block;
    margin: 0 10px 5px 0;
    font-size: 16px;
}

.address_txt02 {
    display: block;
    margin: 0 0 5px 0;
}

.thanks_txt {
	font-size: 20px;
	text-align: center;
 margin: 0 0 40px 0;
}
.thanks_txt01 {
	font-size: 16px;
	text-align: center;
 margin: 0 0 40px 0;
}
ul.c_name_list {
	display: flex;
	justify-content: space-between;
}


ul.c_name_list li{
	width: 48%;
}

ul.c_mail_list {
	
}

ul.c_mail_list li{
	margin: 0 0 15px 0;
}

ul.c_mail_list li:last-child{
	margin: 0 0 0 0;
}

.mail_confirm {
	font-size: 12px;
	color: #000;
	display: block;
	margin: 0 0 5px 0;
}
.contact_box03 {
 padding: 0;
}
.contact_box03 .table_style{
 margin: 40px 0;
}
.contact_box03 #contact_form{
 margin: 20px 0 0 0;
}

/* -------- お問い合わせ プライバシーポリシー -------- */
.pp_check {
        color: #333;
        font-weight: bold;
        margin: 20px 0 0;
}

.privacy_box {
        border: 1px solid #d6d8e0;
}

.privacy_inner {
    width: auto;
    height: 200px;
    overflow-y: scroll;
    padding: 22px;
}

h4.privacy_title {
    padding: 0 0 5px 0;
    margin-bottom: 12px;
    font-size: 15px;
	font-weight: bold;
	border-bottom: 1px dashed #bfbfbf;
}

.privacy_box p {
        margin: 0 0 20px 0!important;
        font-size: 13px;
}

ul.privacy_list {
        margin: 0 0 20px 0;
}

ul.privacy_list li{
        list-style: decimal;
        margin: 0 0 0 18px!important;
        font-size: 14px;
}
span.bold {
        font-weight: bold;
}

#contact_form h3.title_style01 {
    font-size: 18px;
        margin-bottom: 12px;
}

/* Let's get this party started */
.privacy_inner::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.privacy_inner::-webkit-scrollbar-track {
    background:#fff; /* rgba fallback */
        background:rgba(190,190,190,0.4);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.privacy_inner::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#fff; /* rgba fallback */
        background:rgba(190,190,190,0.7);
}
.privacy_inner::-webkit-scrollbar-thumb:window-inactive {
        background:#fff; /* rgba fallback */
        background:rgba(190,190,190,0.7);
}



/* Let's get this party started */
textarea::-webkit-scrollbar {
    width: 5px;
}

/* Track */
textarea::-webkit-scrollbar-track {
    background:#fff; /* rgba fallback */
        background:rgba(190,190,190,0.4);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#fff; /* rgba fallback */
        background:rgba(190,190,190,0.7);
}
textarea::-webkit-scrollbar-thumb:window-inactive {
        background:#fff; /* rgba fallback */
        background:rgba(190,190,190,0.7);
}


/* -------- お問い合わせ ページ設定 -------- */

#contact_form{
        background: transparent;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;

}

ul.contact_formList{
	padding: 0;
	margin: 0;
}


ul.contact_formList li {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dashed #ccc;
}

ul.contact_formList li:last-child{
	background:none;
	border-bottom: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#contact_form small{
        line-height: 1.8em;
        font-size:12px;
        font-weight:normal;
}

#contact_form strong {
        color: #fbff00;
        display: inline-block;
        font-weight:
        bold;
        padding: 0 0px 0 9px;
}

/* -------- お問い合わせ フォーム設定 -------- */
:focus {
  outline: none;
}

/* Form fields, general styles first */
button,
input,
textarea, radio, select {
        border: none;
        font-family: inherit;
        padding: 13px 15px;
		margin:0;
        background: #f6f6f6;
        border-radius: 0;
	box-sizing: border-box;
}

button,
input[type="text"],
input[type="tel"],
input[type="mail"],
textarea {
		-webkit-appearance: none;
		padding: 10px;
}


#contact_form .wpcf7-list-item {
  margin-left: 0;
}
#contact_form label {
  display: inline-block;
  margin-right: 10px;
}
#contact_form input[type="radio"] {
  position: relative;
  top: -3px;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #ccc;
  width: 17px;
  height: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  vertical-align:middle;
  outline: none;
}
#contact_form input[type="radio"]:checked {
  background-color: #e5b800;
  border: 2px solid #e5b800;
}
#contact_form input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  border: 1px solid #bbb;
  border-radius: 0;
  background-color: #fff;
  vertical-align: middle;
  line-height: 1;
  outline: none;
  -webkit-appearance: none;
}
#contact_form input[type="checkbox"]:checked {
  background: #e5b800 !important;
  border: 1px solid #e5b800;
  outline: none;
}


/* Form fields, general styles first */

input:hover,
textarea:hover, #contact_form radio:hover, #contact_form select:hover {
        border: none;
}

button,
input {
    line-height: normal;
}
textarea {
        width:95%;
        overflow: auto;
        vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
        border: solid 1px #dadada;
        border-radius: 3;
        background:#fff;
        padding: 5px;
        vertical-align:middle;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input:-ms-input-placeholder, textarea::-webkit-input-placeholder  {
    color: #ccc;
    font-weight: normal;
}
input::-moz-placeholder, textarea::-webkit-input-placeholder  {
    color: #ccc;
    font-weight: normal;
}


/* Reset non-text input types */
input[type="file"]{
        border: 0;
        border-radius: 3;
        background:none;
        padding: 5px;
        vertical-align:middle;
}


/* Label, radio */

input[type="radio"] {
        margin-right: 1px;
}

label {
        display: inline-block;
        padding: 0 15px 0 0;

}


/* -------- Input タグの横幅設定 -------- */

.text_type01{
        width: 100%;
}
.text_type03{
        width: 150px;
}

.text_type02{
        width: 65%;
}

.text_type {
  width: 100%;
 padding: 10px;
}

.contact_content {
        margin-bottom: 7px;
}


/* -------- Input autofill (Contact form 7 confirm page) -------- */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.wpcf7c-conf {
    background: none!important;
    color: #333;
    border: 0;
}

.wpcf7c-conf:hover  {
    background: none;
    color: #333;
    border: 0;
}

/* -------- お問い合わせフォーム エラー、送信完了 -------- */


span.wpcf7-not-valid-tip {
    color: #e5004f!important;
    font-size: 1em;
    display: block;
}

div.wpcf7-validation-errors {
	border: 0!important;
	color: #fff!important;
	padding: 10px;
	box-shadow: none;
	max-width: 1040px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	background: #5db7e8;
}

div.wpcf7-mail-sent-ok {
    border: 0!important;
    color: #fff!important;
    padding: 10px;
	background: #5db7e8;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.01);
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #e5004f!important;
}


/* Buttons */
#contact_form button, #contact_form input[type="button"] {
    padding: 9px 35px;
    font-size: 14px;
    font-weight: bold;
    color: #00942c;
    background-color: #fff;
    border: 1px solid #00942c;
    border-radius: 25px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-appearance: none;
}

#contact_form button:hover,
#contact_form input[type="button"]:hover,
#contact_form button:active,
#contact_form input[type="button"]:active{
	background: #00942c;
	color: #fff;
}



/* -------- お問い合わせフォームボタン（確認、送信、戻る） -------- */


ul.contact_btns {
	margin: 40px 0 0 0;
	display: flex;
	justify-content: center;
}
ul.contact_btns li{
	max-width: 260px;
	width: 100%;
	margin: 0 60px 0 0;
}
ul.contact_btns li:last-child{
	margin: 0 0 0 0;
}

ul.contact_btns li input, ul.contact_btns li input:active {
	display: block;
	cursor: pointer;
	width: 100%;
	margin: 0px auto 0;
	padding: 14px 0;
	border: 1px solid #00942c;
	border-radius: 25px;
	color: #fff;
	font-size: 14px!important;
	text-align: center;
	text-decoration: none;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	letter-spacing: 5px;
	-webkit-appearance: none;
}

ul.contact_btns li input:hover {
	background: #fff;
	border: 1px solid #4a8dff;
	color: #fff;
}

ul.contact_btns li.send_btn input, ul.contact_btns li.send_btn input:active {
	border: 1px solid #4a8dff;
	background: #4a8dff;
}

ul.contact_btns li.send_btn .send:hover {
	background: #fff;
	border: 1px solid #4a8dff;
	color: #4a8dff;
}

ul.contact_btns li.reset_btn input, ul.contact_btns li.reset_btn input:active {
	border: 1px solid #00942c;
	background: #00942c;
}

ul.contact_btns li.reset_btn input:hover {
	background: #fff;
	color: #00942c;
}


/* メインメニュー 1085px以下から
------------------------------------------------------------*/
@media screen and (max-width: 1085px) {

table.table_contact th {
    padding: 20px 30px;
    vertical-align: middle;
    font-size: 100%;
    width: 32%;
    box-sizing: border-box;
}
.contact_txt01 {
 text-align: center;
 margin: 0;
}
.tel_box_left {
 padding: 0;
 text-align: center;
}
.contact_number {
 font-size: 36px;
 padding: 0 0 0 50px;
 background: url(./images/tel02.png) 33px 5px no-repeat;
 background-size: 26px;
}
 .tel_box_contact{
      max-width: 655px;
      margin: 0 auto;
      width: 100%;
      box-sizing: border-box;
 }
}
	
/* メインメニュー 1085px以下から
------------------------------------------------------------*/
@media screen and (max-width: 1085px) {
 
}


/* メインメニュー 767px以下から
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
.contact01 {
 margin: 0 0 40px 0;
 padding: 40px 0 40px;
}
.contact03 {
    padding: 40px 0;
}
.contact_box03 {
 padding: 20px 0 0;
}
.contact_number {
    font-size: 35px;
    font-size: 3.5rem;
    padding: 0 0 0 30px;
    letter-spacing: 1px;
    text-indent: 1px;
    width: 100%;
    box-sizing: border-box;
    background: url(./images/tel02.png) 24px 22px no-repeat;
    background-size: 27px;
}	
.contact_box01 {
    padding: 20px 10px;
    margin: 20px auto 40px;
    flex-wrap: wrap;
    max-width: 350px;
}
.contact_txt01 {
 margin: 0 0 0 0;
 font-size: 17px;
 width: 100%;
}	
.contact02 {
 padding: 40px 0 0 0;
}
.tel_box_left {
 width: 100%;
 padding: 0 0 0 0;
 border: none;
 margin: 0 auto 0 auto;
}
p.uketsuke_time {
    font-size: 14px;
    font-size: 1.4rem;
padding: 0;}	

.contactBox01 {
    margin: 0 0 30px 0;
}	
	
ul.contact_btns li {
    width: 48%;
    margin: 0 4% 0 0;
}	
	
table.table_contact {
    margin: 0 0 5px 0;
}

table.table_contact td {
  display: block;
  width: auto;
  padding: 10px;
  border-width: 0 1px 1px 1px;
}

table.table_contact th {
    width: auto;
    display: block;
    padding: 10px;
    border-width: 0 1px 1px 1px;
    border-bottom: 1px dashed #bfbfbf;
}

table.table_contact tr:first-child th {
  border-width: 0px 1px 1px 1px;
  padding: 10px;
}


table.table_contact tr:last-child td {
  border-width: 0px 1px 1px 1px;
}

table.table_contact td .table_div {
    border-left: 0;
	padding: 0 0 0 0;
}
	
input.text_type {
  width: 100%;
}
#contact_form .pp_check label{
  padding: 0;
  margin: 0;
  vertical-align: middle;
  font-size: 12px;
 }

textarea {
  width: 100%;
}
	
.address_txt01 {
    font-size: 14px;
 margin: 0 5px 5px 0;
}	
  .address_txt01.type01 input#zip{
  width: 94px;
 }
 .address_txt01.type02{
  margin: 0 0 5px 0;
 }
	input#zip, select {
		width: 126px;
	}
	
#contact_form button, #contact_form input[type="button"] {
    padding: 8px 15px;
    font-size: 12px;
}	

.thanks_txt {
    font-size: 14px;
}	
 .re_txt{
  font-size: 13px;
 }
}