@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
.nanumpen{font-family: 'Nanum Pen Script', cursive;}
#main_visual li{position: relative;}
#main_visual .img{display: block;width: 100%}
#main_visual .txt{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;z-index: 50;color: #fff;text-align: center}
.main_cont article{padding:9% 5%;border-top:1px solid #dfdfdf;font-size: 1.100em}
.main_cont article:first-child{border-top:0;}
.main_cont article h2{position:relative;font-size: 1.136em;background-size: 2em; background-repeat: no-repeat; background-position: left center;/*line-height: 2.320em;padding-left: 2em;*/margin-bottom: 1.1em}
/*.main_cont article h2:before{position:absolute;content:'';top:0;left:0;background:#ff3300;width:2em;height:2px;}*/
.main_cont article p{font-weight:200}
/*.main_cont .m1 h2{background-image: url('/m/images/main/t1.gif')}
.main_cont .m2 h2{background-image: url('/m/images/main/t2.gif')}
.main_cont .m3 h2{background-image: url('/m/images/main/t3.gif')}*/
.main_cont .img{margin: 1.8em 0}
.main_cont .img img{width: 100%;display: block;aspect-ratio: 16/9;object-fit: cover}
.main_cont .more{background: url('/m/images/main/more.gif') left bottom no-repeat; background-size: 100%; padding:  0 0 0.3em 0.909em; line-height: 1.6em;width: 7.773em;display: block}

.main_letter{padding: 8% 5%;background: #ff8601 url('/m/images/main/m_bg.gif') 98% top no-repeat;background-size: 8.800em}
.main_letter h2{font-size: 1.250em;color: #fff;font-weight: normal;line-height: 1}
.main_letter h2 span{font-size: 2em}
.main_letter input[type="text"]{width: 100%;border: 0;border-radius: 3px;height: 3.750em;padding: 0 1em;margin: 1em 0 0.5em 0}
.main_letter button{display: block;width: 100%;background: #ff3300;color: #fff;border-radius: 3px;height: 3.500em}
.main_letter button span{display: inline-block;background: url('/m/images/main/pencil.png') left center no-repeat;padding-left: 2.500em;background-size: 1.400em}
.mlform{padding: 0 3%}
.main_notice{padding: 9% 5%}
.main_notice .main_tabs{text-transform: uppercase;margin-bottom: 8%}
.main_tabs li{float: left;font-size: 1.500em;margin-right: 1.667em;padding-top: 0.667em;letter-spacing: 0.01em;color: #999;cursor: pointer;}
.main_tabs li.active{color: #000;border-top:1px solid #000}
.main_board{display: none}
.main_board .tit{display: block;color: #333;font-size: 1.250em;font-weight: 500}
.main_board p{margin:0.8em 0 1.8em 0;color: #333;font-size: 1.1em}
.main_board li{margin-top: 8%}
.main_board li:first-child{margin-top: 0}
.main_board .date{color: #888}
.main_board .more{border-bottom: 1px solid #808080;padding-bottom: 1em;display: block;width: 100%;margin-top: 6%;text-align: center}
.main_board .more span{display: inline-block;padding-right: 1.300em;background: url('/m/images/main/more2.gif') right top no-repeat;background-size: 0.800em;line-height: 1}
.main_bottom_slide{padding-bottom: 9%}
.main_bottom_slide .item img{width: 100%;display: block}

#main_visual .slick-dots{position: absolute; bottom: 1em;width: 100%;text-align: center;line-height: 1}
#main_visual .slick-dots li{display: inline-block;margin: 0 0.3em}
#main_visual .slick-dots button{width: 0.700em;height: 0.700em;border-radius: 50%;border: 2px solid #fff;display: block;white-space: nowrap;overflow: hidden;text-indent: -100px}
#main_visual .slick-dots .slick-active button{background: #fff}

.main_bottom_slide{position: relative;}

.graph img{display: inline}
#main_visual .txt{text-shadow: 0 1px 1px #333; padding-top: 23%}
/*#main_visual strong{display: block;text-transform: uppercase;font-size: 3.200em;font-weight: normal;margin:0.1em 0 0.2em 0}*/
#main_visual p{font-size: 2.3em;font-weight: normal;margin:0.6em 0 0.2em 0;line-height: 1.15;letter-spacing: -0.05em}
@media (max-width:800px){
    #main_visual p{font-size: 2em}
}
@media (max-width:640px){
#main_visual .txt{padding-top: 21.5%}
}
@media (max-width:420px){
    #main_visual p{font-size: 1.8em}

}
@media (max-width:460px){
    #main_visual .txt{}
        #main_visual strong{letter-spacing: -0.06em;margin: 0}
        #main_visual .txt{padding-top: 18%}
        .graph img{width: 2.600em}
}

/* 20200121 */
.main_edu{padding: 13% 5% 5%; background: #66c4c1 url('/m/images/main/mbg_edu.png') 98% top no-repeat;background-size: 8.800em}
.main_edu .mlform { padding: 2em 0; }
.main_edu h2{font-size: 1.250em;color: #fff;font-weight: normal;line-height: 1; text-align: center;}
.main_edu h2 span{font-size: 2em; display: block; padding-bottom: 0.5em;}
.main_edu input[type="text"]{width: 100%;border: 0;border-radius: 3px;height: 3.750em;padding: 0 1em;margin: 1em 0 0.5em 0}
.main_edu .various {display: block;width: 100%;background: #399e9b;color: #fff;border-radius: 3px;height: 3.500em; text-align: center; line-height: 3.5em; }
.main_edu button span{display: inline-block;background: url('/m/images/main/pencil.png') left center no-repeat;padding-left: 2.500em;background-size: 1.400em}