/*レスポンシブ02 グリーン 1カラム*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');/*-- google マテリアルアイコン --*/
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');

.pc{display:inline;}
.sp{display:none;}

.ta_c{text-align:center !important;}
.ta_r{text-align:right !important;}
.ta_l{text-align:left !important;}

.external_link{word-break: break-all;}
.external_link::before{font-family: 'Material Icons'; content: '\e89e'; vertical-align: middle; margin-right:0.2em; font-size: 1.1em; color: var(--tri-color);}

/*編集画面*/
.ams-build .freeHtml_body {
    min-height: 40px;
}
/*-------------
バッジ非表示
---------------*/
.recaptcha_policy {
padding: 0;
margin: 0;
text-align: center;
font-size: 11px !important;
color: #444 !important;
}
.recaptcha_policy a {
font-size: 11px !important;
color: #111 !important;
}
.grecaptcha-badge { visibility: hidden; }
body {
color: #1b1b1b;
font-weight: normal;
letter-spacing: unset;
font-family: 'Noto Serif JP', serif;
font-feature-settings: "palt";
}



.article.zero_margin, .gallery.zero_margin {
margin-bottom: 0!important;
padding-bottom: 0!important;
}
#topMenu_outer .topMenu li a {
font-weight: normal;
}
#mainTopics h2:after, #mainArticles .article h2:after, .article h3:after, .gallery h3:after, .freeHtml h3:after {
border-radius: 4px;
margin: 24px auto;
}
.article.bg_img {
background: url(/materials/177674209627201.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
overflow: hidden;
z-index: 0;
padding: 5vh 0;
/*--background-color:rgba(28,79,160,0.7);--*/
background-color:rgba(7,132,24,0.7);
background-blend-mode: darken;


}
.article.voice {
background: linear-gradient(rgba(245, 254, 255, 0.2), rgba(255, 255, 255, 0.6)), url(/materials/165510201553601.jpg) no-repeat bottom right;
background-size: cover;
background-attachment: fixed;
text-shadow: 0px 1px 2px white;
}

.article.mission p {
margin: 0;
font-size: 2em;
color: #fff;
line-height: 1.5;
}

.article.bg_img h3,
.article.bg_img p{
    color: #fff;
    text-shadow: 2px 2px 3px #292c46;
    /*--text-shadow: 2px 2px 3px #1c4fa0;--*/
    text-align: center;
}

.article.bg_img p{margin: 0; font-size: 1.2em; padding-left: 10px; padding-right: 10px;}
.article.bg_img p span{font-size: 1.5em;}

.article.voice:before {
content: '';
background: inherit;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: -1;
}

.article_center_mini .article_center .image{max-width: 44%; margin-left: auto; margin-right: auto;}

.article.contact {
padding: 0!important;
}
.article.contact .image {
margin-bottom: 0!important;
}
#mainTopics h2, #mainArticles .article h2, .article h3, .gallery h3, .freeHtml h3 {
margin: 0;
}

#mainArticles table.contactTable tr th {
font-weight: normal;
}
#mainArticles table.contactTable input.button, #mainArticles table.contactTable input[type="button"] {
border-radius: 4px;
}
div#footer li a {
font-weight: normal;
}
#mainArticles .envelope {
/*--background: #e7f5ff;
border: solid 3px #d5eaf9;--*/
background: #fff;
border: solid 3px var(--main-color);
}


/*----------header----------*/
#title h1 {
background: url(/materials/177666522476701.png) left center no-repeat;
background-size: contain;
height: 60px;
width: 240px;
}
h1 a {
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
display: block;
height: inherit;
}
#title #title_outer {
background: url(/materials/177666561189901.png) right center no-repeat;
background-size: 370px;
}


@media only screen and (max-width: 800px) {
#title h1 {
width: 256px;
}
#title #title_outer {
background-size: 256px;
}
}


@media only screen and (max-width: 600px) {
#title h1 {
padding-left: 0;
margin-left: 4%;
width: 150px;
height: 38px;
}
#title #title_outer {
background: none;
}

.article table.normalTbl th,
.article table.normalTbl td {
text-align: center;
}
.article table.normalTbl th {
font-weight: bold;
}
}


/*----------freeHTML----------*/
.side_address {
display: flex;
margin-bottom: 15px;
padding: 0;
box-sizing: border-box;
justify-content: center;
align-items: center;
}
.side_address .logo {
margin:0 auto 15px;
text-align: center;
width: 256px;
}
.side_address .txtblock {
width: 500px;
}
.side_address .sitename {
font-size: 20px;
font-weight: bold;
}
.side_address .txt {
/*--font-size: 15px;--*/
margin: 0 auto 15px;
color: #1b1b1b;
line-height: 1.8;
display: block;
letter-spacing: 0;
}
@media only screen and (max-width: 600px) {
.side_address {
display: flex;
margin-bottom: 15px;
padding: 0;
border-radius: 4px;
box-sizing: border-box;
justify-content: center;
flex-direction: column;
}
.side_address .logo {
width: 256px;
margin:  0 auto 5%;
display: flex;
align-items: center;
justify-content: center;
}
.side_address .txtblock {
display: flex;
align-items: center;
flex-direction: column;
}
.side_address .sitename {
/*--font-size: 18px;--*/
font-size: 16px;
font-weight: normal;
line-height: 1.3;
display: block;
margin: 0 auto 5px;
}
.side_address .txt {
font-size: 14px;
margin: 0 auto 5px;
color: #1b1b1b;
line-height: 1.6;
display: block;
text-align: center;
letter-spacing: 0;
white-space: nowrap;
}
}

