@charset "UTF-8";
@import "../../../../assets/css/page.css";
.slug-syokuiku #contents{padding-top:20px;}@media screen and (max-width:640px){.slug-syokuiku #contents{padding-top:0}}.slug-syokuiku h1{font-size:40px;line-height:1.5;background:url("../img/bg_ttl.png") left center no-repeat;background-size:contain;padding:10px 30px;margin-left:-32px;margin-bottom:20px;}@media screen and (max-width:640px){.slug-syokuiku h1{background-position:center center;font-size:20px;text-align:center;margin-left:0;margin-bottom:10px}}.slug-syokuiku #intro{position:relative;}.slug-syokuiku #intro p{font-size:15px;line-height:2;}@media screen and (max-width:640px){.slug-syokuiku #intro p{font-size:14px;line-height:1.8;margin-top:15px}}.slug-syokuiku #intro .img{position:absolute;top:20px;right:180px;}@media screen and (max-width:640px){.slug-syokuiku #intro .img{position:static;width:120px;margin:0 auto}}.slug-syokuiku .section{margin-top:30px;}@media screen and (max-width:640px){.slug-syokuiku .section{margin-top:15px !important;margin-bottom:0 !important;background:none !important;background-color:#fff !important;padding:20px 0 !important}}.slug-syokuiku .section h2{font-size:18px;background:url("../../../../assets/img/contents/line_yellow.png") left bottom no-repeat;background-size:contain;display:inline-block;padding-bottom:13px;margin-bottom:15px;}@media screen and (max-width:640px){.slug-syokuiku .section h2{display:block;text-align:center}}.slug-syokuiku .section p{font-size:15px;line-height:2;}@media screen and (max-width:640px){.slug-syokuiku .section p{font-size:14px;line-height:1.7}}.slug-syokuiku .section .wrap{position:relative}.slug-syokuiku #sct01{background:url("../img/koma_01.png") calc(50% + 120px) top no-repeat;background-size:contain;padding:50px 0 40px 0;position:relative;overflow:visible;z-index:20;}@media screen and (max-width:640px){.slug-syokuiku #sct01{padding:0 0 50px;margin-bottom:15px;background-position:center top;background-size:cover}}.slug-syokuiku #sct01 .wrap{padding-left:500px;padding-bottom:30px;position:relative;}@media screen and (max-width:640px){.slug-syokuiku #sct01 .wrap{padding:0 15px}}.slug-syokuiku #sct01 .wrap:before{content:"";width:180px;height:180px;background:url("../../../../assets/img/contents/paint_tri_red.png") no-repeat;background-size:contain;position:absolute;top:calc(100% - 50px);right:0;z-index:10;}@media screen and (max-width:640px){.slug-syokuiku #sct01 .wrap:before{display:none}}.slug-syokuiku #sct01 .img{position:absolute;top:-20px;left:100px;}@media screen and (max-width:640px){.slug-syokuiku #sct01 .img{position:static;margin:10px auto 0;text-align:center}.slug-syokuiku #sct01 .img img{width:100%}}.slug-syokuiku #sct01 .vertical{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute;top:-50px;left:0;height:350px;text-align:center;z-index:10;transform:rotate(-10deg);}@media screen and (max-width:640px){.slug-syokuiku #sct01 .vertical{display:none;position:static;height:auto;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;margin-bottom:15px}}.slug-syokuiku #sct01 .vertical span{font-size:24px;letter-spacing:.1em;background-color:#ffc328;padding:15px 5px 15px;margin-left:10px;display:inline-block;}@media screen and (max-width:640px){.slug-syokuiku #sct01 .vertical span{font-size:16px;padding:3px 10px;margin-left:0;margin-bottom:5px}}.slug-syokuiku #sct02{background:url("../img/koma_02.png") calc(50% - 100px) top no-repeat;padding:60px 0 80px;position:relative;overflow:visible;z-index:10;}@media screen and (max-width:640px){.slug-syokuiku #sct02{padding:70px 0 70px;margin-top:-50px;background-position:center top;background-size:cover;min-height:inherit}}.slug-syokuiku #sct02 .wrap{padding-left:100px;}@media screen and (max-width:640px){.slug-syokuiku #sct02 .wrap{padding:0 15px}}.slug-syokuiku #sct02 .wrap p{margin-bottom:20px;line-height:1.8;}.slug-syokuiku #sct02 .wrap p .icon{color:#ffc328;font-size:120%;vertical-align:middle}.slug-syokuiku #sct02 .wrap .inner{padding-left:270px;}@media screen and (max-width:640px){.slug-syokuiku #sct02 .wrap .inner{padding-left:0}}@media screen and (max-width:640px){.slug-syokuiku #sct02 .wrap .img01{text-align:center;margin:-10px 0 15px}}.slug-syokuiku #sct02 .img{position:absolute;bottom:-200px;left:-150px;}@media screen and (max-width:640px){.slug-syokuiku #sct02 .img{position:static;text-align:center;margin-top:10px}}.slug-syokuiku #sct02 .illust{position:absolute;top:-50px;right:calc(50% - 380px);}@media screen and (max-width:640px){.slug-syokuiku #sct02 .illust{display:none;width:50%;position:static;float:right}}.slug-syokuiku #sct03{background:url("../img/koma_03.png") calc(50% - 100px) top no-repeat;background-size:contain;padding:80px 0 30px;margin-top:100px;position:relative;overflow:visible;z-index:5;}@media screen and (max-width:640px){.slug-syokuiku #sct03{margin-top:0;background-position:center top;background-size:120% 100%;padding:60px 0 60px}}.slug-syokuiku #sct03 .wrap{padding-left:0;padding-right:0;padding-bottom:40px;}@media screen and (max-width:640px){.slug-syokuiku #sct03 .wrap{padding:0 15px}}.slug-syokuiku #sct03 .wrap:before{content:"";width:180px;height:180px;background:url("../../../../assets/img/contents/paint_tri_green.png") no-repeat;background-size:contain;position:absolute;top:-100px;left:350px;z-index:50;visibility:visible;}@media screen and (max-width:640px){.slug-syokuiku #sct03 .wrap:before{display:none}}.slug-syokuiku #sct03 .img{position:absolute;top:-100px;right:0;}@media screen and (max-width:640px){.slug-syokuiku #sct03 .img{display:none}}.slug-syokuiku #sct03 .inner{margin-top:30px;padding-left:250px;position:relative;}@media screen and (max-width:640px){.slug-syokuiku #sct03 .inner{padding-left:0}}.slug-syokuiku #sct03 .inner .illust{position:absolute;top:50px;left:-30px;}@media screen and (max-width:640px){.slug-syokuiku #sct03 .inner .illust{position:static;text-align:center;margin:10px auto 0}}.slug-syokuiku #sct04{background:url("../img/koma_04.png") calc(50% + 80px) top no-repeat;background-size:contain;margin-top:-80px;margin-bottom:230px;padding:180px 0 80px;position:relative;z-index:5;overflow:visible;}@media screen and (max-width:640px){.slug-syokuiku #sct04{margin-top:-50px;margin-bottom:0;background-position:center top;background-size:cover;padding:50px 0 50px}}.slug-syokuiku #sct04 .wrap{overflow:visible;padding-left:240px;padding-bottom:40px;}.slug-syokuiku #sct04 .wrap:before{content:"";width:180px;height:180px;background:url("../../../../assets/img/contents/paint_tri_yellow.png") no-repeat;background-size:contain;position:absolute;bottom:0;left:50px;}@media screen and (max-width:640px){.slug-syokuiku #sct04 .wrap:before{display:none}}.slug-syokuiku #sct04 .wrap .inner{padding-left:200px;margin-bottom:50px;}@media screen and (max-width:640px){.slug-syokuiku #sct04 .wrap .inner{padding-left:0;margin-bottom:20px}}@media screen and (max-width:640px){.slug-syokuiku #sct04 .wrap{padding:0 15px}}.slug-syokuiku #sct04 .wrap p + p{margin-top:20px;}@media screen and (max-width:640px){.slug-syokuiku #sct04 .wrap p + p{padding-right:0}}.slug-syokuiku #sct04 .img{position:absolute;top:-30px;left:0;}@media screen and (max-width:640px){.slug-syokuiku #sct04 .img{width:35%;position:static;float:left;margin-top:15px}}.slug-syokuiku #sct04 .img02{position:absolute;top:calc(100% - 70px);left:300px;}@media screen and (max-width:640px){.slug-syokuiku #sct04 .img02{position:static;float:right;width:65%;margin-top:15px}}