.swP { display: block; }
.swS { display: none; }

html { word-break: normal; }
#frametype_home .catchFeatureEngine img { width: 100%; height: 500px; object-fit: cover; font-family: 'object-fit: cover;'; }
#frametype_home .enginecontents .catchcopy { background: #FFED00; padding: 25px 0 0;}
#frametype_home .enginecontents .catchcopy * { box-sizing: border-box; }
#frametype_home .enginecontents .catchcopy img { max-width: 100%; }
#frametype_home .enginecontents .catchcopy h2 img { max-width: 2561px; width: 100%; height: 361px;  object-fit: cover; font-family: 'object-fit: cover;'; }
#frametype_home .enginecontents .catchcopy p { max-width: 1100px; font-size: 1rem; margin: -150px auto 70px; padding: 0 220px 60px 0; /* word-break: break-all; */ line-height: 2; color: rgba(0,0,0,.9); position: relative; border-bottom: 1px solid rgba(0,0,0,1); }
#frametype_home .enginecontents .catchcopy p:before { content: url(/engine/static/images/catchcopy_dot.png); position: absolute; right: 220px; bottom: 60px; }
#frametype_home .enginecontents .catchcopy p:after { content: ""; display: block; width: 12px; height: 12px; overflow: hidden; border-radius: 100px; background: #000; position: absolute; right: 120px; bottom: -6px; }
#frametype_home .enginecontents .catchcopy h3 { text-align: center; padding: 0 0 20px; }
#frametype_home .enginecontents .aboutthis { background: #E8E226; padding: 0 0 200px; }
#frametype_home .enginecontents .aboutthis .flowimg { padding: 0 0 60px; margin: 0 auto; text-align: center; }
#frametype_home .enginecontents .aboutthis .flowimg img { max-width: 2561px; width: 100%; height: 398px; object-fit: cover; font-family: 'object-fit: cover;'; }

#frametype_home .enginecontents .aboutthis .inr { max-width: 1100px; margin: 0 auto; border-bottom: 1px solid #000; position: relative; }
#frametype_home .enginecontents .aboutthis .inr:after { content: ""; display: block; width: 12px; height: 12px; overflow: hidden; border-radius: 100px; background: #000; position: absolute; right: 120px; bottom: -6px; }
#frametype_home .enginecontents .aboutthis .inr .wrap { display: flex; justify-content: space-between; }
#frametype_home .enginecontents .aboutthis .inr .wrap h3 { width: 157px; position: relative; background: url(/engine/static/images/flow_line.png) center calc(100% - 10px) no-repeat; }
#frametype_home .enginecontents .aboutthis .inr .wrap .cont { display: flex; justify-content: space-between; flex-wrap: wrap; width: calc(100% - 177px); padding: 0 0 220px; }
#frametype_home .enginecontents .aboutthis .inr .wrap .img img { display: none; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow01 .cont { flex-direction: row-reverse; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow01 .img { width: 400px; background: url(/engine/static/images/flow_img01.jpg) center center no-repeat; background-size: cover;}
#frametype_home .enginecontents .aboutthis .inr .wrap.flow01 .txt { width: 500px; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow01 .txt p { color: #92398F; font-size: 1rem; line-height: 2; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow02 .cont { flex-direction: reverse; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow02 .img { width: 100%; height: 212px; background: url(/engine/static/images/flow_img02.jpg) center center no-repeat; background-size: cover;margin: 0 0 60px; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow02 .txt { width: 100%; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow02 .txt p { color: #2D4293; font-size: 1rem; line-height: 2; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow03 .cont { }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow03 .img { width: 400px; display: flex; background: url(/engine/static/images/flow_img03.jpg) center center no-repeat; background-size: cover; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow03 .txt { width: 500px;  }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow03 .txt p { color: #009550; font-size: 1rem; line-height: 2; }
#frametype_home .enginecontents .model { background: #B1CC3E; padding: 0 0 210px; }
#frametype_home .enginecontents .model h2 { margin: 0; }
#frametype_home .enginecontents .model h2 img { max-width: 2561px; width: 100%; height: 236px;  object-fit: cover; font-family: 'object-fit: cover;'; }
#frametype_home .enginecontents .model .inr { max-width: 1100px; margin: 0 auto; display: flex; align-items: baseline; }
#frametype_home .enginecontents .model .inr p { display: none; }
#frametype_home .enginecontents .model .inr h3 { margin: 0 75px 0 0; }
#frametype_home .enginecontents .model .inr ul li img { border:1px solid #000; }
#frametype_home .enginecontents .faq { background: #FBEDD3; padding: 0 0 140px; }
#frametype_home .enginecontents .faq h2 { margin: 0 0 70px; }
#frametype_home .enginecontents .faq h2 img { max-width: 2561px; width: 100%; height: 236px;  object-fit: cover; font-family: 'object-fit: cover;'; }
#frametype_home .enginecontents .faq .inr { max-width: 1100px; margin: 0 auto; }
#frametype_home .enginecontents .faq .inr dl { padding: 0 0 60px; }
#frametype_home .enginecontents .faq .inr dl dt { background: #EA5734; color:#fff; font-size: 1.8rem; border-radius: 100px; margin: 0 0 30px; padding: 10px 40px 10px 180px; position: relative; }
#frametype_home .enginecontents .faq .inr dl dt:before { position: absolute; top: calc(50% - 20.5px); left: 10px; content: url(/engine/static/images/faq_q.png); vertical-align: middle; line-height: 1px; font-size: 1px; }
#frametype_home .enginecontents .faq .inr dl dd { margin: 0 30px; line-height: 2; font-size: 1rem; color: #9A3C1F; }

