@charset "utf-8";

#main .content{ background-color: #ffffff; position: relative;   background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f5ac74 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f5ac74 calc(100% - 1px)); background-size: 34px 34px; background-repeat: repeat; background-position: center 0; }
#main .content .ttl-body{ padding-top: 6.6667%; }
#main .content .ttl-body .ttl{ margin-top: 7.5556%; }
#main .content .acordion-navi{ margin: 9.3333% auto 0; width: 76.6667%; }
#main .content .acordion-navi .cat{ background-color: #ffffff; }
#main .content .acordion-navi .cat.active{ border-radius: 0 0 7px 7px; }
#main .content .acordion-navi .cat:nth-child(n+2){ margin-top: 11.0145%; }
#main .content .acordion-navi .cat .head{ cursor: pointer; position: relative; }
#main .content .acordion-navi .cat .head .icon{ width: 5.7971%; padding-top: 5.7971%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-right: 3%; }
#main .content .acordion-navi .cat .head .icon::before,
#main .content .acordion-navi .cat .head .icon::after{ content: ""; width: 100%; height: 1px; background-color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#main .content .acordion-navi .cat .head .icon::after{ transform: translate(-50%,-50%) rotate(90deg); }
#main .content .acordion-navi .cat.active .head .icon::after{ display: none; }
#main .content .acordion-navi .cat .acordion-body{ height: 0; opacity: 0; overflow: hidden; }
#main .content .acordion-navi .cat.active .acordion-body{ height: auto; opacity: 1; }
#main .content .acordion-navi .cat .acordion-body .inner-body{ padding: 25px 20px; background-color: #ffffff; border-radius: 0 0 7px 7px; border: solid; border-width: 0 2px 2px 2px; text-align: center; }
#main .content .acordion-navi .cat .acordion-body .inner-head{ display: inline-block; font-size: 1.2352rem; line-height: 1.5; font-weight: bold; border-bottom: 1px solid; margin-bottom: 2%; }
#main .content .acordion-navi .cat .acordion-body .inner-head~.inner-head{ margin-top: 7%; }
#main .content .acordion-navi .cat .acordion-body .list-item{ text-align: left; }
#main .content .acordion-navi .cat .acordion-body .list-item .item{ position: relative; padding: 4.9833% 6.6445% 4.9833% 4.9833%; }
#main .content .acordion-navi .cat .acordion-body .list-item .item::before{ content: ""; position: absolute; left: 0; top: 0; width: 5px; height: 5px; border-radius: 50%; margin: 8.6378% 0 0 0; }
#main .content .acordion-navi .cat .acordion-body .list-item .item .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0); }
#main .content .acordion-navi .cat .acordion-body .list-item .item .overlay::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(45deg); width: 4.9833%; padding-top: 4.9833%; border: 2px solid #000; border-width: 2px 2px 0 0; }
#main .content .acordion-navi .cat .acordion-body .list-item .item .name{ font-size: 1.3rem; line-height: 1.3; font-weight: bold; }
#main .content .acordion-navi .cat .acordion-body .list-item .item .date{ font-size: 0.9294rem; line-height: 1.3; color: #000000; }
#main .content .acordion-navi .cat01{ box-shadow: 5px 5px 0 #ea5e87; }
#main .content .acordion-navi .cat01 .acordion-body .inner-body{ border-color: #f091a0; }
#main .content .acordion-navi .cat01 .acordion-body .list-item .item .name{ color: #ea5e87; }
#main .content .acordion-navi .cat01 .acordion-body .list-item .item::before{ background-color: #ea5e87; }
#main .content .acordion-navi .cat01 .acordion-body .list-item .item .overlay::before{ border-color: #ea5e87; }
#main .content .acordion-navi .cat02{ box-shadow: 5px 5px 0 #00b4d6; }
#main .content .acordion-navi .cat02 .acordion-body .inner-body{ border-color: #5dc2d0; }
#main .content .acordion-navi .cat02 .acordion-body .list-item .item .name{ color: #00b4d6; }
#main .content .acordion-navi .cat02 .acordion-body .list-item .item::before{ background-color: #00b4d6; }
#main .content .acordion-navi .cat02 .acordion-body .list-item .item .overlay::before{ border-color: #00b4d6; }
#main .content .acordion-navi .cat03{ box-shadow: 5px 5px 0 #ed6c00; }
#main .content .acordion-navi .cat03 .acordion-body .inner-body{ border-color: #f4a347; }
#main .content .acordion-navi .cat03 .acordion-body .list-item .item .name{ color: #f4a347; }
#main .content .acordion-navi .cat03 .acordion-body .list-item .item::before{ background-color: #f4a347; }
#main .content .acordion-navi .cat03 .acordion-body .list-item .item .overlay::before{ border-color: #ed6c00; }
#main .content .acordion-navi .cat04{ box-shadow: 5px 5px 0 #55a833; }
#main .content .acordion-navi .cat04 .acordion-body .inner-body{ border-color: #9ebc19; }
#main .content .acordion-navi .cat04 .acordion-body .list-item .item .name{ color: #55a833; }
#main .content .acordion-navi .cat04 .acordion-body .list-item .item::before{ background-color: #55a833; }
#main .content .acordion-navi .cat04 .acordion-body .list-item .item .overlay::before{ border-color: #55a833; }
#main .content .acordion-navi .cat05{ box-shadow: 5px 5px 0 #8a6e92; }
#main .content .acordion-navi .cat05 .acordion-body .inner-body{ border-color: #bb97c5; }
#main .content .acordion-navi .cat05 .acordion-body .inner-head{ border-bottom-color: #8a6e92; color: #8a6e92; }
#main .content .acordion-navi .cat05 .acordion-body .list-item .item .name{ color: #8a6e92; }
#main .content .acordion-navi .cat05 .acordion-body .list-item .item::before{ background-color: #8a6e92; }
#main .content .acordion-navi .cat05 .acordion-body .list-item .item .overlay::before{ border-color: #8a6e92; }
#main .content .acordion-navi .cat06{ box-shadow: 5px 5px 0 #e50046; }
#main .content .acordion-navi .cat06 .acordion-body .inner-body{ border-color: #ea5252; }
#main .content .acordion-navi .cat06 .acordion-body .list-item .item .name{ color: #e50046; }
#main .content .acordion-navi .cat06 .acordion-body .list-item .item::before{ background-color: #e50046; }
#main .content .acordion-navi .cat06 .acordion-body .list-item .item .overlay::before{ border-color: #e50046; }
#main .content .cat-body{ margin: 28.2222% auto 0; border: 2px solid; width: 89.7778%; box-sizing: border-box; background-color: #ffffff; border-radius: 5px; padding: 15.5555% 0 7%; position: relative; }
#main .content .cat-body~.cat-body{ margin-top: 22.8889%; }
#main .content .cat-body .head{ position: absolute; left: 0; bottom: 100%; width: 100.75%; margin: 0 0 -9.0428% -0.375%; }
#main .content .cat-body .sec-head{ margin: 0 -4.8% 0 -0.375%; padding: 5% 0; }
#main .content .cat-body .list-item{ /*padding: 0 5%;*/ }
#main .content .cat-body .list-item .item{ text-align: center; }
#main .content .cat-body .list-item .item .photo{ width: 90%; margin: 0 auto; }
#main .content .cat-body .list-item .item .name-body{ margin-top: 4%; }
#main .content .cat-body .list-item .item .name-body .name{ font-size: 1.3529rem; line-height: 1.3; font-weight: bold; }
#main .content .cat-body .list-item .item .name-body .kana{ font-size: 0.8823rem; color: #000000; }
#main .content .cat-body .list-item .item .date{ font-size: 1.0882rem; font-weight: bold; margin-top: 4%; }
#main .content .cat-body .list-item .item .copy{ font-size: 1.1764rem; line-height: 1.2037; color: #000000; font-weight: bold; margin-top: 4%; }
#main .content .cat-body .list-item .item .txt{ font-size: 1rem; line-height: 1.4117; color: #000000; display: inline-block; text-align: left; margin-top: 4%; }
#main .content .cat-body .list-item .dot{ width: 91.5%; padding: 14% 0; margin: 0 auto; line-height: 0; }
#main .content .cat-body01{ border-color: #f091a0; }
#main .content .cat-body01 .list-item .item .name-body .name{ color: #ea5e87; }
#main .content .cat-body01 .list-item .item .date{ color: #ea5e87; }
#main .content .cat-body02{ border-color: #5dc2d0; }
#main .content .cat-body02 .list-item .item .name-body .name{ color: #00b4d6; }
#main .content .cat-body02 .list-item .item .date{ color: #00b4d6; }
#main .content .cat-body03{ border-color: #f4a347; }
#main .content .cat-body03 .list-item .item .name-body .name{ color: #ed6c00; }
#main .content .cat-body03 .list-item .item .date{ color: #ed6c00; }
#main .content .cat-body04{ border-color: #9ebc19; }
#main .content .cat-body04 .list-item .item .name-body .name{ color: #55a833; }
#main .content .cat-body04 .list-item .item .date{ color: #55a833; }
#main .content .cat-body05{ border-color: #bb97c5; }
#main .content .cat-body05 .list-item .item .name-body .name{ color: #8a6e92; }
#main .content .cat-body05 .list-item .item .date{ color: #8a6e92; }
#main .content .cat-body06{ border-color: #ea5252; margin-bottom: 10%; }
#main .content .cat-body06 .list-item .item .name-body{ margin-top: 0; }
#main .content .cat-body06 .list-item .item .name-body .name{ color: #e50046; }
#main .content .cat-body06 .list-item .item .date{ color: #e50046; }
#main .content .cat-body06 .list-item .item .photo{ margin-top: 5%; }




@media screen and (max-width: 780px){ /*780px以下のcss*/
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}
@media screen and (max-width: 450px){ /*450px以下のcss*/
	#main .content{ background-size: 7.5555vw 7.5555vw; }
}