#contents.about{width:100%;max-width:1200px;margin:0 auto}#contents.about section{margin-bottom:70px}@media only screen and (max-width:640px){#contents.about section{margin-bottom:80px}}#contents.about section.intro figure.f1{width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}@media only screen and (min-width:641px){#contents.about section.intro figure.f1{background-image:url("../img/about/img01.jpg")}}@media only screen and (max-width:640px){#contents.about section.intro figure.f1{background-image:url("../img/about/img01_sp.jpg")}}#contents.about section.intro figure.f1:before{content:"";display:block;padding-top:34%}@media only screen and (max-width:640px){#contents.about section.intro figure.f1:before{content:"";display:block;padding-top:114%}}#contents.about section.intro figure.f1:after{content:"";width:1px;height:90px;margin:0 auto;background-color:gray;position:absolute;top:calc(100% - 90px / 2);left:0;right:0;z-index:100;animation:sdl 3s ease infinite}#contents.about section.concept h2{margin-bottom:50px}#contents.about section.concept .catch{text-align:center}#contents.about section.concept .catch p{line-height:2.5em}#contents.about section.concept .detail{width:100%;margin-top:90px}#contents.about section.concept .detail article{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;width:100%;margin-bottom:90px}@media only screen and (min-width:641px){#contents.about section.concept .detail article:nth-of-type(2n){-webkit-flex-direction:row-reverse;flex-direction:row-reverse}}#contents.about section.concept .detail article figure{background-repeat:no-repeat;background-size:cover;background-position:center}@media only screen and (min-width:641px){#contents.about section.concept .detail article figure{width:50%}#contents.about section.concept .detail article figure:after{content:"";display:block;padding-top:66.5%}}@media only screen and (max-width:640px){#contents.about section.concept .detail article figure{width:calc(100% - 20px)}#contents.about section.concept .detail article figure:after{content:"";display:block;padding-top:133%}}@media only screen and (min-width:641px){#contents.about section.concept .detail article figure.f2{background-image:url("../img/about/img02.jpg")}}@media only screen and (max-width:640px){#contents.about section.concept .detail article figure.f2{background-image:url("../img/about/img02_sp.jpg")}}@media only screen and (min-width:641px){#contents.about section.concept .detail article figure.f3{background-image:url("../img/about/img03.jpg")}}@media only screen and (max-width:640px){#contents.about section.concept .detail article figure.f3{background-image:url("../img/about/img03_sp.jpg")}}@media only screen and (min-width:641px){#contents.about section.concept .detail article figure.f4{background-image:url("../img/about/img04.jpg")}}@media only screen and (max-width:640px){#contents.about section.concept .detail article figure.f4{background-image:url("../img/about/img04_sp.jpg")}}@media only screen and (min-width:641px){#contents.about section.concept .detail article figure.f5{background-image:url("../img/about/img05.jpg")}}@media only screen and (max-width:640px){#contents.about section.concept .detail article figure.f5{background-image:url("../img/about/img05_sp.jpg")}}#contents.about section.concept .detail article .text{font-family:"游ゴシック","Yu Gothic",YuGothic,"Noto Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}@media only screen and (min-width:641px){#contents.about section.concept .detail article .text{width:calc(100% - 50%);padding:50px}}@media only screen and (max-width:640px){#contents.about section.concept .detail article .text{width:100%;margin-top:35px;padding:0 20px}}#contents.about section.concept .detail article .text h3{margin-bottom:20px;font-weight:500}#contents.about section.concept .detail article .text h3 img.logo{max-width:140px;height:auto}#contents.about section.concept .detail article .text p{line-height:2.5em;font-size:1.3rem}@media only screen and (max-width:640px){#contents.about section.concept .detail article:nth-of-type(2n + 1) figure{margin-right:20px}#contents.about section.concept .detail article:nth-of-type(2n) figure{margin-left:20px}}#contents.about section.concept .design{text-align:center;font-size:18px}#contents.about section.howto h2{margin-bottom:0}#contents.about section.howto ol{width:100%;max-width:1000px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;counter-reset:process}@media only screen and (min-width:641px){#contents.about section.howto ol li{width:50%;padding:30px}}@media only screen and (max-width:640px){#contents.about section.howto ol li{width:100%;padding:20px}}#contents.about section.howto ol dl{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;position:relative}@media only screen and (max-width:640px){#contents.about section.howto ol dl{height:auto}}#contents.about section.howto ol dl dd{width:100%;text-align:center}#contents.about section.howto ol dl dd img{width:100%;max-width:250px;height:auto}#contents.about section.howto ol dl dt{padding-left:40px;line-height:2em;font-family:"游ゴシック","Yu Gothic",YuGothic,"Noto Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#666;position:relative;counter-increment:process;font-size:1.3rem}@media only screen and (max-width:640px){#contents.about section.howto ol dl dt{font-size:1.2rem}}#contents.about section.howto ol dl dt:before{content:counter(process);font-family:"EB Garamond","游明朝",YuMincho,"Genmin","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","メイリオ","ＭＳ Ｐ明朝","MS PMincho",Meiryo,serif;font-size:3rem;position:absolute;top:0;left:0}#contents.about section.attention{font-size:1.3rem;font-family:"游ゴシック","Yu Gothic",YuGothic,"Noto Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;padding:20px}#contents.about section.attention h2{font-size:1.6rem;margin-bottom:50px}@media only screen and (max-width:640px){#contents.about section.attention h2{text-align:left}}#contents.about section.attention ul{display:table;margin:0 auto}@media only screen and (min-width:641px){#contents.about section.attention ul{width:390px}}#contents.about section.attention ul li{margin-bottom:5px;padding-left:20px;line-height:2em;position:relative;font-size:1.1rem}#contents.about section.attention ul li:before{content:"※";position:absolute;top:0;left:0}#contents.about section.insta #sbi_load{position:relative;margin-top:30px}#contents.about section.insta #sbi_load .sbi_load_btn{color:#666;background-color:#fff}#contents.about section.insta #sbi_load .sbi_load_btn::after{content:"";display:inline-block;width:6px;height:6px;margin:0 10px;border-bottom:1px solid #666;border-right:1px solid #666;transform:rotate(45deg);position:absolute;top:13px;right:-20px}/*# sourceMappingURL=3_about.css.map */

/**
  * Smash Balloon Instagram Feed
  * プラグインアップデートによる（タグ変更）スタイルくずれ対応
  **/
#sb_instagram .sbi_load_btn {
  font-family: "EB Garamond","游明朝",YuMincho,"Genmin","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","メイリオ","ＭＳ Ｐ明朝","MS PMincho",Meiryo,serif;
}