@charset "utf-8";

#main{
	padding-bottom: 20px;
}
#content h2.title{
	color:#007770;
}
#main #main_col{
	float: left;
	width: calc(100% - 215px);
}
#main #main_col h3{
	font-size:18px;
	margin-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W6";
}
#main #main_col p{
	font-size:14px;
	margin-bottom: 20px;
	font-family: "ヒラギノ角ゴ Pro W3";
}
#main #right_col{
	float: right;
	width: 180px;
}
#main .effectssub{
	margin-bottom: 5px!important;
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	color:#007770;
}
#main #main_col .table1{
	margin-top: 20px;
	}
#main #main_col p.lead{
	font-size:16px;
	margin-bottom: 35px;
	line-height: 180%
}
#main #main_col h4{
	font-size:18px;
	margin-bottom: 25px;
}
#main p.sup{
	font-size:13px!important;
	padding-top:6px;
}
@media screen and (max-width:640px){
	#main #main_col{
		width: calc(100% - 0px);
	}
	#main #right_col {
		display: none;
	}
	#main #right_col img{
	}
	#main_col img.left{
		display: inline-block;
		float: left;
		margin:0 10px 10px 0;
	}
	#main_col img.right{
		display: inline-block;
		float: right;
		margin:0 0 10px 10px;
	}
}

/* index
---------------------------------------- */
#main.index #main_visual{
	width:100%;
}
#main.index #main_visual img{
	width:100%;
}
@media screen and (max-width:640px) {
	#main.index {
	}
}

/* siaa
---------------------------------------- */
#siaa {
	width:calc(100% - 0px);
	padding: 0;
	margin-top: 58px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#siaa div.vertical {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#siaa img{
	width: 83px;
	float: left;
}
#siaa img:first-of-type{
	margin-right: 5px;
}
#siaa .text_area{
	box-sizing: border-box;
	width:calc(100% - 181px);
	border: 1px solid #CCC;
	border-radius: 5px;
	margin-left: 19px;
	padding: 15px 15px 13px;
}
#siaa .text_area p{
	font-size:14px;
	margin-bottom:3px;
	text-align: justify;
}
#siaa .text_area p.sup{
	font-size:12px!important;
	margin-bottom:0px;
}
@media screen and (max-width:750px) {
	#siaa {
	}
	#siaa .text_area{
		margin-top: 0px;
		padding:10px 15px 8px 15px;
	}
}
@media screen and (max-width:540px) {
	#siaa {
		width:calc(100% - 0px);
		margin: 30px auto 0px auto;
		align-items: flex-start;
	}
	#siaa div.vertical {
		flex-direction: column;
	}
	#siaa img{
		width: 60px;
	}
	#siaa img:first-of-type{
		margin-right: 0;
	}
	#siaa img:last-of-type{
		margin-top: 10px;
	}
	#siaa .text_area{
		width:calc(100% - 60px);
		padding:15px 10px;
		margin: 7px 0 0 15px;
	}
	#siaa .text_area p{
		font-size: 12px;
		margin-bottom: 3px;
		line-height: 130%;
	}
	#siaa .text_area p.sup{
		font-size:11px;
		margin-bottom:0px;
	}
}


/* effects01
---------------------------------------- */
#main.effects01 #right_col{
	text-align: center;
}
#main.effects01 #right_col img{
	margin: 0 auto 40px auto;
}
@media screen and (max-width:640px) {
	#main.effects01 #main_col{
		padding-bottom: 20px;
	}
	#main.effects01 #main_col img{
		margin:10px auto 10px auto;
	}
	#main.effects01 #main_col img.left{
		display: inline-block;
		float: left;
		margin:0 10px 10px 0;
	}
	#main.effects01 #main_col img.right{
		display: inline-block;
		float: right;
		margin:0 0 10px 10px;
	}
	#main.effects01 .table1 img{
		width:100%;
	}
}

