#pageArticle #mainArea #articleArea {
	width: 680px;
	font-size: 13px;
	background: #fff;
    padding: 25px;
	margin: 30px auto 35px auto;
	position: relative;
	-webkit-text-size-adjust: 100%;
}
#articleArea .article .sp_vis {
  display: none;
}

.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
	line-height:0;
    width: 0;
}
.clearfix:after { clear:both; }

.right{
	float: right;
}
.left{
	float: left;
}
@media screen and (max-width: 768px) {
  #pageArticle #mainArea #articleArea {
    width: auto;
    font-size: 1rem;
  }
  #pageArticle #mainArea #articleArea {
    padding:0 0;
  }
    #pageArticle #mainArea #articleArea .article {
        padding: 0;
    }
}




@media screen and (max-width: 450px){
#pageArticle #mainArea #articleArea {
    margin: 50px auto 35px;
}
}
@media screen and (max-width: 768px) {
	#mainBox .img_box.img_single {
		width: 100%;
	}
}
#mainBox a:hover{
	opacity: .7;
}


img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}



#mainBox{
	line-height: 1.9;
}
#mainBox p{
	margin-top:	10px;
}
#mainBox a{
	color: #000;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
}
#mainBox .intro_txt h2{
	
	font-size: 20px;
    margin-bottom: 30px;
}
#mainBox .intro_txt p{
	font-size: 17px;
	margin-top:5px;
}
#mainBox p {
    font-size: 17px;
	margin-bottom: 10px;
}
#mainBox small{
	font-size: 14px;
	display: block;
}
#mainBox small a{
	font-size: 14px;
}
#mainBox .cont_size_box{
	max-width: 640px;
	width: 95%;
	margin: 30px auto;
	padding-bottom: 50px;
}
#mainBox .bBox{
    border: 1px solid #000;
    padding: 20px 30px;
    box-sizing: border-box;
    margin: 40px auto;
}
#mainBox .bBox img{
    margin-left: 0;
    display: block;
}

#mainBox .profile{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 60px;
    border: 1px solid #0013c8;
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
    margin-top: 60px;
}
@media(max-width:768px){
    #mainBox .profile{
        padding: 15px;
    }
}
#mainBox .profile .profile_txt{
   width: 60%;
}
#mainBox .profile img{
    display: block;
    width: 35%;
    margin: 0;
    max-width: 210px;
    
}
#mainBox .profile p{
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 0;
    
}
#mainBox .profile p strong{
    font-size: 18px;
}
#mainBox .profile p small{
    font-size: 17px;
}
#mainBox .interview h3{
    font-size: 17px;
    color: #0089ef;
    margin: 0;
}
#mainBox .interview p{
    font-size: 15px;
    margin-bottom: 0;
}
#mainBox .interview .cont{
    margin: 30px auto;
}
#mainBox .img{
    img{
        max-width: none;
        width: 100%;
    }
}
#mainBox .img_box{
    max-width: 400px;
    display: block;
    margin: 30px auto;
}
#mainBox .movie {
    margin: 70px auto;
    
}
#mainBox .movie h2{
    display: block;
    margin: 0 auto 10px;
}
#mainBox .movie iframe{
    width: 100%;
    height: auto;
    display: block;
    margin: 0px auto;
    aspect-ratio: 16 / 9;
}
#mainBox .product{
    margin-top: 100px;
}
#mainBox .product img{
    /* max-width: 493.5px; */
    width: 100%;
    
    display: block;
}
#mainBox .product h2{
    font-size: 23px;
}
#mainBox .product .btn{
    max-width: 300px;
    margin: 40px auto 0;
}
#mainBox .product .btn a{
    margin: 10px auto;
    width: 100%;
    display: block;
}
#mainBox .product .btn a img{
    margin: 0;
}

@media(max-width:768px){
    #mainBox .profile{
        /* display: block; */
        align-items: center;
    }
    #mainBox .profile img{
        margin: 0 auto;
    }
    #mainBox .profile .profile_txt{
        display: block;
        /* width: 100%; */
        /* margin-top: 10px; */
    }
    #mainBox .product img{
        margin: 0 auto 40px;
    }
}
@media(max-width:368px){
    #mainBox .profile{
        display: block;
    }
    #mainBox .profile .profile_txt{
        width: 100%;
    }
}