/* CSS Document */
/* スマホ */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
* {
	box-sizing: border-box;
}
html, h1, h2, h3, h4, h5, p, ul, li, table, tr, th, td, dl, dt, dd {
	margin: 0;
	padding: 0
}
body {
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: .02em;
	line-height: 130%;
	font-size: 13.5px;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	color: #101010;
	background: url(../images/bgBody.gif) repeat-x #fff;
}
li {
	list-style-type: none;
	list-style-position: outside
}
img {
	vertical-align: bottom;
	max-width: 100%;
}
a {
	text-decoration: underline;
	color: #007130
}
a:visited {
	color: #03f
}
a:hover {
	color: #f66
}
a:focus {
	outline: none
}
a img {
	border: none
}
a:hover img {
	opacity: 0.8;
	_filter: alpha(opacity=80)
}
ul, ol {
	list-style-type: none
}
footer, header, hgroup, menu, nav, section {
	display: block
}
img {
	border: 0;
	vertical-align: bottom
}
table {
	border-spacing: 0;
	empty-cells: show
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff
}
footer {
	background-color: #fff;
}
footer .ft_menu .p_mark {
    padding: 20px;
	display: flex;
}
footer .ft_menu .p_mark .image {
    width: 60px;
}
footer .ft_menu .p_mark .image img {
	width: 100%;
}
footer .ft_menu .p_mark .pra_txt {
    width: calc(100% - 60px);
    padding-left: 10px;
    font-size: .7em;
}
footer .ft_menu .ft_nav {
    margin: 0 auto;
    text-align: center;
    padding: 0 0 10px;
    border: none;
}
footer .ft_menu .ft_nav ul {
    display: flex;
    justify-content: space-around;
}
footer .ft_menu .ft_nav li {
    display: inline-block;
    width: auto !important;
}
footer .ft_menu .ft_nav li a {
    color: #333;
    font-size: .8em;
}
footer .copyright {
    margin-top: 0px;
    text-align: center;
    padding: 5px 0;
    color: #fff;
    background: #4e99a3;
    background: -webkit-linear-gradient(to right, #1C9BA5 0%, #00A0E9 100%);
    background: linear-gradient(to right, #1C9BA5 0%, #00A0E9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e99a3', endColorstr=' #4a9fe2', GradientType=1);
    font-size: .8em;
}


.center {
	text-align: center
}
.left {
	text-align: left
}
.right {
	text-align: right
}
.t_c {
	text-align: center
}
.img_100 {
	width: 100%
}
.img_95 {
	width: 95%
}
.img_90 {
	width: 90%
}
.img_80 {
	width: 80%
}
.img_70 {
	width: 70%
}
.img_60 {
	width: 60%
}
.img_50 {
	width: 50%
}
.img_45 {
	width: 45%
}
.img_40 {
	width: 40%
}
.mt5 {
	margin-top: 5px
}
.mt7 {
	margin-top: 7px
}
.mt10 {
	margin-top: 10px
}
.mt20 {
	margin-top: 20px
}
.mb-10 {
	margin-bottom: -10px
}
.mb6 {
	margin-bottom: 6px
}
.mb10 {
	margin-bottom: 10px
}
.mb15 {
	margin-bottom: 15px
}
.mb20 {
	margin-bottom: 20px
}
.ml10 {
	margin-left: 10px
}
.ml20 {
	margin-left: 20px
}
.mr5 {
	margin-right: 5px
}
.mr10 {
	margin-right: 10px
}
.mr15 {
	margin-right: 15px
}
.mr20 {
	margin-right: 20px
}
.red {
	color: #F80004
}
.orange {
	color: #fb660c
}
.fc_000000 {
	color: #000
}
.fc_F00 {
	color: #F00
}
.fc_e30103 {
	color: #e30103
}
.fc_fe0 {
	color: #fe0
}
.bold {
	font-weight: 700
}
.fsp69 {
	font-size: 69%
}
.fsp85 {
	font-size: 85%
}
.fsp90 {
	font-size: 90%
}
.fs1 {
	font-size: 1rem
}
.fs2 {
	font-size: 2.0rem
}
.bgc_ffffff {
	background-color: #fff;
	 margin-top: 15px;
}
.bgc_f0f0f0 {
	background-color: #f0f0f0
}
.img_maru {
	width: 10%
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	display: inline-block
}
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}
.cf {
	min-height: 1px
}
.sokujitu img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.header {
    position: static;
	width: 100%;
	border-bottom: 1px solid #6BADD9;
	z-index: 100;
	background: #fff
}
.section_01 .client_section ul li .li_inner .txt table td.initial_price {
	font-weight: bold;
	color: #FF0000;
}
.slick-dots {
	display: none;
}
.primary_message {
	background: #6BADD9;
	color: #fff;
	font-size: 70%;
	text-align: center;
	height: 18px;
	padding-top: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    background: #4ab1e6;
    background: -moz-linear-gradient(top, rgba(74,177,230,1) 0, rgba(0,139,222,1) 100%);
    background: -webkit-linear-gradient(top, rgba(74,177,230,1) 0, rgba(0,139,222,1) 100%);
    background: linear-gradient(to bottom, rgba(74,177,230,1) 0, rgba(0,139,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ab1e6', endColorstr='#008bde', GradientType=0 );
}
.primary_message2 {
	background: #6BADD9;
	color: #fff;
	font-size: 11px;
	text-align: center;
	height: 1px;
	padding-top: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.site_logo {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding:5px;
}
.site_logo a {
	display: block;
	padding: 5px;
	width: 80%;
	background-image: url(../img/header/logo.png);
    background-size: 70% auto;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.site_logo img {
    display: block;
    padding: 5px;
    width: 80%;
    box-sizing: border-box;
}
.header_anchor_link {
    position: absolute;
    z-index: 1000;
    top:18px;
    left:0;
    right:0;
    margin:0 auto;
    width:250px;
}
.header_anchor_link a {
    display: block;
    height:35px;
}

.header_btn {
	float: right;
	width: 50px
}
.header_btn li {
	float: left
}

/* FV */
#fv{}
#fv_inner {
	position: relative;
}
#fv #fv_inner .day {
    position: absolute;
    color: #101010;
    background: none;
    font-size: 13.5px;
    font-weight: 600;
    text-align: center;
    padding: 0 20px;
    display: inline-block;
    border-radius: 30px;
    top: 10px;
    left: 2.5%;
    height: 25px;
    line-height: 24px;
    /* font-family: "Hiragino Mincho ProN", "serif"; */
}
#fv #fv_inner img{width:100%;}
#fv_inner::before {
    content: "PR";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 11px;
    padding: 1px 10px 1px;
    color: #f99a3e;
    display: inline-block;
    background-color: rgb(204 222 221);
}
.section_00{
    
}
.section_00 .ttl,.section_04 .ttl{
    background-color: #f99a3e;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    background-size: 20px 20px;
    background-attachment: fixed;
}
.section_00 .ttl h3{
    width: 100%;
    margin: 0 auto;
    position: relative;
    font-size: .9em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 0.6em 0;
    background-size: 10%;
    line-height: 1.3;
}
.section_04 .ttl h3{
    width: 100%;
    margin: 0 auto;
    position: relative;
    font-size: 1.5em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 0.6em 0;
    background-size: 10%;
    line-height: 1.3;
}
.section_00 .ttl h3 span {
	color: #fff;
	font-size: 1.4em;
}

.topCopy {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	padding: 0 30px;
}
.topCopy p {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #F41B2D;
	text-align: center;
	position: relative;
	width: auto;
	box-sizing: border-box;
	line-height: 1.6;
	margin: 0 auto;
}
.topCopy p::before {
	content: "＼";
	font-size: 30px;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 3px;
	left: -40px;
}
.topCopy p::after {
	content: "／";
	font-size: 30px;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 3px;
	right: -40px;
}
.section_04 .ttl h3 span {
	color: #ff0;
	font-size: 1.2em;
}
.section_04 .ttl{margin-bottom:1.5em;}
.idx_list{padding:1.75em 0.5em 0.5em;background: #fff;}
.idx_list ul{display:flex;}
.idx_list ul:nth-child(1){justify-content: space-around;padding-bottom:.8em;}
.idx_list ul:nth-child(2){justify-content: center}
.idx_list ul li{width:31%;text-align: center;background-size:30% !important;}
.idx_list ul:nth-child(2) li:nth-child(2){margin-left:1em;}
.idx_list ul li a{width:100%;text-decoration: none;}
.idx_list ul li a img{width:100%;}
.idx_list ul li a p{padding:.25em;text-align:center;color:#fff;background:#f99a3e;margin-top:5px;font-size: 10px;}
.section_01{background: #fff;}
.section_01 .client_section .heading{padding:0 1em;}
.section_01 .client_section .heading img{width:100%;}
.section_01 .client_section ul{padding:2em 1em;}
.section_01 .client_section ul.slick-dots{padding:0em;}
.section_01 .client_section ul li.each_client{margin-bottom: 20px;}
.section_01 .client_section ul li.each_client .pr{text-align: center;font-size: 11px;}
.section_01 .client_section ul li .li_inner{padding:0 1em 1em;border:2px solid #fab125;}
.section_01 .client_section ul li:nth-child(1) .li_inner{background:#fffdea;}
.section_01 .client_section ul li:nth-child(2) .li_inner{border:2px solid #f99a3e;}
.section_01 .client_section ul li:nth-child(3) .li_inner{border:2px solid #f99a3e;}
.section_01 .client_section ul li:nth-child(4) .li_inner{border:2px solid #f99a3e;}
.section_01 .client_section ul li:nth-child(5) .li_inner{border:2px solid #f99a3e;}

.initial_price {
	font-weight: bold;
	color: #FF0000;
}
.section_01 .client_section ul li .li_inner .client_id .name{border-bottom:1px solid #f99a3e;position: relative;    padding-bottom: 4px;}

.section_01 .client_section ul li:nth-child(1)  .client_id .name {border-bottom:1px solid #e6cd6b;}


.section_01 .client_section ul li .li_inner .client_id .name:before{content:"";position: absolute;top:-4px;left:0;width:13%;height:143%;background-size:100%;}
.section_01 .client_section ul li .li_inner .client_id .name a{display: block;text-decoration: none;color:#222;    padding: 1em 0 0.8em 0.2em;font-size: 1.6em;font-weight: bold;line-height: 1;}
/*.section_01 .client_section ul li:nth-child(1) .name:before{background: transparent url("../../images/ico_rank01.png") 0 0 no-repeat;}
.section_01 .client_section ul li:nth-child(2) .name:before{background: transparent url(../../images/ico_rank02.png) 0 0 no-repeat;}
.section_01 .client_section ul li:nth-child(3) .name:before{background: transparent url(../../images/ico_rank_other.png) 0 0 no-repeat;}
.section_01 .client_section ul li:nth-child(4) .name:before{background: transparent url(../../images/ico_rank_other.png) 0 0 no-repeat;}
.section_01 .client_section ul li:nth-child(5) .name:before{background: transparent url(../../images/ico_rank_other.png) 0 0 no-repeat;}*/
.section_01 .client_section ul li .li_inner .client_id .read{text-align: center;color:#f18215;font-weight: bold;font-size: 1.2em;line-height: 1.5;padding:.5em 0;}
.section_01 .client_section ul li .remarks{padding:.6em 0 0;}
.section_01 .client_section ul li .remarks .item{
    color: #888;
    font-size: .75em;
    line-height: 1.3;
    font-weight: normal;
}
.section_01 .client_section ul li .li_inner .overview{display:flex;justify-content: space-between;margin-bottom: 15px;    flex-direction: row;
    flex-wrap: wrap;}
.section_01 .client_section ul li .li_inner .overview .image{
	width:100%;
	margin-bottom: 10px;
	padding: 10px 0;
	text-align: center;
}
.section_01 .client_section ul li .li_inner .overview .image img {
	width: 60%;
}
.section_01 .client_section ul li .li_inner .overview .image .read {
	color: #f18215;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 15px;
}
.section_01 .client_section ul li .li_inner .overview .chart{width:45%;text-align: center;}
.section_01 .client_section ul li .li_inner .overview .chart img{max-width: 100%;}
.section_01 .client_section ul li .li_inner .txt table{
	width: 100%;
    display: table;
    font-size: .75em;
    border: 1px solid #c8c8c8;
    border-collapse: collapse;
    border-spacing: 0;
}
.section_01 .client_section ul li .li_inner .txt table th {
    color: #fff;
    background: #754d22;
    font-weight: bold;
    border: 1px solid #c8c8c8;
    padding: 0.5em;
    text-align: center;
}
.section_01 .client_section ul li .li_inner .txt table td {
    color: #333;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding: 0.5em;
	text-align: left;
}
.section_01 .client_section ul li .li_inner .overview .image img{width:60%;}
.section_01 .client_section ul li .li_inner .overview .txt{width:100%;margin-left: 0%;}
.section_01 .client_section ul li .li_inner .overview .txt table{width:100%;display: table;font-size: .85em;border:1px solid #00a040;border-collapse: collapse;border-spacing: 0;}

.section_01 .client_section ul li .li_inner .overview .txt table td{color:#333;background: #fff;border:1px solid #c8c8c8;padding:.3em;font-size: 13px;line-height: 1.4;}
.section_01 .client_section ul li .li_inner .note{padding:1em 0 0;}
.section_01 .client_section ul li .li_inner .osusumepoint{border:1px solid #e3e3e3;border-radius: 4px;margin-bottom:1em;position: relative;background-color: #fff;}
.section_01 .client_section .li_inner .osusumepoint  ul{padding: 1em;}
.section_01 .client_section ul li .li_inner .ingredient {
	font-size: 1em;
	border: solid 1px #d3d3d3;
	padding: 2px;
	margin-bottom: 10px;
}
.section_01 .client_section ul li .li_inner .review_ttl {
	color: #fff;
    text-align: center;
    font-weight: bold;
    width: 100%;
    background-color: #1ec5de;
    padding: 7px 0px;
    font-size: 15px;
}
.btn_txt {
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #f41b2d;
    font-weight: bold;
}
.section_01 .client_section ul li .li_inner 
.section_01 .client_section ul li .li_inner .osusumepoint ul{
	padding: 10px 10px 10px 20px;
}
.section_01 .client_section ul li .li_inner .osusumepoint ul li::first-line {
	transform: translateX(-10px);
}
.section_01 .client_section ul li .li_inner .timer_wrap{background:#00a040;border-radius:4px;}
.section_01 .client_section ul li .li_inner .timer_wrap .timer{display:flex;justify-content:space-between;width:100%;}
.section_01 .client_section ul li .li_inner .timer_wrap .timer .txt1{width:52%;color:#fff;font-size:.8em;padding:1em 0 .2em 2.4em;box-sizing:border-box;position: relative;}
.section_01 .client_section ul li .li_inner .timer_wrap .timer .txt1::before{position:absolute;top:8px;left:5px;width:18px;height:22px;background:transparent url("../images/icon_timer.png") 0 0 no-repeat;content:'';background-size:100%;}
.section_01 .client_section ul li .li_inner .timer_wrap .timer .txt2_wrap{width:48%;box-sizing:border-box;padding:.3em .3em .3em 0;text-align: center;}
.section_01 .client_section ul li .li_inner .timer_wrap .timer .txt2_wrap .txt2{width:100%;background:#111;color:#ff0;font-weight:bold;border-radius:4px;padding:.45em .3em .3em;box-sizing:border-box;font-size: 1.2em;}
.section_01 .client_section ul li .li_inner .timer_wrap .timer .txt2_wrap .txt2 span{color:#fff;font-size:.8em ;}
.section_02 .inner {
	padding: 1em;
	background: #fff
}
.slick-dotted.slick-slider {
	position: relative;
}
.slider .slick-slide .each_slide {
	padding: 0px 5px;
}
.prev-arrow {
	display: inline;
    position: absolute;
    left: -20px;
    top: 50%;
    z-index: 100;
	width: 40px;
}
.next-arrow {
	display: inline;
    position: absolute;
    right: -20px;
    top: 50%;
    z-index: 100;
	width: 40px;
}
.slick-slide img {
	width: 50vw
}
.section_01 .client_section ul li .li_inner .overview .txt table td.initial_price {
	font-weight: bold;
	color: #FF0000;
}
.client_section .authoritative {
    text-align: center;
    padding: 15px 10px;
}

.section_02 .item_pickup .pickup_ttl {
    text-align: left;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    margin: 10px auto 20px;
    line-height: 25px;
    padding-left: 30%;
}
.section_02 .item_pickup .pickup_ttl span {
    color: #229a3e;
    font-weight: bold;
    font-size: 20px;
}
.section_02 .item_pickup .pickup_ttl .dog_img {
    position: absolute;
    top: -15px;
    left: -2%;
    width: 30%;
}
.section_02 .item_pickup .pickup_ttl .dog_img img {
	width: 100%;
}
.section_02 .item_pickup .pickup_info {
    margin: 10px auto;
    border: solid 5px #d9e8f2;
    position: relative;
}
.section_02 .item_pickup .pickup_info .ichioshi_icon {
    position: absolute;
    right: -5px;
    top: -5px;
	width: 30%;
}
.section_02 .item_pickup .pickup_info .ichioshi_icon img {
	max-width: 100%;
}
.section_02 .item_pickup .item_area {
    padding: 20px;
}
.section_02 .item_pickup .each_info .name {
	font-size: 18px;
    font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
.section_02 .item_pickup .each_info .name a{
    color:#222;
    text-decoration: none;
}
.section_02 .item_pickup .each_info .txt .lead {
    line-height: 1.6;
    font-size: 13px;
    margin-bottom: 10px;
}
.section_02 .item_pickup .each_info .txt .lead .red {
	color: #f41b2d;
	font-weight: bold;
}
.section_02 .item_pickup .each_info .btn {
    display: block;
    position: relative;
    z-index: 2;
    border-radius: 7px;
    background: #f41b2d;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
    text-align: left;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
    -webkit-box-shadow: 0 5px 0 #078312;
    -moz-box-shadow: 0 5px 0 #078312;
    box-shadow: 0 5px 0 #078312;
    text-align: center;
}
.section_02 .item_pickup .each_info .btn a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
	font-size: 17px;
}
.section_02 .item_pickup .each_info:nth-child(1), .section_02 .item_pickup .each_info:nth-child(2){
	margin-bottom: 30px;
}
.section_02 .item_pickup .each_info .image {
	text-align: center;
	margin: 15px auto;
	width: 50%;
}
.section_02 .item_pickup .thumb_btn a{
    line-height: 1.4;
    padding:.65em 0;
}

.select_point {
    margin: 30px auto;
    border: solid 1px #229a3e;
}
.select_point .select_ttl {
    background-color: #229a3e;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    width: 100%;
}
.select_point .point_group {
    padding: 20px;
}
.select_point .point_group .image {
    width: 90%;
    margin: 0 auto 10px;
}
.select_point .point_group .image img {
	max-width: 100%;
}
.select_point .point_group .point1,
.select_point .point_group .point2 {
	margin-bottom: 20px;
}
/* Compare List*/
.section_04{background: #fff;}
.comparisonBlc_inner{width:100%;overflow:scroll;}
.comparisonBlc_inner table{width:1000px;border-collapse: collapse;border-spacing: 0;}
.comparisonBlc_inner tr th,.comparisonBlc_inner tr td{width:100px;vertical-align: middle;padding:7px .5em;font-size: .9em;text-align: center;border:1px solid #c8dbcd;box-sizing: border-box;}
.comparisonBlc_inner tr th:first-child,.comparisonBlc_inner tr td:first-child{position:sticky;top:0;left:0;z-index:100;width:150px;}

.comparisonBlc .scrollguide{background: #222;color:#fff;line-height: 1;padding:.5em;font-size: .8em;text-align: right;}
.comparisonBlc .remarks_wrap {padding: 5px 10px 0;}
.comparisonBlc .remarks_wrap .remarks{font-size: .8em;color:#333;line-height: 1.4;font-weight: 600;}
.agacompare .comparisonBlc_inner tr td:first-child{background-color:#fff;}
.agacompare .synthetic .comparisonBlc table tbody tr{background-color: #fff;}
.agacompare .synthetic .comparisonBlc table tbody tr:nth-child(2){background-color:#fffdea !important;}
.agacompare .synthetic .comparisonBlc .no1{background-color: #fffdea !important;}
.agacompare .comparisonBlc_inner tr td:nth-child(2){line-height: 1.5em;}
/*.agacompare .comparisonBlc_inner tr td:nth-child(7),.agacompare .comparisonBlc_inner tr th:nth-child(7){width: 70px;}
.agacompare .comparisonBlc_inner tr td:nth-child(6),.agacompare .comparisonBlc_inner tr th:nth-child(6){width: 60px;}
.agacompare .comparisonBlc_inner tr td:nth-child(5),.agacompare .comparisonBlc_inner tr th:nth-child(5){width: 60px;}
.agacompare .comparisonBlc_inner tr td:nth-child(8),.agacompare .comparisonBlc_inner tr th:nth-child(8){width: 160px;}*/
.agacompare .comparisonBlc_inner tr th, .comparisonBlc_inner tr td { padding: 4px 4px;}
.agacompare .comparisonBlc_inner tr th{line-height: 1.3em;}




/* Search */

aside > h2{background: #308cc9;padding:.35em 0;}
aside > h2 img{width:70% !important;display: block;margin:0 auto;}

.acordion {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	border-radius: 5px;
	margin: 5px
}
.trigger {
	text-align: center;
	color: #FFF;
	padding: 15px 10px 15px 15px;
	background: #007130;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #49ca7c ), to( #016e2d ));
	background-image: -webkit-linear-gradient( #49ca7c, #016e2d );
	background-image: -moz-linear-gradient( #49ca7c, #016e2d );
	background-image: -ms-linear-gradient( #49ca7c, #016e2d );
	background-image: -o-linear-gradient( #49ca7c, #016e2d );
	background-image: linear-gradient( #49ca7c, #016e2d );
	border-radius: 5px;
	font-size: 135%;
	height: 25px
}
.trigger.active {
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #cfcfcf
}
.acordion_tree {
	padding: 0;
	font-size: 75%;
	margin-left: auto;
	margin-right: auto
}
.open-close {
	float: right;
	text-indent: -9999px;
	display: block;
	margin-top: 0;
	height: 22px;
	width: 22px;
	background: url(../images/open.png) no-repeat;
	-webkit-background-size: 22px
}
.trigger.active .open-close {
	background: url(../images/close.png) no-repeat;
	-webkit-background-size: 22px
}
.MenuTop {
	margin: 5px 10px 15px 10px
}
.F_Menu {
	padding: 5px;
	color: #fffafa;
	font-weight: 700;
	text-shadow: 0 1px 0 #eee
}
p.navi1 a {
	display: block;
	padding: .4em 0;
	margin: .5em auto;
	border-style: solid;
	border-width: 3px;
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-decoration: none;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#fffff, EndColorStr=#fcccc);
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -o-linear-gradient(top, #fff, #ccc);
	background: linear-gradient(top, #fff, #ccc);
	height: 15px;
	font-size: medium
}
.search h3 {
	position: relative;
	padding: 0 0 0 40px;
	background: #237302;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	font-weight: 400
}
.search h3 img {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	margin: -13px 0 0;
	width: 25px;
	height: 25px
}
.search h4 {
	margin: 0 0 1px;
	padding: 0 10px;
	background: #6BADD9;
	font-size: 15px;
	line-height: 35px;
	color: #fff;
	font-weight: 400
}
.search h4 span {
	font-size: 10px
}
.search h4 span.open-close {
	background: url(../images/top/point_plus.png) no-repeat;
	float: right;
	margin-top: 10px;
	width: 20px;
	height: 20px;
	text-indent: -9999em
}
.search .active span.open-close {
	background: url(../images/top/point_none.png) no-repeat;
	float: right;
	width: 20px;
	height: 20px
}
.search ul {
	padding: 9px 9px 10px;
	list-style: none;
    background: #fff;
}
.search ul.l {
	padding-bottom: 0
}
.search ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}
.search ul li {
	position: relative;
	float: left;
	width: 50%
}
.search ul li label {
	display: block;
	margin: 1px;
	padding: 5px 7px;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	height: 40px;
	font-size: 11px;
	line-height: 28px;
	text-decoration: underline
}
.search input[type="radio"], .search input[type="checkbox"] {
	margin: 0 6px 0 0;
	vertical-align: middle
}
.more_btn {
	margin: 0 0 10px;
	padding: 15px 0;
	background: #e1e2de;
	text-align: center
}
.search .more_btn .btn {
	display: inline-block;
	width: 70%;
	font-size: 16px;
	font-weight: 700;
	color: #111;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 40px;
	background: url(//grad3.ecoloniq.jp/sample/img/icons_01.png) no-repeat 7% center, url(../images/top/patterns.png) repeat, -webkit-linear-gradient(#a5a5a5, #dedede)
}
.submit {
	margin: 0 0 10px;
	padding: 15px 0;
	text-align: center
}
.search .submit button {
	display: inline-block;
	width: 90%;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 40px;
	background: url(../images/top/icons_02.png) no-repeat 7% center, url(../images/top/patterns.png) repeat, -webkit-linear-gradient(#d20001, #8f0202)
}
#cm img {
	margin-bottom: 15px
}


/* Totalization */

.questionnaire_inner  {
    width: 100%;
    margin: 0 auto;
}

.questionnaire_inner .questionnaire_ttl {
    display: table;
    background-color: #6BADD9;
    width: 100%;
    height: 90px;
    text-align: center;
}

.questionnaire_inner .questionnaire_ttl p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
}


.questionnaire_inner  table {
  margin-top: 14px;
  width: 100%;  
  border:none;
}
.questionnaire_inner   table th, .questionnaire_inner td {
    font-size: 18px;
 
}
.questionnaire_inner  .questionnaire_table th {
     color: #333;
    background-color: #f2f2f2;
    font-size: 18px;
    font-weight: 600;
	display: block;
    text-align: left;
	padding: 5px;
}
.questionnaire_inner .questionnaire_table td {
  background: #fff;
  border-top: 1px dashed #ddd;
    vertical-align: middle;
	display: block;
	padding: 5px;
}



.questionnaire_inner  table.article {
    margin: 14px auto 0;
  width: 95;  
  border: 1px solid #f7f7f7;
}

.questionnaire_inner  table.article  th, .questionnaire_inner  etable.article   td {
    font-size: 14px;
 
}
.questionnaire_inner table.article th {
	background-color: #f7f7f7;
}
.questionnaire_inner  table.article  td {
    font-size: 14px;
	text-align: left;
}


.questionnaire_inner table.article th.article_xt {

}
.questionnaire_inner  table.article  td.article_xt {

}

.questionnaire_inner  table.article  td.gt {
 
	text-decoration: underline;
	color: #3333ff;
	text-align: left;
    
}


.questionnaire_inner .box_ttl {
    padding: 10px;
    margin: 20px 0;
    color: #232323;
    background: #fff;
    border-left: solid 10px #339999;
}
.questionnaire_inner .box_ttl p {
    margin: 0; 
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}

.questionnaire_inner table.article_sex {
border: 1px solid #33cc33;
	text-align: center;
	background-color: #fff;
}
.questionnaire_inner  table.article_sex th, .questionnaire_inner  etable.article_sex  td {

 
}
.questionnaire_inner table.article_sex th {

}
.questionnaire_inner  table.article_sex  td {
}


.questionnaire_inner table.article_sex th.article_xt {
background-color: #ddd;
	color:#fff;
border: 1px solid #ddd;
}
.questionnaire_inner  table.article_sex  td.article_xt {
border: 1px solid #ddd;
}

.questionnaire_inner  table.article_sex  td.gt {

}

.questionnaire_inner  table.article_sex  th.right {
  text-align: left;
    
}

.questionnaire_inner .img {
	padding: 10px 0px;
    width: 90%;
	margin: 0 auto;
}



.questionnaire_inner table.article_sex,
.questionnaire_inner  table.article_age,
.questionnaire_inner table.article_gen,
.questionnaire_inner table.article_pre{
  margin-top: 14px;
  width: 90%;  
  border: none;
margin: 0 auto;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
}
.questionnaire_inner  table.article_age  th, .questionnaire_inner  etable.article_age   td {
  padding: 6px 20px;
    font-size: 20px;
 
}
.questionnaire_inner table.article_sex th,
.questionnaire_inner table.article_age th,
.questionnaire_inner table.article_gen th,
.questionnaire_inner table.article_pre th{
	background-color: #fff;
    color: #333;
    font-size: 13px;
    width: 15%;
    text-align: left;
border: 1px solid #ddd;
    font-weight: bold;
	padding: 0 10px;
}
.questionnaire_inner table.article_sex th,
.questionnaire_inner table.article_age td,
.questionnaire_inner table.article_gen td,
.questionnaire_inner table.article_pre td{
    background: #fff;
border: 1px solid #ddd;
    text-align: center;
    font-size: 15px;
    
}
.questionnaire_inner table.job th, .questionnaire_inner table.job  td,
.questionnaire_inner table.q3 th, .questionnaire_inner table.q3 td{
    font-size: 12px;
}
.questionnaire_inner table.q7 th, .questionnaire_inner table.q7 td{
    font-size: 11px;
}
.questionnaire_inner table.article_sex th.article_xt,
.questionnaire_inner table.article_age th.article_xt,
.questionnaire_inner table.article_gen th.article_xt,
.questionnaire_inner table.article_pre th.article_xt{
	background-color: #ddd;
    padding: 10px 3px;
    font-weight: normal;
	color: #333333;
	text-align: center;
}
.questionnaire_inner table.article_sex td.article_xt,
.questionnaire_inner table.article_age td.article_xt,
.questionnaire_inner table.article_gen td.article_xt,
.questionnaire_inner table.article_pre td.article_xt {
	background-color: #f2f2f2;
	padding: 10px;
    font-weight: normal;
	color: #333;
	text-align: center;
    
}

.questionnaire_inner table.article_age td.gt,
.questionnaire_inner table.article_gen td.gt,
.questionnaire_inner table.article_pre td.gt{
	text-decoration: underline;
	color: #3333ff;
	text-align: center;
}

.questionnaire_inner table.article_age th.right,
.questionnaire_inner table.article_gen th.right,
.questionnaire_inner table.article_pre th.right{
  text-align: center;
    
}

aside{width: 100%;}

.sarchresult_tti {
    height: 32px;
    padding: 17px 0 0 80px;
    margin: 15px 0 5px 0;
    font-size: 19px;
    font-weight: 700;
    background: url(../images/top/search_tti.png) no-repeat scroll 0 0 transparent;
    background-size: auto 49px;
    line-height: 30px;
}
.sarchresult_tti p span {
    font-size: 25px;
    font-weight: 700;
    color: #F00;
}
.sarchlist {
	width: 96%;
	margin: 10px 5px 10px 5px;
	border-collapse: collapse
}
.sarchlist tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit
}
.sarchlist th {
	background-color: #6badd9;
	border: #508dad 1px solid;
	text-align: center;
	color: #FFF
}
.sarchlist td {
	border: #ccc 1px solid;
	font-size: 14px;
	line-height: 1.6;
	padding-left: 10px
}
#compare {
    width: 100%;
    margin: 0 auto;
}
.sorttext {
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #F00
}
#compare .sort {
	padding: 7px 0 7px;
	border-bottom: #dedede solid 2px;
	background-color: #f3f2f2;
	text-align: center
}
#compare .sort select {
	width: 280px;
	moz-appearance: button;
	-webkit-appearance: button;
	appearance: button;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	letter-spacing: 0;
	border: none;
	padding: 10px 50px;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	background: url(//grad3.ecoloniq.jp/sample/img/icons_52.png) no-repeat 7% center, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ababab), color-stop(0.00, #fff));
	background: url(//grad3.ecoloniq.jp/sample/img/icons_52.png) no-repeat 7% center, -webkit-linear-gradient(#fff, #ababab);
	background: url(//grad3.ecoloniq.jp/sample/img/icons_52.png) no-repeat 7% center, -moz-linear-gradient(#fff, #ababab);
	background: url(//grad3.ecoloniq.jp/sample/img/icons_52.png) no-repeat 7% center, -o-linear-gradient(#fff, #ababab);
	background: url(//grad3.ecoloniq.jp/sample/img/icons_52.png) no-repeat 7% center, -ms-linear-gradient(#fff, #ababab);
	background: url(//grad3.ecoloniq.jp/sample/img/icons_52.png) no-repeat 7% center, linear-gradient(#fff, #ababab)
}
.compare_search {
	padding: 4px 12px 13px;
	border-bottom: #dedede solid 1px
}
.compare_search:last-child {
	border-bottom: none
}

.compare_search .ttl{
    padding:6px;
}
.compare_search > a .ttl {
	argin-bottom: 6px;
	font-size: 138.5% !important;
	font-weight: 700;
	text-decoration: underline
}
.compare_search .banner {
	margin-bottom: 7px;
	overflow: hidden
}
.compare_search .banner .img {
	float: left;
	width: 33%
}
.compare_search .banner .img img {
	width: 100%;
	border: #666 solid 1px;
	padding: 1px
}
.compare_search .banner .table {
	float: right;
	width: 63%;
	font-size: 77%;
	line-height: 1.0em;
    table-layout:fixed;
    border-collapse: collapse;
}
.compare_search .banner th, .compare_search .banner td {
	padding: 9px 0 8px
}
.compare_search .banner th {
	border: #508dad solid 1px;
	background-color: #6badd9;
	color: #fff;
	font-weight: 700;
	text-align: center
}
.compare_search .banner td {
	padding-left: 7px;
	border-top: #e1e1e1 solid 1px;
	border-bottom: #e1e1e1 solid 1px;
	border-right: #e1e1e1 solid 1px;
	color: #333
}
.compare_search .description {
	margin: 10px 10px 10px 10px;
	line-height: 1.5em
}
.compare_search .description span {
	background-color: #ffe400;
	color: #d20402;
	font-weight: 700;
	vertical-align: middle
}
.PointTitle {
	color: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.00, #efe457));
	background: -webkit-linear-gradient(#efe457, #feae31);
	background: -moz-linear-gradient(#efe457, #feae31);
	background: -o-linear-gradient(#efe457, #feae31);
	background: -ms-linear-gradient(#efe457, #feae31);
	background: linear-gradient(#efe457, #feae31);
	padding: 10px;
	font-weight: 700;
	font-size: 13px;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	text-decoration: none;
	padding: 15px 40px;
	text-align: center
}
.PointContent {
	padding: 10px;
	border-bottom: 1px solid #8e8e8e
}
.PointMiniTitle {
	font-weight: 700;
	color: #196E1F
}
.PointMiniTitlePoint {
	color: #e30103;
	font-size: 25px
}
.PointMiniTitleText {
	color: #247a25
}
.TopBtnArea {
	text-align: center;
	margin: 5px auto
}
.css_btn_class {
	font-size: 16px;
	font-family: Arial;
	font-weight: 400;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #eb4444;
	padding: 9px 18px;
	text-decoration: none;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #eb4444), color-stop(100%, #ae0000) );
	background: -moz-linear-gradient( center top, #eb4444 5%, #ae0000 100% );
	background: -ms-linear-gradient( top, #eb4444 5%, #ae0000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb4444', endColorstr='#ae0000');
	background-color: #eb4444;
	color: #fff;
	display: inline-block;
	text-shadow: 1px 1px 0 #8a0000;
	-webkit-box-shadow: inset 1px 1px 0 0 #ea9696;
	-moz-box-shadow: inset 1px 1px 0 0 #ea9696;
	box-shadow: inset 1px 1px 0 0 #ea9696;
	width: 250px;
	margin-bottom: 7px;
	margin-top: 0px
}
.css_btn_class2 {
	font-size: 16px;
	font-family: Arial;
	font-weight: 400;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #020a40;
	padding: 9px 18px;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #020a40), color-stop(0.00, #2d4a7b));
	background: -webkit-linear-gradient(#2d4a7b, #020a40);
	background: -moz-linear-gradient(#2d4a7b, #020a40);
	background: -o-linear-gradient(#2d4a7b, #020a40);
	background: -ms-linear-gradient(#2d4a7b, #020a40);
	background: linear-gradient(#2d4a7b, #020a40);
	color: #fff;
	display: inline-block;
	text-shadow: 1px 1px 0 #8a0000;
	-webkit-box-shadow: inset 1px 1px 0 0 #8a0000;
	-moz-box-shadow: inset 1px 1px 0 0 #ea9696;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	width: 250px;
	margin-bottom: 5px;
	margin-top: 7px
}
.css_btn_class:active {
	color: #FFF
}
.css_btn_class:visited {
	color: #FFF
}
.css_btn_class2:active {
	color: #FFF
}
.css_btn_class2:visited {
	color: #FFF
}
.sortbtnfrom_left {
	width: 19px;
	height: 19px;
	margin-left: auto;
	margin-right: auto
}
.sortbtnfrom_right {
	width: 19px;
	height: 19px;
	margin-right: auto;
	margin-left: auto
}
#detail_data {
	font-family: meiryo, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	overflow: hidden
}
#detail_data .ttl h3 {
	padding: 5px 5px 15px;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	background: url(../images/client/border_bg.gif) 0 bottom repeat-x
}
#detail_data .banner {
	float: left;
	margin-left: 10px;
	width: 15%
}

.Client_watchout {
	font-size: .7em;
	margin: 15px 10px;
}
.Client_NameArea {
	color: #FFF;
	font-size: 20px;
	padding: 10px 10px 9px 10px;
	background: url(../images/bg_companyname.png) repeat-x;
	text-shadow: 0 0 2px #000;
	margin-bottom: 15px;
	text-align: left;
	font-weight: 700;
}
.Client_NameArea a {
	color: #FFF;
	font-size: 20px;
	padding: 10px 10px 9px 10px;
	margin-bottom: 15px;
	text-align: left;
	font-weight: 700;
	text-decoration: none;
}

.Client_NameArea a:hover {
	color: #4c5fef;
  text-decoration: underline;
}

.Client_NameAreaBottom {
	color: #FFF;
	font-size: 20px;
	padding: 10px 0 9px 10px;
	background: url(../images/bg_companyname.png) repeat-x;
	text-shadow: 0 0 2px #000;
	margin-bottom: 15px;
	text-align: left;
	font-weight: 700;
	margin-top: -5px
}
.Client_AreaFrame {
	padding: 0 5px
}
.Client_AreaTable {
	margin-top: 5px;
	width: 100%;
	border-collapse: collapse
}
.Client_AreaTR {
	width: 35%;
	text-align: center
}
.Client_AreaTH {
	width: 30%;
	background: #e5efcf;
	font-weight: 400;
	border: 1px solid #c0c0c0;
	padding-top: 3px;
	padding-left: 3px
}
.Client_AreaTD {
	width: 35%;
	border: 1px solid #c0c0c0;
	vertical-align: middle;
	padding-top: 3px;
	text-align: center
}
.Client_AreaTextFrame {
	margin: 5px 0 0 0
}
.Client_AreaTextFrame span{
	color: #f00;
	font-weight: 700
}
.Client_AreaTextFrame br.pc{
	display: none;
}
.Client_AreaTextColor {
	color: #f00;
	font-weight: 700
}
.Client_AreaBtn {
	text-align: center;
	margin: 5px auto;
}




/*ポップアップここから*/
.messagepop {
    position: relative;
}
.messagepop span.remark {
    display: none;
	color: #164481;
}

.messagepop a{
	color: #0287d5;
	text-decoration:none; 
    font-weight:normal;
}
.messagepop a span.ttl {
    text-decoration:underline; 
}

.messagepop a:hover span.remark {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #CCCCCC;
    color: #000000;
	background: #FFFFFF;
    display: block;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.4em;
    /* margin: 0.1em; */
    margin-bottom: 1em;
    padding: 1em;
    /*position: absolute;*/
    top: 20px;
    width: 93%;
}

/*ポップアップココまで*/


/*privacy_section.php*/


aside .privacy_section {
	/*	margin-top: 20px;*/
	text-align: center;
}
aside .privacy_section .inner {
	display: inline-block;
	text-align: center;
	padding: 10px 15px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
aside .privacy_section .wrap {
	display: table;
	table-layout: fixed;
	text-align: left;
}
aside .privacy_section .wrap .image, aside .privacy_section .wrap .txt {
	display: table-cell;
	vertical-align: middle;
}
aside .privacy_section .wrap .image {
	width: 60px;
}
aside .privacy_section .wrap .txt {
	font-size: 12px;
	padding-left: 15px;
	color: #5f5f5f;
}

.comparisonBlc_inner tr td:first-child {
    background-color: #fff;
}
.agacompare .section_01 .inner .client_section h2.heading {
    text-align: center;
    line-height: 1.5em;
    font-size: 15px;
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
    padding-bottom: 10px;
    padding: 0;
}
.agacompare .section_01 .inner .client_section h2.heading::before {
    position: absolute;
    top: 25px;
    left: 30px;
    content: "";
    background-image: url(../../../aga/images/left.png);
    background-size: cover;
    width: 30px;
    height: 35px;
}
.agacompare .section_01 .inner .client_section h2.heading span {
    text-align: center;
    padding-bottom: 1em;
    line-height: 1em;
    font-size: 19px;
    color: #f30;
    font-weight: 800;
}
.agacompare .section_01 .inner .client_section h2.heading::after {
    position: absolute;
    top: 25px;
    right: 30px;
    content: "";
    background-image: url(../../../aga/images/right.png);
    background-size: cover;
    width: 30px;
    height: 35px;
}



.agacompare .section_03 {
	padding:0;
}

.agacompare .section_03 .inner {
    width: 100%;
    margin: 0 auto;
    background-color: #f4f4f4;
    margin-bottom: 20px;
	margin-top: 30px;
}
.agacompare .section_03 .select_ttl {
    margin: 0 auto;
    background-color: #f99a3e;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 13px 0;
    font-size: 17px;
    letter-spacing: 0.06em;
    width: 100%;
}
.agacompare .section_03 .service_group {
    padding: 20px 7px;
	justify-content: space-around;
}
.agacompare .section_03 .service {
    display: inline-block;
    padding: 15px 10px;
    background-color: #ffffff;
	border: solid 1px #dbdbdb;
}
.agacompare .section_03 .service:nth-child(2){
    margin: 10px 0;
}
.agacompare .section_03 .service .image {
    margin: 0 auto;
    text-align: center;
    padding-right: 15px;
}
.agacompare .section_03 .service .heading {
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 3px;
    color: #f99a3e;
}
.agacompare .section_03 .service_group .txt {
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: 0.04em;
}
.agacompare .section_03 .service_group .txt2{
    text-align: right;
    margin-top: 10px;
}

.agacompare .section_03 .service .heading a{
    font-weight: bold;
    color: #10adf6;
    text-decoration-line: underline;
}
.agacompare .section_03 .service{
    position: relative;
}
.agacompare .section_03 .service .overview {
    display: flex;
    justify-content: space-between;
}
.agacompare .section_03 .service .overview .text {
    width: 160%;
}


.agacompare .section_06 .inner {
	padding: 1em .7em;
	/*background: #fff*/
}
.agacompare .section_06 .inner .bank_area table .fastestlp_btn_area {
	width: 230px
}
.agacompare .section_06 .item_pickup2 .pickup_ttl {
	text-align: center;
	position: relative;
	font-size: 27px;
	font-weight: bold;
	margin: 30px auto 50px;
	width: 400px;
	line-height: 35px;
}
.agacompare .section_06 .item_pickup2 .pickup_ttl .dog_img {
	position: absolute;
	top: -30px;
	left: -200px;
}
.agacompare .section_06 .item_pickup2 .pickup_ttl span {
	color: #229a3e;
	font-weight: bold;
	font-size: 32px;
}
.agacompare .section_06 .item_pickup2 .pickup_info2 {
    margin: 10px auto;
	position: relative;
	background-color: #fff;
	box-shadow:0px 1px 3px 0px rgb(94 94 94 / 25%);
    border-radius: 7px;
}
.agacompare .section_06 .item_pickup2 .pickup_info2 .ichioshi_icon{
    position: absolute;
    right: -17px;
    top: -16px;
}
.agacompare .section_06 .item_pickup2 .item_area {
	padding:20px 10px;
	text-align: center;
	background: #fffbdd;
}
.agacompare .section_06 .item_pickup2 .item_area .pr{
text-align: center;
    font-size: 11px;
	margin-top: 10px;
}

.agacompare .section_06 .item_pickup2 .each_info:nth-child(1),.agacompare .section_06 .item_pickup2 .each_info:nth-child(2){
}
.agacompare .section_06 .item_pickup2 .each_info .image{
	display: inline-block;
	width: 200px;
	vertical-align: top;
}
.agacompare .section_06 .item_pickup2 .each_info .txt{
	display: inline-block;
	vertical-align: top;
	width: 100%
}
.agacompare .section_06 .item_pickup2 .each_info .txt .lead span{
    color: #f41b2d;
    font-weight: bold;
}
.agacompare .section_06 .item_pickup2 .each_info .txt .name{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
}

.agacompare .section_06 .item_pickup2 .each_info .txt .lead{
	line-height: 1.6;
    font-size: 16px;
	margin-bottom: 10px;
}
.agacompare .section_06 .item_pickup2 .each_info .txt .lead .red {
	color: #f41b2d;
	font-weight: bold;
}
.agacompare .section_06 .item_pickup2 .btn {
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.7em;
}
.btn .shiny_btn a {
    text-align: center;
	background: #09a616;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    transition: .25s linear;
    box-shadow: 0 5px 0 #078312;
	border-radius: 30px;
}
.agacompare .section_06 .item_pickup2 h2 {
    position: relative;
    margin: 20px 0 0;
    padding: 0.8rem 0.3rem;
    background: #16887d;
    font-size: 15px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    line-height: 1.5em;
    letter-spacing: 0.02em;
}
.agacompare .section_06 .item_pickup2 h2 span{
	font-size: 16px;
    color: #fff;
    font-weight: 800;
}
.agacompare .section_06 .item_pickup2 h2 span strong{
	font-size: 18px;
    color: #ffee31;
    font-weight: 800;
}

.agacompare .section_06 .free_shipping {
    text-align: center;
    font-size: 11px;
    color: #09a616;
    font-weight: bold;
    line-height: 1.4;
	letter-spacing: -0.05em;
    margin: 0 0 5px;
}
.agacompare .section_06 .osusumepoint {
    margin: 0 auto;
    text-align: center;
    background-color: #f5f8fa;
    border-radius: 6px;
    padding: 15px;
    height: 110px;
    width: 80%;
}
.agacompare .section_06 .osusumepoint ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
}
.agacompare .section_06 .osusumepoint ul li {
    padding-left: 1.5em;
    background: url(/hair-m/images/ico_check2.png) 0 0 no-repeat;
    font-weight: 700;
    line-height: 1.3em;
    font-size: 14px;
    margin: 5px;
    float: left;
    text-align: left;
}
.agacompare .section_06 .osusumepointimg {
    text-align: center;
    padding: 10px 25px 15px;
}
.agacompare .section_06 .couponimg {
    text-align: center;
    padding: 20px 25px 0;
}
.agacompare .section_06 .suppleimg {
    text-align: center;
    padding: 10px 25px 15px;
}
.agacompare .section_06 .couponimg .image {
	width: 60%;
    margin: 10px auto;
}
.agacompare .section_06 .suppleimg .image {
	width: 80%;
    margin: 10px auto;
}
.agacompare .section_06 .couponimg .image2 {
    margin: 10px auto;
}
.agacompare .section_06 .lead {
    line-height: 1.6;
    letter-spacing: 0.01em;
    font-size: 13px;
    padding: 10px 20px 0;
}
.agacompare .section_06 .lead span.red {
    color: #f18215;
    font-weight: bold;
}
.agacompare .section_06 .lead strong{
    font-weight: bold;
    background: linear-gradient(transparent 50%, #ffee31 50%);
}
.agacompare .section_06 .matome {
    margin: 15px auto;
    text-align: center;
    width: 95%;
    background-color: #ffffff;
    border: solid 1px #3e79b5;
    border-radius: 3px;
}
.agacompare .section_06 .matome p {
    font-size: 16px;
    font-weight: bolder;
    color: #fff;
    padding: 12px 0;
    background: #3e79b5;
}
.agacompare .section_06 .matome ul {
    padding: 5px;
}
.agacompare .section_06 .matome ul li {
    padding-left: 1.3em;
    background: url(/hair-m/images/ico_check3.png) 0 0 no-repeat;
    background-size: 14px;
    font-weight: 700;
    line-height: 1.3em;
    font-size: 1.1em;
    margin: 8px 0;
    text-align: left;
    font-size: 13px;
}
.agacompare .section_06 .matome small{
    font-weight:normal;
	font-size: 9px;
}
.agacompare .section_06 .osusumepointimg .image{
    text-align: center;
    margin: 0 auto;
	padding: 10px;
}

.clinicfor_notice {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left;
    font-size: .8em;
    font-weight: 600;
    margin-bottom: -7px;
}




.section_online .inner {
    width: 100%;
    margin: 10px auto 30px;
}
.online_section h2 {
    text-align: center;
    padding: 1em 0;
    line-height: 1.4;
    font-size: 15px;
    display: block;
    position: relative;
    width: 94%;
    margin: 0 auto;
    font-weight: bold;
}
.section_online .inner .online_section h2 span {
    color: #f41b2d;
    text-align: center;
    font-size: 18px;
    padding-bottom: 0.1em;
    font-weight: 900;
    background: linear-gradient(transparent 60%, #ffee31 60%);
}
.section_online .inner .online_section h2 {
border: 2px solid #d4d2cd;
background-color: #fff;
border-radius: 10px;
}
.section_online .inner .online_section .online_ico img{
    width: 80px;
    top: 65%;
    left: 5%;
    position: absolute;
    z-index: 1;
}
.section_online .inner .online_setsumei {
	text-align: left;
    display: block;
    position: relative;
    width: 94%;
    margin: 45px auto 20px;
    background-color: #f6f4f0;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.6;
}
.section_online .inner .online_setsumei h3 {
	text-align: center;
    padding: 1.1em 0 0.6em;
    font-size: 17px;
    font-weight: 900;
    background-image: url(/aga/images/online_setsumei_ico.png);
    background-repeat: no-repeat;
    background-position-x: 20%;
    background-position-y: 17px;
    background-size: 22px;
}
.section_online .inner .online_setsumei p{
    padding: 0 20px 20px;
}
.section_online .inner .online_setsumei span{
    color: #f41b2d;
    font-weight: 900;
}

.section_online .online_merit .inner {
    width: 94%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.4;
    border: solid 1px #cccc;
}
.section_online .online_merit .inner h3 {
    padding: 0.5em;
    margin: 0 auto;
    text-align: center;
    background-color: #e6f2ce;
    border-radius: 3px;
    color: #f99a3e;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
}
.section_online .online_merit .inner .merit {
    padding: .6em 0 0;
    text-align: center;
    width: 95%;
    margin: 0 auto;
}
.section_online .online_merit .inner .merit:last-child {
    padding: 0.6em 0 2em;
}
.section_online .online_merit .inner .merit .ttl{
    position: relative;
    display: inline-block;
    padding: 0 60px;
    margin: 10px 0;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.04em;
}
.section_online .online_merit .inner .merit .ttl:before, .section_online .online_merit .inner .merit .ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.section_online .online_merit .inner .merit .ttl:before {
  left:0;
}
.section_online .online_merit .inner .merit .ttl:after {
  right: 0;
}
.section_online .online_merit .inner .merit .fl{
    margin: 0 auto;
    display: flex;
    justify-content: center;
	position: relative;
}
.section_online .online_merit .inner .merit .fl .left{
    padding-right: 5px;
	width: 50%;
	text-align: center;
}
.section_online .online_merit .inner .merit .fl .left .text{
    font-size: 12px;
    font-weight: 900;
    background-color: #8c8c8c;
    padding: 0.3em 0;
    color: #fff;
    margin-bottom: 6px;
    letter-spacing: 0.9em;
    border-radius: 3px;
}
.section_online .online_merit .inner .merit .fl .right{
    padding-left: 5px;
	width: 50%;
	text-align: center;
}
.section_online .online_merit .inner .merit .fl .right .text{
    font-size: 12px;
    font-weight: 900;
    background-color: #f99a3e;
    padding: 0.3em 0;
    color: #fff;
    margin-bottom: 6px;
    letter-spacing: 0.03em;
    border-radius: 3px;
}
.section_online .online_merit .inner .merit .fl .right p,.section_online .online_merit .inner .merit .fl .left p{
	height: 35px;
}
.section_online .online_merit .inner .merit .fl::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #7a0;
    border-right: 1px solid #7a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.section_online .online_merit .inner .merit .dli-chevron-round-right {
    display: block;
    position: absolute;
    vertical-align: middle;
    color: #e17e0e;
    line-height: 1;
    width: 2em;
    height: 2em;
    top: 60%;
    left: 49%;
    transform: translateX(-25%) rotate(45deg);
}
.section_online .online_merit .inner .merit .dli-chevron-round-right::before, .section_online .online_merit .inner .merit .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.4em;
}
.section_online .online_merit .inner .merit .dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.4em;
}
.section_online .online_merit .inner .merit .dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.4em;
}
.section_online .online_step {
    padding-top: 20px;
margin-bottom: 40px;
}
.section_online .online_step .inner {
    width: 94%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    font-size: 2.4vw;
    line-height: 1.3;
    border: solid 1px #cccc;
}
.section_online .online_step .inner .step {
    padding: .7em 0 0;
	text-align: center;
}
.section_online .online_step .inner .step .fl{
    margin: 0 auto;
    display: flex;
    justify-content: center;
	position: relative;
}
.section_online .online_step .inner h3 {
    padding: 0.5em;
    margin: 0 auto;
    text-align: center;
    background-color: #e6f2ce;
    border-radius: 3px;
    color: #f99a3e;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
}
.section_online .online_step .inner .contents .text{
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    background-color: #fff;
    color: #9abf50;
    text-decoration: underline 1px;
    margin-bottom: 2px;
}
.section_online .online_step .inner .contents {
    padding: 0px 2px 15px 0;
    width: 24%;
    text-align: center;
}
.section_online .online_step .inner .contents p{
	height: 30px;
}

.shiny__btn {
	display: block;
	position: relative;
	overflow: hidden;
}
.shiny__btn::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: shiny__btn 4s ease-in-out infinite;
}
@-webkit-keyframes shiny__btn {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.3; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@keyframes btn {
    0% {
        box-shadow: 0 3px 0 #16c3a5;
        top: 0px;
		border-radius: 35px;
    }
    10% {
        box-shadow: 0 0 0 #16c3a5;
        top: 6px;
		border-radius: 35px;
    }
    20% {
        box-shadow: 0 6px 0 #16c3a5;
        top: 0px;
		border-radius: 35px;
    }
    30% {
        box-shadow: 0 0 0 #16c3a5;
        top: 6px;
		border-radius: 35px;
    }
    40% {
        box-shadow: 0 6px 0 #16c3a5;
        top: 0px;
		border-radius: 35px;
    }
}

@keyframes btnorange {
    0% {
        box-shadow: 0 3px 0 /*#d31828*/#ce0e1e;
        top: 0px;
		border-radius: 5px;
    }
    10% {
        box-shadow: 0 0 0 /*#d31828*/#ce0e1e;
        top: 6px;
		border-radius: 5px;
    }
    20% {
        box-shadow: 0 6px 0 /*#d31828*/#ce0e1e;
        top: 0px;
		border-radius: 5px;
    }
    30% {
        box-shadow: 0 0 0 /*#d31828*/#ce0e1e;
        top: 6px;
		border-radius: 5px;
    }
    40% {
        box-shadow: 0 6px 0 /*#d31828*/#ce0e1e;
        top: 0px;
		border-radius: 5px;
    }
}