@charset "utf-8";

.page header {width: 100%;text-align: center;overflow:;position: relative;background: #74F2AF url(../images/grd-bg.png) repeat-x top center;}
.page .h-menu{padding: 5px 250px 0 0;z-index: 1;position: relative;}
.page .h-menu a{color:#fff !important;}

#breadcrumbs{font-size:62%;padding:20px 80px;}
#breadcrumbs ul {padding:20px 20px 0 0;}
#breadcrumbs ul li{display:inline-block;line-height:1.3;}

/* ページタイトル */
.page .pagetitle{
width: 92%;margin: 0 auto;
text-align:center;position: relative
z-index:0 !important;
height:120px;display: table;
}
.page .pagetitle .title-box{
display: table-cell;
vertical-align: middle;
}
.page .pagetitle h1{font-size: 215%;line-height:1.3;letter-spacing: 0.1em !important;font-weight:500;
}


/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 1150px){
#breadcrumbs{padding:20px 24px;}
}
@media screen and (max-width:1000px){
}

@media screen and (max-width:768px){
.page .pagetitle h1{font-size: 170%;line-height:1.2;letter-spacing: 0.1em !important;}
}

@media screen and (max-width:480px){
.page #pageheader .under-box img{
width:250px;height: auto;
}
}

/*--------------------------------------------------------------------------------*/

.conts .all-width{padding:50px 0 80px 0;margin:0 auto;line-height:2.0;width: 1000px;min-width: 1000px;
text-align:left;}

.conts a{color:#0275CF;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
.conts .all-width{display: block;padding: 20px 0 40px 0;width:92%;min-width:92%;}
}

/*--------------------------------------------------------------------------------*/


/*▼中面設定*/
.conts{background-color:#fff;font-size:100%;}

/* 見出しh2〜h6 */
.conts h2{
position: relative;
padding: 0.5rem 1.5rem;
background: #0275CF;
font-size:170%;
color: #fff;
font-weight:normal;
line-height: 1.3;
margin:35px 0 30px 0;
text-align: center;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
font-weight:500;
}

.top-h{margin:0 0 30px 0 !important;}

.conts h3{
position: relative;
padding: 5px 0 ;
font-size: 150%;
margin:45px 0 26px 0;
line-height: 1.4;
text-align: left;font-weight:normal;color: #0275CF;
font-family: "kozuka-m", sans-serif;
border-bottom:3px solid #E1EAED;
font-weight:500;
}


.conts h4{color: #0275CF;font-size: 125% !important;letter-spacing:0.05em;line-height: 1.3;margin:45px 0 26px 0;position: relative;padding-left: 0.5em;font-family: "kozuka-m", sans-serif;border-left: 10px solid #0275CF;;font-weight:normal;}



/*投稿記事枠画像最大値*/
.conts img{
max-width: 100%;
height: auto !important;
padding-bottom: 2px;
}

/*投稿記事枠画像の回り込み*/
.alignleft{
float: left;
margin: 3px 20px 3px 0;
}
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignright{
float: right;
margin: 3px 0 3px 20px;
}
.alignnone{display: block;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 700px) {
.conts h2{font-size: 145% !important;margin: 10px auto 40px;padding: 0.5rem;}
.conts h3{font-size: 130% !important;}
}
@media screen and (max-width: 480px) {
.conts h4{font-size: 120% !important;}
}

/*--------------------------------------------------------------------------------*/

/*リスト*/
.conts ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 2em;
}
.conts ul li {
position: relative;line-height: 1.8;
padding-left: 1.4em;line-height: 1.3;
margin-bottom: 0.8em;
}
.conts ul li:before {
content: "●";
color:#0275CF;
position: absolute;
left: 0;
top: 0;
font-weight: bold;
}

/*ページ内カテゴリ名のulli設定を削除*/
.conts .category ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 0;
}
.conts .category ul li {
position: relative;line-height: 1;
padding-left: 0;
}

.conts .category ul li:before {
content: "";
color:none;
position: static;
left: 0;
top: 0;

}

