@charset "UTF-8";

/* common */
body{overflow-x: hidden;}
.asv_cont *{ box-sizing:border-box; }
.asv_cont img{ width:auto; max-width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }

.asv_cont a,
.asv_cont a:link,
.asv_cont a:visited,
.asv_cont a:hover,
.asv_cont a:active{ text-decoration:none; }
.asv_cont a,
.asv_cont a img{ transition: all 0.3s ease; }
.asv_cont a:hover img{ opacity:0.7; }

.asv_cont p{ margin-bottom:1.5em; }
.asv_cont p,
.asv_cont li{ line-height:2.2; }
.asv_cont sup{ font-size: 70%; vertical-align: super; margin-right:0.2em; }

/* layout */
.asv_cont{ width:982px; margin-left:auto; margin-right:auto; counter-reset: css-counter; }
.asv_cont .asv_block{ margin-bottom:100px!important; }
.asv_cont .asv_flex{ display: flex; justify-content:space-between; }
.asv_cont .asv_flex > div{ width:48%; }
.asv_cont .asv_flex.asv_col3 > figure{ width: 32%; margin:0; }
.asv_cont .asv_flex.asv_col3 > figure h3{ text-align:center; margin-top:1em; }

/* contents */
.asv_att > li,
.asv_spec_att ul >li{ text-indent:-1em; margin-left:1em; }
.asv_att > li::before,
.asv_spec_att ul >li::before{ content:"・"; }
.asv_att_num,
.asv_spec_att{ margin-bottom:1.5em; font-size:80%; text-indent:-2em; margin-left:2em; }
.asv_att_num > li::before{ counter-increment: css-counter; content: "＊" counter(css-counter)  " "; }
.asv_req > li{ padding-left:3.1em;position:relative; }
.asv_req > li >span{ display:inline-block; width:3.1em; position:absolute; left:0; top:0; }
.asv_block h2{ text-align:center; margin-bottom:1.2em; }
.asv_block table{ width:100%; }
.asv_block th{ width:24%; }
.asv_block td{ width:38%; }
.asv_block td > span{ display: block; text-indent:-1em; margin-left:1em; font-size:80%; }
.asv_btn{ margin-top:1.5em; display:inline-block; color:#fff; padding:0.5em 1em; background: linear-gradient(135deg, rgba(0,18,172,1) 0%, rgba(74,123,254,1) 38%, rgba(84,6,88,1) 76%, rgba(236,133,245,1) 95%); background-size: 200% auto; }
a.asv_btn{ color:#fff; }
.asv_btn:hover{ background-position: 99% 50%; }

a.asv_rentalBtn {display:block;margin:auto;color:#fff;padding:5px;text-align:center;max-width: 620px;font-size: 24px;background:#00b4fd;}

.asv_spec_att{ text-align:left; counter-reset: spec-counter; color:#666; }
.asv_spec_att > li::before{ counter-increment: spec-counter; content: "＊" counter(spec-counter)  " "; }
.asv_spec_att + p{ margin-bottom:1.5em; font-size:80%; text-align:left; color:#666; }

.commonSL > p{ text-align:left; }
.commonSL .btnLink{ display:inline-block; }

main#product .head_line_area .head_line_area_innder ul li.li_trial_link { text-align:center; margin-top: -7px; }
.head_line_area .head_line_area_innder ul li dl dt { display: inline-block; padding: 7px; }
.head_line_area .head_line_area_innder ul li[class$="_link"] dl dt { height:auto; }
.head_line_area .head_line_area_innder ul li.li_trial_link dl dt { background: #6dae00 !important; }
.head_line_area .head_line_area_innder ul li.li_trial_link dl dd p a { text-align:left; }


/* mobile */
@media screen and (min-width:768px) and (max-width: 982px){
	/* correction */
	main,
	header,
	.footer_box,
	#footer_sitemap{ min-width: auto; }
	#header_inner,
	.Breadcrumb ul,
	.history_box_tab,
	.history_box_inner{ width: auto; }
	.footer_sitemap02,
	.footer_sitemap03{ margin-top:30px; }

	/* layout */
	.asv_cont{ width:auto; padding-left:20px; padding-right:20px;}
}

/* mobile */
@media screen and (max-width: 768px){
	/* layout */
	.asv_cont{ width:auto; padding-left:20px; padding-right:20px;}
	.asv_cont p,
	.asv_cont th,
	.asv_cont td,
	.asv_cont li{ font-size:80%; }
	.asv_cont .asv_block{ margin-bottom:60px!important; }
	.asv_cont .asv_flex{ flex-direction: column; }
	.asv_cont .asv_flex > div,
	.asv_cont .asv_flex.asv_col3 > figure{ width:100%; }

	/* header */
	main#product .head_line_area ul { display: flex; align-items: center; justify-content: flex-end; }
	main#product .head_line_area .head_line_area_innder ul li { padding: 0 2% 0 0; }
	main#product .head_line_area .head_line_area_innder ul li:last-child { padding: 0; }
	main#product .head_line_area .head_line_area_innder ul li[class$="_link"] { position: relative; right: auto; bottom: 0; margin-top:0; }
	main#product .head_line_area .head_line_area_innder ul li.li_buy_link { margin-right: 2%; }
	main#product .head_line_area.fixed .head_line_area_innder ul li[class$="_link"] { opacity: 1; display:block; top: 3px; }
	.head_line_area .head_line_area_innder ul li dl dt { line-height: 1.4; height: auto; }
	.head_line_area.fixed .head_line_area_innder ul li dl dt { line-height: 1.4; }


	

	/* contents */
	.asv_cont h3{ font-size:100%; }
	.asv_block th,
	.asv_block td{ padding:5px; }

	a.asv_rentalBtn {font-size:1rem}
}