@charset "utf-8";

/*------------------------------------------------------------------*/
/*--ƒXƒ}ƒz—pCSS----------------------------------------------------------------*/
/*------------------------------------------------------------------*/


@media screen and (max-width: 680px) {


/*Šî–{�Ý’è--------------------------*/

body{ 
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans",arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",MeiryoKe_PGothic,"ƒ�ƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;
	background: #c19cd1;
}



img{
	max-width: 100%;
	border-width: 0;
}

.wrapper{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}


.header{
	position: relative;
	clear: both;
	width: 100%;
	margin: 0 0 2% 0;/* 0 0 10% 0 */
	padding: 0;
}


.maincol{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #c19cd1;/* ’Ç‹L�@*/
}

.delay01{animation-delay: 0.5s;}
.delay02{animation-delay: 1.0s;}
.delay03{animation-delay: 1.5s;}
.delay04{animation-delay: 2.0s;}
.delay05{animation-delay: 2.5s;}
.delay06{animation-delay: 3.0s;}
.delay07{animation-delay: 3.5s;}


.defView{opacity: 0;}


#animateSpeed-2s{ animation-duration: 2s;}
#animateSpeed-1{ animation-duration: 2s;}
#animateSpeed-2{ animation-duration: 2s;}


/****header ****************************************/


.header_inner{
	overflow: hidden;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url("https://s3-ap-northeast-1.amazonaws.com/image.tomospo.xyz/443/htdocs/data/genericImages/mq1_top_hero2.png");
	background-position: center center;
	background-size: cover;
}


.top_btn{
	width: 90%;
	margin: 0 auto 5% auto;
	padding: 0;
	text-align: center;
}

.header_inner .kiyaku{
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: 700;
	text-align: center;
}


.header_inner .checkbox{
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: 700;
	text-align: center;
}

/****main_1 ****************************************/

.maincol h2{
	margin: 0;
	padding: 0;
}

.photo_wra{
	overflow: hidden;
	width: 80%;/* 96% */
	margin: 20px auto 10px auto; /* 0 auto 10px auto;*/
	padding: 0;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	text-align: center;
	background: #fff;
}

.photo_wra p{
	margin: 0;
	padding: 5px 0 5px 10px;
	font-size: 1.2rem;
	text-align: left;
	color: #ff5da5;
}

.next{
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

.btn_entry{
	width: 90%;
	margin: 0 auto 10px auto;/* margin: 0 auto 50px auto; */
	padding: 0;

}

.comment_wra{
	margin: 0;
	padding: 15px 0 15px 0;
	background: #f0f0f0;
}


.comment_wra h2{
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 10px auto;
	padding: 5px 0 5px 15px;
	border-left: 10px solid #000;
	border-bottom: 1px solid #000;
}

.comment_inner{
	width: 92%;
	margin: 0 auto 10px auto;/*  0 auto 0 auto; */
	padding: 2%;
	border: 1px solid #e6e6e6;
	background: #fff;
}

.comment_inner ul{
	list-style: none;
	display: table;
	margin: 0;
	padding: 0;
}

.comment_inner li{
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}

.comment_inner .thumbnail{
	overflow: hidden;
	width: 70px;
	height: 70px;
	margin: 0 30px 0 0;
	padding: 0;
	border-radius: 100px;
}

.comment_inner .thumbnail img{
	display: block;
}


.comment_inner .username{
	margin: 0;
	padding: 0 0 0 15px;
	text-align: 0.8rem;
}

.comment_inner li.ml{
	padding-left: 10px;
}


/****footer ****************************************/





.footer{
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	background: #504556;/* #000 */
}


.footer_inner{
	margin: 0;
	padding: 30px 0 0 0;
}

.footer_inner .app_icon{
	width: 150px;
	margin: 0 auto 0 auto;
	padding: 0;

}

.footer_inner dl{
	display: table;
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 0px 5px;/* 0 */
	border: 1px solid #bda66b;/* ’ljÁ */
}

/* �¥’ljÁ�¥ */
.footer_inner dl.last{
	margin-bottom: 25px;
}
/* �£’ljÁ�£ */

.footer_inner dt{
	display: table-cell;
	width: 40%;
	margin: 0;
	padding: 5px 0px;/* 0 */
	vertical-align:middle;
	font-size: 0.8rem;
	color: #fff;
	border-right: 1px solid #bda66b;/* ’ljÁ */
}

.footer_inner dd{
	display: table-cell;
	margin: 0;
	padding: 0px 5px;/* 0 */
	vertical-align:middle;
	font-size: 0.8rem;
	color: #fff;
}


.footer ul{
	list-style: none;
	margin: 0;
	padding: 0 0 5% 0;
	border-top: 1px solid #fff;/* ’ljÁ */
}

.footer ul li{

	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	font-size: 1.2rem;
	text-align: left;

}


.footer ul li a{
	display: block;
	margin: 0;
	padding: 5% 0 5% 3%;
	text-decoration: none;
	color: #fff;
}

.footer .industry{
	clear: both;
	margin: 0 0 5% 0 ;
	padding: 0;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;

}

.footer .copy{
	clear: both;
	margin: 0 0 0 0 ;
	padding: 0 0 10% 0;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
}


/****other ****************************************/

/* •¶Žš�F’ljÁ */
p.fc-p{
	color: #9400D3;
	font-size: 16px;
}

}