#bottomLink{
display: none;
}
@media only screen and (max-width: 600px) {
#bottomLink {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
z-index: 1000;
height: 48px;
overflow: hidden;
display: block;
}
#bottomLink a {
display: block;
color: #fff;
background: var(--tri-color);
text-decoration: none;
font-size: 100%;
/*--line-height: 48px;--*/
line-height: 1.4;
height:100%;
}
#bottomLink a span {
display:block;
padding-top: 5px;
}
#wrap {
margin-bottom: 48px;
}
.article table.normalTbl th {
    background: #eee;
}
/* スマホで画像を文章下に配置 */
.image_bottom .article_body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
.image_bottom .article_body .image {
	order: 1;
}
}

#mainArticles div[id^="blog"] h2 {
width: auto;
}

.sideContents #sideServices h2, .sideContents #sideBlogCategories h2, .sideContents #sideBlogDates h2, .sideContents #sideMobile h2,.sideContents ul,.sideContents dl,
.sideContents .sideMobile p,.gallery ul.galleryGrids .comment,
.article table.normalTbl th,
.article table.normalTbl td,
#footer,
ul.maru,
ol.pp,
ul.notes,
ul.ps {
font-size: 18px;
}

.sideContents dl ul li a{font-size: 1.0em;}

ul.faq li.qus::before {
    background-color: var(--main-color);
}

ul.faq li.ans::before {
    background-color: var(--tri-color);
}

/*----------colors----------*/
:root{
--main-color:#078418;/*--013374--*/
--sub-color:#1b5c0e;/*--0b1b30--*/
--tri-color:#256519;/*--5ebbd4--*/
}

a {
color: var(--tri-color);
}
a.btn {
background: var(--main-color);
font-weight: normal;
}
a.btn:hover {
background: var(--sub-color);
}
.sideContents #sideServices h2:before, .sideContents #sideBlogCategories h2:before, .sideContents #sideBlogDates h2:before, .sideContents #sideMobile h2:before {
background: var(--tri-color);
}
ul.topics li p.date {
background: var(--main-color);
}
ul.topics li p.more a, #mainTopics .listview a {
background: var(--main-color);
font-weight: normal;
}
ul.topics li p.more a:hover, #mainTopics .listview a:hover {
background: var(--sub-color);
}

#topMenu_outer .topMenu li a:hover {
background: var(--main-color);
}
/*Footer*/
#footer {
background: var(--main-color);
}
#footer_body .topMenu li a,
#footer_body .services li a {
background: var(--main-color);
}
#footer_body .topMenu li a:hover,
#footer_body .services li a:hover {
background-color: var(--sub-color);
}
#footer_body .copyright {
/*--background: var(--sub-color);--*/
background: var(--main-color);
}

.sideContents ul li a:hover,
.sideContents dt a:hover {
background: var(--main-color);
}
.article.theme,
.gallery.theme {
background: var(--main-color);
}
#mainArticles h2,
#listTopics h2 {
background: var(--main-color);
}
#mainArticles .article h2:after {
background: var(--main-color);
}
#mainTopics h2:after,
.article h3:after,
.gallery h3:after,
.freeHtml h3:after {
background: var(--tri-color);
}

.article h4{
    padding-top: 0;
    padding-bottom: 0;
    border-radius:0;
    border: 0px none;
}

.article h4:before {
background: var(--tri-color);
height: 2px;
}
.article h5 {
border-left: solid 4px var(--tri-color);
}
.article h6:before {
color: var(--main-color);
}
ul.topics li h3 a {
color: var(--main-color);
}
ul.maru02 li:before {
color: var(--main-color);
}
#mainArticles table.contactTable tr td.th_headline {
background: var(--main-color);
}
#mainArticles table.contactTable input.button {
background: var(--main-color);
}


.btn_flex{display: flex; flex-wrap:wrap;}
.btn_flex li{width: 50%; padding: 10px; box-sizing: border-box;}

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

#mainContents{padding-bottom: 0;}

.article{margin-bottom: 0;}

#toggle {
background-color: var(--main-color);
}
.active #toggle {
background-color: var(--main-color);
}
#topMenu_outer .topMenu li a:hover {
background: var(--main-color);
}
#mainArticles h2, #listTopics h2 {
    margin: 0 0 0px;
}
}

@media only screen and (max-width: 480px) {
    .pc{display:none;}
    .sp{display:inline;}
    
    
    body {
    font-size: 14px;
    }
    .article.mission p {
    font-size: 1.5em;
    }
    
    .btn_flex li{width: 100%;}
    .article.bg_img p{font-size: 1em; text-align: left;}

    .sideContents #sideServices h2, .sideContents #sideBlogCategories h2, .sideContents #sideBlogDates h2, .sideContents #sideMobile h2,.sideContents ul,.sideContents dl,
    .sideContents .sideMobile p,.gallery ul.galleryGrids .comment,
    .article table.normalTbl th,
    .article table.normalTbl td,
    #footer,
    ul.maru,
    ol.pp,
    ul.notes,
    ul.ps {
    font-size: 14px;
    }

    #mainArticles h2{font-size: 1.5em;}
    /*--.article h3{font-size: 1.2em;}--*/
    }