@charset "utf-8";
/* -----------------------------------------------------------
CSS Information

File name : contents.css

----------------------------------------------------------- */

/*----------------------------------------------------
  COMMON
----------------------------------------------------*/
#tu{
	width:100%;
	padding-top:45px; /* ヘッダー固定分 */
	background:#ffffff;
	color:#000000;
	font-size:12px;
	line-height:1.25em;
}
#tu img{width:100% !important;}

#tu a{ font-weight:normal;}

/* text */
#tu p.tu_txt{}

/* title */
#tu h3.tu_tit{}

/* banner */
#tu .tu_banner{ padding:4%;}
#tu .tu_banner .tu_bnr{ display:block;}
	#tu .tu_bnr3{ margin-top:4%;}

/* pagetop */
#tu .tu_pagetop{ margin:0 0 4%;}

/* layout */
#tu .tu_article{ padding:6% 4% 4%;}
	#tu .tu_wrap{ overflow:hidden;}
	#tu .tu_wrap .tu_img{ float:left; width:44% !important;}
	#tu .tu_wrap .tu_txt{ float:left; width:56%;}
	#tu .tu_wrap .tu_btn{ margin-top:4%; display:block;}
	

/* YouTube */
#tu .tu_pageback{
	width:52%;
	padding-bottom:4%;
}



/* tu_box1
----------------------------------------------------*/
#tu .tu_box1 { padding-bottom:4%;}
#tu .tu_box1 .tu_btn{
	width:54.5%;
	margin:2% auto 0;
	display:block;
}


/* tu_box4
----------------------------------------------------*/
#tu .tu_box4{ padding-bottom:4%;}


/*----------------------------------------------------
  メディアクエリ
----------------------------------------------------*/

/* iPhone5まで */
@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 374px) {


}

/* iPhone6＆その他大型スマートフォン */
@media only screen
 and (min-device-width: 375px)
 and (max-device-width: 479px) {

}

/* 横置き時＆タブレット */
@media screen and (min-width: 480px) {

}