@charset "utf-8";

/* ページのヘッダ背景 */
.page #pageheader{
width: 100%;position:relative;height: 450px;
z-index: 0 !important;
}
.page #pageheader .h-img img{
position: absolute;
width: 100%; /* 任意の幅を指定 */
height: 450px; /* 任意の高さを指定 */
object-fit: cover;top: 0;left: 0;
object-position: 30% 50%;
}

.page #pageheader .english{
position: absolute;
bottom: -8px !important;right: 0 !important;
object-fit: contain;
}

/* ページタイトル */
.page .pagetitle{
width:1000px;
position: relative;
z-index:0 !important;height:450px;
background-color:rgba(0,0,0,0);
margin: 0 auto;
}

.page .pagetitle .all-width{text-align: left;width:100%;}

.page .pagetitle .title-box{
position: absolute;
bottom:50px;
left: 0;
height: auto;
}

.page .pagetitle h1{font-size: 170%;line-height:1.3;color:#fff;font-weight: 700;letter-spacing: 0.1em !important;padding:15px 25px 15px 60px;background:#008ED8 url(../images/48.png) no-repeat left 20px center;background-size:32px auto;display: inline-block;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
.page .pagetitle{width:100%;}
}
@media screen and (max-width:768px){
.page #pageheader{height: 300px;}
.page #pageheader .h-img img {
position: absolute;
width: 100%; /* 任意の幅を指定 */
height: 300px; /* 任意の高さを指定 */
object-fit: cover;
}
.page .pagetitle{height:300px;}
.page .pagetitle .title-box{bottom:25px;}
.page .pagetitle h1{font-size: 140%;padding:12px 22px 12px 45px;background:#008ED8 url(../images/48.png) no-repeat left 10px center;background-size:28px auto;display: inline-block;}
.page #pageheader .english{width: 280px !important;bottom: -5px !important;}
}
/*--------------------------------------------------------------------------------*/




#breadcrumbs{font-size:12px;padding:0 0 0 0;}
#breadcrumbs .all-width{text-align:left;}
#breadcrumbs ul {padding:25px 0;}
#breadcrumbs ul li{display:inline-block;line-height:1.3;}



/*▼中面設定*/
.conts{background-color:#fff;font-size:90%;font-family: 'Noto-Regular', sans-serif;}
.conts .all-width{padding:50px 0 100px 0;margin:0 auto;line-height:2.0;width: 1000px;min-width: 1000px;
text-align:left;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1160px){
.conts .all-width{display: block;padding: 30px 0 60px 0;width:92%;min-width:92%;}
}
/*--------------------------------------------------------------------------------*/


/* 見出しh2〜h6 */
.conts h2{
position: relative;
padding: 0.8rem 1.5rem;
font-size: 24px;
font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  letter-spacing: 0.1em;
font-weight: normal;
line-height: 1.3;
margin:45px 0 20px 0;
text-align: center;
border-top: 1px solid #BDC9CF;border-bottom: 1px solid #BDC9CF;
}

.no-top{margin:0 0 20px 0 !important;}

.conts h3{
position: relative;
padding: 6px 12px;
font-size: 22px;
margin:45px 0 20px 0;
line-height: 1.4;
color: #fff;
  font-weight: normal;
text-align: center;
background-color:#008ED8;
}

.conts h4{color: #008ED8;font-size: 19px !important;letter-spacing:0.05em;line-height: 1.3;margin:45px 0 15px 0;position: relative;padding-left: 0.5em;border-left:4px solid #008ED8;}

.conts .btn{display: inline-block;
font-size: 16px;
margin:10px 0;
min-width: 350px;
line-height: 1.2;
color: #fff;
text-align: center;
background-color:#1F2B33;
border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius:24px;
}
.conts .btn a{display:block;color: #fff;padding: 14px 12px;}
.conts .btn a:hover{text-decoration: none;}
.conts .btn:hover{filter: alpha(opacity=7);-moz-opacity:0.7;opacity:0.7;}


/*投稿記事枠画像最大値*/
.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: 22px !important;margin: 10px auto 40px;}
.conts h3{font-size: 18px !important;}
}
@media screen and (max-width: 480px) {
.conts h2{font-size: 20px !important;}
.conts h3{font-size: 18px !important;}
.conts h4{font-size: 16.5px !important;}
.conts .btn{display: inline-block;
font-size: 16px;
margin:10px 0;
min-width: 100%;
}
}
/*--------------------------------------------------------------------------------*/

/*リスト*/
.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.6em;line-height: 1.3;
margin-bottom: 0.8em;
}
.conts ul li:before {
content: "●";
color:#BDC9CF;
position: absolute;
left: 0;
top: 0;
font-weight: bold;
font-family: 'Noto-Regular', sans-serif;
}