#frametype_home .enginecontents .support { background: #D3EDFB url(/engine/static/images/line.svg) 0 0 repeat-x; padding: 100px 0; }
#frametype_home .enginecontents .support h3 { margin: 0; padding: 30px 15px; text-align: center; }
#frametype_home .enginecontents .support ul { padding: 0 10px ; }
#frametype_home .enginecontents .support ul li { margin: 20px auto; text-align: center; }
#frametype_home .enginecontents .support ul li a { display: block; background: #EA5734; border-radius: 100px; max-width: 800px; padding:15px 30px; text-align: center; margin: 20px auto; font-size: 1.4rem; color: #fff; box-shadow: 4px 4px 0 rgba(0,0,0,.1); }
#frametype_home .enginecontents .support ul li a:hover { opacity: .75; }





@media print, screen and (max-width:1100px){
.swS { display: block; }
.swP { display: none; }
#frametype_home .catchFeatureEngine img { height: 20vh; }
#frametype_home .enginecontents .catchcopy {  padding: 20px 0; }
#frametype_home .enginecontents .catchcopy h2 img { height: 320px; object-fit: cover; font-family: 'object-fit: cover;'; }
#frametype_home .enginecontents .catchcopy p { margin: 0 20px 20px; padding: 0 0 20px; font-size: 14px; line-height: 1.75; }
#frametype_home .enginecontents .catchcopy p:before { display: none; }
#frametype_home .enginecontents .catchcopy p:after {  right: 30px; }
#frametype_home .enginecontents .catchcopy h3 { padding: 20px; margin: 0 auto; }
#frametype_home .enginecontents .aboutthis { padding: 0 0 20px; }
#frametype_home .enginecontents .aboutthis .flowimg { padding: 0 0 20px; }
#frametype_home .enginecontents .aboutthis .flowimg img { height: 160px; }
#frametype_home .enginecontents .aboutthis .inr { padding: 0; margin: 0 10px; }
#frametype_home .enginecontents .aboutthis .inr:after { right: 30px; }
#frametype_home .enginecontents .aboutthis .inr .wrap h3 { width: 60px; }
#frametype_home .enginecontents .aboutthis .inr .wrap .cont { width: calc(100% - 70px); padding: 0 0 40px; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow01 .img { width: 100%; background: none; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow01 .txt { width: 100%; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow01 .txt p { font-size: 14px; line-height: 1.75; /* word-break: break-all; */ }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow02 .img { width: 100%; height: auto; background: none; margin: 0 0 10px; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow02 .txt { width: 100%; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow02 .txt p { font-size: 14px; line-height: 1.75; /* word-break: break-all; */ }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow03 .img { width: 100%; background: none; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow03 .txt { width: 100%; }
#frametype_home .enginecontents .aboutthis .inr .wrap.flow03 .txt p { font-size: 14px; line-height: 1.75; /* word-break: break-all; */ }
#frametype_home .enginecontents .aboutthis .inr .wrap .img { margin: 0 0 10px; }
#frametype_home .enginecontents .aboutthis .inr .wrap .img img { display: block; width: 100%; height: 300px; object-fit: cover; font-family: 'object-fit: cover;'; }
#frametype_home .enginecontents .model { padding: 0 0 40px; }
#frametype_home .enginecontents .model h2 img { height: 160px; width: auto; }
#frametype_home .enginecontents .model .inr { display: block; }
#frametype_home .enginecontents .model .inr h3 { text-align: center; margin: 20px auto; padding: 0 20px; }
#frametype_home .enginecontents .model .inr h3 img { width: 240px; margin: 0 auto; }
#frametype_home .enginecontents .model .inr li { text-align: center; margin: 20px auto; padding: 0 20px; }
#frametype_home .enginecontents .model .inr li img { width: 140px; margin: 0 auto; }
#frametype_home .enginecontents .model .inr p { display: block; text-align: center; }
#frametype_home .enginecontents .model .inr p a { display: inline-block; padding: 15px; border-radius: 100px; color:#fff; font-size: 14px; line-height: 1.1; background: #01ABB1; }
#frametype_home .enginecontents .faq { padding: 0 0 20px; }
#frametype_home .enginecontents .faq h2 { margin: 0 0 40px; }
#frametype_home .enginecontents .faq h2 img { height: 120px; }
#frametype_home .enginecontents .faq .inr { padding: 0 30px; }
#frametype_home .enginecontents .faq .inr dl dt { padding: 40px 10px 10px 10px; font-size: 15px; line-height: 1.1; border-radius: 10px; }
#frametype_home .enginecontents .faq .inr dl dt:before { content: ""; display: block; width: 78.5px; height: 20px; background: url(/engine/static/images/faq_q.png); background-size: 78.5px 20px; position: absolute; top:10px; left: 10px; }
#frametype_home .enginecontents .faq .inr dl dd { margin: 0;  font-size: 14px; line-height: 1.7; /* word-break: break-all; */ }
}

@media print, screen and (max-width:640px){
#frametype_home .enginecontents .aboutthis .flowimg img { height: 120px; }
#frametype_home .enginecontents .aboutthis .inr .wrap .img img { height: calc(100vw - 90px); }
#frametype_home .enginecontents .model h2 img { height: 100px; }
#frametype_home .enginecontents .faq h2 img { height: 60px; }
#frametype_home .enginecontents .faq .faqSupport ul li a { font-size: 1.2rem; }

}

@media print, screen and (max-width:420px){
#frametype_home .enginecontents .model h2 img { height: 60px; }
#frametype_home .enginecontents .faq .faqSupport h3 img { height:60px; }
#frametype_home .enginecontents .faq .faqSupport ul li a { font-size: 1rem; }

}