/* スマホ */

@charset "UTF-8";
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: 'Arial', sans-serif;
	letter-spacing: .02em;
	line-height: 130%;
	font-size: 13.5px;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	color: #3b3b3b;
	background: #f0f0f0;
}
li {
	list-style-type: none;
	list-style-position: outside
}
img {
	vertical-align: bottom
}
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{
    text-align: center;
    line-height: 1.5;
    color:#fff;
    padding:1em 0;
    background: #308cc9;
}
footer.footer {
	background: none;
	width: 100%;
	padding: 0;
}
.ft_menu{
    box-sizing: border-box;
}
.ft_menu .p_mark{box-sizing: border-box;background: #fff;margin:2em 1em;display:flex;justify-content:center;padding:1em;}
.ft_menu .p_mark p{padding:.5em;}
.ft_menu .p_mark p img{width: 100%;}
.ft_menu .p_mark p:first-child{width:20%;}
.ft_menu .p_mark p:last-child{width:80%;padding-left:0;}
.ft_menu .p_mark p.pra_txt{font-size:.8em;line-height:1.8;color:#555;}
.ft_menu .ft_nav{background:#fff;}
.ft_menu .ft_nav ul{display:flex;justify-content: space-around;}
.ft_menu .ft_nav ul li{}
.ft_menu .ft_nav ul li a{font-size: .8em;color:#666;padding:.5em 0;display: block;}

footer p.copyright{text-align: center;padding: 5px 0;color: #fff;background: linear-gradient(to right, #1C9BA5 0%, #00A0E9 100%);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;
	height: 56px;
	width: 100%;
	border-bottom: 1px solid #6BADD9;
	z-index: 100;
	background: #fff
}

.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;
    margin:0 auto;
	width: 100%;
	max-width: 330px;
	height: 28px;
	background-image: url(/sec/img/common/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
}
.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;
}

/* Button */
@keyframes shiny {
  0% {
    transform: scale(0) rotate(25deg);
    opacity: 0; }
  50% {
    transform: scale(1) rotate(25deg);
    opacity: 1; }
  100% {
    transform: scale(50) rotate(25deg);
    opacity: 0; } }
.shiny_btn {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background-color: #F41B2D;
  overflow: hidden;
  border-radius: 5px;
  box-shadow:0 4px 0 #8d2b2b;
}
  .shiny_btn::before {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 100px;
    height: 100px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; }


/* FV */
#fv{}
#fv #fv_inner{}
#fv #fv_inner img{width:100%;}

.section_00{
    
}
.section_00 .ttl,.section_04 .ttl{
    background-color: #1453B1;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    background-size: 20px 20px;
    background-attachment: fixed;
}
.section_00 .ttl h3,.section_04 .ttl h3{
    width: 100%;
    margin: 0 auto;
    position: relative;
    font-size: 1.3em;
    color: #ff0;
    font-weight: 700;
    text-align: center;
    padding: 0.6em 0 .3em;
    background-size: 10%;
    line-height: 1.3;
}
.section_00 .ttl p,.section_04 .ttl p{
    font-size: .95em;
    color:#fff;
    padding-bottom:.7em;
    font-weight: bold;
}
.section_04 .ttl h3{font-size: 1.28em;}
.section_04 .ttl{margin-bottom:1.5em;}
.idx_list{padding:1em 0.75em 1.75em;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;padding-top:2.5em;background-size:30% !important;}
.idx_list ul:nth-child(1) li:nth-child(1){background: transparent url("/sec/img/rank/ico_idx_rank_01.png") top center no-repeat;}
.idx_list ul:nth-child(1) li:nth-child(2){background: transparent url("/sec/img/rank/ico_idx_rank_02.png") top center no-repeat;}
.idx_list ul:nth-child(1) li:nth-child(3){background: transparent url("/sec/img/rank/ico_idx_rank_03.png") top center no-repeat;}
.idx_list ul:nth-child(2) li:nth-child(1){background: transparent url("/sec/img/rank/ico_idx_rank_04.png") top center no-repeat;}
.idx_list ul:nth-child(2) li:nth-child(2){background: transparent url("/sec/img/rank/ico_idx_rank_05.png") top center no-repeat;}
.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:.35em;text-align:center;color:#fff;background:#00ba7f;margin-top:5px;}
.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:1em;}
.section_01 .client_section ul li{padding:1em 0 ;}
.section_01 .client_section ul li .li_inner{padding:0 1em 1em;border:2px solid #00a040;}
.section_01 .client_section ul li:nth-child(1) .li_inner{background:#fffdea;}
.section_01 .client_section ul li .li_inner .client_id .name{border-bottom:1px solid #c0c0c0;position: relative;}
.section_01 .client_section ul li .li_inner .client_id .name:before{content:"";position: absolute;top:0;left:0;width:20%;height:100%;background-size:100%;}
.section_01 .client_section ul li .li_inner .client_id .name a{display: block;text-decoration: none;color:#222;padding:.8em 0 .8em 3em;font-size: 1.85em;font-weight: bold;line-height: 1;}
.section_01 .client_section ul li:nth-child(1) .name:before{background: transparent url(/sec/img/rank/ico_ribbon_01.png) 0 0 no-repeat;}
.section_01 .client_section ul li:nth-child(2) .name:before{background: transparent url(/sec/img/rank/ico_ribbon_02.png) 0 0 no-repeat;}
.section_01 .client_section ul li:nth-child(3) .name:before{background: transparent url(/sec/img/rank/ico_ribbon_03.png) 0 0 no-repeat;}
.section_01 .client_section ul li:nth-child(4) .name:before{background: transparent url(/sec/img/rank/ico_ribbon_04.png) 0 0 no-repeat;}
.section_01 .client_section ul li:nth-child(5) .name:before{background: transparent url(/sec/img/rank/ico_ribbon_05.png) 0 0 no-repeat;}
.section_01 .client_section ul li .li_inner .client_id .read{text-align: center;color:#F41B2D;font-weight: bold;font-size: 1.35em;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:#555;font-size: .73em;line-height: 1.25;}
.section_01 .client_section ul li .li_inner .overview{display:flex;justify-content: space-between;}
.section_01 .client_section ul li .li_inner .overview .image{width:38%;}
.section_01 .client_section ul li .li_inner .overview .image img{width:100%;}
.section_01 .client_section ul li .li_inner .overview .txt{width:60%;}
.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 .overview .txt table th{font-size: 6px;color:#00a040;background: #f2fcf5;font-weight: bold;border:1px solid #00a040;padding:.5em;text-align: center;}
.section_01 .client_section ul li .overview .txt table td{color:#333;background: #fff;border:1px solid #00a040;padding:.5em;}
.section_01 .client_section ul li .li_inner .note{padding:1em 0 1em;}
.section_01 .client_section ul li .osusumepoint{border:1px solid #fab125;border-radius: 4px;background: #fffdf6;margin-bottom:1em;position: relative;display:none;}
.section_01 .client_section ul li .li_inner .osusumepoint::before{width:299px;height:43px;background: url("../images/rank/ttl_osusumepoint.png") 0 0 no-repeat;content:"";position: absolute;top:-10px;left:-1px;z-index:3;background-size:50%;}
.section_01 .client_section ul li .osusumepoint ul{padding:1.2em 0 .8em;}
.section_01 .client_section ul li .osusumepoint ul li{padding:.3em 0 .3em 2.75em;line-height:1.5;font-weight: bold;color:#222;background: transparent url("../images/rank/ico_checkbox.png") 10px center no-repeat ;background-size:6%;font-size: .95em;}
.section_01 .client_section ul li .feature{font-size: .9em;border:1px solid #c9c9c9;border-radius: 2px;background: #fff;padding:.5em .5em .5em;position:relative;line-height: 1.6;}
.section_01 .client_section ul li .feature strong{color:#f00;}
.section_01 .client_section ul li .feature:before{position:absolute;top:0;right:0;width:100%;content:"★特徴★";color:#fff;text-align: center;background: #00ba7f;line-height: 1.75;font-size: 1.25em;display: none;}

.section_01 .client_section ul li .fees{padding:0 0 1em;}
.section_01 .client_section ul li .fees{margin-bottom:20px ;}
.section_01 .client_section ul li .fees table {
    margin-top: 0px;
    width: 100%;
    border: 1px solid #618FD5;
    border-collapse: collapse;
    border-spacing: 0;}
.section_01 .client_section ul li .fees table tr th,.section_01 .client_section ul li .fees table tr td{
      text-align: center;
      font-size: .85em;
      padding:8px;
      border: 1px solid #618FD5; }
.section_01 .client_section ul li .fees table tr td{background: #fff;}
.section_01 .client_section ul li .fees table tr th{background: #F5F8FF;}
.section_01 .client_section ul li .fees table tr:nth-child(1) th{
    background: #1453B1;
    color: #fff;
}
.section_01 .client_section ul li .btn{padding:0 0 1em;text-align: center;width:90%;margin:0 auto;}
.section_01 .client_section ul li .btn p{color: #f00;font-weight: bold;padding-bottom:.5em;font-size: 1.1em;}
.section_01 .client_section ul li .btn .shiny_btn{border-radius: 7px;box-shadow: 4px 4px 0 #8d2b2b;}
.section_01 .client_section ul li .btn .shiny_btn a{padding:.75em 0 .1em;font-weight: bold;font-size: 1.3em;border-radius: 7px;box-shadow:4px 4px 0 #8d2b2b;}
.section_01 .client_section ul li .btn .shiny_btn em{display: block;font-size: .7em;padding-top:.3em;font-weight: normal;}

.section_01 .client_section ul li .btn{padding:0 0 1em;text-align: center;width:90%;margin:0 auto;}
.section_01 .client_section ul li .btn p{color: #f00;font-weight: bold;padding-bottom:.5em;font-size: 1.1em;}
.section_01 .client_section ul li .btn .shiny_btn{border-radius: 7px;box-shadow: 4px 4px 0 #8d2b2b;}
.section_01 .client_section ul li .btn .shiny_btn a{padding:.75em 0 .1em;font-weight: bold;font-size: 1.3em;border-radius: 7px;box-shadow:4px 4px 0 #8d2b2b;}
.section_01 .client_section ul li .btn .shiny_btn em{display: block;font-size: .7em;padding-top:.3em;font-weight: normal;}

.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/rank/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 ;}

.client_section .li_pickup{
    border: 10px solid #cfbe98;
    background: #fcfcfc;
    width:100%;
    margin:0;
    position:relative;
    background-size:15%;
    box-sizing: border-box;
}
.client_section .li_pickup::before{
    width:100px;
    height:100px;
    content:"";
    position: absolute;
    top:-13px;
    right:-14px;
    background: transparent url("/sec/img/rank/ico_pickup_mark.png") 0 0 no-repeat;
    background-size: 100%;
}
.client_section .li_pickup h3.lipttl{position:absolute;width:99%;height:auto;color:#fff;top:-60px;left:0;background: #F6324E url("../../images/rank/icon-pickup.gif") 23px 12px no-repeat;background-size:9% ; font-size: 1.5em;font-weight: bold;line-height: 1;padding:.75em 0;text-indent:60px;}
.client_section .li_pickup h3.lipttl:before{
      content: "";
  position:absolute;
  top:0;
  left:-1px;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 25px 0 25px 15px;
}
.client_section .li_pickup h3.lipttl:after{
      content: "";
  position:absolute;
  top:0;
  right:-1px;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 25px 15px 25px 0;
}
.client_section .li_pickup .client_id .name{width:90%;padding:0;margin:0 auto;border-bottom:1px solid #ddd;}
.client_section .li_pickup .client_id .name a{color:#000;font-weight: bold;display: block;width:100%;text-align: center;font-size: 1.6em;text-decoration: none;padding:1.2em 0;}
.client_section .li_pickup .client_section_inner{padding:0 1em 1em;}
.client_section .li_pickup h3.pickupttl{position:relative;display:block;color:#333;font-size: 1.5em;width:100%;height:auto;line-height: 1;padding-bottom:.5em;padding-top:.7em;font-weight: bold;top:0;background: none;text-align: left;}

.client_section .li_pickup .overview{
    display: block;
    margin-bottom:1.7em;
}
.client_section .li_pickup .overview .image{width:300px;text-align: center;margin:0 auto;}
.client_section .li_pickup .overview .image a{display: block;}
.client_section .li_pickup .overview .image a img{width: 100%;}
.client_section .li_pickup .overview .txt{padding-top:10px;}
.client_section .li_pickup .overview .txt .feature{
    font-size: .9em;
    border-radius: 2px;
    background: #fff;
    padding: .5em 0em .5em .2em;
    position: relative;
    line-height: 1.6;
    border:none;
}
.client_section .li_pickup .overview .txt .feature:before {
    position: absolute;
    width: 130px;
    height: 33px;
    background: transparent url(../../images/rank/ico_feature.png);
    top: -17px;
    left: -1px;
    content: "";
}
.client_section .li_pickup .btn .shiny_btn a{
    padding-top:.8em;
    padding-bottom:.6em;
}

.section_beginner{margin:1em;box-sizing: border-box;}
.section_beginner_inner{background: #f4fdff;}
.section_beginner_inner h2{background: #1ec1e9;color: #fff;font-weight: bold;line-height: 1;font-size: 1.5em;text-align: center;padding: .8em 0;}
.section_beginner_inner .sb_inner ul li{box-sizing: border-box;padding:2em 1em 1em;text-align: center;}
.section_beginner_inner .sb_inner ul li img{width: 90%;}
.section_beginner_inner .sb_inner p.beginner_txt{text-align: center;font-weight: bold;font-size: 1.3em;line-height: 1.5;padding-top:.5em;padding-bottom:1em;}

h2.compare_ttl{background: #1453B1;}
h2.compare_ttl ul{display:flex;justify-content: space-between;}
h2.compare_ttl ul li{box-sizing:border-box;}
h2.compare_ttl ul li.image{width:30%;padding:.5em 0 .5em .5em;}
h2.compare_ttl ul li.image img{width: 95%;}
h2.compare_ttl ul li.compare_ttl_txt{width:70%;padding:.5em .5em .5em 0;text-align: center;color:#FFE400;font-weight: bold;line-height: 1.4;}
h2.compare_ttl ul li.compare_ttl_txt p{color: #fff;font-size: .7em;padding-top:.2em;}

.section_bunsan{margin:1em;box-sizing:border-box;}
.section_bunsan_inner{background:#f4fdff;}
.section_bunsan_inner h2{background:#1ec1e9;color:#fff;font-weight:bold;line-height:1;font-size:1.5em;text-align:center;padding:.8em 0;}
.section_bunsan_inner .sb_inner{box-sizing:border-box;padding:1em;}
.section_bunsan_inner .sb_inner h3{padding:1.5em 0 .8em;}
.section_bunsan_inner .sb_inner .bunsan_txt{line-height:1.8;font-size:.8em;color:#333;}
.section_bunsan_inner .sb_inner .bunsan_txt strong{color:#f00;}

/* Compare List*/
.section_04{background: #fff;}
.comparisonBlc_inner{width:100%;overflow:scroll;}
.comparisonBlc_inner table{width:980px;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 #fa0;box-sizing: border-box;}
.comparisonBlc_inner tr th:first-child,.comparisonBlc_inner tr td:first-child{position:sticky;top:0;left:0;z-index:999;width:150px;}
.comparisonBlc_inner tr th:last-child,.comparisonBlc_inner tr td:last-child{width:180px;}
.comparisonBlc_inner tr td:last-child .shiny_btn{border-radius: 7px;box-shadow:0 4px 0 0 #8d2b2b;}
.comparisonBlc_inner tr td:last-child a{padding:1em 0;border-radius:7px;color:#fff;font-weight: bold;text-decoration: none;display: block;}
.comparisonBlc_inner tr th:first-child:after,.comparisonBlc_inner tr td:first-child:after{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:1px solid #fa0;z-index:-1;}
.comparisonBlc_inner tr th.ico{background: #fb3;}

.comparisonBlc_inner tr th{background: #fa0;color: #fff;}
.comparisonBlc_inner tr td{background: #fff;}
.comparisonBlc_inner tr td .txt{display: none;}

.comparisonBlc_inner tr{}

.comparisonBlc .scrollguide{background: #222;color:#fff;line-height: 1;padding:.5em;font-size: .8em;text-align: right;}
.comparisonBlc .remarks_wrap{padding:1em;}
.comparisonBlc .remarks_wrap .remarks{font-size: .8em;color:#555;line-height: 1.4;font-weight: normal;}

/* 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;
}


/* Search */

.top_search {
	margin-top: 2px;
}
.top_search h2 {
	padding: 10px 0;
    background: #fff;
}
.top_search h2 img{
    width: 100%;
}
.top_search .search_wrap {
	margin-top: 1px;
}
.top_search .search_wrap .trigger, .top_search .search_wrap .ttl {
	background: #149cb7;
	color: #fff;
	padding: 1em 0 .5em 1em;
	position: relative;
    border-radius:0;
    text-align:left;
}
.top_search .search_wrap .trigger span {
	display: block;
	position: absolute;
	right: 14px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-image: url(img/top/top_search_trigger.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
}
.top_search .search_wrap .trigger.active span {
	background-image: url(img/top/top_search_trigger_active.png);
}
.top_search .search_wrap .acordion_inner, .top_search .search_wrap .content {
	padding: 0 10px 10px;
}
.top_search .search_wrap .acordion_inner .child, .top_search .search_wrap .content .child {
	width: 50%;
	float: left;
	margin-top: 10px;
    box-sizing: border-box;
}
.top_search .search_wrap .acordion_inner .child:nth-child(odd), .top_search .search_wrap .content .child:nth-child(odd) {
	padding-right: 5px;
}
.top_search .search_wrap .acordion_inner .child:nth-child(even), .top_search .search_wrap .content .child:nth-child(even) {
	padding-left: 5px;
}
.top_search .search_wrap .acordion_inner .child label, .top_search .search_wrap .content .child label {
	display: block;
	padding: 7px;
	border: 1px solid #ddd;
}
.checkbox01-input {
	display: none;
}
.checkbox01-parts {
	padding-left: 24px;
	position: relative;
	font-size: 3vw;
}
.checkbox01-parts::before {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts {
	color: #e4243a;
}
.checkbox01-input:checked + .checkbox01-parts::after {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #e4243a;
	border-right: 3px solid #e4243a;
}
.top_search .acordion_wrap .trigger {
	background: #f5f5f5;
	padding: 20px 15px 35px;
	text-align: center;
}
.top_search .more_trigger {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d8883+50,157b75+50 */
background: #2d8883; /* Old browsers */
background: -moz-linear-gradient(top, #2d8883 50%, #157b75 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2d8883 50%,#157b75 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2d8883 50%,#157b75 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8883', endColorstr='#157b75',GradientType=0 ); /* IE6-9 */
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 12px 12px 12px 20px;
	position: relative;
	cursor: pointer;
}
.top_search .more_trigger span {
	position: absolute;
	display: block;
	background: #fff;
}
.top_search .more_trigger span.trigger1 {
	width: 3px;
	height: 16px;
	top: 50%;
	right: 20px;
	margin-top: -8px;
}
.top_search .more_trigger span.trigger2 {
	height: 3px;
	width: 16px;
	top: 50%;
	right: 14px;
	margin-top: -1px;
}
.top_search .trigger.active span.trigger1 {
	display: none;
}

.btn_submit {
    width: 92%;
    display: block;
    border: none;
    margin: 5px auto 0;
    background: #e4233a;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 12px;
    position: relative;
    cursor: pointer;
    text-shadow: 0 0 5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 5px 0 #b4232b;
    -moz-box-shadow: 0 5px 0 #b4232b;
    box-shadow: 0 5px 0 #b4232b;
}