@charset "UTF-8";
/*
Theme Name: plat
Theme URI: https://www.plat-com.jp/
Description: PlatTheme
Version: 2.0
Author: Yucky
*/

#wprmenu_menu_ul li:last-child {
display:none;
}




a {
text-decoration:none;
}
h1 {
margin:0;
padding:5px 10px;
color:#3f9031;
font-size:30px;
line-height:1.6;
background-color:#fef;
text-align:center;
border-top:4px solid #3f9031;
border-bottom:4px solid #3f9031;
}
h2 {
margin:0;
padding:10px;
color:#3f9031;
font-size:24px;
line-height:1.3;
background-color:#fff;
text-align:center;
border-top:4px solid #3f9031;
border-bottom:4px solid #3f9031;
}
h3 {
margin:0 10px 10px;
color:#3f9031;
font-size:20px;
line-height:1.3;
text-align:left;
background-color:#fff;
}
.listNone h3 {
margin:20px 10px;
}



h4 {
margin:0 0 5px;
color:#333;
font-size:20px;
line-height:1.2;
text-align:center;
}
h5 {
margin:0;
color:#333;
font-size:18px;
line-height:1;
text-align:left;
}
h6 {
margin:0;
color:#333;
font-size:16px;
line-height:1;
text-align:left;
}
#post h3.fsFont {
margin:20px auto;
text-align:center;
color:#000;
font-size: 20pt;
font-family: serif;
}
#pageTopImg {
width:100%;
height:auto;
line-height:1;
}
#pageTopImg img {
width:100%;
height:auto;
line-height:1;
}
#contents section #flexLink ul {
list-style-type:none;
margin:0 auto 30px;
}
#contents section #flexLink ul li {
list-style-type:none;
margin:10px auto;
text-align:center;
}
#contents section #flexLink ul li a {
display:inline-block;
color:#000;
padding:20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-weight:bold;
}
#contents section #flexLink ul li:first-child a {
background-color:#c0dabc;
}
#contents section #flexLink ul li:last-child a {
background-color:#c7c7f0;
}
#contents section #flexLink ul li:first-child a:hover {
background-color:#c7c7f0;
}
#contents section #flexLink ul li:last-child a:hover {
background-color:#c0dabc;
}
.plus {
text-align:center;
font-size:3em;
color:#3f9031;
margin:0 auto;
}

#contents section .newsList ul {
margin:1em 0 2em;
}
#contents section .newsList ul li dt img {
width:100%;
height:auto;
}
#contents section .newsList ul li dd {
margin:0;
padding:10px;
}
#contents section .newsList ul li dd h2 {
margin:0 0 10px;
padding:0;
font-size:1.1em;
background-color:#fff;
text-align:left;
border-top:none;
border-bottom:none;
}
#contents section .newsList ul li dd h2 a {
display:block;
text-align:left;
color:#000;
}
#contents section .newsList ul li dd h2 a:hover {
color:#3f9031;
}
#contents section .newsList ul li dd p.textRight {
color:#000;
text-align:right;
margin:0;
padding:0;
}

#contents section .newsList ul li dd p {
color:#333;
text-align:left;
margin:0 0 1em;
padding:0;
}

#contents section .newsList ul li dd h3 p {
color:#000;
}



#contents .listNone ul {
list-style-type:none;
margin:1em 10px;
}
#contents .listNone ul.listDots {
list-style:inside;
margin:0 10px 5px;
}
#contents .listNone ul li {
list-style-type:none;
margin:0 0 1em;
}
#contents .listNone ul.listDots li {
list-style-type:disc;
margin:0 10px 5px;
}
#contents .listNone ul li dl {
margin:0;
}


#contents .listNone ul li .alignnone {
display:block;
width:auto;
height:auto;
margin:0 auto 5px;
text-align:center;
}

#contents .listNone ul li h3 {
color:#3f9031;
font-weight:normal;
text-align:center;
}

#contents .listNone ul.fsCenter p {
margin:0 0 1em;
text-align:center;
}
#contents .listNone ul.arrowList li {
margin:0;
}

#contents .listNone ul.dlList dd img {
display:block;
margin:0 auto 10px;
text-align:center;
}





