/*レスポンシブ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');

/*----------colors----------*/
:root{
 
    --main-color:#b8d200;
    --sub-color:#70ad47;
    --tri-color:#e3ed99;
}

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

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

.mb0{margin-bottom: 0px !important;}
.pb0{padding-bottom: 0px !important;}
.m_auto{margin-left: auto; margin-right: auto;}

.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}

.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.pt40{padding-top: 40px;}
.pb40{padding-bottom: 40px;}

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

body {
color: #1b1b1b;
font-weight: normal;
letter-spacing: 1px;
/*--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.mission, .article.voice, .article.bg_img {
background: url(/materials/167653222599901.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-blend-mode: darken;
/*--
background-color:rgba(28,79,160,0.99);
background-blend-mode:lighten;--*/


}
.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;}
.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);
}

.article table#flowTbl td::after{color: var(--sub-color);}
.article table#flowTbl td {
  border: solid 5px var(--main-color);
  background: var(--tri-color);
}

/*----------header----------*/
#title h1 {
background: url(/materials/176282987336101.png) left center no-repeat;
background-size: contain;
height: 67px;
width: 270px;
margin-top: 4px;
margin-bottom: 4px;
}
h1 a {
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
display: block;
height: inherit;
}
#title #title_outer {
background: url(/materials/176283010065201.png) right center no-repeat;
background-size: 370px;
}

.gallery ul.galleryGrids .comment{font-weight: normal;}

@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: 220px;
height: 53px;
}
#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: 350px;
}

.side_address .logo img{width: 100%;}

.side_address .txtblock {
width: 550px;
}
.side_address .sitename {
font-size: 22px;
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: #fc7c34;
text-decoration: none;
font-size: 100%;
padding: 0;
line-height: 48px;
height:100%;
}
#bottomLink a span {
display:block;
}
#wrap {
margin-bottom: 40px;
}
}

#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(--sub-color);
}

ul.faq li.qus::before, ul.faq li.ans::before {margin: 0 8px 0 -40px;}

ul.StyleIconList {
    list-style: outside none;
    line-height: 2;
    padding-left: 2.2em;
}
ul.StyleIconList li {
    position: relative;
    font-size: 16px;
}
ul.StyleIconList li::before ,
ul.StyleIconList li::after {
    display: block;
    content: '';
    position: absolute;
}
ul.StyleIconList li::before {
    top: 0.4em;
    left: -1.9em;
    width: 1.2em;
    height: 1.2em;
    background-color: var(--sub-color);
    border-radius: 100%;
}
ul.StyleIconList li::after {
    top: 0.8em;
    left: -1.6em;
    width: 0.3em;
    height: 0.3em;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

ul.simpleList {
    padding-left: 2em;
}
ul.simpleList li {
    list-style-type: disc;
    padding: 5px;
}

a {
color: var(--sub-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);
}

#mainTopics{background: var(--tri-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);
}

.sideContents ul li{border-color: var(--tri-color);}
.sideContents ul li:last-of-type{border-bottom: var(--tri-color) 1px solid;}

.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:before {
background: var(--tri-color);
}--*/

.article h4 {
color: #000;
background: var(--tri-color);
border: none;
border-left: solid 6px var(--main-color);
border-radius: 0;
padding-left: 1em;
font-size: 1.5em;
}
.article h4:before {
content: none;
}

.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) {
#toggle {
background-color: var(--main-color);
}
.active #toggle {
background-color: var(--main-color);
}
#topMenu_outer .topMenu li a:hover {
background: var(--main-color);
}
}

@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 h4{font-size: 1.2em;}

    .mainImage img{min-height: 180px; object-fit: cover;}
    }

    
/*-------------
バッジ非表示
---------------*/
.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; }

/*編集画面*/
.ams-build .freeHtml_body {
    min-height: 40px;
}