@charset "UTF-8";

html,body {
}

a:hover img {
opacity: .7;
transition: .3s;
}

/*----------------
  #tvcm_wrap
----------------*/
#tvcm {
	background-color:#ffc442;
}
.isSP {
display: block;
}
.isPC {
display: none!important;
}

#main_block {
width: 100%;
background: url(../img/lint_top.png),url(../img/main_bg.png);
background-position: bottom center,center center;
background-repeat: repeat-x, repeat;
padding: 58px 0 100px;
}

#tvcm h2 {
width: 76%;
margin: 0 auto 50px;
}
#tvcm h2 img {
width: 100%;
}
#tvcm h3 {
width: 70%;
margin: 0 auto;
}
#tvcm h3 img {
width: 100%;
}
#tvcm .mv1 {
width: 90%;
margin: 0 auto;
}
#tvcm .mv2 {
width: 90%;
margin: 0 auto;
}
#tvcm .mv1 img,#tvcm .mv2 img {
width: 100%;
transition-duration: .6s;
}
#tvcm .honbun {
font-size: 16px;
line-height: 1.6;
text-align: center;
font-weight: 700;
padding: 30px 0 10px;
}
#sub_block {
width: 100%;
margin: 0 auto;
padding-bottom: 30px;
}
.mvbox {
width: 100%;
margin: 0 auto;
padding-top: 50px;
display: block;
}
.mv-item {
width: 100%;
margin-bottom: 50px;
}



@media only screen and (min-width:768px){
/*----------------
  #tvcm_wrap
----------------*/
#tvcm {
	background-color:#ffc442;
}
.isSP {
display: none!important;
}
.isPC {
display: block;
}
#main_block {
width: 100%;
background: url(../img/lint_top.png),url(../img/main_bg.png);
background-position: bottom center,center center;
background-repeat: repeat-x, repeat;
padding: 109px 0 100px;
}

#tvcm h2 {
width: 440px;
margin: 0 auto 50px;
}
#tvcm h2 img {
width: 100%;
}
#tvcm h3 {
width: 370px;
margin: 0 auto;
}
#tvcm h3 img {
width: 100%;
}
#tvcm .mv1 {
width: 800px;
margin: 0 auto;
}
#tvcm .mv2 {
width: 560px;
margin: 0 auto;
}
#tvcm .mv1 img,#tvcm .mv2 img {
width: 100%;
transition-duration: .6s;
}
#tvcm .honbun {
font-size: 18px;
line-height: 1.7;
text-align: center;
font-weight: 700;
padding: 30px 0 10px;
min-height: 92px;
}
#sub_block {
width: 100%;
margin: 0 auto;
padding-bottom: 100px;
}
.mvbox {
width: 1200px;
margin: 0 auto;
padding-top: 50px;
display: flex;
flex-wrap: nowrap;
justify-content:space-between;
}
.mv-item {
width: 48%;
}



}