@charset "utf-8";
.fromAdBody .chinese_search_info{display: none;}

#main_ > article {font-size:1.6rem; text-align:left;}
#main_ > article > * {width:940px; margin:0 auto;}

#main_ > article .txt{display: inline-block; text-align: left;line-height: 1.8;
    font-family: "Noto Sans Japanese"
	;}

#main_ > article > header {width:auto; position:relative; background-image: url(images/header_image.jpg); background-size: cover; background-position: center; height: 713px;}
#main_ > article > header > .cover {position:absolute; left:50%; top:50%; transform:translate3d(-470px,-50%,0);}
#main_ > article > header > .cover > img {display:block;}
#main_ > article > header > h1 {position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); }

#main_ > article > #introSec .txt{font-size: 20px;}
#main_ > article > #meritSec .meritContentsBox{}
#main_ > article > #meritSec .meritContentsBox .meritContent{display: inline-block; margin-top: 5px;}
#main_ > article > #stepupSec .txt{font-size: 20px;}
#main_ > article > #stepupSec .stepupContentsBox{justify-content: space-between; display: flex;}
#main_ > article > #stepupSec .stepupContentsBox .stepupContent{display: inline-block;}
  #main_ > article > #stepupSec .stepupContentsBox .stepupContent.pcNone{display: none;}

#main_ > article > #trySec .txt{font-size: 16px; font-weight: 500;}
#main_ > article > #trySec .subtxt{font-size: 15px; color: #808080;}
#main_ > article > #trySec .videoTxt{width: 610px; display: block; margin: 0.5em auto 0; text-align: left;} 
#main_ > article > #trySec .lisningBox{border: solid #cd0e18 1px; border-left: none; border-right: none; width: 640px; margin: auto;}
#main_ > article > #trySec .lisningBox .lisningBoxContent{position: relative; display: flex; padding: 8px; align-items: center; justify-content: space-between; border-top: 3px dotted #cd0e18;}
#main_ > article > #trySec .lisningBox .lisningBoxContent:first-child{border-top: none;}
#main_ > article > #trySec .lisningBox .lisningBoxContent01::before{content: url(images/trysec_contents04.png); position: absolute; top: 50%; transform: translate(-104%, -41%);}
#main_ > article > #trySec .lisningBox .lisningBoxContent02::before{content: url(images/trysec_contents05.png); position: absolute; top: 50%; transform: translate(-104%, -41%);}
#main_ > article > #trySec .annotation{font-size: 14px; color: #616161; text-align: right; margin: 1em auto; width: 660px;}
#main_ > article > #subscSec .subscImg{margin-left: 99px;}
#main_ > article > #voiceSec .voiceBox{display: flex; justify-content: space-between; flex-wrap: wrap;}
#main_ > article > #voiceSec .voiceBox .voiceBoxContent{width: 44.5%; border: solid 1px #9ca7b3; margin-top: 2%; border-radius: 0.4em; padding: 1.5% 2%;}
#main_ > article > #voiceSec .voiceBox .voiceBoxContent .txt{font-size: 18px;}
#main_ > article > #voiceSec .voiceBox .voiceBoxContent .txt.customer{font-size: 16px; background-color: #cd0e18; color: #fff; border-radius: 1em; padding: 0.1em 1.2em; margin: auto; display: inline-block;}

@media screen and (max-width:599px) {
#main_ *{font-size:10%!important;}
#main_ img{width:100%; height: auto;}

#main_ > article {font-size:1.4rem; font-size:4.375vw;}
#main_ > article > * {width:auto; margin:0 16px;}

#main_ > article > header {margin:0;}
#main_ > article > header > .image {}
#main_ > article > header > .image > img {display:block; width:100%; height:auto;}
#main_ > article > header > .cover {width:20%; left:15%; transform:translate3d(0,-50%,0);}
#main_ > article > header > .cover > img {width:100%; height:auto;}
#main_ > article > header > h1 {width:50%; left:40%; padding:24.1176% 0 0; transform:translate3d(0,-50%,0); background-size:contain;}

#main_ > article > #message {padding:2em 0 0;}
#main_ > article > #message > h1 {}
#main_ > article > #message > p {}
#main_ > article > #message > h1 + p {}
#main_ > article > #message > address {}

#main_ > article > #whats-new {padding:2em 0 0;}
#main_ > article > #whats-new > header {-webkit-justify-content:center; justify-content:center;}
#main_ > article > #whats-new > header > .image {width:25%;}
#main_ > article > #whats-new > header > .image > img {width:100%; height:auto;}
#main_ > article > #whats-new > header > h1 {width:60%; margin:0 0 0 1em; padding:28.7499% 0 0; background-size:contain;}
#main_ > article > #whats-new > ol {font-size:1.4rem; font-size:4.375vw;}
#main_ > article > #whats-new > ol > li {
	display:-webkit-flex; display:flex; 
	-webkit-flex-direction:column; flex-direction:column; 
	min-height:0; margin:1em 0 0;}
#main_ > article > #whats-new > ol > li::before {left:0; top:0; font-size:3.6rem; font-size:11.25vw;}
#main_ > article > #whats-new > ol > li > .image {order:100; width:80%; position:static; margin:1em auto 0;}
#main_ > article > #whats-new > ol > li > .image > img {width:100%; height:auto;}
#main_ > article > #whats-new > ol > li > h2 {padding:0.4em 0 0 2em; font-size:1.8rem; font-size:5.625vw;}
#main_ > article > #whats-new > ol > li > p {}
#main_ > article > #whats-new > ol > li > ul {}
#main_ > article > #whats-new > ol > li > ul > li {}
#main_ > article > #whats-new > ol > li > ul > li::before {}
#main_ > article > #whats-new > ol > li > ul.series {margin:-1em 0 0;}
#main_ > article > #whats-new > ol > li > ul.series > li {min-height:10vw; margin:1em 0 0; padding:0 0 0 12vw;}
#main_ > article > #whats-new > ol > li > ul.series > li::before {}
#main_ > article > #whats-new > ol > li > ul.series > li > .image {width:10vw;}
#main_ > article > #whats-new > ol > li > ul.series > li > .image > img {width:100%; height:auto;}
#main_ > article > #whats-new > ol > li > ul.series > li > strong {font-size:1.2rem; font-size:3.75vw;}
#main_ > article > #whats-new > ol > li > ul.series > li > h3 {font-size:1.4rem; font-size:4.375vw;}
#main_ > article > #whats-new > ol > li > .image ~ * {margin-right:0;}

}