/*ナンバー付リスト*/
.conts ol {
counter-reset: ordered_num;
background: none;
overflow: hidden;
margin-bottom: 1.2em;
}
.conts ol li {
text-indent: -1.7em;
padding-left: 1.7em;
margin-bottom: 0.5em;line-height:1.3;
}
.conts ol li:before {
counter-increment: ordered_num;
content: counter(ordered_num);
font-weight:normal;
background-color: #0275CF;
display: inline-block;
color: #fff;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
margin-right: 0.6em; 
text-indent: 0;
text-align: center;
vertical-align:middle; 
margin-bottom:0.3em;
}


/* テーブル */
table {
width: 100%;
padding: 0;
margin-bottom: 2.5em;
border-collapse: collapse;
vertical-align: top;
border: 1px solid #E1EAED;line-height:1.6;font-size:100%;
}
table caption {
font-weight: bold;
background-color: transparent;
text-align: center;
padding: 0.7em 0.7em;
 font-size: 100%;
}
table th, table td {
border: 1px solid #E1EAED;
padding: 1.2em 1.2em;font-size: 1.2rem;font-size:100%;
}
table th {
background: #EBF6FA;
font-weight: normal;
width: ;
}
table thead th {
font-size: 0.9rem;
background-color:  ;
color: #fff;
}
.table_line {
border: none;
}
.table_line th {
background: none;
border-left: 0;
border-right: 0;
text-align: left;
background:#fff;
color: ;
}
.table_line td {
border-left: 0;
border-right: 0;
vertical-align: middle;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 540px) {
table th, table td {font-size:95%;}
table th {white-space: normal;}
}
/*--------------------------------------------------------------------------------*/

/*背景色枠*/
.bg-box{padding:30px 40px;border:3px solid #E1EAED;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.bg-box{padding:20px 25px;}
}
/*--------------------------------------------------------------------------------*/

