#MainContent h1 span.jp{height:12px;text-indent:102%;white-space:nowrap;overflow:hidden;background:url(../assets/about-label-jp.svg) center top/auto 100% no-repeat}@media screen and (min-width: 768px){#MainContent h1 span.jp{height:16px}}.intro{text-align:center;margin-bottom:36px;line-height:21px;padding:0 18px}@media screen and (min-width: 768px){.intro{padding:0}}.page_contents section{text-align:center}.page_contents section h2{color:#8099c5;letter-spacing:5px;padding:0;margin:0 auto 30px}@media screen and (min-width: 768px){.page_contents section h2{font-size:36px;margin-bottom:100px;padding:0 36px 12px}}.page_contents section h2 img{display:block;width:auto;height:30px;margin:0 auto}@media screen and (min-width: 768px){.page_contents section h2 img{height:48px}}#utatane{position:relative}#utatane .mv{display:block;max-width:1050px;width:calc(100% - 36px);margin:0 auto 24px}@media screen and (min-width: 768px){#utatane .mv{width:100%;margin-bottom:0}}#utatane .page-width{position:relative}#utatane .contents_body{font-size:15px;font-weight:700;line-height:30px;color:#8099c5;position:relative;z-index:1}@media screen and (min-width: 768px){#utatane .contents_body{font-size:18px;line-height:36px}}#utatane .circle{display:none;height:auto;position:absolute;z-index:3}@media screen and (min-width: 768px){#utatane .circle{display:block;width:300px}}#utatane .circle.pic01{top:-260px;right:0}#utatane .circle.pic02{top:-120px;left:-38px}#utatane .circle.pic03{top:60px;right:-36px}#utatane .sheep{width:89px;margin-top:54px;position:relative;z-index:2}@media screen and (min-width: 768px){#utatane .sheep{width:159px}}#utatane .cloud{display:block;width:100%;height:auto;position:absolute;bottom:220px;left:0;z-index:0}#products{background:#fff}@media screen and (min-width: 768px){#products{padding-bottom:140px}}#products::before{content:"";display:block;width:100%;height:32px;background:url("../assets/circle_top.svg") center center/100% 100% no-repeat;position:relative;z-index:1;margin-top:-34px;margin-bottom:36px}@media screen and (min-width: 768px){#products::before{height:97px}}#products h2 img{height:30px}@media screen and (min-width: 768px){#products h2 img{height:49px}}#products .container{display:flex;flex-direction:column-reverse;max-width:1200px;margin:0 auto 50px;padding:0 18px}@media screen and (min-width: 768px){#products .container{flex-direction:row;margin-bottom:100px;justify-content:space-between;padding:0}}#products .container:last-of-type{margin-bottom:0}#products .container>.box{margin-bottom:24px}#products .container>.box:last-of-type{margin-bottom:50px}@media screen and (min-width: 768px){#products .container>.box:last-of-type{margin-bottom:0}}@media screen and (min-width: 768px){#products .container>.box{width:45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}}#products .container>.box img{display:block;width:100%;height:auto}#products .container>.box .catch{font-size:18px;font-weight:700;color:#8099c5;line-height:32px;margin-bottom:24px;text-align:left}@media screen and (min-width: 768px){#products .container>.box .catch{font-size:20px;line-height:40px;margin-bottom:50px}}#products .container>.box .contents_body{line-height:28px;text-align:left}@media screen and (min-width: 768px){#products .container>.box .contents_body{line-height:32px}}@media screen and (min-width: 768px){#products .container:nth-child(2n+1){flex-direction:row-reverse}}#character{background:#fcf9eb;text-emphasis:center;box-sizing:border-box;padding-bottom:60px}@media screen and (min-width: 768px){#character{padding-bottom:120px}}#character::before{content:"";display:block;width:100%;height:12.5px;background:url("../assets/wave_white_bg.png") center center/60px 12.5px repeat-x;margin-bottom:60px}@media screen and (min-width: 768px){#character::before{background-size:120px 25px;height:25px}}#character h2 img{height:31px}@media screen and (min-width: 768px){#character h2 img{height:50px}}#character .intro{width:100%;height:auto;max-width:375px;margin:0 auto;padding:0}@media screen and (min-width: 768px){#character .intro{width:85%;max-width:1280px}}#character .catch{color:#8099c5;font-size:16px;font-weight:700;line-height:32px;margin-bottom:36px}@media screen and (min-width: 768px){#character .catch{font-size:20px;line-height:40px;margin-bottom:36px}}#character .contents_body{line-height:28px;margin:0 18px}@media screen and (min-width: 768px){#character .contents_body{margin-bottom:80px}}#character .profile{max-width:375px;width:100%;height:auto;margin:75px auto 0}@media screen and (min-width: 768px){#character .profile{max-width:1041px;margin:24px auto 0}}