.arrowList dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.arrowList dt {
width:110px;
height:110px;
font-size:16px;
color:#3f9031;
background-color:#fef;
line-height:100px;
text-align:center;
border-radius: 50%;
border:2px solid #3f9031;
}

.arrowList dt.lines2 {
line-height:65px;
}
.arrowList dt.lines2 span {
display:block;
line-height:1;
}

.arrowList dd {
width:calc(100% - 110px);
}
.arrowList dd p {
margin-left:1em;
}

#contents .listNone ul.arrowList li.arrow {
display:block;
text-align:center;
width: 40px;
height: 40px;
line-height:1;
margin: 0 auto 20px;
border-bottom: 8px solid #3f9031;
border-right: 8px solid #3f9031;
transform: rotate(45deg);
}

#contents .listNone ul.arrowList2 li {
margin:0;
}
.arrowList2 dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}

#contents .arrowList2 dt p {
width:110px;
height:110px;
font-size:16px;
color:#3f9031;
background-color:#ffffc7;
line-height:100px;
text-align:center;
border-radius: 5px;
border:2px solid #3f9031;
margin:0 10px;
}


#contents .arrowList2 dt.lines1 p {
line-height:50px;
}
#contents .arrowList2 dt.lines2 p {
width:110px;
height:110px;
margin:6px 10px;
font-size:16px;
color:#3f9031;
background-color:#ffffc7;
line-height:50px;
text-align:center;
border-radius: 5px;
border:2px solid #3f9031;
}
.arrowList2 dt.lines2 span {
display:block;
line-height:1;
}

.arrowList2 dd {
width:calc(100% - 130px);
}


#contents .listNone ul.arrowList2 li.arrow {
display:block;
text-align:center;
width: 40px;
height: 40px;
line-height:1;
margin: 0 auto 20px;
border-bottom: 8px solid #3f9031;
border-right: 8px solid #3f9031;
transform: rotate(45deg);
}


#contents .dlList dt {
color:#3f9031;
font-size:24px;
}
#contents .dlList dd p {
margin:0 0 1em;
}
#contents .dlList dd p span {
display:block;
text-align:right;
}


#contents .bottomLink {
background-color:#c7c7f0;
color:#000;
padding-bottom:20px;
}
#contents .bottomLink dl {
padding-top:10px;
margin:0 0 20px;
}
#contents .bottomLink dl h5 {
line-height:1.4;
margin:0 0 10px;
text-align:center;
}
#contents .bottomLink a span.arrow {
display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 20px;
  border-top: 8px solid #e3e3f7;
  border-right: 8px solid #e3e3f7;
  transform: rotate(45deg);
}


#post #contents dl.tableColor {
margin:10px 0;
}

#post #contents dl.tableColor dt {
color:#000;
line-height:2;
background-color:#f0f0f0;
text-align:center;
}
#post #contents dl.tableColor dd {
color:#000;
line-height:1.6;
background-color:#fff;
margin:0;
padding:0 10px;
}
#post #contents dl.tableColor dd p {
color:#000;
line-height:1.6;
background-color:#fff;
margin:0;
padding:0;
}
#post #contents .forMail dl.tableColor dd {
color:#000;
line-height:1;
background-color:#fff;
margin:0;
padding:10px;
}

#post #contents dl.picLeft dt {
line-height:1;
background-color:#fff;
text-align:center;
}
#post #contents dl.picLeft dd {
color:#000;
line-height:1.6;
background-color:#fff;
margin:0;
padding:0 10px;
}
#post #contents dl.picLeft dd p {
color:#000;
line-height:1.6;
background-color:#fff;
margin:0 0 1em;
padding:0;
}
.topSP {
margin:10px 0;
}
.eyeCatching img {
width:100%;
height:auto;
}	
	
.accordion {
margin:10px 0;
}
#contents .accordion p {
margin:10px;
}

.accordion-hidden{
  display: none;
}


.accordion-open {
  display: block;
  padding: 10px 40px 10px 10px;
  background: #f0f0f0;
  cursor: pointer;
  margin: 5px 0;
  position: relative;
}
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

.accordion-hidden:checked + .accordion-open:after {
  transform: translateY(-50%) rotate(0);
}


.accordion-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.1s;
}

