﻿.blogDetailMain{position:relative;background-color:#fff}.blogDetailMain .Container{width:calc(100% - 48px);max-width:1200px;margin:0 auto;width:100%;padding:0 24px}@media (max-width: 767px){.blogDetailMain .Container{width:100%;padding:0 24px}}.blogDetailMain .Breadcrumb{margin-bottom:60px}@media (max-width: 767px){.blogDetailMain .Breadcrumb{margin-bottom:30px}}.blogDetailMain .Breadcrumb ul{list-style:none;margin:0;padding:0;font-family:"IBM Plex Sans",sans-serif;font-size:13px;font-size:1.3rem;color:#8c8c8c}@media (max-width: 767px){.blogDetailMain .Breadcrumb ul{line-height:1.5}}.blogDetailMain .Breadcrumb ul li{display:inline}.blogDetailMain .Breadcrumb ul a{display:inline-block;padding-right:18px;margin-right:18px;position:relative;color:#8c8c8c;cursor:pointer}@media (max-width: 767px){.blogDetailMain .Breadcrumb ul a{padding-right:14px;margin-right:14px}}.blogDetailMain .Breadcrumb ul a:after{content:"";height:14px;width:1px;background-color:#8c8c8c;transform:rotate(25deg) translateY(-50%);position:absolute;top:50%;right:3px}@media only screen and (min-width: 1025px){.blogDetailMain .Breadcrumb ul a:hover{text-decoration:underline}}.blogDetailMain .Breadcrumb ul span{color:#262626}.blogDetailMain .Header{padding:257px 0 80px 0;font-family:"IBM Plex Sans",sans-serif;background-color:#fff;position:relative}@media (min-width: 768px){.blogDetailMain .Header{min-height:620px}}@media (max-width: 767px){.blogDetailMain .Header{padding:114px 0 48px}}.blogDetailMain .Header__date{color:#8c8c8c;display:inline-block;font-family:"IBM Plex Sans",sans-serif;font-size:14px;margin-bottom:16px;line-height:22px}@media (max-width: 767px){.blogDetailMain .Header__date{margin-bottom:12px}}.blogDetailMain .Header__cats{color:#8c8c8c;text-transform:uppercase;font-size:14px;font-size:1.4rem;letter-spacing:0.37em;font-weight:bold;margin-bottom:15px}@media (max-width: 767px){.blogDetailMain .Header__cats{font-size:12px;font-size:1.2rem}}.blogDetailMain .Header h1{font-size:54px;font-size:5.4rem;line-height:1.148;margin-bottom:50px;font-weight:normal}@media (max-width: 767px){.blogDetailMain .Header h1{font-size:36px;font-size:3.6rem;margin-bottom:34px}}.blogDetailMain .Header p{font-weight:500;line-height:1.5;font-size:24px;font-size:2.4rem}@media (max-width: 767px){.blogDetailMain .Header p{font-size:16px;font-size:1.6rem}}.blogDetailMain .Header--vi h1{font-weight:500;line-height:1.5}@media (min-width: 768px){.blogDetailMain .Header--vi h1{font-size:42px;font-size:4.2rem}}@media (max-width: 767px){.blogDetailMain .Header--vi h1{font-size:28px;font-size:2.8rem}}@media (min-width: 768px){.blogDetailMain .Header--vi p{font-size:24px;font-size:2.4rem;line-height:32px;font-weight:normal}}@media (min-width: 768px){.blogDetailMain .Header--ja{padding-top:220px}}.blogDetailMain .Header--ja h1{font-size:32px;font-weight:bold;font-family:"游ゴシック体","游ゴシック","YuGothic","Yu Gothic","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;margin:38px 0 24px;line-height:48px;letter-spacing:0.1em}@media (max-width: 767px){.blogDetailMain .Header--ja h1{font-size:24px;line-height:29px}}.blogDetailMain .Header--ja p{font-size:20px;font-family:"游ゴシック体","游ゴシック","YuGothic","Yu Gothic","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;font-weight:500;margin:0;line-height:32px;letter-spacing:0.05em}@media (max-width: 767px){.blogDetailMain .Header--ja p{font-size:16px;line-height:30px}}.blogDetailMain .FixedBG{height:1080px;background:#eee center 100px / cover fixed no-repeat;z-index:9;position:relative;overflow:hidden}@media (max-width: 1194px){.blogDetailMain .FixedBG{height:768px}}@media (max-width: 767px){.blogDetailMain .FixedBG{height:370px}}.blogDetailMain .FixedBGInner{position:absolute;top:0;left:0;width:100%;height:100%;background:center 100px / cover fixed no-repeat}@media (max-width: 1194px){.blogDetailMain .FixedBGInner{height:768px;background-attachment:unset;background-position:center;background-size:cover}}@media (max-width: 1024px){.blogDetailMain .FixedBGInner{height:calc(100vh - 50px)}}@media (max-width: 767px){.blogDetailMain .FixedBGInner{position:relative;height:100%}}.blogDetailMain .BGWhite{background-color:#fff;position:relative;padding-top:1px}.blogDetailMain .Text{margin:80px auto 80px auto;padding:0 15px;max-width:1000px;font-family:"IBM Plex Sans",sans-serif}@media (max-width: 767px){.blogDetailMain .Text{margin:50px auto 42px;padding-left:0;padding-right:0}}.blogDetailMain .Text--ja{font-family:"游ゴシック体","游ゴシック","YuGothic","Yu Gothic","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif}.blogDetailMain .Text *{max-width:100%}.blogDetailMain .Text b,.blogDetailMain .Text strong{font-weight:bold}.blogDetailMain .Text i{font-style:italic}.blogDetailMain .Text a{text-decoration:underline;color:#595959}.blogDetailMain .Text p:empty{display:none}.blogDetailMain .Text p{font-size:20px;font-size:2rem;line-height:1.6;margin-bottom:50px;font-weight:normal}.blogDetailMain .Text p:last-child{margin-bottom:0}@media (max-width: 767px){.blogDetailMain .Text p{font-size:16px;font-size:1.6rem;line-height:30px;margin-bottom:0}.blogDetailMain .Text p:not(:last-child){margin-bottom:30px}}.blogDetailMain .Text h2{font-size:42px;font-size:4.2rem;line-height:1.19;margin:0 0 32px;font-weight:normal}@media (max-width: 767px){.blogDetailMain .Text h2{font-size:24px;font-size:2.4rem}}.blogDetailMain .Text h3{font-size:32px;font-size:3.2rem;line-height:1.56;margin:0 0 22px;font-weight:normal}@media (max-width: 767px){.blogDetailMain .Text h3{font-size:24px;font-size:2.4rem}}.blogDetailMain .Text h4{font-size:24px;font-size:2.4rem;line-height:1.33;margin:0 0 22px;font-weight:normal}.blogDetailMain .Text ul,.blogDetailMain .Text ol{font-size:20px;font-size:2rem;line-height:1.4;padding-left:20px;font-weight:normal}@media (max-width: 767px){.blogDetailMain .Text ul,.blogDetailMain .Text ol{font-size:16px;font-size:1.6rem;line-height:30px}}.blogDetailMain .Text ul li,.blogDetailMain .Text ol li{margin-bottom:10px;padding-left:10px}.blogDetailMain .Text ul{list-style:disc outside}.blogDetailMain .Text ol{list-style:outside}.blogDetailMain .Text blockquote{margin:80px 100px;padding:20px 0 20px 40px;border-left:8px solid #4c32fb;display:flex;align-items:center}@media (max-width: 767px){.blogDetailMain .Text blockquote{margin:40px 50px 75px;padding:10px 0 10px 20px}}.blogDetailMain .Text blockquote p{font-size:24px;font-size:2.4rem;margin:0;line-height:1.54}@media (max-width: 767px){.blogDetailMain .Text blockquote p{font-size:20px;font-size:2rem}}.blogDetailMain .Text img{height:auto}.blogDetailMain .Text--ja h2{font-size:32px;font-size:3.2rem;font-weight:bold;line-height:1.5;letter-spacing:0.1em;border-bottom:1px solid #e0e0e0}@media (max-width: 767px){.blogDetailMain .Text--ja h2{font-size:24px;font-size:2.4rem;line-height:38px;padding-bottom:12px}}.blogDetailMain .Text--ja h3{font-size:24px;font-size:2.4rem;font-weight:bold;line-height:48px;letter-spacing:0.1em;padding-left:22px;position:relative}.blogDetailMain .Text--ja h3:before{content:"";width:6px;height:calc(100% + 8px);background:linear-gradient(#f29d3f 0%, #ec7f87 50.25%, #cf67bf 100%);border-radius:4px;position:absolute;top:-8px;left:0}@media (max-width: 767px){.blogDetailMain .Text--ja h3{font-size:18px;font-size:1.8rem;line-height:29px}.blogDetailMain .Text--ja h3:before{width:4px;height:calc(100% + 16px);background:linear-gradient(#df5067 0%, #ec7847 100%);border-radius:2px}}.blogDetailMain .Text--ja h4{font-weight:bold;line-height:36px;letter-spacing:0.1em}@media (max-width: 767px){.blogDetailMain .Text--ja h4{line-height:29px}}.blogDetailMain .ContentImage{margin:80px auto}@media (max-width: 767px){.blogDetailMain .ContentImage{margin:24px auto}}.blogDetailMain .ContentImage:first-child{margin-top:0}.blogDetailMain .ContentImage[data-width="Full width"]+.ContentImage[data-width="Full width"]{margin-top:-80px}@media (max-width: 767px){.blogDetailMain .ContentImage[data-width="Full width"]+.ContentImage[data-width="Full width"]{margin-top:-24px}}.blogDetailMain .ContentImage .Inner{width:calc(100% - 48px);max-width:1200px;margin:0 auto}@media (max-width: 767px){.blogDetailMain .ContentImage .Inner{width:100%;padding:0 24px}}.blogDetailMain .ContentImage .Inner div{position:relative}.blogDetailMain .ContentImage .Inner div video{display:block;max-width:100%;margin:0 auto}.blogDetailMain .ContentImage .Inner div video.videoImg{width:100%;height:100%;top:0;left:0;position:absolute;object-fit:cover}.blogDetailMain .ContentImage[data-width="Full width"] .Inner{max-width:none;padding-left:0;padding-right:0;width:100%}.blogDetailMain .ContentImage[data-width="10 cols width"] .Inner{max-width:1000px}.blogDetailMain .ContentTwoImages{margin:80px auto}@media (max-width: 767px){.blogDetailMain .ContentTwoImages{margin:24px auto}}.blogDetailMain .ContentTwoImages .Inner{width:calc(100% - 48px);max-width:1200px;margin:0 auto;display:flex;gap:30px}@media (max-width: 767px){.blogDetailMain .ContentTwoImages .Inner{width:100%;padding:0 24px}}@media (max-width: 767px){.blogDetailMain .ContentTwoImages .Inner{flex-direction:column;gap:24px}}.blogDetailMain .ContentTwoImages .Inner div{flex:1;position:relative}.blogDetailMain .ContentTwoImages .Inner div video{position:absolute;display:block;top:0;left:0;width:100%;height:100%;object-fit:cover}.blogDetailMain .ContentTwoImages[data-width="Full width"] .Inner{max-width:none;padding-left:0;padding-right:0}.blogDetailMain .ContentTwoImages[data-width="10 cols width"] .Inner{max-width:1000px}.blogDetailMain .MediaGroup{position:relative}.blogDetailMain .MediaGroup video.videoImg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.blogDetailMain .MediaGroup .Image{position:relative;background-color:#bfbfbf}.blogDetailMain .MediaGroup .Image img{display:block;width:100%;height:auto}.blogDetailMain .Caption{padding:0 24px;margin-top:20px;text-align:center;color:#595959;white-space:pre-line;line-height:1.5}.blogDetailMain .More{padding-bottom:150px}.blogDetailMain .More h2{font-size:42px;font-size:4.2rem;line-height:1.19;margin-bottom:32px;font-weight:normal}.blogDetailMain .More__posts{display:flex;gap:30px;flex-wrap:wrap}@media (max-width: 767px){.blogDetailMain .More__posts{flex-direction:column;gap:24px}}.blogDetailMain .BlogCard{width:calc(33% - 17px)}@media (max-width: 767px){.blogDetailMain .BlogCard{width:100%}}.blogDetailMain .BlogCard:nth-child(4){display:none}.blogDetailMain .Rating{max-width:1000px;padding:0 15px;margin:100px auto;display:flex;align-items:center;justify-content:flex-end;position:relative}.blogDetailMain .Rating:before{display:block;content:"";height:1px;width:auto;flex:auto;background-color:#e0e0e0;margin-right:24px}@media (max-width: 767px){.blogDetailMain .Rating{padding:0;justify-content:flex-start;margin:42px 0 0;border-top:1px solid #e0e0e0;padding-top:26px}.blogDetailMain .Rating:after{content:"Click to rate";font-size:12px;position:absolute;top:10px;left:50px}.blogDetailMain .Rating:before{position:absolute;top:14px;left:124px;flex:none;width:0;height:0;margin:0;background:transparent;border:4px solid;border-color:#000 transparent transparent transparent}}.blogDetailMain .Rating .Rate{font-size:24px;line-height:24px;font-weight:600;margin-right:10px;position:relative;cursor:pointer}@media only screen and (min-width: 1025px){.blogDetailMain .Rating .Rate:hover .RateDetail{display:block}}.blogDetailMain .Rating .Rate .RateDetail{display:none;background:#e8e8e8;border-radius:4px;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%, 0);font-size:12px;padding:14px 20px;min-width:150px;white-space:nowrap;font-weight:normal;z-index:2}.blogDetailMain .Rating .Rate .RateDetail:before{content:"";display:block;border:8px solid #e8e8e8;border-width:8px 6px;border-color:#e8e8e8 transparent transparent transparent;position:absolute;top:100%;left:calc(50% - 10px)}.blogDetailMain .Rating .Rate .RateDetail h4{margin:0 0 4px;font-size:12px;font-weight:normal;border-bottom:1px solid #d9d9d9;padding-bottom:4px}.blogDetailMain .Rating .Rate .RateDetail h4 strong{font-weight:bold}.blogDetailMain .Rating .Rate .RateDetail p{font-size:12px;line-height:1.6;margin:0}.blogDetailMain .Rating .Rate .RateDetail .Star{background:url("../../img/common/rating.png") right 3px no-repeat;background-size:auto 15px;padding-right:26px;display:inline-block;font-weight:bold}.blogDetailMain .Rating .RatingButtons{position:relative;display:flex;width:140px;height:20px;background-color:transparent;background-image:url("../../img/common/rating_.png");background-size:28px 20px;margin-right:12px;cursor:pointer}.blogDetailMain .Rating .RatingButtons .ClickToRate{font-size:12px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#e8e8e8;padding:7px 10px;border-radius:4px;white-space:nowrap;opacity:0;transition:0.3s ease all}.blogDetailMain .Rating .RatingButtons .ClickToRate:before{content:"";display:block;border:8px solid #e8e8e8;border-width:8px 6px;border-color:#e8e8e8 transparent transparent transparent;position:absolute;top:100%;left:calc(50% - 10px)}@media (max-width: 767px){.blogDetailMain .Rating .RatingButtons .ClickToRate{opacity:0}}.blogDetailMain .Rating .RatingButtons button{padding:0;background:transparent repeat-x;background-size:28px 20px;border:none;cursor:pointer;width:20px;height:20px;margin-right:8px}.blogDetailMain .Rating .RatingButtons button.Rated{background-image:url("../../img/common/rating.png")}.blogDetailMain .Rating .RatingButtons button.RatedHalf{background-image:url("../../img/common/rating_haft.png")}@media only screen and (min-width: 1025px){.blogDetailMain .Rating .RatingButtons:hover .ClickToRate{opacity:1}.blogDetailMain .Rating .RatingButtons:hover button{background-image:url("../../img/common/rating.png");cursor:pointer}}@media only screen and (min-width: 1025px) and (min-width: 1025px){.blogDetailMain .Rating .RatingButtons:hover button:hover ~ button{background-image:url("../../img/common/rating_.png")}}.blogDetailMain .Rating .Votes{background-color:#e8e8e8;font-size:12px;font-weight:600;line-height:24px;padding:0 10px;border-radius:4px;position:relative}.blogDetailMain .Rating .Votes:before{content:"";display:block;position:absolute;top:50%;right:100%;border:5px solid transparent;border-color:transparent #e8e8e8 transparent transparent;transform:translateY(-50%)}.blogDetailMain .Rating.isRated .RatingButtons{pointer-events:none}@media (max-width: 767px){.blogDetailMain .Rating.isRated:after,.blogDetailMain .Rating.isRated:before{display:none}}.blogDetailMain .Thanks{background-color:#fff;padding:100px 0}.blogDetailMain .Thanks__box{background-color:#ddd;max-width:772px;margin:0 auto;padding:58px 94px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 767px){.blogDetailMain .Thanks__box{padding:28px 48px}}.blogDetailMain .Thanks__box h3{font-size:32px;font-size:3.2rem;line-height:1.25;margin:0;font-weight:normal}@media (max-width: 767px){.blogDetailMain .Thanks__box h3{font-size:24px;font-size:2.4rem}}.blogDetailMain .Thanks__box p{font-size:16px;font-size:1.6rem;line-height:1.25;margin-bottom:10px;font-weight:normal}@media (max-width: 767px){.blogDetailMain .Thanks__box p{font-size:14px;font-size:1.4rem}}.blogDetailMain .Thanks__box svg{flex-shrink:0}.MediaShare{position:absolute;right:37px;top:calc(200vh + 150px);z-index:40;display:flex;flex-direction:column;gap:12px}@media (max-width: 767px){.MediaShare{right:20px}}.MediaShare.is-fixed{position:fixed;top:50%;transform:translateY(-50%)}.MediaShare.is-bottom{position:absolute;top:auto;bottom:0;transform:translateY(-50%)}.MediaShare a{display:block;cursor:pointer}.MediaShare a svg{display:block}.MediaShare .BtnCopyText{position:relative}.MediaShare [data-copied]{opacity:0;pointer-events:none;position:absolute;background:#e8e8e8;border-radius:0.4em;bottom:-15px;left:-114px;width:100px;padding:10px 5px;text-align:center;color:#000;font-weight:bold;font-size:12px;transition:all 0.5s ease-in-out}.MediaShare [data-copied]::after{content:"";position:absolute;right:0;top:50%;width:0;height:0;border:10px solid transparent;border-left-color:#e8e8e8;border-right:0;border-top:0;margin-top:-4px;margin-right:-10px}.MediaShare [data-copied].is-copied{opacity:1}

/*# sourceMappingURL=maps/blog-detail.min.css.map */
