@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/


/*
	202309 index 1カラム
*********************************/
#yamaha .flex-space-around{justify-content:space-around;}
#yamaha .mT60{margin-top:60px;}
#yamaha .bg-navy{background:#000066;}
#yamaha .navy{color:#0A2986;}
#yamaha .bd-radius-20{border-radius:20px;}
#yamaha .pV05{
  padding-top:5px!important;
  padding-bottom:5px!important;
}
#yamaha .h120{
height:120px;
display:flex;
align-items:center;
}
#yamaha ul.list-2column li:nth-child(2n+1) {
  width: 60%;
}
#yamaha ul.list-2column.trial-list li:last-child{
  width:100%;
}
#yamaha .indent0{
    text-indent: 0!important;
    padding-left: 0!important;
}
#yamaha .img-position-top{
position:relative;
}
#yamaha .img-position-abs{
position:absolute;
bottom:40px;
right:40px;
}
#yamaha .img-position-abs02{
position:absolute;
bottom:40px;
right:40px;
}

#yamaha .roll_over:hover,
#yamaha .roll_over:active {
  background-color: lightblue;
}
#yamaha .flx-ai--center{
align-items:center;
}

/* SNPPPページ  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#yamaha .snppp-gaiyo-box {
  padding: 1em;
  border: 3px solid #0A2986;
  border-radius:20px;
  font-size: 16px;
}

#yamaha .snppp-flow{
  padding: 0.5em;
  border: 1px solid #f60;
  background-color: #ff9;
  border-radius:5px;
  width: 450px;
}

/* SNPPPページ よくある質問  リスト ━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#yamaha dt ul.faq {
    cursor:pointer;
}
#yamaha ul.faq > li:nth-child(2n){
    margin-bottom:2em;
}
#yamaha ul.faq > li{
    padding:0.5em 0.5em 0.5em 4em;
    border-bottom:1px solid #ccc;
}

#yamaha ul.faq li span.mark-Q,
#yamaha ul.faq li span.mark-A {
    display:table-cell;
    vertical-align: top;
    font-size:190%;
    font-weight: bold;
}
#yamaha ul.faq li span.mark-Q {
    color:#007aff!important; /* blue系 */
}

#yamaha ul.faq li span.mark-A {
    color:#dc143c!important; /* red系 */
}

#yamaha ul.faq li span.text{
    display:table-cell;
    vertical-align: middle;
    padding-top:0.7em;
    font-size:100%;
}

/*汎用*/
.h215{height:215px}
.h262{height:262px}
.movie-size{
width:480px;
height:270px;
}
@media screen and (max-width:768px) and (min-width:1px) {
#yamaha .sp-mT20{margin-top:20px;}
#yamaha .sp-mT4em{margin-top:4em;}
#yamaha ul.list-2column li:nth-child(2n+1),
#yamaha ul.list-2column li:nth-child(2n),
#yamaha ul.list-2column li:nth-child(5) {
  width:95%;
}
#yamaha .snppp-flow{
   width: 80%;
}
#yamaha .h120{height:auto;}
.h215,
.h262{height:auto}
.movie-size{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
}