.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  padding: 10px;
  background: #fef;
}
.forMail {
margin:10px 0;
}
.banner {
width:90%;
max-width:1055px;
margin:2em auto 1em;
}
.banner h6 {
text-align:center;
font-size:20px;
}
.banner h6 a {
line-height:1.4;
padding:20px 10px;
color:#3f9031;
display:block;
background-color:#dfecdd;
border:1px solid #93bf8c;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.banner h6 a:hover {
color:#3f9031;
background-color:#fef;;
border:1px solid #3f9031;
}



.banner h6 span {
display:block;
}
.banner h6 span span{
display:none;
}



/* mobileL
---------------------------------------------------- */

@media screen and (min-width: 640px) {

h1 span {
font-size:1.3em;
}
h2 span {
font-size:1.2em;
}	
	
	
	
#contents section #flexLink ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content:center;
flex-wrap: wrap;
margin:20px auto;
}
#contents section #flexLink ul li {
margin:10px 20px;
}
#contents .listNone ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
margin:10px;
}
#contents .listNone ul li {
width:48%;
}
#contents .listNone ul.listDots li {
width:100%;
}
#contents .listNone ul.arrowList li {
width:100%;
}
#contents .listNone ul.arrowList2 li {
width:100%;
}
	
#contents .listNone ul.dlList li {
width:100%;
}	
#contents .listNone ul.three {
width:auto;
margin:10px;
}	
	
	
#contents .listNone ul.three li {
width:32%;
margin-top:10px;
}

#contents .listNone ul.three li .alignnone {
width:100%;
max-width:300px;
height:auto;
margin:0;
}
#contents .listNone ul.three li p{
margin:0;
}
#post #contents p.textRight {
text-align:right;
padding-right:1em;
}	
#post #contents h2 {
margin:10px 0;
}		
#post #contents dl.tableColor {
margin:10px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#post #contents dl.tableColor dt {
line-height:1.6;
width:25%;
padding:20px 10px;
border-bottom:1px solid #ccc;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#post #contents dl.tableColor dt:last-of-type {
border-bottom:none;
}	
#post #contents dl.tableColor dd {
width:75%;
padding:20px 10px;
line-height:1.6;
border-bottom:1px solid #ccc;
}
	
#post #contents dl.tableColor dd:last-child {
border-bottom:none;
}	
#post #contents dl.tableColor dd p {
line-height:1.6;
}	
#post #contents dl.picLeft {
width:auto;
display:block;
border:none;
margin:10px;
}	
#post #contents dl.picLeft dt {
width:300px;
float:left;
margin-right:1em;
}	
#post #contents dl.picLeft dd {
width:auto;
padding:0;
}	
#post #contents dl.picLeft dd p {
margin-left:0;
margin-right:0;
}		
#contents section #flexLink ul li a span {
font-size:1.3em;
}	
.banner h6 span {
display:inline-block;
}
	
	
}
/* PC
---------------------------------------------------- */

@media screen and (min-width: 768px) {

#contents section .newsList ul {
width:100%;
max-width:740px;
margin:2em auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
#contents section .newsList ul li {
width:45%;
margin:0 0 5px;
}	
#contents section .newsList ul dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}	
#contents section .newsList ul dl dt img {
width:100%;
height:auto;
}
#contents section .newsList ul dl dt img {
width:100%;
height:auto;
}
#contents section .newsList ul dl dd {
width:100%;
}	
#contents section .newsList ul li dd h2 {
background-color:#fff;
line-height:1.5;
padding:0;
}
	
#contents section .newsList ul.topPage {
width:100%;
max-width:740px;
margin:2em auto;
display: block;
}
#contents section .newsList ul.topPage li {
width:100%;
}		
	
	
	
#contents .listNone ul.three {
justify-content:space-between;
}	
	
	
#contents .listNone ul.three li {
max-width:300px;
margin:10px 5px;
}
	
#contents .listNone ul.dlList dd img {
width:140px;
float:right;
}	
	
	
.topSP {
width:90%;
max-width:1055px;
margin:40px auto;
}
.eyeCatching {
width:33%;
height:auto;
float:left;
margin:0 1em 1em 10px;
}	
.eyeCatching img {
width:100%;
height:auto;
}	