/*お問い合わせフォーム*/
.formbox textarea{width:100%;height: 7em;}
.formbox input{width:;}
.formbox input,textarea{
padding: 6px;
border: 1px solid #ddd;
font-size: 100% ;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.formbox select{font-size:100% !important;}
.formbox input[type="submit"]{
-webkit-appearance: none;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.formbox dl{margin: 25px 0 15px 0;}
.formbox dl dd{margin: 0 0 15px 0;}
.formbox .formbuttan{text-align: center;margin: 20px 0;}
.formbox .formbuttan input{
color: #fff;padding: 12px 0 !important;border:none; width: 350px !important;font-size:110% !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
background: #0075CF;letter-spacing: 0.2em;
border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
}
.formbox .formbuttan input:hover{color: #394F66 !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
cursor:pointer;background:#68E7C9;text-decoration: none !important;  border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;}
.formbox .zipcode input{width:100px !important;}


.formbox button{text-align: center;margin: 70px auto 20px auto;display: block;}
.formbox button{
color: #fff;padding: 12px 0 !important;border:none; width: 350px !important;font-size:100% !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
background: #0075CF;letter-spacing: 0.2em;
border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
}
.formbox button:hover{color: #394F66 !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
cursor:pointer;background:#68E7C9;text-decoration: none !important;  border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;}
.formbox .zipcode input{width:100px !important;}


 .button_area{text-align: center;margin: 20px 0;}
 .button_area input{
color: #fff;padding: 12px 0 !important;border:none; width: 350px !important;font-size:100% !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
background: #0075CF !important;letter-spacing: 0.2em;
border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
}
 .button_area input:hover{color: #394F66 !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
cursor:pointer;background:#68E7C9 !important;text-decoration: none !important;  border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;}

.button_large{
color: #fff;padding: 12px 0 !important;border:none; width: 350px !important;font-size:100% !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
background: #0075CF !important;letter-spacing: 0.2em;
border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
margin-bottom: 3px;
}

.button_large:hover{cursor : pointer;color: #394F66 !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
cursor:pointer;background:#68E7C9 !important;text-decoration: none !important;  border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;}


.button_gray{
color: #fff;padding: 12px 0 !important;border:none; width: 350px !important;font-size:100% !important;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
background: #ccc !important;letter-spacing: 0.2em;
border-radius: 34px;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
margin-bottom: 3px;
}

.button_gray:hover{cursor : pointer;}

.required{background-color: #68E7C9;padding: 3px;font-size: 80%; margin-left: 10px;}

.formbox .zipcode input{width:100px !important;}



.btn{
display: inline-block;
background: #68E7C9;
  border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
}
.btn a{display: block;color:#394F66;}

.btn:hover{cursor:pointer;background: #394F66;color:#ffff !important;}
.btn a:hover{text-decoration: none;color:#fff !important;}

.conts .btn{font-size: 110%;min-width: 350px;}
.conts .btn a{display: block;padding: 8px;}

.btn:hover{cursor:pointer;background: #394F66;color:#ffff !important;}
.btn a:hover{text-decoration: none;color:#fff !important;}

.formbox #id_office_type{margin: 40px 0 !important;border-top: 0px solid #ddd !important;
  border-bottom: 0px solid #ddd !important;
padding:0 !important;
}


.formbox input[type="text"]{width:60% !important;}
.formbox input[type="radio"]{width:auto;margin:-3px 5px 0 0;}
.formbox input[type="radio"]:hover{cursor:pointer;}
.formbox label:hover{cursor:pointer;}
.formbox input[type="checkbox"]{width:auto;margin:-3px 5px 0 0;}
.formbox input[type="checkbox"]:hover{cursor:pointer;}

.choices input[type="text"]{width:60% !important;}
.choices input[type="radio"]{width:auto;margin:-3px 5px 0 0;}
.choices input[type="radio"]:hover{cursor:pointer;}
.choices label:hover{cursor:pointer;}
.choices input[type="checkbox"]{width:auto;margin:-3px 5px 0 0;}
.choices input[type="checkbox"]:hover{cursor:pointer;}


.type-list{border-top:1px solid #ddd; padding-top:50px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
/*お問い合わせフォーム*/
.formbox input{width:100%;}
.formbox input[type="text"]{width:100% !important;}

.formbox .formbuttan input{width: 100% !important;padding: 14px 0 !important;}
.formbox .formbuttan input:hover{ width: 100% !important;}

.btn{width:100%;}
.formbox button{width:100% !important;}
}
@media screen and (max-width: 480px){
.conts .btn{font-size: 100%;min-width: 100%;}
}
/*--------------------------------------------------------------------------------*/


/*アーカイブ（カテゴリ一覧）ページ*/
.listbox{
width:100% !important; display: inline-block;vertical-align: top;
margin: 0 0 15px 0;padding: 0 0 15px 0;border-bottom: 1px solid #ddd
}
.list_box{
width:100% !important; display: inline-block;vertical-align: top;
margin: 0 0 15px 0;padding: 0 0 15px 0;border-bottom: 1px solid #ddd
}

.listbox .thumb{float: left;width:140px !important;}
.listbox .thumb img{padding: 0 1em 2px 0;width: 100% !important; height:90px !important; display: inline-block;vertical-align: top;object-fit: cover; }
.list_box .icon_image{float: left;width:135px !important;}
.list_box .icon_image img{padding: 0 1em 2px 0;width: 100% !important; height:90px !important; display: inline-block;vertical-align: top;object-fit: cover; }


.listbox .title{font-size: 100%;line-height: 1.3; margin: 0 0 5px 0;}
.listbox .title br{display: none;}
.list_box .title{font-size: 100%;line-height: 1.3; margin: 0 0 5px 0 !important;padding: 0 !important;font-weight:500;}
.list_box .title br{display: none;}

.list_box .ext{}

.listbox .excerpt{font-size: 80%;line-height: 1.3;line-height: 1.3;}
.list_box .comment_text{font-size: 80%;line-height: 1.3;line-height: 1.3;color: #666;}

.listbox a{text-decoration:none;}
.list_box a{text-decoration:none;}

.listbox .date{font-size: 80%;color: #666;display: inline-block;margin-top:-10px;margin-right:10px;vertical-align: middle;}
.list_box .time{font-size: 80% !important;color: #666 !important;display: inline-block !important;margin:-10px 0 2px 0  !important;vertical-align: middle !important;}

.listbox .category{display: inline-block;vertical-align: middle;text-align:center;  border-radius: 24px;}
.listbox .category a{
color: #fff;
border:1px solid #333;background:#fff;text-align:center;  border-radius: 24px;
display: inline-block;
min-width:70px;
line-height:1;
font-size:60%;
text-align:center;
vertical-align:top;
color:#333 !important;padding: 4px !important;}

.listbox ul{
background: none !important;
list-style-type: none !important;
list-style-position: outside !important;
padding: 0 !important;
margin-bottom: 0 !important;
}
.listbox ul li{
position: relative;line-height: 1.3 !important;
padding-left: 0 !important;
margin-bottom: 0 !important;
}
.listbox ul li:before{
content: "" !important;
color:#333 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
}

.nav-links a{margin: 0 5px !important;}
/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 600px){
.listbox .title{font-size: 100%;line-height: 1.3; line-height: 1.3;margin: 0 0 5px 0;}
.list_box .title{font-size: 100%;line-height: 1.3; line-height: 1.3;margin: 0 0 5px 0;}
}
@media screen and (max-width: 480px){
.listbox{width:100% !important; display: inline-block;vertical-align: top;}
.listbox .title{font-size: 90%;line-height: 1.3; margin: 0 0 5px 0;}
.list_box .title{font-size 90%;margin: 0 0 5px 0;}

.listbox .thumb{float: left;width: 130px !important;}
.listbox .thumb img{padding: 0 0.8em 2px 0;width: 100% !important; height:85px !important; display: inline-block;vertical-align: top;object-fit: cover; }

.list_box .icon_image{float: left;width: 110px !important;}
.list_box .icon_image img{padding: 0 0.8em 2px 0;width: 100% !important; height:80px !important; display: inline-block;vertical-align: top;object-fit: cover; }


.listbox .date{font-size: 85%;margin-top:-5px;}
.list_box .time{font-size: 85% !important;top:-15px !important;}



}
/*--------------------------------------------------------------------------------*/

/*ページャー*/
.pager{width: 100%;
text-align: center !important;
font-size: 50%;
padding:0;margin-top: 0;
}
.pager a{}
.pager h2{display: none !important;}

.wp-pagenavi {text-align: center;display: block;margin-top: 5px;}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none;
padding: 2px 3px;
margin: 0px;font-size:50%;display: inline-block;
}

.p-footer {margin: 10px 0 0 0;}
.p-footer .date {margin-right: 5px;font-size: 80%;display: inline-block; vertical-align: middle;}

.p-footer .category{display: inline-block;vertical-align: middle;margin-right: 10px;}
.p-footer .category ul li{
margin-right: 10px;background: #fff;color:#4C4C4C;border:1px solid #4C4C4C;
display: inline-block;
min-width: 90px;
line-height:1;
font-size:75%;
text-align:center;  border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
}
.p-footer .category a{display: block;text-decoration:none;padding: 4px;color:#4C4C4C;}
.p-footer .category ul li:hover{}

.p-footer .tag {padding: 0 8px;display: inline-block;font-size: 80%;line-height: 1.3;border-left: 1px solid #000;vertical-align: middle;}


.page .conts video {max-width: 100%;margin: 0 auto;display: block;}
.page .conts iframe{max-width: 100%;margin: 0 auto;display: block;}

/*検索ページ*/
.page .searchs{margin: -70px 0 25px 0;font-size: 100%;}
.page .searchs h2{
position: relative;
padding: 0.8rem 1.5rem;
background: #0275CF;
font-size: 100% !important;
color: #fff;
font-weight:normal;
line-height: 1.3;
text-align: center;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
font-weight:600;
text-align: left;
}


.page .searchs .search-btn{margin:0 0 15px 0;display: inline-block;background:#0075CF;
font-size:120%;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));line-height: 1;}
.page .searchs .search-btn .search-icon{background: url(../images/search-icon.png) no-repeat center left;padding:3px 0 3px 30px;}
.page .searchs .search-btn a{display: block;text-decoration:none;color:#fff;padding:30px 100px;}

.page .searchs .search-btn:hover{background:#68E7C9;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
.page .searchs{margin: 0 0 25px 0;}
}

@media screen and (max-width:480px){
.page .searchs .search-btn{margin:0 0 5px 0;width:80%;
font-size:110%;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));}
.page .searchs .search-btn .search-icon{background-size: 20px auto;padding:3px 0 3px 26px;}
.page .searchs .search-btn a{display: block;text-decoration:none;color:#fff;padding:20px;}
}

@media screen and (max-width:400px){
.page .searchs .search-btn{width:100%;}
}


/*--------------------------------------------------------------------------------*/


/*検索結果ページ*/
.page .conditions{margin: -70px 0 25px 0;font-size:100%;}

.page .count{text-align: left;background-color: #68E7C9;display:inline-block;font-weight:500;padding:12px 30px;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));margin: 0 0 24px 0;line-height: 1;}
.page .count .txt{font-size:110%;display: inline-block;vertical-align: middle;}
.page .count .number{font-size:170%;display: inline-block;vertical-align: middle}
.count.fixed {
	position: fixed;
	top: 50px;
	left: auto;
	z-index: +1;
}
.count.fixed.none {
	opacity: 0;
	z-index: -1;
}
.page .conditions h2{
position: relative;
padding: 0.8rem 1.5rem;
background: #0275CF;
font-size: 110% !important;
color: #fff;
font-weight:normal;
line-height: 1.3;
margin:0 0 15px 0 !important;
text-align: center;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
font-weight:600;
text-align: left;
}

.page .conditions .mark{color:#0275CF;margin-right:2px;font-weight:600;}
.page .conditions .title{font-weight:600;margin-right:14px;}

.dataTable{width:100% !important;margin-bottom: 0;}
.page .results table{width:100% !important;margin-bottom: 0;}
.page .results{overflow-x: auto;}

.dt-column-title{white-space: nowrap;}

.full-width{width: 100% !important;padding: 0 50px !important;}

.page .results table a{color:#0275CF;font-weight:600;}
.page .results table th,.page .results table td {padding: 8px;font-size:  85%;text-align: center;}
.page .results table .l-th {
  text-align: left;
background: #F5F6F7;
font-weight: normal;
}

.page .results table .th-01{width:120px;}
.page .results table .th-02{width::60px;}
.page .results table .tel {}
.page .results table .jimusho {font-size:110%;font-weight:600;}
.page .results table .add-tel {font-size::80%;margin-top:5px;}
.results table .add {}
.page .results table .tel {}
.page .results table .date,.results table .time {font-size::80%;}

.nowrap{white-space:nowrap;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {

.page .conditions{margin: 0 0 25px 0;}
}
@media screen and (max-width: 600px) {
.page .results table th,.page .results table td{font-size:70%;}
.page .results table .jimusho{font-size:120%;}

}
/*--------------------------------------------------------------------------------*/


/*検索結果詳細ページ*/
.page .details table,.page .details ul{margin:0 !important;}
.page .details .beside li{display:inline-block;margin-right:20px;}

/*検索結果詳細ページbeside項目表示*/
.beside li span{margin-right:0.4em;}

/*besideのul　li設定を削除*/
.beside{
background: none !important;
list-style-type: none !important;
list-style-position: outside !important;
padding: 0 !important;
margin-bottom: 0 !important;
}
.beside li {
position: relative !important;line-height: 1 !important;
padding-left: 0 !important;
}

.beside li:before {
content: "" !important;
color:none !important;
position: static !important;
left: 0 !important;
top: 0 !important;
}

.beside li:after {
content: "/" !important;
color:none !important;
position: static !important;
left: 0 !important;
top: 0 !important;
margin-left: 1.5em !important;
}

.last-updated-date{margin-bottom: 1em !important;color:#d9111b;}

/*検索結果下部*/
.button-group{margin: 15px 0 !important;}
.dt-buttons a{color: #fff !important;}
/*検索結果ページネーション*/
.pagination{
margin: 15px 0 !important;
text-align: center !important;
}
.pagination a{
margin: 0 !important;
padding: 0 !important;
}
.pagination li{
margin: 0 8px !important;
padding: 0 !important;
}

.pagination li:before {
content: "" !important;
color:none !important;
position: static !important;
left: 0 !important;
top: 0 !important;
}
/*左右にスクロールできます*/
#js-search-results p {color:#d9111b;font-weight:bold;}
/*記号の説明文*/
.sign-explain{margin:0 0 20px 0;line-height1.4;}
.sign-explain .mark{color:#0275CF;margin-right:2px;font-weight:600;}
.sign-explain .handan{font-size:85% !important;}