@charset "UTF-8";

/*
.test {
 font-size: 0.8em; 全体（スマホ含み） 
}@media screen and (min-width:1025px ) {
.test {
 font-size: 1.0em; PC用だけ
  }
*/

/*全体*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p{
	margin: 0;
	padding: 0;
}

body {
font-feature-settings: "palt";
letter-spacing:0.5px;
}

body.single p.hiduke {
 font-size: 0.8em;
}@media screen and (min-width:1025px) {
  body.single p.hiduke {
 font-size: 1.0em;
  }
}

picture{
  margin: 0 0 60px 0;
  padding: 0;
  display: inline-block; /* 必要に応じて block や flex に変更 */
}

picture:first-child{
  margin: 0;
}

picture img{
  max-width: 100%; /* レスポンシブ化 */
  height: auto;    /* アスペクト比を維持 */
  display: block;  /* 下部の余白（隙間）を消す */
  vertical-align: middle; /* 上下中央寄せが必要な場合 */
}



/*トップページ*/
body.home div.new p.new-heading {
     padding: 10px 20px;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    color: #221f51;
    border-bottom: dotted 2px #221f51;
    border-left: 3px solid #221f51;
}@media screen and (min-width:1025px) {
  body.home div.new p.new-heading {
    font-size: 1.7em;
  }
}

/*固定ページ テンプレ*/

article.page-php p,article.page-php div{
	box-sizing:border-box;
}

article.page-php p{
	margin:0 0 30px 0;
	padding:0 !important;
}

article.page-php{
	width:92% !important;
	margin:0 auto;
}@media screen and (min-width:1025px) {
  article.page-php {
	width:1000px !important;
	margin:0 auto;
  }
}

article.page-php > section{
	width:100% !important;
	margin:0 auto;
}@media screen and (min-width:1025px) {
  article.page-php > section {
	width:960px !important;
	margin:0 auto;
  }
}

article.page-php > section > div{
	width:100%  !important;
	margin:0 auto;
}@media screen and (min-width:1025px) {
  article.page-php > section > div {
	width:920px !important;
	margin:0 auto;
  }
}

article.page-php h2{
    margin: 60px 0 30px 0 !important;
    font-size: 23px !important;
    font-weight: bold !important;
}@media screen and (min-width:1025px) {
  article.page-php h2{
    font-size: 26px !important;

  }
}

article.page-php h3{
margin: 0 0 20px 0 !important;
line-height:1.5 !important;
}



/*産業廃棄物とは*/


@media screen and (max-width: 600px) {
div.table-wrap {
  overflow-x: scroll;
}
}


table.sangyo {
    width: 100%;
    margin: 0 0 10px 0;
	padding:10px;
    border-collapse: collapse;
    font-size: 14px;
}@media screen and (max-width: 600px) {
table.sangyo {
  white-space: nowrap;
}
}


table.sangyo th{
	padding:10px;
background:#feffc5;
border:1px solid #CCC;
}

table.sangyo td{
padding:10px;
background:#fff;
border:1px solid #CCC;
}

table.sangyo td:first-child, table.sangyo th:first-child{
width:140px;
}@media screen and (max-width: 600px) {
table.sangyo td:first-child, table.sangyo th:first-child{
  min-width: 140px;
  white-space: break-spaces;
}
}

@media screen and (max-width: 600px) {
table.sangyo td, table.sangyo th{
  min-width: 460px;
  white-space: break-spaces;
}
}



div.bg-yellow-indust {
    padding: 25px;
    background: #ffffde;
    border-radius: 6px;
    border: 7px solid #f7f7c5;
}

div.bg-yellow-indust p:last-child{
    margin: 0;
    padding: 0;
}

article.page-php p.ttl_balloon {
  font-weight: bold;
  padding:0.5em !important;
  background-color: #4c9ac0;
  color: #fff;
  position: relative;
}@media screen and (min-width:1025px) {
  article.page-php p.ttl_balloon {
  padding:0.5em 1em !important;
  }
}

article.page-php p.ttl_balloon:before {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left:50%;
  top: 100%;
  border-color: transparent;
  border-top-color: #4c9ac0;
  border-width: 6.5px;
}

p.manifest-txt{
	width:94%;
	margin:0 auto !important;
}