/*ページ内カテゴリ名の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: #BDC9CF;
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 #ddd;line-height:1.6;font-size:16px;
}
table caption {
font-weight: bold;
background-color: transparent;
text-align: center;
padding: 0.7em 0.7em;
 font-size: 20px;
}
table th, table td {
border: 1px solid #ddd;font-size:90%;
padding: 1.2em 1.2em;
}
table th {
background: #F9FAFF;
font-weight: normal;
width: 30%;
}
table thead th {
font-size: 0.9rem;
background-color:  ;
}
.table_line {
border: none;
}
.table_line th {
background: none;
border-left: 0;
border-right: 0;
text-align: left;
background:#F9FAFF;
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:14px;}
table th {white-space: normal;}
}
/*--------------------------------------------------------------------------------*/

/*背景色枠*/
.bg-box{padding:30px 40px;background-color:#F9FAFF;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.bg-box{padding:20px 25px;}
}
/*--------------------------------------------------------------------------------*/

/*お問い合わせフォーム*/
.formbox textarea{width:100%;height: 7em;}
.formbox input{width:60%;}
.formbox input[type="checkbox"] {width:auto;transform: scale(1.5);margin: -5px 20px 0 0;}
.formbox input,textarea{
padding: 6px;
border: 1px solid #ddd;
font-size: 16px ;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.formbox select{font-size: 17px !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:1px solid #1F2B33; width: 350px !important;font-size:16px !important;
border-radius: 24px;-webkit-border-radius:24px;-moz-border-radius: 24px;
background: #1F2B33;letter-spacing: 0.2em;
}
.formbox .formbuttan input:hover{
border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;
cursor:pointer;text-decoration: none !important;filter: alpha(opacity=7);-moz-opacity:0.7;opacity:0.7;}
.formbox .zipcode input{width:100px !important;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
/*お問い合わせフォーム*/
.formbox input{width:100%;}
.formbox .formbuttan input{width: 100% !important;padding: 14px 0 !important;}
.formbox .formbuttan input:hover{width: 100% !important;}
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/


/*アーカイブ（カテゴリ一覧）ページ*/
.listbox{
width:100% !important; display: inline-block;vertical-align: top;
margin: 0 0 24px 0;padding: 12px 20px 12px 30px;background-color: #F9FAFF;
display:table;margin-left: auto;
}

.listbox .l-box{display:table-cell;vertical-align: middle;padding-right: 20px;}
.listbox .r-box{display:table-cell;vertical-align: middle;width: 30px;}
.listbox .title{font-size: 16px;line-height: 1.3; margin: 0 0 5px 0;}
.listbox .title br{display: none;}
.listbox .date{font-size: 12px;color: #939393;display: inline-block;}
.listbox .date span{margin-right:5px;color: #BDC9CF;}
.listbox a{text-decoration:none;color: #005480;}

.listbox .thumb{float: left;width:100px !important;height: 80px;}
.listbox .thumb img{padding: 0 1em 0 0;width: 100% !important; height:80px !important; display: inline-block;vertical-align: top;object-fit: cover; }
.listbox .category{display: inline-block;vertical-align: middle;}
.listbox .category a{
color: #fff;
border:1px solid #01A8B8;background:#fff;
display: inline-block;
min-width:70px;
line-height:1;
font-size:8px;
text-align:center;
border-radius:18px !important;-webkit-border-radius: 18px !important;-moz-border-radius: 18px !important;vertical-align:top;
color:#01A8B8 !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:#0E2358 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.listbox{margin: 0 0 20px 0;padding: 12px 15px 12px 20px;}
.listbox .title{font-size: 95% !important;}
.listbox .l-box{display:table-cell;vertical-align: middle;padding-right: 15px;}
}
@media screen and (max-width: 480px){
.listbox .title{font-size: 100% !important;}
}
/*--------------------------------------------------------------------------------*/

/*ページャー*/
.pager{width: 100%;
text-align: center !important;
font-size: 13px;
padding:0;margin-top: 0;
}
.pager a{color: #000;}
.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: 14px;display: inline-block;
}

.p-footer {margin: 10px 0 0 0;}
.p-footer .date {margin-right: 5px;font-size: 13px;display: inline-block; vertical-align: middle;}

.p-footer .category{display: inline-block;vertical-align: middle;margin-right: 10px;}
.p-footer .category ul li{
color: #C2143D;margin-right: 10px;background: #1F2B33;color:#fff;
border:1px solid #1F2B33;
display: inline-block;
min-width: 90px;
line-height:1;
font-size:10px;
text-align:center;
border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px;vertical-align: middle;
}
.p-footer .category a{display: block;text-decoration:none;padding: 4px;color:#fff;}
.p-footer .category ul li:hover{}

.p-footer .tag {padding: 0 8px;display: inline-block;font-size: 13px;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;}