/* effects02
---------------------------------------- */
#main.effects02{
	padding-bottom: 20px;
}
#main.effects02 h3.sec{
	padding-top:60px;
}
#main.effects02 #main_col h4{
	font-size:15px;
	margin-bottom: 8px;
	clear: both;
}
#main.effects02 #main_col p.disc{
	margin-bottom:15px;
}
#main.effects02 #main_col .video_wrap{
	display: block;
	float:left;
	width:250px;
	padding:0;
	margin:0 20px 30px 0;
}
#main.effects02 #main_col .video_wrap.w400{
	width:400px;
}
#main.effects02 #main_col p.content_title{
	text-align: center;
	padding:4px 0 3px 0;
	margin:0;
	background: #EEE;
}
@media screen and (max-width:640px) {
	#main.effects02 #main_col img{
		width:100%;
	}
	#main.effects02 #main_col video{
		width:100%;
	}
	#main.effects02 #main_col .video_wrap{
		width:100%;
	}
	#main.effects02 #main_col .video_wrap.w400{
		width:100%;
	}
}

/* effects03
---------------------------------------- */
#main.effects03{
}
#main.effects03 .effects3table{
	margin-bottom: 50px;
	font-family: "ヒラギノ角ゴ Pro W3";
	border:1px solid #CCC;
	width: 100%;
	box-sizing: border-box;
}
#main.effects03 .effects3table td{
	padding: 4px 120px;
	text-align:center;
	font-size: 13px;
	background-color: #FFFDD8;
	border:1px solid #CCC;
}
#main.effects03 .effects3table th{
	text-align:center;
	padding: 4px 50px;
	font-size: 13px;
	background-color: #ECECEC;
	border:1px solid #CCC;
		font-weight: normal;
}
@media screen and (max-width:640px) {
	#main.effects03 .effects3table{
		margin-bottom: 25px;
	}
	#main.effects03 .effects3table td{
		text-align:center;
		padding: 4px 0px;
		font-size: 13px;
	}
	#main.effects03 .effects3table th{
		text-align:center;
		padding: 4px 0px;
		font-size: 13px;
	}
}


/* effects04
---------------------------------------- */
#main.effects04{
	padding-bottom: 0px;
	}
#main.effects04 p{
	width:100%;
	max-width:550px;
	text-align: justify;
	margin: 0 0 25px 0;
	font-size:14px;
	}
#main.effects04 p.sub{
	font-size:13px;
	}
#main.effects04 img{
	width:100%;
	max-width:550px;
	margin:10px 0 40px 0;
	}
@media screen and (max-width:640px) {
	#main.effects04{
		padding-bottom: 0px;
		}
	#main.effects04 p{
		margin: 0 0 10px 0;
		font-size:14px;
		}
	#main.effects04 p.sub{
		font-size:13px;
		}
	#main.effects04 img{
		margin:5px 0 20px 0;
		}
	}


/* effects05
---------------------------------------- */
#main.effects05 video{
	width:360px;
}
@media screen and (max-width:640px) {
	#main.effects05 p.lead{
		margin-bottom: 10px!important;
	}
	#main.effects05 video{
		width:100%;
	}
}


/* effects06
---------------------------------------- */
#main.effects06{
}
@media screen and (max-width:640px) {
	#main.effects06 img{
		width: 100%;
	}
}


/* safe
---------------------------------------- */
#main.safe .catch{
	text-align: justify;
}
#main.safe #main_col{
	width: 100%;
	max-width:655px;
	}
#main.safe h4.safesub1{
	margin-bottom: 6px!important;
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size:14px!important;
	color:#007770;
	font-weight: bolder;
	}
#main.safe .safesub2{
	margin: 10px 0 0 0;
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#007770;
	}
#main.safe #main_col #itemtext p{
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3";
	margin-bottom: -5px;
	line-height: 160%;
	text-align: justify;
	}
#main.safe section.safe{
	clear: both;
	float: none;
	width:100%;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #666;
	}	
#main.safe .noJustify{
	text-align:left!important;
}
#main.safe section.safe:first-of-type{
	padding-top: 25px;
	border-top: 1px dotted #666;
	}
#main.safe .safeimg{
	display: block;
	float:left;
	width:130px;
	}