/*サイトマップ*/

div.sitemap-sp{
	width:90%;
	margin:0 auto;
}

div.sitemap-sp h2{
	margin:0 0 40px 0 !important;
	font-size:24px;
	font-weight:bold;
}

div.sitemap-sp h3{
	margin:0 0 50px 0 !important;
    border-top: double 3px #333;
    border-bottom: solid 1px #333;
    padding: 25px 16px 20px;
    font-size: 21px;
    letter-spacing: 0.1em;
    color: #333;
    font-weight: 400;
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    text-align: left;
    line-height: 1.3;
}

div.sitemap-sp article{
  display: flex;
  flex-wrap: wrap;
justify-content: space-between;
}

div.sitemap-sp article div{
	width:48%;
}

div.sitemap-sp ul{
	width:92%;
	margin:0 auto 70px;
	font-size:1.1em;
}

div.sitemap-sp ul li{
	margin:0 0 30px 0;
	padding-left:1em;
	text-indent:-0.62em;
}
div.sitemap-sp ul li:last-child{
	margin:0;
}

div.sitemap-sp ul li a{
	color:#333 !important;
	text-decoration:underline;
}

div.sitemap-sp ul li::before {
  content: url("https://www.endoshokai.co.jp/wp-content/uploads/chevrons-right.svg");
  vertical-align: bottom;
  display: inline-block;
vertical-align:middle;
}


/*用語ページ*/