.accordion {
width:90%;
max-width:1055px;
margin:40px auto;
}
.forMail {
width:90%;
max-width:1055px;
margin:40px auto;
}
.banner {
width:90%;
margin:4em auto 2em;
}
.banner h6 {
padding:40px 0;
font-size:30px;
}
.banner h6 span {
display:inline-block;
}
.banner h6 span span{
display:inline-block;
}	
	
	
	
	
	
}

/* Wide Tablet
---------------------------------------------------- */

@media screen and (min-width: 1055px) {

nav li a span {
font-size: 1.2em;
font-weight:bold;
letter-spacing: 0;
}
	
#post #contents p {
width:100%;
max-width:1055px;
margin:0 auto;
}
#post #contents #sitemapPage p {
width:100%;
max-width:1055px;
margin:0 auto;		
}
#post #contents #sitemapPage ul {
width:99%;
max-width:1055px;
margin:1em auto;		
}
#post #contents #sitemapPage ul li {
margin:0 0 10px 1em;		
}
#post #contents .listNone ul.arrowList2 li dt p {
margin:10px;
width:110px;
}
#post #contents #sitemapPage p.thinLine {
margin:0 auto;
}	
	
	
	
#post section {
width:100%;
max-width:1055px;
margin:0 auto;
}
#contents section #flexLink ul li a {
padding:22px 60px;
}


/* PC
---------------------------------------------------- */

@media screen and (min-width: 1200px) {


.listNone h3 {
width:100%;
max-width:1055px;
margin:20px auto;
}	
#contents p {
width:100%;
max-width:1055px;
margin:0 auto;
}
	
#contents .topSP p {
margin:0 auto 10px;
}	
	
#contents .listNone ul {
width:100%;
max-width:1055px;
margin:30px auto;
justify-content: flex-start;
align-content: flex-start;
}
#contents .listNone ul li {
width:32%;
max-width:300px;
margin:10px 0;
}
#contents .listNone ul.two {
width:750px;
justify-content:space-between;
}	
#contents .listNone ul.two li {
width:48%;
max-width:279px;
margin:10px 0;
}
	
	
#contents .listNone ul.four {
width:100%;
justify-content:space-between;
}		
	
#contents .listNone ul.four li {
width:24%;
max-width:300px;
margin:10px 0;
}	
#contents .listNone ul.six {
width:100%;
justify-content:space-between;
}			
	
	
	
#contents .listNone ul.dlList li {
width:100%;
max-width:1055px;
}	
	
	
	
	
#contents .listNone ul.listDots {
width:100%;
max-width:1055px;
margin:0 auto 60px;
display:block;
}
#contents .listNone ul.listDots li {
width:100%;
max-width:1055px;
}	
	
#contents .listNone ul.three {
width:100%;
max-width:1055px;
margin:60px auto 0;
justify-content: space-between;
}		
#contents .listNone ul.three li {
max-width:300px;
margin:10px 0;
}
#contents .listNone ul.three li p span {
display:block;
}		
	
	
	
#contents .listNone ul.arrowList {
max-width:1200px;
}
#contents .listNone ul.arrowList li {
width:32%;
max-width:190px;
margin:10px 0;
}	
.arrowList dl {
display:block;
}
#contents .listNone ul.arrowList li.arrow {
display:block;
text-align:center;
width: 35px;
height: 35px;
line-height:1;
margin:90px 15px 20px 0;
border-bottom:none;
border-top: 8px solid #3f9031;
border-right: 8px solid #3f9031;
transform: rotate(45deg);
}	
.arrowList dt {
width:190px;
height:190px;
line-height:190px;
margin-bottom:10px;
font-size:24px;
font-weight:bold;
}

.arrowList dt.lines2 {
line-height:120px;
}
.arrowList dt.lines2 span {
display:block;
line-height:1;
}