#main.safe .safebody{
	display: block;
	float: right;
	width:calc(100% - 160px);
}
@media screen and (max-width:640px){
	#main.safe section.safe {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	#main.safe section.safe:first-of-type {
		padding-top: 15px;
	}
	#main.safe .safeimg{
		display: none;
	}
	#main.safe .safebody{
		float: left;
		width:100%;
	}
	#main.safe .safebody img.sp{
		float: left;
		width:90px;
		margin: 0 15px 10px 0;
	}
}


/* productdata
---------------------------------------- */
#productdata th{
	background: #EDEDED;
	color: #333;
	width:24px;
	font-weight: normal;
}
#productdata td{
	background: #FFF;
	line-height: 180%;
	padding-left: 15px;
}
#productdata td.cel2{
	width:140px;
	background: #FEFFDD;
}
#productdata .inc_table{
	margin: 10px 0 3px 0;
}
#productdata .inc_table td{
	padding: 2px 15px 2px 15px;
	text-align: center;
	font-size:11px;
}
#productdata td p{
	padding-bottom: 5px;
	margin-bottom: 6px;
	margin-right: 5px;
	border-bottom: 1px dotted #CCC;
}
#productdata .inc_table td.head{
	background: #FEFFDD;
}
#productdata .inc_table td span.mini{
	font-size:8px;
}
@media screen and (max-width:640px) {
	#main.productdata {
		padding-bottom:0;
	}
	#productdata th{
		width:20px;
	}
	#productdata td{
		padding: 5px;
	}
	#productdata td.cel2{
		width:60px;
		padding: 5px;
	}
}

/* app_method
---------------------------------------- */
#main.app_method{
	padding-bottom: 0px;
}

#main.app_method #main_col p{
	line-height: 180%;
	margin-bottom: 12px;
}
#main.app_method #main_col #movie{
	background: #FFF1B3;
	border-radius:10px;
	margin-top: 35px;
	margin-bottom: 35px;
}
#main.app_method #main_col #movie h3{
	color:#007770;
	float: left;
	margin: 35px 0 7px 25px;
}
#main.app_method #main_col #movie p{
	color:#007770;
	margin: 0px 0 20px 25px;
	clear: left;
	font-size:13px;
}
#main.app_method #main_col #movie a.btn_play{
	background: #FFF1B3;
	margin: 0 0 10px 25px;
	clear: left;
	cursor: pointer;
}
#main.app_method #main_col #movie video{
	float: right;
	margin: 15px 15px 15px 0;
}
#main.app_method #main_col h4{
	font-size:15px;
	margin: 0 0 5px 0;
}
#main.app_method #right_col img{
	margin-bottom: 15px;
}
@media screen and (max-width:640px) {
	#main.app_method #main_col p {
		line-height: 150%;
	}
	#main.app_method #main_col #movie {
		border-radius: 5px;
		margin-top: 0;
		margin-bottom: 15px;
		padding: 15px;
		text-align: center;
	}
	#main.app_method #main_col #movie h3 {
		margin:0 0 5px 0;
		width: 100%;
		text-align: center;
	}
	#main.app_method #main_col #movie video {
		float: none;
		clear: both;
		margin: 0px auto 5px auto;
	}
	#main.app_method #main_col #movie p {
		margin:0;
		clear: both;
		width:100%;
		font-size:12px;
	}
	#main.app_method #main_col #movie a.btn_play {
		display: none;
	}
}


/* qa
---------------------------------------- */
#main.qa p.lead{
	margin-bottom: 40px;
}
#main.qa dl.openlist{
	width:100%;
	max-width: 655px;
	border-top:1px dotted #666;
	padding-bottom: 5px;
}
#main.qa dl.openlist:last-of-type{
	border-bottom:1px dotted #666;
}
#main.qa dl.openlist dt{
	cursor: pointer;
	padding:18px 40px 10px 0;
	position: relative;
	color:#007770;
	font-size:16px;
}
#main.qa dl.openlist dt img{
	display: block;
	position: absolute;
	right: 2px;
	top:15px;
}
#main.qa dl.openlist dd{
	width:calc(100% - 40px);
	max-width: 655px;
	padding:0 0 15px 0;
	font-size:14px;
}
@media screen and (max-width:640px) {
	#main.qa {
		padding-bottom: 10px;
	}
}