div.glossary-words {width:100%; margin:0 auto 60px ; color: #333;}
div.flex-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

div.flex-box > div{
width:49%;
}
div.glossary-words-content{
	padding:0 15px;
}

div.glossary-words-content ul li{
	margin:0 0 30px 0;
	text-indent: -1em;
	padding-left: 1em;
}
div.glossary-words-content ul li strong{
font-size:18px;
}
div.glossary-words-content ul li strong a{
color:#2c20c7;
	text-decoration:underline;
}
div.glossary-words-content ul li:before{
content: '>';
	padding-right:4px;
}


div.glossary-words p{margin: 0 0 20px 0; padding:0;}
div p.eye-catch{margin-bottom:40px;}
div p.eye-catch img{width:100% !important;}
div.glossary-words h2{
  margin: 50px auto 30px;
border-top: double 3px #333;
  border-bottom: solid 1px #333;
  padding: 25px 16px 20px;
  font-size: 24px;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
	line-height:1.3;
}

div.glossary-words h2 span{
font-size:16px;
}

/*投稿ページ 遠藤紹介PRエリア*/

section.shingle-endo-pr-area{
 margin:100px 0 0 0;
}@media screen and (min-width:1025px) {
  section.shingle-endo-pr-area {
 margin:100px 0 0 0;
  }
}

body.single section.shingle-endo-pr-area h3.shingle-endo{
  padding: 0.3em 0.5em 0.5em;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#6d7ae0), to(#49ebdf));
  background-image: -webkit-linear-gradient(left, #6d7ae0 0%, #49ebdf 100%);
  background-image: linear-gradient(to right, #6d7ae0 0%, #49ebdf 100%);
}@media screen and (min-width:1025px) {
body.single section.shingle-endo-pr-area h3.shingle-endo{
  padding: 0.3em 0.5em ;
  }
}

section.shingle-endo-pr-area p{
margin:0 0 20px 0;
}



div.article-area article {color: #333;}
div.article-area article h2{margin:60px 0 20px; padding:10px; font-weight:bold; border-bottom:1px double #333; font-size:22px;}
div.article-area article table{margin:20px 0 30px;}
div.article-area article table th{font-weight:bold;}
div.article-area article a{color:blue;}
div.article-area article p{margin-bottom:30px;}
div.article-area article p.mbnone{margin-bottom:0px !important;}
div.article-area article ul,div.article-area article ol{margin-bottom:30px;}
div.article-area article ul li,div.article-area article ol li{font-weight:bold;}
div.article-area article p.font-small{font-size:small;}
div.article-area article hr{margin:60px 0;}

/* ------- common ------- */

/* Margin-Top & Padding-Top */
.mt00 { margin-top: 0px !important; } .pt00 { padding-top: 0px !important; }
.mt04 { margin-top: 4px; } .pt05 { padding-top: 4px; }
.mt05 { margin-top: 5px; } .pt05 { padding-top: 5px; }
.mt06 { margin-top: 6px; } .pt06 { padding-top: 6px; }
.mt07 { margin-top: 7px; } .pt07 { padding-top: 7px; }
.mt08 { margin-top: 8px; } .pt08 { padding-top: 8px; }
.mt09 { margin-top: 9px; } .pt09 { padding-top: 9px; }
.mt10 { margin-top: 10px !important; } .pt10 { padding-top: 10px !important; }
.mt15 { margin-top: 15px !important; } .pt15 { padding-top: 15px !important; }
.mt20 { margin-top: 20px !important; } .pt20 { padding-top: 20px !important; }
.mt25 { margin-top: 25px !important; } .pt25 { padding-top: 25px !important; }
.mt30 { margin-top: 30px !important; } .pt30 { padding-top: 30px !important; }
.mt35 { margin-top: 35px !important; } .pt35 { padding-top: 35px !important; }
.mt40 { margin-top: 40px !important; } .pt40 { padding-top: 40px !important; }
.mt45 { margin-top: 45px !important; } .pt45 { padding-top: 45px !important; }
.mt50 { margin-top: 50px !important; } .pt50 { padding-top: 50px !important; }
.mt55 { margin-top: 55px !important; } .pt55 { padding-top: 55px !important; }
.mt60 { margin-top: 60px !important; } .pt60 { padding-top: 60px !important; }
.mt65 { margin-top: 65px; } .pt65 { padding-top: 65px; }
.mt70 { margin-top: 70px; } .pt70 { padding-top: 70px; }
.mt75 { margin-top: 75px; } .pt75 { padding-top: 75px; }
.mt80 { margin-top: 80px; } .pt80 { padding-top: 80px; }
.mt85 { margin-top: 85px; } .pt85 { padding-top: 85px; }
.mt90 { margin-top: 90px; } .pt90 { padding-top: 90px; }
.mt95 { margin-top: 95px; } .pt95 { padding-top: 95px; }
.mt100{ margin-top:100px; } .pt100{ padding-top:100px; }
.mt110{ margin-top:110px; } .pt110{ padding-top:110px; }
.mt120{ margin-top:120px; } .pt120{ padding-top:120px; }

.pt40_s { padding-top: 40px; }
.pt60_s { padding-top: 60px; }
.pt80_s { padding-top: 80px; }
.pt100_s { padding-top: 100px; }

.mt20_s{margin-top: 20px;}

/* Margin-Right & Padding-Right */
.mr00 { margin-right: 0px; } .pr00 { padding-right: 0px; }
.mr01 { margin-right: 1px; } .pr01 { padding-right: 1px; }
.mr02 { margin-right: 2px; } .pr02 { padding-right: 2px; }
.mr03 { margin-right: 3px; } .pr03 { padding-right: 3px; }
.mr04 { margin-right: 4px; } .pr04 { padding-right: 4px; }
.mr05 { margin-right: 5px; } .pr05 { padding-right: 5px; }
.mr06 { margin-right: 6px; } .pr06 { padding-right: 6px; }
.mr07 { margin-right: 7px; } .pr07 { padding-right: 7px; }
.mr08 { margin-right: 8px; } .pr08 { padding-right: 8px; }
.mr09 { margin-right: 9px; } .pr09 { margin-right: 9px; }
.mr10 { margin-right: 10px; } .pr10 { padding-right: 10px; }
.mr15 { margin-right: 15px; } .pr15 { padding-right: 15px; }
.mr20 { margin-right: 20px; } .pr20 { padding-right: 20px; }
.mr25 { margin-right: 25px; } .pr25 { padding-right: 25px; }
.mr30 { margin-right: 30px; } .pr30 { padding-right: 30px; }
.mr35 { margin-right: 35px; } .pr35 { padding-right: 35px; }
.mr40 { margin-right: 40px; } .pr40 { padding-right: 40px; }
.mr45 { margin-right: 45px; } .pr45 { padding-right: 45px; }
.mr50 { margin-right: 50px; } .pr50 { padding-right: 50px; }
.mr55 { margin-right: 55px; } .pr55 { padding-right: 55px; }
.mr60 { margin-right: 60px; } .pr60 { padding-right: 60px; }
.mr65 { margin-right: 65px; } .pr65 { padding-right: 65px; }
.mr70 { margin-right: 70px; } .pr70 { padding-right: 70px; }
.mr75 { margin-right: 75px; } .pr75 { padding-right: 75px; }
.mr80 { margin-right: 80px; } .pr80 { padding-right: 80px; }
.mr85 { margin-right: 85px; } .pr85 { padding-right: 85px; }
.mr90 { margin-right: 90px; } .pr90 { padding-right: 90px; }
.mr95 { margin-right: 95px; } .pr95 { padding-right: 95px; }
.mr100{ margin-right:100px; } .pr100{ padding-right:100px; }


/* Margin-Bottom & Padding-Bottom */
.mb00 { margin-bottom: 0px !important; } .pb00 { padding-bottom: 0px !important; }
.mb01 { margin-bottom: 1px; } .pb01 { padding-bottom: 1px; }
.mb02 { margin-bottom: 2px; } .pb02 { padding-bottom: 2px; }
.mb03 { margin-bottom: 3px; } .pb03 { padding-bottom: 3px; }
.mb04 { margin-bottom: 4px; } .pb04 { padding-bottom: 4px; }
.mb05 { margin-bottom: 5px; } .pb05 { padding-bottom: 5px; }
.mb06 { margin-bottom: 6px; } .pb06 { padding-bottom: 6px; }
.mb07 { margin-bottom: 7px; } .pb07 { padding-bottom: 7px; }
.mb08 { margin-bottom: 8px; } .pb08 { padding-bottom: 8px; }
.mb09 { margin-bottom: 9px; } .pb09 { padding-bottom: 9px; }
.mb10 { margin-bottom: 10px !important; } .pb10 { padding-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; } .pb15 { padding-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; } .pb20 { padding-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; } .pb25 { padding-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; } .pb30 { padding-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; } .pb35 { padding-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; } .pb40 { padding-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; } .pb45 { padding-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; } .pb50 { padding-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; } .pb55 { padding-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; } .pb60 { padding-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; } .pb65 { padding-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; } .pb70 { padding-bottom: 70px !important; }
.mb75 { margin-bottom: 75px; } .pb75 { padding-bottom: 75px; }
.mb80 { margin-bottom: 80px; } .pb80 { padding-bottom: 80px; }
.mb85 { margin-bottom: 85px; } .pb85 { padding-bottom: 85px; }
.mb90 { margin-bottom: 90px; } .pb90 { padding-bottom: 90px; }
.mb95 { margin-bottom: 95px; } .pb95 { padding-bottom: 95px; }
.mb100{ margin-bottom:100px; } .pb100{ padding-bottom:100px; }

/* Margin-Left & Padding-Left */
.ml00 { margin-left: 0px !important; } .pl00 { padding-left: 0px; }
.ml05 { margin-left: 5px; } .pl05 { padding-left: 5px; }
.ml06 { margin-left: 6px; } .pl06 { padding-left: 6px; }
.ml07 { margin-left: 7px; } .pl07 { padding-left: 7px; }
.ml08 { margin-left: 8px; } .pl07 { padding-left: 8px; }
.ml09 { margin-left: 9px; } .pl07 { padding-left: 9px; }
.ml10 { margin-left: 10px; } .pl10 { padding-left: 10px; }
.ml15 { margin-left: 15px; } .pl15 { padding-left: 15px; }
.ml20 { margin-left: 20px; } .pl20 { padding-left: 20px; }
.ml25 { margin-left: 25px; } .pl25 { padding-left: 25px; }
.ml30 { margin-left: 30px; } .pl30 { padding-left: 30px; }
.ml35 { margin-left: 35px; } .pl35 { padding-left: 35px; }
.ml40 { margin-left: 40px; } .pl40 { padding-left: 40px; }
.ml45 { margin-left: 45px; } .pl45 { padding-left: 45px; }
.ml50 { margin-left: 50px; } .pl50 { padding-left: 50px; }
.ml55 { margin-left: 55px; } .pl55 { padding-left: 55px; }
.ml60 { margin-left: 60px; } .pl60 { padding-left: 60px; }
.ml65 { margin-left: 65px; } .pl65 { padding-left: 65px; }
.ml70 { margin-left: 70px; } .pl70 { padding-left: 70px; }
.ml75 { margin-left: 75px; } .pl75 { padding-left: 75px; }
.ml80 { margin-left: 80px; } .pl80 { padding-left: 80px; }
.ml85 { margin-left: 85px; } .pl85 { padding-left: 85px; }
.ml90 { margin-left: 90px; } .pl90 { padding-left: 90px; }
.ml95 { margin-left: 95px; } .pl95 { padding-left: 95px; }
.ml100{ margin-left:100px; } .pl100{ padding-left:100px; }
.ml11 { margin-left: 11px; } .pl63{ padding-left:63px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }

/* Margin & Padding */
.m00 { margin: 0px !important; } .p00 { padding: 0px; }
.m05 { margin: 5px; } .p05 { padding: 5px; }
.m10 { margin: 10px; } .p10 { padding: 10px; }
.m15 { margin: 15px; } .p15 { padding: 15px; }
.m20 { margin: 20px; } .p20 { padding: 20px; }
.m25 { margin: 25px; } .p25 { padding: 25px !important; }
.m30 { margin: 30px; } .p30 { padding: 30px; }
.m35 { margin: 35px; } .p35 { padding: 35px; }
.m40 { margin: 40px; } .p40 { padding: 40px; }
.m45 { margin: 45px; } .p45 { padding: 45px; }
.m50 { margin: 50px; } .p50 { padding: 50px; }
.m55 { margin: 55px; } .p55 { padding: 55px; }
.m60 { margin: 60px; } .p60 { padding: 60px; }
.m65 { margin: 65px; } .p65 { padding: 65px; }
.m70 { margin: 70px; } .p70 { padding: 70px; }
.m75 { margin: 75px; } .p75 { padding: 75px; }
.m80 { margin: 80px; } .p80 { padding: 80px; }
.m85 { margin: 85px; } .p85 { padding: 85px; }
.m90 { margin: 90px; } .p90 { padding: 90px; }
.m95 { margin: 95px; } .p95 { padding: 95px; }
.m100{ margin:100px; } .p100{ padding:100px; }

.mt20s{
  margin-top: 20px;
}

/* width & height */
.width00 { width: 0px; } .height00 { height: 0px; }
.width05 { width: 5px; } .height05 { height: 5px; }
.width10 { width: 10px; } .height10 { height: 10px; }
.width15 { width: 15px; } .height15 { height: 15px; }
.width20 { width: 20px; } .height20 { height: 20px; }
.width25 { width: 25px; } .height25 { height: 25px; }
.width30 { width: 30px; } .height30 { height: 30px; }
.width35 { width: 35px; } .height35 { height: 35px; }
.width40 { width: 40px; } .height40 { height: 40px; }
.width45 { width: 45px; } .height45 { height: 45px; }
.width50 { width: 50px; } .height50 { height: 50px; }
.width55 { width: 55px; } .height55 { height: 55px; }
.width60 { width: 60px; } .height60 { height: 60px; }
.width65 { width: 65px; } .height65 { height: 65px; }
.width70 { width: 70px; } .height70 { height: 70px; }
.width75 { width: 75px; } .height75 { height: 75px; }
.width80 { width: 80px; } .height80 { height: 80px; }
.width85 { width: 85px; } .height85 { height: 85px; }
.width90 { width: 90px; } .height90 { height: 90px; }
.width95 { width: 95px; } .height95 { height: 95px; }
.width100{ width:100px; } .height100{ height:100px; }
.width150{ width:150px; } .height150{ height:150px; }
.width300{ width:300px; } .height300{ height:300px; }
.width350{ width:350px; } .height350{ height:350px; }
.width400{ width:400px; } .height400{ height:400px; }
.width450{ width:450px; } .height450{ height:450px; }
.width500{ width:500px; } .height500{ height:500px; }
.width550{ width:550px; } .height550{ height:550px; }

.fs_11{font-size:11px;}
.fs_16{font-size:16px;}
.fs_20{font-size:20px;}
.fs_22{font-size:22px;}
.fs_24{font-size:24px;}
.fs_26{font-size:26px;}
.fs_36{font-size:36px;}

.f_40{font-size: 40% !important}
.f_50{font-size: 50% !important;}
.f_60{font-size: 60% !important;}
.f_70{font-size: 70% !important;}
.f_80{font-size: 80% !important;}
.f_90{font-size: 90% !important;}
.f_110{font-size: 110% !important;}
.f_120{font-size: 120% !important;}
.f_130{font-size: 130% !important;}
.f_140{font-size: 140% !important;}
.f_150{font-size: 150% !important;}
.f_160{font-size: 160% !important;}
.f_170{font-size: 170% !important;}
.f_180{font-size: 180% !important;}
.f_190{font-size: 190% !important;}
.f_200{font-size: 200% !important;}
.f_250{font-size: 250% !important;}
.f_300{font-size: 300% !important;}

.fw_100{font-weight: 100;}
.fw_200{font-weight: 200;}
.fw_300{font-weight: 300;}
.fw_400{font-weight: 400;}
.fw_500{font-weight: 500;}
.fw_600{font-weight: 600;}
.fw_700{font-weight: 700;}
.fw_800{font-weight: 800;}
.fw_900{font-weight: 900;}

.ls_1{letter-spacing: 1px;}

.w_10{width: 9%;}
.w_15{width: 14%;}
.w_20{width: 18.5%; margin-right: 2%;}
.w_25{width: 21.5%; margin-right: 2%;}
.w_30{width: 28.5%;}
.w_33{width: 30%; margin: 0 1.5%; vertical-align: top;}
.w_35{width: 32.5%;  margin: 0 1.5%; vertical-align: top;}
.w_40_2{width:40%;}
.w_40{width: 36%; margin: 0 1.5%;}
.w_50{width: 46%;
  margin-right: 1.5%;
  margin-bottom: 3%;
  margin-left: 1.5%;}
.w_60{width: 56%; margin: 0 1.5%;}
.w_65{width: 60%;  margin: 0 1.5%;}

.w_70{    width: 68.0%; margin: 0 1.5%;}
.w_75{width: 71.5%; margin-right: 4%;}
.w_80{width: 78.5%;}
.w_85{width: 83.5%;}
.w_90{width: 88.5%;}
.w_50-25{width: 48.5%;}

/* font 色・装飾 */

.txt-center{
	text-align:center;
}

.color-deepred{
	color: #800000 !important;
}

.color-green{
	color: #008000;
}

.color-deepgreen{
	color: #0c4b0c;
}

.color-navy{
	color: #003366
}

.color-olive{
	color: #808000 !important;
}

.color-linkblue{
	color: #000080 !important;
}
.color-orange{
	color: #ff6600; !important;
}

.color-indigoblue{
	color: #0064bd; !important;
}

.txt-bg-yellow{
	padding:2px 5px 4px;
	background:#fff687;
}

.txt-bg-green{
	padding:2px 5px 4px;
	background:#009c00;
    color: #fff;
}

.txt-bg-lightgreen{
	padding:2px 5px 4px;
	background:#e0ffb0;
}

.bg-white{
	background:#FFF;
}

.bg-gray{
	background:#f3f3f3; 
	border:1px solid #888;
}

.bg-skyblue-gradient{
  background: linear-gradient(to top, #FFF, #d6f7ff);
}



.box-bg-lightgreen{
	background:#f4ffd1;
}

h2.red-border-bottom{
	padding:10px 10px 12px;
	border-bottom:1px solid #d30707;
}

h2.red-border-left{
	border-left:5px solid #d30707;
}

h2.ttl_background-navy {
  font-weight: bold;
  background-color: #0a5b83;
  color: #fff;
  padding: 0.5em;
  position: relative;
}

h2.ttl_background-navy::after {
  content: '';
  background-color: #0a5b83;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0;
}

.extra-bold-l{
	font-size:34px;
	font-weight:bold;
}

.extra-bold-m{
	font-size:30px;
	font-weight:bold;
}

.extra-bold-s{
	font-size:23px;
	font-weight:bold;
}@media screen and (min-width:1025px) {
  .extra-bold{
    font-size: 26px !important;
  }
}

.extra-bold{
	font-size:21px;
	font-weight:bold;
}@media screen and (min-width:1025px) {
  .extra-bold{
    font-size: 23px !important;
  }
}

.font-large{
	font-size:20px;
	font-weight:bold;
}

.font14{
	font-size:14px;
}