@charset "UTF-8";
/*!テクノロジー ジャーニー用テンプレート*/
.sns-buttons{text-align:center}
.sns-buttons .at-resp-share-element .at-share-btn{margin-bottom:0}
.article{line-height:1.88}
.article__title{line-height:1.5}
@media print,screen and (min-width:768px){
/*!テクノロジー ジャーニー用テンプレート*/
.series-header{padding:30px 0 20px}
.article-layout{position:relative;display:-ms-grid;display:grid;-ms-grid-rows:auto 30px auto 30px auto;-ms-grid-columns:minmax(0,1fr) minmax(0,1014px) minmax(0,1fr);grid-template:"title title title" auto "sns sns sns" auto "lpadding main rpadding" auto/minmax(0,1fr) minmax(0,1014px) minmax(0,1fr);row-gap:30px}
.sns-buttons{grid-area:sns;-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3}
.article__main{grid-area:main;padding:0 0 110px;-ms-grid-row:5;-ms-grid-column:2}
.article__title{grid-area:title;-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3}
.article__keywords{font-size:1.18em}
.article__body{margin-top:20px}
.related-products{margin-top:60px}
.writer-profile-area{margin-top:60px}
.back-button{margin:60px 0}
}
@media print,screen and (min-width:1220px){
.article-layout{-ms-grid-rows:auto 30px auto;-ms-grid-columns:minmax(0,1fr) minmax(0,1014px) minmax(0,1fr);grid-template:"title title title" auto "lpadding main rpadding" auto/minmax(0,1fr) minmax(0,1014px) minmax(0,1fr);row-gap:30px}
.sns-buttons{display:none}
.article__main{-ms-grid-row:3;-ms-grid-column:2}
.article__title{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3}
}
@media only screen and (max-width:767px){
/*!テクノロジー ジャーニー用テンプレート*/
.series-header{padding:20px 0 10px}
.article__main{margin-top:30px;padding-bottom:35px}
.article__title{margin-right:-15px;margin-left:-15px}
.article__body{margin-top:15px}
.related-products{margin-top:30px}
.writer-profile-area{margin-top:30px}
.back-button{margin:50px 0}
}