@charset "utf-8";
/* CSS Document */

#contents {
max-width: 100%;
margin-bottom: 60px;
padding-bottom: 250px;
background-image: url("images/foot_img.png");
background-size: auto;
background-color: #9DBE00;
background-position: center bottom;
background-repeat: repeat-x;
}

#top01_block {
background-image: url("images/top01_bk.png");
background-size: auto;
background-color: linear-gradient(180deg, #BBD300 0%, #BBD300 50%, #9DBE00 50%, #9DBE00 100%);
background-position: center top;
background-repeat: no-repeat;
}

#top01_block .title {
width: 90%;
max-width: 1200px;
margin: 0 auto 60px;
padding-top: 110px;
text-align: center;
}

#top01_block .inbox {
width: 90%;
max-width: 1000px;
margin: 0 auto;
padding-bottom: 60px;
display: flex;
justify-content: space-between;
font-size: 160%;
line-height: 220%;
color: #FFFFFF;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
}

#top01_block .inbox .txt {
width: 50%;
}

#top01_block .inbox .txt img {
margin-bottom: 60px;
}

#top01_block .inbox .img {
width: 44.2%;
}

#top02_block {
width: 90%;
max-width: 1000px;
margin: 0 auto 100px;
font-size: 160%;
line-height: 220%;
color: #FFFFFF;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: center;
}

#top02_block .title {
margin-bottom: 30px;
}

#top02_block p {
margin-bottom: 30px;
}

#top03_block {
width: 90%;
max-width: 1000px;
margin: 0 auto;
}

#top03_block .title {
margin-bottom: 35px;
text-align: center;
}

#top03_block .title img {
margin: 0 auto;
}

#top03_block .inbox {
min-height: 260px;
background: #FFFFFF;
border-radius: 10px;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction:column;
box-sizing: border-box;
}

#top03_block .inbox img {
margin-bottom: 20px;
}

#top03_block .inbox p {
font-size: 160%;
line-height: 160%;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: center;
}

#top04_block {
width: 90%;
max-width: 1000px;
margin: 0 auto 100px;
font-size: 160%;
line-height: 220%;
color: #FFFFFF;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: center;
}

#top04_block .title {
margin-bottom: 30px;
}

#top04_block p {
margin-bottom: 30px;
}

/* --------------- 下層ページ --------------- */
#page_block {
background-image: url("images/page_bk.png");
background-size: auto;
background-position: center top;
background-repeat: no-repeat;
}

#page_block .page_title {
width: 90%;
max-width: 1200px;
margin: 0 auto 80px;
padding-top: 80px;
text-align: center;
}

#page_block .page_title img {
margin: 0 auto;
}

#page_block section {
width: 90%;
max-width: 1000px;
margin: 0 auto 80px;
}

#page_block section h3 {
margin-bottom: 35px;
}

#page_block section .lead {
font-size: 160%;
line-height: 220%;
color: #FFFFFF;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: center;
}

#page_block section h4 {
margin-bottom: 35px;
text-align: center;
}

#page_block section h4 img {
margin: 0 auto;
}

#page_block section dl {
background: #FFFFFF;
border-radius: 10px;
margin-bottom: 30px;
padding: 4%;
}

#page_block section dt,
#page_block section dd {
margin: 0;
padding: 0;
}

#page_block section dt {
margin-bottom: 25px;
font-size: 200%;
line-height: 140%;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: center;
color: #59453E;
}

#page_block section dt span {
font-size: 60%;
color: #333333;
}

#page_block section ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
}

#page_block section li {
width: 48%;
margin: 0 1%;
font-size: 120%;
line-height: 160%;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: center;
}

#page_block section li.nurie {
width: 100%;
}

#page_block section li img {
margin-bottom: 15px;
}

#page_block section li.txt {
text-align: left;
}

#page_block section dl p {
font-size: 120%;
line-height: 160%;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: center;
}

#page_block ul.f_menu {
width: 90%;
max-width: 1000px;
margin: 0 auto 40px;
padding: 0;
list-style: none;
font-size: 130%;
line-height: 140%;
color: #FFFFFF;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: center;
display: flex;
justify-content: center;
}

#page_block ul.f_menu li {
padding: 0 2em;
border-left: solid 1px #BBD300;
}