.arrowList dd {
width:100%;
}

	
	
	
	
	
#post #contents .listNone ul.arrowList2 {
width:1200px;
max-width:1200px;
}
#contents .listNone ul.arrowList2 li {
width:180px;
margin:10px 30px 10px 0;
}	
.arrowList2 dl {
display:block;
}
#contents .listNone ul.arrowList2 li.arrow {
display:block;
text-align:center;
width: 35px;
height: 35px;
line-height:1;
margin:90px 40px 20px 0;
border-bottom:none;
border-top: 8px solid #3f9031;
border-right: 8px solid #3f9031;
transform: rotate(45deg);
}	
.arrowList2 dt {
width:180px;
height:180px;
line-height:180px;
margin-bottom:10px;
font-size:24px;
font-weight:bold;
}
#post #contents .listNone ul.arrowList2 li dt p {
width:180px;
height:180px;
line-height:180px;
font-size:16px;
color:#3f9031;
background-color:#ffffc7;
text-align:center;
border-radius: 5px;
border:2px solid #3f9031;
margin:0;
}

#post #contents .listNone ul.arrowList2 li dt.lines2 p {
height:80px;
line-height:80px;
}
#post #contents .listNone ul.arrowList2 li dt.lines2 p:first-child {
margin:0 0 20px;
}	
	
	
	
.arrowList2 dt.lines2 span {
display:block;
line-height:1;
}

.arrowList2 dd {
width:100%;
}
#post #contents .listNone ul.arrowList2 li dt.lines1 p {
line-height:45px;
padding:45px 0;
}
#post #contents .arrowList2 dt.lines2 p {
width:180px;
height:85px;
line-height:85px;
margin:0 0 10px;
font-size:16px;
color:#3f9031;
background-color:#ffffc7;
text-align:center;
border-radius: 5px;
border:2px solid #3f9031;
}
.arrowList2 dt.lines2 span {
display:block;
line-height:1;
}

.arrowList2 dd {
width:100%;
}

#post #contents dl.picLeft {
width:1055px;
}	

	
	
	
#contents .bottomLink {
width:1055px;
margin:0 auto 50px;
padding-bottom:0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
#contents .bottomLink dl {
width:910px;
margin:0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
#contents .bottomLink dt {
width:320px;
padding:0;
}
#contents .bottomLink dt .alignnone {
margin:0 auto 10px;
}
#contents .bottomLink dd {
width:590px;
padding:0 10px;
}
#contents .bottomLink dd ul {
width:100%;
margin:0 10px 1em 2em;
padding:0 10px;
}	
	
#post #contents .bottomLink dd {
width:590px;
padding:0 10px;
}
#post #contents .bottomLink dd ul {
width:100%;
margin:0 10px 1em 2em;
padding:0 10px;
}	
	
	
#contents .bottomLink dd li {
margin-bottom:0;
}


#post #contents .bottomLink dd p {
margin:0 0 10px 20px;
width:100%;
}
#contents .bottomLink dd p {
margin:0 0 10px 20px;
width:100%;
}	
#post #contents .bottomLink p {
margin:0 30px 0 0;
width:30px;
}	
#contents .bottomLink p {
margin:0 30px 0 0;
width:30px;
}	
#contents .bottomLink dl h5 {
margin-bottom:0;
font-size:30px;
}
#contents .bottomLink dl h5 span {
font-size:36px;
}	
#contents .bottomLink dl h5 a {
color:#000;

font-weight:normal;
}		
	
#post #contents dl.tableColor {
width:1055px;
margin:20px auto 40px;	
}	
#contents ul {
width:1055px;
margin:20px auto 40px;	
}
	
#contents .fsPP {
width:1055px;
margin:20px auto 40px;	
}
	
#contents .fsPP ul {
margin:0 10px 1em 2em;
}	
#contents .fsPP dt {
font-weight:bold;
}		
#contents section .pagenation ul {
width:auto;
margin:20px auto 40px;	
}	
#post #contents dl.picLeft {
width:1055px;
margin:10px auto 40px;
}		
#contents section .newsList ul {
width:100%;
max-width:1055px;
}
#contents section .newsList ul li {
width:30%;
}		
#contents section .newsList ul.topPage li dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
#contents section .newsList ul.topPage dl dt {
width:33%;
text-align:right;
}
#contents section .newsList ul.topPage li dt p {
background-color:#fff;
line-height:1.5;
}
#contents section .newsList ul.topPage dl dd {
width:65%;
padding:0;
line-height:1.5;
}	
#contents section .newsList ul.topPage li dd h2 {
margin:0;
padding:0;
font-size:1em;
}	
	
	
	
}