@charset "UTF-8";

/**
*
*	/products/homeprinter/campaign_t/2024/pocketdocument/index.css
*/

/*************************************************************************
 *		Epson Pocket Document アイコン調整
*************************************************************************/
@media screen and (min-width:768px){
.dispFlex_icon{
	display: flex;
}
.dispFlex_icon p{
	margin: 30px 0px 30px 20px;
}
}
@media screen and (max-width: 767px) {
.dispFlex_icon img{
	width: 40%;
}
.dispFlex_icon p{
	margin-top: 10px;
}
}
/*************************************************************************
 *		Epson Pocket Document QR ダウンロード部分
*************************************************************************/
.pocketDocument__download div{
	background:#f3f3f3;
	border-radius:20px;
	padding:20px 40px;
	margin-bottom: 30px;
}
	
@media screen and (min-width:768px){
.pocketDocument__download div{
	-ms-flex-align:start;
	align-items:flex-start;
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:328px auto;
	grid-template-columns:328px auto;
	-ms-grid-rows:auto auto;
	grid-template-rows:auto auto
}
.pocketDocument__download div ul li:first-child{
	margin-right: 20px;
}
}
.pocketDocument__download div>img{
	display:block;
	margin:0 auto;
	width:200px;
	grid-row:1/3
}
.pocketDocument__download div ul img {
    height: 60px;
}
.pocketDocument__download div ul{
	align-self:flex-end;
	margin-bottom: 20px;
	display: flex;
}

@media screen and (max-width: 767px) {
.pocketDocument__download div>img {
	display: none;
    }
.pocketDocument__download div ul {
	height: auto;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 0 10px;
	display: flex;
	gap:10px;
}
.pocketDocument__download div ul img {
    height: 50px;
}
}
.u-oro:hover {
    opacity: 0.7;
}

/*************************************************************************
 *		YouTube動画部分
*************************************************************************/
.movie_col {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.movie_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie_wrap {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
}