@media screen  and (min-width: 768px) and (max-width: 959px){
body { 
text-align:center;
padding:0;
margin:0 auto;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
font-size: 16px; font-size: 1.6rem;
background:#cceade;
}

#header{
width: 100%;
text-align:center;
margin:0 auto;
background:url('../img2/title_bg_pc.png') no-repeat center top;
background-size:94% auto;
}
#header h1 {
width: 100%;
font-size: 17px;
font-weight: 600;
line-height: 115%;
text-align: center;
margin: 0 auto;
padding: 8% 0 8% 0;
}
#header h1 strong{
font-size: 29px;
}

#main{
width:94%;
padding:0 0 10% 0;
margin:0 3%;
background:#fff;
}
#main div.pr{
display:block;
width: 95%;
font-size: 11px;
text-align: right;
padding: 0 0 0 0;
background: none;
}


br.sp{
display: none;
}
#main p{
font-size:15px;
font-size:1.5rem;
line-height:1.8;
text-align:left;
padding:12px 8%;
}
#main .largest{
font-size: 30px;
font-size: 3rem;
}
#main .larger{
font-size: 22px;
font-size: 2.2rem;
}
#main .smaller{
font-size: 14px;
font-size: 1.4rem;
}
sup{
font-size: 11px;
font-size: 1.1rem;
}

#header .smallest,
#main .smallest{
font-size: 11px;
font-size: 1.1rem;
}

#header .right{
text-align:center;
margin:auto;
}


#main img,
#main video{
width:65%;
height:auto;
padding: 5px 0;
}
#main img.thin{
width:35%;
height:auto;
}
#main .cta img{
width:70%;
height:auto;
}
#main h3{
font-size:26px;
font-size: 2.6rem;
padding: 15px;
text-align: center;
margin:3% 8%;
}



#main .cta2 img{
width:70% !important;
height:auto;
padding: 5px 0;
text-align:center;
}

.cta2{
width:90% !important;
padding:1% 0;
text-align:center;
margin:0 auto;
}


#footer{
text-align:center;
margin:1% auto 0 auto;
font-size:10pt;
}
#footer ul{
width: 680px;
margin: 0 auto;
display: flex;
justify-content: center;
}
#footer  li{
margin: 0 auto;
padding: 5px;
}


#footer p{
padding: 10px 0;
text-align: center;
}
}