#page_block ul.f_menu li:first-child {
border-left: none;
}

#page_block ul.f_menu li a {
text-decoration: none;
color: #FFFFFF;
}

#page_block ul.f_menu li a:hover {
color: #FF9900;
}

#page_block .pdf_btn {
text-align: center;
}

#page_block .modoru_btn {
text-align: center;
}

#page_block li.txt h4 {
margin: 10px 0 0 0;
font-size: 160%;
line-height: 160%;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: left;
color: #59453E;
}

#page_block li.txt strong {
margin: 0;
font-size: 145%;
line-height: 160%;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
text-align: left;
color: red;
}

#page_block li.txt p {
margin: 0 0 10px 0;
font-size: 110%;
line-height: 160%;
text-align: left;
}

#page_block li.txt p.kome {
margin: 0;
font-size: 90%;
text-indent: -1em;
padding-left: 1em;
}

#page_block dd .nuigurumi_bnr {
text-align: center;
margin-bottom: 30px;
}

.nuigurumi_map h4 {
margin: 60px 0 0;
font-size: 160%;
line-height: 160%;
font-weight: bold;
font-family: "M PLUS Rounded 1c";
color: #59453E;
}

#page_block .indent {
padding-left: 1em;
text-indent: -1em;
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
.pc{display: inherit;}
.sp{display: none;}

#contents {
background-size: 180%;
padding-bottom: 160px;
}

#top01_block {
background-size: 155%;
}

#top01_block .title {
margin: 0 auto 40px;
padding-top: 80px;
}

#top01_block .inbox .txt img {
margin-bottom: 30px;
}

#top02_block .title {
margin-bottom: 20px;
}

#top02_block p {
margin-bottom: 25px;
}

#page_block ul.f_menu li {
padding: 0 1em;
}


}

/* スマホ設定  768 以下*/
@media screen and (max-width:748px)
{
.pc{display: none;}
.sp{display: inherit;}

#contents {
width: 100%;
margin-bottom: 0;
padding-bottom: 100px;
}

#top01_block {
background-image: none;
}

#top01_block .title {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: 0;
}

#top01_block .title img {
width: 100%;
height: auto;
}

#top01_block .inbox {
width: 100%;
max-width: 100%;
padding-top: 20px;
padding-bottom: 40px;
display: block;
font-size: 130%;
line-height: 200%;
}

#top01_block .inbox .txt {
width: 90%;
margin: 0 auto 30px;
}

#top01_block .inbox .img {
width: 90%;
margin: 0 auto;
}

#top01_block .inbox .img img {
margin: 0 auto;
}

#top02_block {
font-size: 130%;
line-height: 200%;
margin: 0 auto 60px;
}

#top03_block .inbox {
padding: 20px;
}

#top03_block .inbox p {
font-size: 140%;
}

#top04_block {
font-size: 130%;
line-height: 200%;
margin: 0 auto 60px;
}

/* --------------- 下層ページ --------------- */
#page_block {
background-image: none;
}

#page_block .page_title {
width: 100%;
margin: 0;
padding-top: 0;
}

#page_block .page_title img {
width: 100%;
height: auto;
}

#page_block section {
margin: 0 auto 60px;
}

#page_block section h3 {
margin-bottom: 20px;
}

#page_block section .lead {
font-size: 130%;
line-height: 200%;
}

#page_block section dl {
margin-bottom: 20px;
padding: 10%;
}

#page_block section dt {
margin-bottom: 15px;
font-size: 160%;
}

#page_block section dl p {
margin-top: 20px;
text-align: left;
}

#page_block section ul {
display: block;
}

#page_block section li {
width: 100%;
margin: 0 0 30px 0;
}

#page_block section li:last-child {
margin: 0;
}

#page_block ul.f_menu {
margin: 0 auto 20px;
flex-wrap: wrap;
}

#page_block ul.f_menu li {
width: 50%;
margin-bottom: 20px;
box-sizing: border-box;
}

#page_block ul.f_menu li:first-child,
#page_block ul.f_menu li:nth-child(3) {
border-left: none;
}

#page_block .modoru_btn img {
width: 220px;
height: auto;
}

#footer {
margin-top: 0;
}
}