@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,900");
@import url("vendors/sanitize.css");
@import url("fonts.css");
html, body {
	min-width: 1020px
}

@media screen and (max-width: 736px) {
html, body {
	min-width: 0
}
}
body {
	color: #000;
	background: #fff;
	font-family: 'Roboto', 'NotoSansCJKSC', sans-serif;
	font-size: 14px;
	line-height: 1.8
}

@media screen and (max-width: 736px) {
body {
	font-size: 13px
}
}
a:link, a:visited {
	color: #319580;
	text-decoration: underline
}
a:hover, a:focus, a:active {
	color: #39c6b3;
	text-decoration: underline
}
sub, sup {
	font-size: 70%
}
body.cat-reviews .wrapper {
	background: #dff2d9 url(../img/section_reviews_bg.png)
}
.content:after {
	content: '';
	display: block;
	clear: both
}
.content__inner {
	margin: auto;
	width: 980px
}

@media screen and (max-width: 736px) {
.content__inner {
	width: 100%;
	margin: auto;
	padding-left: 14px;
	padding-right: 14px
}
}
.content__inner:after {
	content: '';
	display: block;
	clear: both
}
.aligncenter {
	text-align: center
}
.alignright {
	float: right
}
.small {
	font-size: 85.71429%
}
.normal {
	font-size: 116.66667%
}
.alert {
	color: #ff7059
}
.only-sp {
	display: none !important
}

@media screen and (max-width: 736px) {
.only-sp {
	display: block !important
}
.only-sp.inline {
	display: inline !important
}
.only-sp.flex {
	display: flex !important
}
}

@media screen and (max-width: 736px) {
.only-pc {
	display: none !important
}
}
.header {
	color: inherit;
	background: #fff
}

@media screen and (max-width: 736px) {
.cat-second .header {
	border-bottom: 2px solid #fff
}
}
.header__inner {
	margin: auto;
	width: 980px;
	position: relative
}

@media screen and (max-width: 736px) {
.header__inner {
	width: 100%;
	margin: auto;
	padding-left: 14px;
	padding-right: 14px
}
}
.header__inner:after {
	content: '';
	display: block;
	clear: both
}

@media screen and (max-width: 736px) {
.header__inner {
	padding: 0
}
}
.header__site-logo {
	float: left;
	padding: 22px 0 20px
}

@media screen and (max-width: 736px) {
.header__site-logo {
	float: none;
	padding: 10px 0;
	text-align: center
}
}

@media screen and (max-width: 736px) {
.header__site-logo img {
	height: 23px;
	width: auto
}
}
.header__tagline {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -.5em;
	color: #33a487;
	line-height: 1
}

@media screen and (max-width: 736px) {
.header__tagline {
	position: static;
	margin-top: 0;
	padding: 4px 0;
	width: 100%;
	font-size: 11px;
	text-align: center;
	color: #fff;
	background: #0cbfaa
}
}
.header__tagline strong,
.header__tagline b {
	font-weight: normal
}
.header__share {
	float: left;
	margin: 35px 0 0 55px;
	display: table
}

@media screen and (max-width: 736px) {
.header__share {
	display: none
}
}
.header__share>* {
	display: table-cell;
	padding-right: 10px;
	vertical-align: top;
	line-height: 1
}
.gnav {
	color: #fff;
	background: #00bdab;
	font-weight: bold;
	border-bottom: 3px solid #309d81
}

@media screen and (max-width: 736px) {
.gnav {
	border: none
}
}
.gnav nav {
	margin: auto;
	width: 980px;
	display: table;
	border-collapse: collapse
}

@media screen and (max-width: 736px) {
.gnav nav {
	width: 100%;
	margin: auto;
	padding-left: 14px;
	padding-right: 14px
}
}

@media screen and (max-width: 736px) {
.gnav nav {
	display: none
}
}
.gnav nav a {
	color: inherit;
	text-decoration: none;
	transition: all 100ms ease
}
.gnav nav a:hover {
	background: #1e9480
}
.gnav nav>* {
	display: table-cell;
	padding: 2px 30px 0;
	height: 53px;
	min-width: 6em;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #6dd9cc;
	border-right: 1px solid #6dd9cc
}
.gnav nav>*:before {
	content: '\FF0B';
	color: #e8b960;
	font-weight: bold;
	line-height: 1;
	margin: 0 .25em 0 -.5em;
	vertical-align: baseline;
	margin-right: 12px;
	color: #85dfd4
}
.gnav nav>*.gnav-home:before {
	content: none
}
.cat-home .gnav .gnav-home, .cat-about .gnav .gnav-about, .cat-manual .gnav .gnav-manual, .cat-column .gnav .gnav-column, .cat-working .gnav .gnav-working {
	background: #039e90
}
.gnav .gnav__sp {
	display: none
}

@media screen and (max-width: 736px) {
.gnav .gnav__sp {
	display: block;
	position: absolute;
	top: 10px;
	/*left: 18px;*/
	left: auto;
	right: 18px;
	z-index: 3
}
}
.gnav .gnav__sp .label {
	display: none;
	transition: all 300ms ease
}
.is-spmenu-open .gnav .gnav__sp .label {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.3);
	z-index: 5;
	text-indent: -999em;
	overflow: hidden
}
.gnav--sp {
	display: none
}

@media screen and (max-width: 736px) {
.gnav--sp {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	/*right: 20%;*/
	right: 100%;
	background: #666;
	overflow-y: auto;
	/*transition: all 300ms ease;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)*/
}
.is-spmenu-open .gnav--sp {
	-webkit-transform: translateX(0);
	transform: translateX(0);
		left:20%;
	right: 0;
}
}

.gnav--sp nav {
	border-bottom: 1px solid #858585
}
.gnav--sp .gnav__sp, .gnav--sp nav>* {
	display: block;
	padding: 10px 18px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	border-top: 1px solid #858585
}
.gnav--sp nav>* {
	padding-right: 40px;
	background: url(../img/icon_next.svg) no-repeat top 46% right 18px;
	background-size: 8px auto
}
.gnav--sp nav p{
	background: none;
	padding-right: 18px;
	text-align: center;
}
.gnav--sp nav .f08{
	font-size: 0.8em;
}
.gnav--sp nav .flex{
	display: flex;
	align-items: center;
}
.gnav--sp nav .flex .imgArea{
	width: 33%;
	background-color: #ffffff;
	padding: 7px 1%;
}
.gnav--sp nav .flex .imgArea img{
	width: 100%;
	height: auto;
}
.gnav--sp nav .f08 p{
	text-align: left;
	margin-left: 3%;
	width: 62%;
	padding-right: 0;
}
.gnav__sp .icon {
	position: relative;
	display: inline-block;
	/*margin-right: 8px;*/
	width: 20px;
	height: 14px;
	vertical-align: middle;
	z-index: 1
}
.gnav__sp .icon span {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	display: block;
	width: 100%;
	height: 2px;
	background: #0cbfaa;
	border-radius: 2px
}
.gnav__sp .icon span:first-child {
	top: 0;
	margin-top: 0
}
.gnav__sp .icon span:last-child {
	top: auto;
	bottom: 0;
	margin-top: 0
}
html.is-spmenu-open, .is-spmenu-open html, body.is-spmenu-open, .is-spmenu-open body {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.wrapper {
	position: relative;
	background: #fff;
	transition: all 300ms ease;
	z-index: 2
}
.is-spmenu-open .wrapper {
	/*-webkit-transform: translateX(80%);
	transform: translateX(80%);*/
	-webkit-transform: translateX(-80%);
	transform: translateX(-80%);
	box-shadow: 0 0 30px rgba(0,0,0,0.4)
}
.footer {
	color: #fff;
	background: #00bdab
}

@media screen and (max-width: 736px) {
.footer {
	font-size: 12px
}
}
.footer__inner {
	margin: auto;
	width: 980px;
	padding: 30px 0 80px
}

@media screen and (max-width: 736px) {
.footer__inner {
	width: 100%;
	margin: auto;
	padding-left: 14px;
	padding-right: 14px
}
}

@media screen and (max-width: 736px) {
.footer__inner {
	padding: 20px 0 25px
}
}
.footer__nav {
	text-align: center
}
.footer__nav a {
	display: inline-block;
	margin: 0 .75em;
	color: inherit
}

@media screen and (max-width: 736px) {
.footer__nav a {
	margin: 0 .5em
}
}
.footer__copyright {
	margin: 1em 0;
	text-align: center
}
.topicpath {
	padding: 1.5em 0 1.35em;
	font-size: 12px;
	line-height: 1.35
}

@media screen and (max-width: 736px) {
.topicpath {
	display: none
}
}

.topicpath li:last-of-type a{
  color:#000000;
}
.topicpath ul {
	list-style: none;
	letter-spacing: -.4em
}
.topicpath li {
	display: inline-block;
	letter-spacing: normal
}
.topicpath li+li:before {
	content: '';
	display: inline-block;
	margin: 0 .45em;
	width: 6px;
	height: 6px;
	border-top: 1px solid #37c0a9;
	border-right: 1px solid #37c0a9;
	-webkit-transform: rotate(45deg) translate(-2px, 0);
	transform: rotate(45deg) translate(-2px, 0)
}
.topicpath a {
	text-decoration: none
}
.topicpath a:hover {
	text-decoration: underline
}
.topicpath__inner {
	margin: auto;
	width: 980px
}

@media screen and (max-width: 736px) {
.topicpath__inner {
	width: 100%;
	margin: auto;
	padding-left: 14px;
	padding-right: 14px
}
}
.side {
	float: right;
	width: 26.5%
}

@media screen and (max-width: 736px) {
.side {
	float: none;
	width: auto;
	margin-left: -14px;
	margin-right: -14px
}
}
.side-block {
	margin-bottom: 40px;
	line-height: 1.5
}

@media screen and (max-width: 736px) {
.side-block {
	margin-bottom: 0
}
}
.side-block:last-child {
	margin-bottom: 0
}
.side-block ul {
	list-style: none;
	margin-left: 0
}
.side-block a {
	color: inherit;
	text-decoration: none
}
.side-block__title {
	padding: 18px 20px 14px;
	color: #fff;
	background: #0cbfaa;
	font-weight: bold;
	text-align: center;
	line-height: 1.35
}

@media screen and (max-width: 736px) {
.side-block__title {
	font-size: 18px
}
}
.side-block__title:before {
	content: '\FF0B';
	color: #e8b960;
	font-weight: bold;
	line-height: 1;
	margin: 0 .25em 0 -.5em;
	vertical-align: baseline
}
.index-thumb, .index-thumb--working, .index-sitemap {
	list-style: none;
	margin-left: 0;
	letter-spacing: -.4em;
	margin-left: -2.9703%
}
.index-thumb>*, .index-thumb--working>*, .index-sitemap>* {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}

@media screen and (max-width: 736px) {
.index-thumb, .index-thumb--working, .index-sitemap {
	margin-left: -14px;
	margin-right: -14px;
	border-bottom: 1px solid #e3e3e3
}
}
.index-thumb a, .index-thumb--working a, .index-sitemap a {
	color: inherit;
	text-decoration: none
}
.index-thumb>*, .index-thumb--working>*, .index-sitemap>* {
	display: inline-block;
	width: 47.0297%;
	margin-left: 2.9703%;
	vertical-align: top
}

@media screen and (max-width: 736px) {
.index-thumb>*, .index-thumb--working>*, .index-sitemap>* {
	margin-left: 0;
	width: 100%;
	border-top: 1px solid #e3e3e3
}
}
.index-thumb>*>a, .index-thumb--working>*>a, .index-sitemap>*>a, .index-thumb>*>span, .index-thumb--working>*>span, .index-sitemap>*>span {
	display: block;
	color: inherit;
	padding-top: 25px;
	padding-bottom: 30px;
	text-decoration: none
}
.index-thumb>*>a:after, .index-thumb--working>*>a:after, .index-sitemap>*>a:after, .index-thumb>*>span:after, .index-thumb--working>*>span:after, .index-sitemap>*>span:after {
	content: '';
	display: block;
	clear: both
}

@media screen and (max-width: 736px) {
.index-thumb>*>a, .index-thumb--working>*>a, .index-sitemap>*>a, .index-thumb>*>span, .index-thumb--working>*>span, .index-sitemap>*>span {
	padding: 14px 14px
}
}
.index-thumb>*:before, .index-thumb--working>*:before, .index-sitemap>*:before {
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	background: #a4e7df url(../img/main_h1_bg.png)
}

@media screen and (max-width: 736px) {
.index-thumb>*:before, .index-thumb--working>*:before, .index-sitemap>*:before {
	content: none
}
}
.index-thumb__thumb, .index-thumb--working__thumb {
	float: left;
	width: 46%
}

@media screen and (max-width: 736px) {
.index-thumb__thumb, .index-thumb--working__thumb {
	width: 110px
}
}
.index-thumb__thumb img, .index-thumb--working__thumb img {
	width: 100%;
	height: auto
}
.index-thumb__num {
	color: #0cbfaa;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: .5em
}

@media screen and (max-width: 736px) {
.index-thumb__num {
	font-size: 13px
}
}
.index-thumb__num em {
	margin-right: .4em;
	font-size: 210%;
	font-style: normal;
	font-weight: bold;
	color: #0cbfaa;
	line-height: 1;
	vertical-align: -.16em
}
.index-thumb__meta {
	margin-bottom: 3px
}
.index-thumb__meta:after {
	content: '';
	display: block;
	clear: both
}
.index-thumb__meta .label {
	display: inline-block;
	padding: 0 8px;
	min-width: 75px;
	color: #fff;
	background: #888;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	box-sizing: border-box;
	vertical-align: top
}
.index-thumb__meta .label.red {
	background-color: #f76e5c
}
.index-thumb__meta .label.pink {
	background-color: #f97b93
}
.index-thumb__meta .label.yellow {
	background-color: #dab561
}
.index-thumb__meta .label.blue {
	background-color: #4c9cbd
}
.index-thumb__meta .label.green {
	background-color: #3bbda1
}
.index-thumb__meta .date {
	float: right;
	display: inline-block;
	margin-left: .5em;
	font-size: 12px;
	line-height: 20px;
	color: #7c7c7c;
	vertical-align: top
}
.index-thumb__meta .new {
	display: inline-block;
	margin-left: 4px;
	color: #ff6f59;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: top
}
.index-thumb__text, .index-thumb--working__text {
	font-weight: bold;
	margin-bottom: .5em;
	font-size: 18px;
	line-height: 1.35
}

@media screen and (max-width: 736px) {
.index-thumb__text, .index-thumb--working__text {
	font-size: 13px;
	margin-bottom: 0
}
}

@media screen and (max-width: 736px) {
.index-thumb__excerpt {
	display: none
}
}
.index-thumb__list, .index-thumb--working__list, .index-sitemap dd ul {
	list-style: none;
	margin-left: 0;
	margin-top: .5em;
	line-height: 1.35
}
.index-thumb__list li, .index-thumb--working__list li, .index-sitemap dd ul li {
	position: relative;
	margin-top: .5em;
	padding-left: 16px;
	background: url(../img/icon_next.svg) no-repeat 0 0.25em;
	background-size: 6px auto
}
.index-thumb__num, .index-thumb__meta, .index-thumb__text, .index-thumb--working__text, .index-thumb__excerpt, .index-thumb__list, .index-thumb--working__list, .index-sitemap dd ul {
	margin-left: 235px;
	overflow: hidden
}

@media screen and (max-width: 736px) {
.index-thumb__num, .index-thumb__meta, .index-thumb__text, .index-thumb--working__text, .index-thumb__excerpt, .index-thumb__list, .index-thumb--working__list, .index-sitemap dd ul {
	margin-left: 124px
}
}

@media screen and (max-width: 736px) {
.index-thumb--working {
	margin-left: 0;
	margin-right: 0;
	padding: 0
}
}
.index-thumb--working>li {
	padding: 0 0 30px
}
.index-thumb--working>li:before {
	margin-bottom: 25px
}

@media screen and (max-width: 736px) {
.index-thumb--working>li {
	display: table;
	width: 100%;
	padding: 0;
	border: 0
}
}

@media screen and (max-width: 736px) {
.index-thumb--working__thumb {
	float: none;
	width: 100%;
	overflow: hidden
}
.index-thumb--working__thumb img {
	width: 100%;
	height: auto;
	margin-top: -40px
}
}

@media screen and (max-width: 736px) {
.index-thumb--working__text {
	display: table-header-group;
	width: 100%
}
.index-thumb--working__text a {
	display: block;
	padding: 15px 14px;
	color: inherit;
	background: #d8f9e1 url(../img/icon_next.svg) no-repeat top 50% right 14px;
	background-size: 6px auto;
	font-size: 15px;
	text-align: center
}
}

@media screen and (max-width: 736px) {
.index-thumb--working__list {
	display: table-footer-group
}
.index-thumb--working__list li {
	margin: 0;
	padding: 0
}
.index-thumb--working__list li+li {
	border-top: 1px solid #e3e3e3
}
.index-thumb--working__list li a {
	display: block;
	padding: 12px 35px 12px 14px;
	background: #fff url(../img/icon_next.svg) no-repeat top 50% right 14px;
	background-size: 6px auto
}
}
.index-sitemap dl {
	padding: 0 0 30px
}
.index-sitemap dl:before {
	margin-bottom: 25px
}

@media screen and (max-width: 736px) {
.index-sitemap dl {
	padding: 0
}
.cat-sitemap .index-sitemap dl:first-child {
	border-top: none
}
.cat-sitemap .index-sitemap dl:last-child {
	border-bottom: none
}
}
.index-sitemap dt, .index-sitemap dd {
	padding-left: 20px;
	padding-right: 20px
}

@media screen and (max-width: 736px) {
.index-sitemap dt, .index-sitemap dd {
	padding-left: 0;
	padding-right: 0
}
}
.index-sitemap dt {
	font-size: 22px;
	font-weight: bold
}

@media screen and (max-width: 736px) {
.index-sitemap dt {
	font-size: 15px;
	color: #1e9480
}
}
.index-sitemap dt:before {
	content: '\FF0B';
	color: #e8b960;
	font-weight: bold;
	line-height: 1;
	margin: 0 .25em 0 -.5em;
	vertical-align: baseline
}

@media screen and (max-width: 736px) {
.index-sitemap dt:before {
	content: none
}
}
.index-sitemap dt a {
	color: #1e9480
}

@media screen and (max-width: 736px) {
.index-sitemap dt a {
	display: block;
	padding: 12px 14px
}
}

@media screen and (max-width: 736px) {
.index-sitemap dt a span:before {
	content: '\FF0B';
	color: #e8b960;
	font-weight: bold;
	line-height: 1;
	margin: 0 .25em 0 -.5em;
	vertical-align: baseline;
	margin-left: 0
}
}
.index-sitemap dd ul {
	margin-left: 1.85em
}

@media screen and (max-width: 736px) {
.index-sitemap dd ul {
	margin-top: 0;
	margin-left: 2.5em;
	padding-bottom: 15px
}
}
.list-thumb, .list-text, .list-text-arrow {
	list-style: none;
	margin-left: 0
}
.list-thumb a, .list-text a, .list-text-arrow a {
	display: block;
	padding: 13px 18px
}

@media screen and (max-width: 736px) {
.list-thumb a, .list-text a, .list-text-arrow a {
	padding: 14px
}
.list-thumb a:after, .list-text a:after, .list-text-arrow a:after {
	content: '';
	display: block;
	clear: both
}
}
.list-thumb li, .list-text li, .list-text-arrow li {
	border-left: 2px solid #b9e1dc;
	border-right: 2px solid #b9e1dc;
	border-bottom: 2px solid #b9e1dc
}
.list-thumb li:after, .list-text li:after, .list-text-arrow li:after {
	content: '';
	display: block;
	clear: both
}

@media screen and (max-width: 736px) {
.list-thumb li, .list-text li, .list-text-arrow li {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #e3e3e3
}
}

@media screen and (max-width: 736px) {
.list-thumb li:last-child, .list-text li:last-child, .list-text-arrow li:last-child {
	border-bottom: none
}
}
.list-thumb__thumb {
	margin-bottom: 6px
}

@media screen and (max-width: 736px) {
.list-thumb__thumb {
	float: left;
	width: 110px;
	margin-bottom: 0
}
}
.list-thumb__thumb img {
	width: 100%;
	height: auto
}
.list-thumb__num {
	color: #0cbfaa;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: .15em;
	font-size: inherit
}

@media screen and (max-width: 736px) {
.list-thumb__num {
	font-size: 13px
}
}
.list-thumb__num em {
	margin-right: .4em;
	font-size: 210%;
	font-style: normal;
	font-weight: bold;
	color: #0cbfaa;
	line-height: 1;
	vertical-align: -.16em
}
.list-thumb__num em {
	margin-right: .5em;
	font-size: inherit;
	line-height: inherit;
	vertical-align: baseline
}
.list-thumb__meta {
	margin-bottom: 3px
}
.list-thumb__meta:after {
	content: '';
	display: block;
	clear: both
}
.list-thumb__meta .label {
	display: inline-block;
	padding: 0 8px;
	min-width: 75px;
	color: #fff;
	background: #888;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	box-sizing: border-box;
	vertical-align: top
}
.list-thumb__meta .label.red {
	background-color: #f76e5c
}
.list-thumb__meta .label.pink {
	background-color: #f97b93
}
.list-thumb__meta .label.yellow {
	background-color: #dab561
}
.list-thumb__meta .label.blue {
	background-color: #4c9cbd
}
.list-thumb__meta .label.green {
	background-color: #3bbda1
}
.list-thumb__meta .date {
	float: right;
	display: inline-block;
	margin-left: .5em;
	font-size: 12px;
	line-height: 20px;
	color: #7c7c7c;
	vertical-align: top
}
.list-thumb__meta .new {
	display: inline-block;
	margin-left: 4px;
	color: #ff6f59;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: top
}
.list-thumb__text {
	font-weight: bold
}

@media screen and (max-width: 736px) {
.list-thumb__num, .list-thumb__meta, .list-thumb__text, .list-thumb__excerpt, .list-thumb__list {
	margin-left: 124px;
	overflow: hidden
}
}
.list-text, .list-text-arrow {
	background: #f0f1f0
}
.list-text a, .list-text-arrow a {
	display: block;
	padding: 10px 20px;
	background: inherit
}

@media screen and (max-width: 736px) {
.list-text a, .list-text-arrow a {
	padding: 10px 14px
}
}
.list-text li, .list-text-arrow li {
	position: relative;
	border: none
}
.list-text li+li:before, .list-text-arrow li+li:before {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: 20px;
	right: 20px;
	height: 1px;
	background: #cbcbcb
}

@media screen and (max-width: 736px) {
.list-text li+li:before, .list-text-arrow li+li:before {
	left: 14px;
	right: 14px
}
}
.list-text__num {
	color: #0cbfaa;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: .15em;
	font-size: inherit
}

@media screen and (max-width: 736px) {
.list-text__num {
	font-size: 13px
}
}
.list-text__num em {
	margin-right: .4em;
	font-size: 210%;
	font-style: normal;
	font-weight: bold;
	color: #0cbfaa;
	line-height: 1;
	vertical-align: -.16em
}
.list-text__num em {
	margin-right: .5em;
	font-size: inherit;
	line-height: inherit;
	vertical-align: baseline
}
.list-text__meta {
	margin-bottom: 3px
}
.list-text__meta:after {
	content: '';
	display: block;
	clear: both
}
.list-text__meta .label {
	display: inline-block;
	padding: 0 8px;
	min-width: 75px;
	color: #fff;
	background: #888;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	box-sizing: border-box;
	vertical-align: top
}
.list-text__meta .label.red {
	background-color: #f76e5c
}
.list-text__meta .label.pink {
	background-color: #f97b93
}
.list-text__meta .label.yellow {
	background-color: #dab561
}
.list-text__meta .label.blue {
	background-color: #4c9cbd
}
.list-text__meta .label.green {
	background-color: #3bbda1
}
.list-text__meta .date {
	float: right;
	display: inline-block;
	margin-left: .5em;
	font-size: 12px;
	line-height: 20px;
	color: #7c7c7c;
	vertical-align: top
}
.list-text__meta .new {
	display: inline-block;
	margin-left: 4px;
	color: #ff6f59;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: top
}
.list-text__text {
	font-weight: bold
}
.list-text-arrow a {
	position: relative;
	padding-right: 35px;
	background: url(../img/icon_next.svg) no-repeat top 50% right 20px;
	background-size: 8px auto
}

@media screen and (max-width: 736px) {
.list-text-arrow a {
	background-position: top 50% right 14px
}
}
.index-latest {
	list-style: none;
	margin-left: 0
}

@media screen and (max-width: 736px) {
.index-latest {
	margin-left: -14px;
	margin-right: -14px
}
}
.index-latest li {
	border-top: 1px solid #88c4b5
}

@media screen and (max-width: 736px) {
.index-latest li {
	border-top: 1px solid #e3e3e3
}
}
.index-latest li:last-child {
	border-bottom: 1px solid #88c4b5
}

@media screen and (max-width: 736px) {
.index-latest li:last-child {
	border-bottom: none
}
}
.index-latest a {
	display: table;
	width: 100%;
	color: inherit;
	text-decoration: none
}

@media screen and (max-width: 736px) {
.index-latest a {
	display: block;
	padding: 10px 14px
}
}
.index-latest a>* {
	display: table-cell;
	padding-top: 4px;
	padding-bottom: 4px
}

@media screen and (max-width: 736px) {
.index-latest a>* {
	display: block;
	padding-top: 0;
	padding-bottom: 0
}
}
.index-latest__meta {
	width: 1%;
	white-space: nowrap
}
.index-latest__meta:after {
	content: '';
	display: block;
	clear: both
}
.index-latest__meta .label {
	display: inline-block;
	padding: 0 8px;
	min-width: 75px;
	color: #fff;
	background: #888;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	box-sizing: border-box;
	vertical-align: top;
	margin-left: 15px;
	vertical-align: middle
}
.index-latest__meta .label.red {
	background-color: #f76e5c
}
.index-latest__meta .label.pink {
	background-color: #f97b93
}
.index-latest__meta .label.yellow {
	background-color: #dab561
}
.index-latest__meta .label.blue {
	background-color: #4c9cbd
}
.index-latest__meta .label.green {
	background-color: #3bbda1
}

@media screen and (max-width: 736px) {
.index-latest__meta .label {
	margin-left: .5em
}
}
.index-latest__meta .date {
	float: right;
	display: inline-block;
	margin-left: .5em;
	font-size: 12px;
	line-height: 20px;
	color: #7c7c7c;
	vertical-align: top;
	float: none;
	margin-left: 10px;
	vertical-align: middle
}

@media screen and (max-width: 736px) {
.index-latest__meta .date {
	margin-left: .5em
}
}
.index-latest__meta .new {
	display: inline-block;
	margin-left: 4px;
	color: #ff6f59;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: top;
	margin-left: 15px;
	vertical-align: middle
}

@media screen and (max-width: 736px) {
.index-latest__meta .new {
	margin-left: 0
}
}
.index-latest__text {
	padding-left: 30px;
	font-weight: bold
}

@media screen and (max-width: 736px) {
.index-latest__text {
	margin-top: .5em;
	padding-left: 0;
	line-height: 1.35
}
}
.main {
	float: left;
	width: 69.4%
}

@media screen and (max-width: 736px) {
.main {
	float: none;
	width: auto
}
}
.main__pct {
	margin-bottom: 55px
}
.main__header {
	position: relative;
	margin-bottom: 0
}

@media screen and (max-width: 736px) {
.main__header {
	margin-top: 14px
}
}
.main__header:before {
	content: '';
	display: block;
	width: 100%;
	height: 9px;
	background: #a4e7df url(../img/main_h1_bg.png)
}
.main__header__title {
	display: table-cell;
	height: 160px;
	padding: 30px 0;
	vertical-align: middle;
	font-size: 32px;
	line-height: 1.35;
	color: #255d51
}

@media screen and (max-width: 736px) {
.main__header__title {
	height: auto;
	padding: 10px 0 0;
	margin-bottom: 10px;
	font-size: 21px
}
.main__header__title br {
	display: none
}
}
.main__header__num {
	color: #0cbfaa;
	font-size: 24px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: -30px
}

@media screen and (max-width: 736px) {
.main__header__num {
	font-size: 13px
}
}
.main__header__num em {
	margin-right: .4em;
	font-size: 210%;
	font-style: normal;
	font-weight: bold;
	color: #0cbfaa;
	line-height: 1;
	vertical-align: -.16em
}

@media screen and (max-width: 736px) {
.main__header__num {
	margin-top: 10px;
	margin-bottom: 0
}
}
.main__header__meta {
	margin-top: 18px;
	margin-bottom: -30px
}

@media screen and (max-width: 736px) {
.main__header__meta {
	margin-top: 10px;
	margin-bottom: 0
}
}
.main__header__meta .label {
	display: inline-block;
	padding: 0 8px;
	min-width: 75px;
	color: #fff;
	background: #888;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	box-sizing: border-box;
	vertical-align: top;
	min-width: 90px;
	font-size: 12px;
	line-height: 24px
}
.main__header__meta .label.red {
	background-color: #f76e5c
}
.main__header__meta .label.pink {
	background-color: #f97b93
}
.main__header__meta .label.yellow {
	background-color: #dab561
}
.main__header__meta .label.blue {
	background-color: #4c9cbd
}
.main__header__meta .label.green {
	background-color: #3bbda1
}

@media screen and (max-width: 736px) {
.main__header__meta .label {
	width: 75px;
	font-size: 10px;
	line-height: 20px
}
}
.main__header__meta .new {
	display: inline-block;
	margin-left: 4px;
	color: #ff6f59;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: top;
	margin-left: 8px;
	font-size: 14px;
	line-height: 24px
}

@media screen and (max-width: 736px) {
.main__header__meta .new {
	font-size: 10px;
	line-height: 20px
}
}
.main__header__meta .date {
	float: right;
	display: inline-block;
	margin-left: .5em;
	font-size: 12px;
	line-height: 20px;
	color: #7c7c7c;
	vertical-align: top;
	font-size: 14px;
	line-height: 24px;
	margin-right: 0
}

@media screen and (max-width: 736px) {
.main__header__meta .date {
	font-size: 12px;
	line-height: 20px
}
}
.section {
	padding: 25px 0 80px
}

@media screen and (max-width: 736px) {
.section {
	padding-top: 0;
	padding-bottom: 0
}
}
.cat-home .section {
	padding-top: 60px
}

@media screen and (max-width: 736px) {
.cat-home .section {
	padding-top: 25px;
	padding-bottom: 25px
}
}
.section__inner {
	margin: auto;
	width: 980px
}

@media screen and (max-width: 736px) {
.section__inner {
	width: 100%;
	margin: auto;
	padding-left: 14px;
	padding-right: 14px
}
}
.cat-privacy .section__inner .article-body {
	margin-left: auto;
	margin-right: auto;
	width: 768px
}

@media screen and (max-width: 736px) {
.cat-privacy .section__inner .article-body {
	width: 100%
}
}
.cat-corporate .section__inner .article-body {
	width: 875px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (max-width: 736px) {
.cat-corporate .section__inner .article-body {
	width: 100%
}
}
.section--mv {
	background: #effff8
}
.section--mv.section {
	padding: 0
}
.section--mv>.section__inner {
	width: 100%;
	max-width: none;
	overflow: hidden
}

@media screen and (max-width: 736px) {
.section--mv>.section__inner {
	min-height: 0;
	margin-bottom: 0;
	padding: 0
}
}
.section--mv .mv__pct__alt {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1
}
.section--mv .mv__pct__pc {
	display: block;
	margin: auto
}

@media screen and (max-width: 736px) {
.section--mv .mv__pct__pc {
	display: none
}
}
.section--mv .mv__pct__sp {
	display: none
}

@media screen and (max-width: 736px) {
.section--mv .mv__pct__sp {
	display: block;
	width: 100%;
	height: auto
}
}
.section--mv .section--search {
	position: relative;
	margin-top: -340px;
	background: linear-gradient(to bottom, rgba(0,136,134,0.8) 0%, #038b89 200px);
	z-index: 1
}
.section--mv .section--search.section {
	padding-top: 10px
}

@media screen and (max-width: 736px) {
.section--mv .section--search {
	margin-top: 0
}
}

.section--merit-tw iframe{
	height: 214px !important;
}
@media screen and (max-width: 736px) {
.section--merit-tw{
	padding-bottom: 25px;
}
}
.section--share {
	color: #010100;
	background: #fff
}
.section--share.section {
	padding-top: 45px;
	padding-bottom: 50px
}

@media screen and (max-width: 736px) {
.section--share.section {
	padding-top: 25px;
	padding-bottom: 25px
}
}
.section--share .share-box {
	margin: 0;
	padding: 0;
	background: inherit
}
.section--thanks {
	position: relative;
	color: #e6f8f7;
	background: #00bdab
}
.section--thanks:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -28px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -50px;
	border-top: 28px solid #00bdab;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 0 solid transparent;
	z-index: 10
}

@media screen and (max-width: 736px) {
.section--thanks:after {
	content: none
}
}
.section--search {
	color: #fff;
	background: #038b89
}
.section--search.section {
	padding-top: 30px;
	padding-bottom: 35px
}

@media screen and (max-width: 736px) {
.section--search.section {
	padding-top: 14px;
	padding-bottom: 25px
}
}
.section--reviews {
	background: #dff2d9 url(../img/section_reviews_bg.png)
}
.section--reviews.section {
	padding-top: 100px;
	padding-bottom: 120px
}

@media screen and (max-width: 736px) {
.section--reviews.section {
	padding-top: 25px;
	padding-bottom: 25px
}
}
.section--reviews .section__inner {
	position: relative;
	padding-right: 630px
}

@media screen and (max-width: 736px) {
.section--reviews .section__inner {
	padding-right: 14px
}
}
.section--reviews .section__pct {
	position: absolute;
	bottom: -120px;
	right: 0
}

@media screen and (max-width: 736px) {
.section--reviews .section__pct {
	position: static;
	margin-top: 1em
}
.section--reviews .section__pct img {
	max-width: 100%;
	height: auto
}
}
.section--reviews .section__more a {
	width: 100%
}
.section--reviews .article__lead {
	text-align: left
}
.section--manual {
	background: #f2f5eb
}
.section--manual.section {
	padding-top: 100px;
	padding-bottom: 120px
}

@media screen and (max-width: 736px) {
.section--manual.section {
	padding-top: 25px;
	padding-bottom: 25px
}
}
.section--manual .section__inner {
	position: relative;
	padding-left: 630px
}

@media screen and (max-width: 736px) {
.section--manual .section__inner {
	padding-left: 14px
}
}
.section--manual .section__pct {
	position: absolute;
	bottom: -120px;
	left: 0
}

@media screen and (max-width: 736px) {
.section--manual .section__pct {
	position: static;
	margin-top: 1em
}
.section--manual .section__pct img {
	max-width: 100%;
	height: auto
}
}
.section--manual .section__more a {
	width: 100%
}
.section--manual .article__lead {
	text-align: left
}
.section--working.section {
	padding-top: 100px;
	padding-bottom: 120px
}

@media screen and (max-width: 736px) {
.section--working.section {
	padding-top: 25px;
	padding-bottom: 25px
}
}
.section--working .section__inner {
	position: relative;
	padding-right: 590px
}

@media screen and (max-width: 736px) {
.section--working .section__inner {
	padding-right: 14px
}
}
.section--working .section__pct {
	position: absolute;
	bottom: -60px;
	right: 0
}

@media screen and (max-width: 736px) {
.section--working .section__pct {
	position: static;
	margin-top: 1em
}
.section--working .section__pct img {
	max-width: 100%;
	height: auto
}
}
.section--working .section__more a {
	width: 100%
}
.section--working .article__lead {
	text-align: left
}
.section--flow {
	color: #fff;
	background: #31ac9c
}
.section--flow .section__inner {
	position: relative
}
.section--flow .section__inner .for-beginners {
	position: absolute;
	top: -25px;
	right: 0
}

@media screen and (max-width: 736px) {
.section--flow .section__inner .for-beginners {
	position: static;
	margin-top: 15px;
	text-align: center
}
.section--flow .section__inner .for-beginners img {
	max-width: 100%;
	height: auto
}
}
.section--flow .article__title {
	margin-bottom: 62px !important;
	color: #fff
}

@media screen and (max-width: 736px) {
.section--flow .article__title {
	margin-bottom: 25px !important
}
}
.section--latest {
	background: #f2f5eb
}
.section--register, .section--register-with-pct {
	color: #fff;
	background: #038b89
}
.section--register.section, .section.section--register-with-pct {
	padding-top: 65px;
	padding-bottom: 70px
}

@media screen and (max-width: 736px) {
.section--register.section, .section.section--register-with-pct {
	padding-top: 15px;
	padding-bottom: 20px
}
}
.section--register-with-pct {
	margin-top: 60px
}

@media screen and (max-width: 736px) {
.section--register-with-pct {
	margin-top: 0
}
}
.section--register-with-pct .section__inner {
	position: relative;
	padding-right: 280px
}

@media screen and (max-width: 736px) {
.section--register-with-pct .section__inner {
	padding-right: 14px
}
}
.section--register-with-pct .section__pct {
	position: absolute;
	bottom: -70px;
	right: 0
}

@media screen and (max-width: 736px) {
.section--register-with-pct .section__pct {
	display: none
}
}
.article__title {
	margin-bottom: 60px;
	font-size: 30px;
	text-align: center;
	color: #1e9480
}
.cat-home .article__title {
	margin-bottom: 25px
}

@media screen and (max-width: 736px) {
.article__title {
	margin-bottom: 25px;
	font-size: 18px
}
.cat-sitemap .article__title {
	margin-bottom: 0
}
.cat-second .article__title {
	margin-left: -14px;
	margin-right: -14px;
	padding: 13px 14px;
	color: #fff;
	background: #0cbfaa
}
.section--merit .article__title {
	margin-bottom: 0
}
}
.article__title:before {
	content: '\FF0B';
	color: #e8b960;
	font-weight: bold;
	line-height: 1;
	margin: 0 .25em 0 -.5em;
	vertical-align: baseline
}
.article__lead {
	margin-bottom: 40px;
	text-align: center
}

@media screen and (max-width: 736px) {
.article__lead {
	margin-bottom: 1.5em;
	text-align: left
}
}
.cat-home .article__lead {
	font-size: 16px
}

@media screen and (max-width: 736px) {
.cat-home .article__lead {
	font-size: inherit
}
}
.article__lead--large {
	color: #255d51;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.35
}

@media screen and (max-width: 736px) {
.article__lead--large {
	font-size: 18px
}
}
.article__lead--large:before, .article__lead--large:after {
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	background: #a4e7df url(../img/main_h1_bg.png)
}
.article__lead--large:before {
	margin-bottom: 42px
}
.article__lead--large:after {
	margin-top: 42px
}
.article-body {
	margin-bottom: 80px
}
.article-body>* {
	margin-bottom: 1em
}
.article-body>:last-child {
	margin-bottom: 0
}

@media screen and (max-width: 736px) {
.article-body {
	margin-bottom: 25px
}
}
.article-body img {
	max-width: 100%;
	height: auto
}
.article-body h2 {
	margin-top: 1.75em;
	padding: .325em 0 .3em 18px;
	font-size: 24px;
	color: #255d51;
	line-height: 1.35;
	border-left: 6px solid #bce1c6
}

@media screen and (max-width: 736px) {
.article-body h2 {
	font-size: 18px
}
}
.article-body ol, .article-body ul {
	margin-left: 2.5em
}
.article-body ol.no-list-style, .article-body ul.no-list-style {
	list-style: none;
	margin-left: 0
}
.article-body ol.indent, .article-body ul.indent {
	display: table
}
.article-body ol.indent li, .article-body ul.indent li {
	display: table-row
}
.article-body ol.indent li>*, .article-body ul.indent li>* {
	display: table-cell
}
.article-body ol.indent li>:first-child, .article-body ul.indent li>:first-child {
	width: .1%;
	white-space: nowrap
}
.article-body blockquote {
	margin-bottom: 1.5em;
	padding: 20px 40px;
	background: #f3f3f3
}
.article-body blockquote>* {
	margin-bottom: 1em
}
.article-body blockquote>:last-child {
	margin-bottom: 0
}

@media screen and (max-width: 736px) {
.article-body blockquote {
	padding: 14px
}
}
.article-body strong, .article-body .strong,
.article-body b, .article-body .b {
	color: #255d51;
	font-weight: bold
}
blockquote>.article-body strong, blockquote>.article-body .strong,
blockquote>.article-body b, blockquote>.article-body .b {
	color: inherit;
	font-weight: bold
}
.table-corp.full, .article-body table.full {
	width: 100%
}

@media screen and (max-width: 736px) {
.table-corp, .article-body table {
	display: block
}
}

@media screen and (max-width: 736px) {
.table-corp thead, .article-body table thead, .table-corp tbody, .article-body table tbody, .table-corp tfoot, .article-body table tfoot, .table-corp tr, .article-body table tr {
	display: block
}
}
.table-corp th, .article-body table th, .table-corp td, .article-body table td {
	padding: 1em 2em;
	border-bottom: 7px solid #fff
}

@media screen and (max-width: 736px) {
.table-corp th, .article-body table th, .table-corp td, .article-body table td {
	display: block;
	border: none
}
}
.table-corp th, .article-body table th {
	color: #fff;
	background: #1e9480;
	text-align: center
}

@media screen and (max-width: 736px) {
.table-corp th, .article-body table th {
	padding-top: .5em;
	padding-bottom: .5em
}
}
.table-corp td, .article-body table td {
	color: #090000;
	background: #f3f3f3;
	text-align: left
}
.button-block__pct {
	position: absolute;
	right: 0;
	bottom: 0
}
.button-block__catch {
	margin-bottom: 15px;
	font-size: 16px;
	text-align: center;
	line-height: 1.35
}

@media screen and (max-width: 736px) {
.button-block__catch {
	font-size: 13px
}
}
.button-block__catch>span,
.button-block__catch>.cathcer {
	position: relative;
	display: inline-block
}
.button-block__catch em {
	color: #fffa2e;
	font-style: normal
}
.button-block__catch strong,
.button-block__catch b {
	font-size: 30px
}

@media screen and (max-width: 736px) {
.button-block__catch strong,
.button-block__catch b {
	font-size: 20px
}
}
.button-block__catch span:before, .button-block__catch span:after,
.button-block__catch .cathcer:before, .button-block__catch .cathcer:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #fff;
	vertical-align: middle
}
.button-block__catch span:before,
.button-block__catch .cathcer:before {
	left: -1.5em;
	-webkit-transform: rotate(-33deg);
	transform: rotate(-33deg)
}
.button-block__catch span:after,
.button-block__catch .cathcer:after {
	right: -1.5em;
	-webkit-transform: rotate(33deg);
	transform: rotate(33deg)
}
.button-block__button, .section__more {
	text-align: center;
	overflow: hidden
}
.button-block__button.full a, .full.section__more a, .button-block__button.full [type="submit"], .full.section__more [type="submit"] {
	display: block;
	width: 100%
}
.button-block__button a, .section__more a, .button-block__button [type="submit"], .section__more [type="submit"] {
	position: relative;
	display: inline-block;
	width: 73%;
	margin-bottom: 5px;
	padding: 22px 70px;
	color: #fff;
	background: #ff7059 url(../img/icon_button.svg) no-repeat top 50% right 40px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	box-shadow: 0 5px 0 rgba(0,0,0,0.3);
	border-radius: 9px;
	box-sizing: border-box;
	transition: all 100ms ease;
	outline: none;
	cursor: pointer
}

@media screen and (max-width: 736px) {
.button-block__button a, .section__more a, .button-block__button [type="submit"], .section__more [type="submit"] {
	width: 100%;
	padding-left: 14px;
	padding-right: 28px;
	font-size: 15px;
	background-position: top 50% right 14px
}
}
.button-block__button a:hover, .section__more a:hover, .button-block__button [type="submit"]:hover, .section__more [type="submit"]:hover {
	background-color: #ff6259
}
.button-block__button a:active, .section__more a:active, .button-block__button [type="submit"]:active, .section__more [type="submit"]:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 3px 0 rgba(0,0,0,0.3)
}
.link-button, .link-button--prev, .link-button--next {
	position: relative;
	display: inline-block;
	width: 70%;
	padding: 10px 40px;
	color: inherit;
	background: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
	border: 2px solid #4eccba;
	border-radius: 8px;
	box-sizing: border-box
}

@media screen and (max-width: 736px) {
.link-button, .link-button--prev, .link-button--next {
	width: 100%;
	font-size: 13px;
	padding-left: 14px;
	padding-right: 14px
}
}
a.link-button, a.link-button--prev, a.link-button--next {
	color: inherit;
	background-color: #fff;
	text-decoration: none
}
.link-button--prev, .link-button--next {
	background-repeat: no-repeat;
	background-size: 6px auto
}
.link-button--prev {
	background-image: url(../img/icon_prev.svg);
	background-position: top 50% left 20px
}

@media screen and (max-width: 736px) {
.link-button--prev {
	background-position: top 50% left 14px
}
}
.link-button--next {
	background-image: url(../img/icon_next.svg);
	background-position: top 50% right 20px
}

@media screen and (max-width: 736px) {
.link-button--next {
	background-position: top 50% right 14px
}
}
.section__more {
	margin-top: 1em
}

@media screen and (max-width: 736px) {
.section__more {
	margin-top: 25px
}
}
.section__more a {
	width: auto;
	padding: 19px 60px 19px 30px;
	font-size: 16px;
	background-color: #00bdab;
	box-shadow: 0 4px 0 rgba(0,0,0,0.4)
}

@media screen and (max-width: 736px) {
.section__more a {
	margin-bottom: 0;
	width: 100%;
	padding: 10px 28px;
	color: inherit;
	background-color: #fff;
	background-image: url(../img/icon_next.svg);
	background-position: top 50% right 14px;
	background-repeat: no-repeat;
	background-size: 6px auto;
	font-size: 13px;
	box-shadow: none;
	border: 2px solid #4eccba
}
}
.section__more a:hover {
	background-color: #06ad9d
}

@media screen and (max-width: 736px) {
.section__more a:hover {
	background-color: #fff
}
}
.section__more a:active {
	box-shadow: 0 3px 0 rgba(0,0,0,0.4)
}

@media screen and (max-width: 736px) {
.section__more a:active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	box-shadow: none
}
}
.signup-button {
	position: fixed;
	top: 130px;
	right: 20px;
	z-index: 999
}

@media screen and (max-width: 736px) {
.signup-button {
	top: auto;
	left: 0;
	right: 0;
	bottom: 0
}
}

@media screen and (max-width: 736px) {
.signup-button br {
	display: none
}
}
.signup-button a {
	display: table-cell;
	color: #fff;
	background: #ff6556;
	background: rgba(255,101,86,0.9);
	text-align: center;
	text-decoration: none;
	line-height: 1.42;
	width: 193px;
	height: 193px;
	border-radius: 50%;
	vertical-align: middle;
	transition: all 200ms ease;
	opacity: 1
}
.signup-button a:hover {
	background-color: #ff6259;
	-webkit-transform: scale(1.11917);
	transform: scale(1.11917)
}

@media screen and (max-width: 736px) {
.signup-button a {
	display: block;
	width: auto;
	height: auto;
	padding: 10px 0 9px;
	font-size: 12px;
	border-radius: 0
}
}
.signup-button .line-1 {
	position: relative;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 14px
}

@media screen and (max-width: 736px) {
.signup-button .line-1 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit
}
}
.signup-button .line-1:before, .signup-button .line-1:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #fff;
	vertical-align: middle
}
.signup-button .line-1:before {
	left: -1em;
	-webkit-transform: rotate(-33deg);
	transform: rotate(-33deg)
}

@media screen and (max-width: 736px) {
.signup-button .line-1:before {
	content: '';
	position: static;
	display: inline-block;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	background: transparent url(../img/icon_button.svg) no-repeat 50% 50%;
	background-size: 4px auto;
	-webkit-transform: rotate(90deg) translateX(-1px);
	transform: rotate(90deg) translateX(-1px);
	border: 1px solid #fff;
	border-radius: 50%
}
}
.signup-button .line-1:after {
	right: -1em;
	-webkit-transform: rotate(33deg);
	transform: rotate(33deg)
}

@media screen and (max-width: 736px) {
.signup-button .line-1:after {
	content: none
}
}
.signup-button .line-2 {
	display: inline-block;
	font-size: 19px;
	font-weight: bold
}

@media screen and (max-width: 736px) {
.signup-button .line-2 {
	font-size: inherit;
	font-weight: inherit
}
}
.signup-button .line-3 {
	position: relative;
	display: inline-block;
	background: #fff url(../img/icon_signup.svg) no-repeat 50% 50%;
	margin-top: 10px;
	width: 27px;
	height: 0;
	padding-top: 27px;
	border-radius: 50%;
	overflow: hidden
}

@media screen and (max-width: 736px) {
.signup-button .line-3 {
	display: none
}
}
.pagetop {
	position: fixed;
	bottom: 20px;
	left: 100%;
	opacity: 0;
	transition: all 200ms ease;
	z-index: 1
}
html.is-scrolled .pagetop {
	margin-left: -80px;
	opacity: 1
}

@media screen and (max-width: 736px) {
html.is-scrolled .pagetop {
	bottom: 40px;
	margin-left: -48px
}
}
.pagetop a {
	display: block;
	width: 60px;
	height: 0;
	padding-top: 60px;
	color: #fff;
	background: #4e5251 url(../img/icon_pagetop.svg) no-repeat 50% 45%;
	background: rgba(78,82,81,0.8) url(../img/icon_pagetop.svg) no-repeat 50% 45%;
	border-radius: 7px;
	overflow: hidden
}

@media screen and (max-width: 736px) {
.pagetop a {
	width: 48px;
	padding-top: 48px
}
}
.pagetop__sp {
	position: relative
}
.pagetop__sp a {
	display: none;
	color: #fff;
	overflow: hidden
}

@media screen and (max-width: 736px) {
.pagetop__sp a {
	display: block;
	padding: 12px 14px;
	color: #038b89;
	background: #d3f1ec;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	border-radius: 0
}
.pagetop__sp a:before {
	content: '';
	display: inline-block;
	margin: -0.25em 14px 0 -1em;
	width: 10px;
	height: 5px;
	background: url(../img/icon_pagetop_sp.svg) no-repeat;
	background-size: contain;
	vertical-align: middle
}
}
.search-box {
	max-width: 872px;
	margin: 0 auto 25px
}

@media screen and (max-width: 736px) {
.search-box {
	max-width: none
}
}
.search-box__input {
	display: table;
	width: 100%;
	table-layout: fixed
}
.search-box__input__item {
	display: table-cell;
	padding: 0 10px
}
.search-box__input__item:first-child {
	padding-left: 0
}
.search-box__input__item:last-child {
	padding-right: 0
}
.search-box__input__group {
	padding: .25em 10px;
	color: #000;
	background-color: #fff;
	text-align: center;
	border: 1px solid #777c7c;
	border-radius: 5px
}

@media screen and (max-width: 736px) {
.search-box__input__group {
	text-align: left
}
#foo{
	width:100% !important;
	margin:0 auto;
	font-size:13px !important;
}
#foo #noCompany{
	padding:5px 1%;

}
}
.search-box__group {
	letter-spacing: -.4em;
	max-width: 872px;
	margin-bottom: 8px;
	font-size:16px;
}
.search-box__group>* {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}
.search-box__group:last-child {
	margin-bottom: 0
}
.search-box__item {
	margin: 0 1.14679%
}



@media screen and (max-width: 736px) {
.search-box__item {
	margin-left: 0;
	margin-right: 0
}
}
.search-box__item.col1 {
	width: 22.70642%
}

@media screen and (max-width: 736px) {
.search-box__item.col1 {
	width: 100%
}
}
.search-box__item.col2 {
	width: 47.70642%
}

@media screen and (max-width: 736px) {
.search-box__item.col2 {
	width: 100%
}
}
.search-box__item.col3 {
	width: 72.70642%
}

@media screen and (max-width: 736px) {
.search-box__item.col3 {
	width: 100%
}
}
.search-box__item.col4 {
	width: 97.70642%
}

@media screen and (max-width: 736px) {
.search-box__item.col4 {
	width: 100%
}
}
.service-box {
	margin-bottom: 25px;
	padding: 0 45px 30px 45px;
	color: #000;
	background: #d9ede4
}

@media screen and (max-width: 736px) {
.service-box {
	padding: 0 14px 14px
}
}
.service-box__title {
	position: relative;
	margin: 0 -45px 40px -45px;
	padding: 15px 55px;
	color: #fff;
	background: #005142;
	font-size: 20px;
	font-weight: bold;
	text-align: center
}

@media screen and (max-width: 736px) {
.service-box__title {
	font-size: 15px;
	margin: 0 -14px 30px;
	padding: 14px 28px;
	line-height: 1.5
}
}
.service-box__title .note {
	font-size: 60%
}
.service-box__title:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -48px;
	border-top: 15px solid #005142;
	border-left: 48px solid transparent;
	border-right: 48px solid transparent;
	border-bottom: 0 solid transparent;
	z-index: 10
}
.service-box__list {
	letter-spacing: -.4em
}
.service-box__list>* {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}


.ad-box:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.service-box__list__item,
.ad-box__item {
	margin: 0 1.1236% 20px;
	padding: 0 21px 5px;
	width: 31.01124%;
	background: #fff;
	border: 9px solid #fff;
	box-sizing: border-box;
	border-radius: 5px
}

.ad-box__item{
	float:left;
	position:relative;
}
.ad-box__item:before{
	z-index:99;
	width:50px;
	height:50px;
	position:absolute;
	content:"";
	top:-25px;
	left:-25px;
}

@media screen and (max-width: 736px) {
.ad-box__item:before{
	z-index:99;
	width:15%;
	height:15%;
	top:-20px;
	left:-20px;
}
}

.ad-box__item:first-child:before{
	background:url(/_assets/img/ad/ran1.png);
}
.ad-box__item:nth-child(2):before{
	background:url(/_assets/img/ad/ran2.png);
}
.ad-box__item:nth-child(3):before{
	background:url(/_assets/img/ad/ran3.png);
}
.ad-box__item:first-child:before,
.ad-box__item:nth-child(2):before,
.ad-box__item:nth-child(3):before{
	background-size:contain;
	background-repeat:no-repeat;
}


@media screen and (max-width: 736px) {
.service-box__list__item,
.ad-box__item {
	margin: 0 0 14px;
	padding: 0;
	width: 100%;
	border-width: 10px
}
.service-box__list__item:last-child,
.ad-box__item:last-child {
	margin-bottom: 0
}

.ad-box__item{
	float:none;
	margin-bottom:30px;
}
}
.service-box__list__item .name{
	margin-bottom: 20px;
	font-weight: bold;
}

.ad-box__item .name{
	margin-bottom: 20px;
}

@media screen and (max-width: 736px) {
.service-box__list__item .name,
.ad-box__item .name {
	margin-bottom: 10px
}
}
.service-box__list__item .name .input__checkbox {
	position: relative;
	display: block;
	margin: 0 -21px;
	padding: 10px 21px;
	background: #efefef
}

@media screen and (max-width: 736px) {
.service-box__list__item .name .input__checkbox {
	margin: 0;
	padding-left: 14px;
	padding-right: 14px
}
}
.service-box__list__item .name .input__checkbox span, .service-box__list__item .name .input__checkbox input {
	position: relative;
	z-index: 2
}
.service-box__list__item .name .input__checkbox span:checked+.on, .service-box__list__item .name .input__checkbox input:checked+.on {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #dff2d9 url(../img/section_reviews_bg.png);
	z-index: 1
}
.service-box__list__item .logo {
	margin-bottom: 12px;
	text-align: center
}

@media screen and (max-width: 736px) {
.service-box__list__item .logo {
	float: left;
	margin-bottom: 0;
	width: 29.41176%
}
}
.service-box__list__item .logo img {
	max-width: 100%;
	max-height: 50px;
	height: auto;
	width: auto
}
.service-box__list__item .lead {
	margin-bottom: .5em;
	color: #000;
	font-weight: bold;
	line-height: 1.5
}

@media screen and (max-width: 736px) {
.service-box__list__item .lead {
	margin-bottom: .25em;
	margin-left: 33.08824%;
	font-size: 11px
}
}
.service-box__list__item .text {
	font-size: 12px;
	line-height: 1.5
}

@media screen and (max-width: 736px) {
.service-box__list__item .text {
	margin-left: 33.08824%;
	font-size: 10px
}
}
.ad-header,
.ad-main{
	text-align:center;
	width:100%;
}
.ad-main{
	overflow:hidden;
}
.ad-main img{
	width:100%;
	/*max-width:320px;*/
}
.ad-header{
	min-height:1em;
	margin-bottom:5px;
}
.ad-main{
	max-height:240px;
	margin-bottom:10px;
}
@media screen and (max-width: 736px) {
.ad-main{
	max-height:auto;
}
}

.ad-txt{
	font-size:0.8em;
	line-height:1.4em;
	margin-bottom:10px;
}
.ad-table table{
	font-size:0.9em;
	margin-bottom:10px;
	width:100%;
	border:1px solid #cccccc;
}
.ad-table th,
.ad-table td{
	padding:5px;
	border-bottom:1px solid #cccccc;
}
@media screen and (max-width: 736px) {
.ad-table th,
.ad-table td{
	padding:5px 2%;
}
}
.ad-table th{
	width:40%;
	border-right:1px solid #cccccc;
	background-color:#d9ede4;
	font-weight:normal;
}
.ad-table td{
	width:60%;
}

.ad-btn{
	width:100%;
}
.ad-btn a{
	display:block;
	width:100%;
	padding:5px;
	text-align:center;
	background-color:#ff6259;
	color:#ffffff;
	font-weight:bold;
	border-radius:5px;
	text-decoration:none;
}
@media screen and (max-width: 736px) {
.ad-btn a{
	padding:5px 2%;
}
}

.ad-btn a:hover{
	opacity:0.8;
}

.input__required {
	display: inline-block;
	margin-left: .85em;
	padding: .25em .35em;
	color: #fff;
	background: #ff7059;
	font-size: 71.42857%;
	text-shadow: 0 0 1px #c00;
	line-height: 1;
	border-radius: 3px;
	vertical-align: .2em;
	letter-spacing: 1px;
	text-indent: 2px
}
.input__select {
	color: #000;
	background-color: #fff;
	border: 1px solid #777c7c;
	border-radius: 5px
}
.input__checkbox {
	white-space: nowrap
}

@media screen and (max-width: 736px) {
.input__checkbox {
	margin-right: 1em
}
}
.input__checkbox+.input__checkbox {
	margin-left: 25px
}

@media screen and (max-width: 736px) {
.input__checkbox+.input__checkbox {
	margin-left: 0
}
}
.input__checkbox input {
	margin-right: .25em;
	border: 1px solid #777c7c;
	vertical-align: middle;
	line-height: normal
}
.input__text, .input__textarea {
	padding: .25em .35em;
	background-color: #fff;
	border: 1px solid #777c7c;
	border-radius: 5px
}
.input__text+.input__text {
	margin-left: .8em
}
.input__textarea {
	height: 15em
}

@media screen and (max-width: 736px) {
.input__textarea {
	height: 10em
}
}
.input__text.full, .input__textarea.full, .input__select.full {
	width: 100%
}
.input__text.large, .input__textarea.large, .input__select.large {
	width: 32em
}

@media screen and (max-width: 736px) {
.input__text.large, .input__textarea.large, .input__select.large {
	width: 100%
}
}
.input__text.medium, .input__textarea.medium, .input__select.medium {
	width: 15em
}

@media screen and (max-width: 736px) {
.input__text.medium, .input__textarea.medium, .input__select.medium {
	width: 45%
}
}
.input__text.error, .input__textarea.error, .input__select.error {
	background-color: #ffefec
}
.merit-box, .merit-box-2 {
	margin-bottom: 50px;
	letter-spacing: -.4em;
	text-align: center
}
.merit-box>*, .merit-box-2>* {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}

@media screen and (max-width: 736px) {
.merit-box, .merit-box-2 {
	margin: 0 -14px;
	background: #f2f5eb
}
}
.merit-box__item {
	display: inline-block;
	margin: 0 28px
}

@media screen and (max-width: 736px) {
.merit-box__item {
	display: block;
	margin: 0;
	padding: 30px 0
}
}

@media screen and (max-width: 736px) and (max-width: 736px) {
.merit-box__item {
	padding: 15px 0
}
}

@media screen and (max-width: 736px) {
.merit-box__item+.merit-box__item {
	border-top: 1px solid #cbcbcb
}
}
.merit-box__item__icon {
	display: inline-block;
	margin-bottom: 1em;
	width: 259px;
	height: 259px;
	background: #f2f4eb;
	border-radius: 50%;
	vertical-align: top;
	overflow: hidden
}

@media screen and (max-width: 736px) {
.merit-box__item__icon {
	width: 168px;
	height: 168px;
	background: #fff
}
}
.merit-box__item__icon img {
	width: 100%;
	height: 100%
}
.merit-box__item__title {
	text-indent: .8em;
	font-size: 18px;
	font-weight: bold;
	color: #ff6556
}
.merit-box-2 {
	margin: 0;
	background: none
}
.merit-box-2 img {
	max-width: 100%;
	height: auto
}
.merit-box-2__lead {
	display: block;
	margin-bottom: 25px;
	color: #31ac9c;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.35
}

@media screen and (max-width: 736px) {
.merit-box-2__lead {
	font-size: 15px
}
}
.merit-box-2__lead>span {
	position: relative;
	display: inline-block
}
.merit-box-2__lead span:before, .merit-box-2__lead span:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #added7;
	vertical-align: middle
}
.merit-box-2__lead span:before {
	left: -1.5em;
	-webkit-transform: rotate(-33deg);
	transform: rotate(-33deg)
}
.merit-box-2__lead span:after {
	right: -1.5em;
	-webkit-transform: rotate(33deg);
	transform: rotate(33deg)
}
.point-box {
	position: relative;
	margin-top: 30px;
	padding: 30px 40px 20px;
	background: #fffef0;
	border: 2px solid #4eccba
}
.point-box>* {
	margin-bottom: 1em
}
.point-box>:last-child {
	margin-bottom: 0
}

@media screen and (max-width: 736px) {
.point-box {
	padding: 30px 14px 10px
}
}
.point-box__title {
	position: absolute;
	top: -18px;
	left: 20px;
	width: 130px;
	padding-top: 2px;
	color: #fff;
	background: #3bbda1;
	font-size: 12px;
	font-weight: 900;
	text-align: center;
	line-height: 26px;
	letter-spacing: .1em;
	box-shadow: 2px 2px 0 #309d81
}

@media screen and (max-width: 736px) {
.point-box__title {
	left: 4px;
	width: 80px
}
}
.point-box__title:before {
	content: '\FF0B';
	color: #e8b960;
	font-weight: bold;
	line-height: 1;
	margin: 0 .25em 0 -.5em;
	vertical-align: baseline
}
.point-box__title:after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: -5px;
	display: block;
	width: 8px;
	height: 8px;
	background: #3bbda1;
	-webkit-transform: rotate(55deg) skew(20deg);
	transform: rotate(55deg) skew(20deg)
}
.reviews-box {
	letter-spacing: -.4em
}
.reviews-box>* {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}
.reviews-box__item {
	position: relative;
	width: 46.53%;
	margin: 80px 0 30px;
	margin-top: 80px;
	margin-bottom: 30px;
	padding: 55px 30px 10px;
	background: #f1fffb;
	border: 3px solid #bae0c6;
	border-radius: 10px;
	box-sizing: border-box
}
.reviews-box__item>* {
	margin-bottom: 1em
}
.reviews-box__item>:last-child {
	margin-bottom: 0
}

@media screen and (max-width: 736px) {
.reviews-box__item {
	display: block;
	width: auto;
	margin-top: 100px;
	padding-left: 14px;
	padding-right: 14px
}
}
.reviews-box__item:nth-child(2n) {
	margin-left: 6.73%
}

@media screen and (max-width: 736px) {
.reviews-box__item:nth-child(2n) {
	margin-left: 0
}
}
.reviews-box__item:nth-last-child(1), .reviews-box__item:nth-last-child(2) {
	margin-bottom: 0
}
.reviews-box__item__icon {
	position: absolute;
	top: -85px;
	left: 50%;
	margin-left: -64px;
	width: 128px;
	height: 128px;
	background: #fff;
	border: 3px solid #56beab;
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden
}
.reviews-box__item__name {
	position: absolute;
	top: 19px;
	left: 50%;
	margin-left: -84px;
	width: 168px;
	color: #fff;
	background: #ccc;
	text-align: center;
	line-height: 26px;
	border-radius: 13px
}
.reviews-box__item__name.female {
	background-color: #fc849e
}
.reviews-box__item__name.male {
	background-color: #258fc0
}
.reviews-box__item__title {
	color: #1e9480
}

@media screen and (max-width: 736px) {
.reviews-box__item__title {
	text-align: center;
	text-decoration: underline
}
}
.reviews-box__item__title span {
	display: block;
	padding-top: .125em;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #87c9bd
}

@media screen and (max-width: 736px) {
.reviews-box__item__title span {
	display: inline;
	font-size: 16px;
	border-bottom: none
}
}
.reviews-box__item__career {
	letter-spacing: -.4em;
	color: #414141;
	background: #e6f8e8;
	font-size: 12px;
	text-align: center;
	padding: .25em 0;
	line-height: 1.5
}
.reviews-box__item__career>* {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}
.reviews-box__item__career dl {
	letter-spacing: -.4em
}
.reviews-box__item__career dl>* {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}

@media screen and (max-width: 736px) {
.reviews-box__item__career dl {
	display: block
}
}
.reviews-box__item__career dl+dl {
	margin-left: 1em
}
.reviews-box__item__career dt, .reviews-box__item__career dd {
	vertical-align: baseline
}
.reviews-box__item__career dt+dd {
	font-size: 14px;
	font-weight: bold
}

@media screen and (max-width: 736px) {
.reviews-box__item__career dt+dd {
	font-size: 13px
}
}
.reviews-box__item__career dt+dd:before {
	content: '／';
	font-weight: normal;
	color: #919b92
}
.reviews-box__item__body, .reviews-box__item__excerpt {
	margin-bottom: 0
}
.reviews-box__item__body strong, .reviews-box__item__excerpt strong,
.reviews-box__item__body b, .reviews-box__item__excerpt b {
	color: #1e9480;
	font-weight: bold
}
.share-box {
	margin: 50px 0;
	padding: 20px 20px 30px;
	background: #f1f1f1;
	text-align: center
}

@media screen and (max-width: 736px) {
.share-box {
	margin: 25px 0;
	padding-left: 10px;
	padding-right: 10px
}
}
body.cat-reviews .share-box {
	background: #f1fffb
}
.share-box__title {
	margin-bottom: 10px;
	font-weight: bold
}
.share-box__buttons {
	letter-spacing: -.4em
}
.share-box__buttons>* {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: bottom
}
.share-box__buttons>* {
	margin: 0 5px;
	line-height: 1
}
.step-box {
	display: table;
	table-layout: fixed;
	width: 100%
}

@media screen and (max-width: 736px) {
.step-box {
	display: block
}
}
.step-box__inner {
	display: table-row
}

@media screen and (max-width: 736px) {
.step-box__inner {
	display: block
}
}
.step-box__item {
	position: relative;
	display: table-cell;
	padding: 0 20px 30px;
	color: #000;
	background: #fff;
	text-align: center
}

@media screen and (max-width: 736px) {
.step-box__item {
	display: block;
	padding-bottom: 15px
}
}
.step-box__item:nth-child(2n+1) {
	background: #edeee6
}
.step-box__item__num {
	margin: 0 -20px;
	padding: 6px 20px;
	line-height: 1;
	letter-spacing: .05em;
	color: #fcfb36;
	background: #1d5c51
}

@media screen and (max-width: 736px) {
.step-box__item__num {
	position: relative
}
.step-box__item__num:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -40px;
	background: none;
	border: 40px solid #1d5c51;
	border-top-width: 14px;
	border-bottom-width: 14px;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent
}
}
.step-box__item__icon {
	display: table;
	margin-top: 10px;
	width: 100%
}
.step-box__item__icon>span {
	display: table-cell;
	height: 85px;
	text-align: center;
	vertical-align: middle
}

@media screen and (max-width: 736px) {
.step-box__item__icon>span {
	height: 70px
}
}
.step-box__item__title {
	margin-bottom: 10px;
	font-size: 18px;
	color: #1e9480
}

@media screen and (max-width: 736px) {
.step-box__item__title {
	margin-bottom: 5px;
	font-size: 16px
}
}
.step-box__item__title:before {
	content: '';
	position: absolute;
	left: -10px;
	top: 52%;
	display: block;
	width: 20px;
	height: 20px;
	background: #fff;
	-webkit-transform: rotate(55deg) skew(20deg);
	transform: rotate(55deg) skew(20deg)
}

@media screen and (max-width: 736px) {
.step-box__item__title:before {
	content: none
}
}
.step-box__item:first-child .step-box__item__title:before {
	content: none
}
.step-box__item:nth-child(2n+1)+.step-box__item .step-box__item__title:before {
	background-color: #edeee6
}
.step-box__item__text strong,
.step-box__item__text b {
	color: #1e9480
}

@media screen and (max-width: 736px) {
.thanks-box {
	font-size: 11px
}
}
.thanks-box__title {
	margin-bottom: 45px;
	font-weight: bold;
	font-size: 20px;
	text-align: center
}

@media screen and (max-width: 736px) {
.thanks-box__title {
	margin-bottom: 25px;
	font-size: 16px
}
}
.thanks-box__title span {
	display: inline-block;
	border-bottom: 1px solid #73dbd1
}

@media screen and (max-width: 736px) {
.thanks-box__title span {
	display: block;
	width: 90%;
	margin: auto
}
}
.colimnAd{
	display: none;
	width: 100%;
	margin-top:2.4em;
}

.colimnAd:first-of-type,
.colimnAd:last-of-type{
	display: block;
}
.colimnAd .sp{
	display: none;
}
@media screen and (max-width: 736px) {
	.colimnAd .pc {
		display: none;
	}

	.colimnAd:first-of-type  .sp,
	.colimnAd:last-of-type  .sp{
		display: table;
	}
}
.colimnAd .pc th.header{
	background-color: #5bbcaa;
	border: 2px solid #c4e0c8;
	font-size: 26px;
	padding: 12px 0;
}
.article-body .colimnAd .pc td{
	background-color: #ffffff;
	border: 2px solid #c4e0c8;
	width: 30%;
	padding: 1em;
}
.article-body .colimnAd .pc td:nth-of-type(2){
	width: 40%;
}
.article-body .colimnAd .pc td.button-block__button a{
	width: 100%;
	font-size: 18px;
	padding: 15px 10px;
	background: #ff7059 url(../img/icon_external.svg) no-repeat top 50% right 15px;
	background-size: 15px 15px;
}
@media screen and (max-width: 736px) {
	.colimnAd .sp th.header{
		background-color: #5bbcaa;
		border: 2px solid #c4e0c8;
		font-size: 21px;
		padding: 12px 0;
	}
	.article-body .colimnAd .sp td{
		display: table-cell;
		background-color: #ffffff;
		border: 2px solid #c4e0c8;
		width: 50%;
		padding: 10px 2%;
	}
	.article-body .colimnAd .sp td{
		border-top: none;
	}
	.article-body .colimnAd .sp tr:nth-of-type(2) td p{
		margin-bottom: 0;
	}
	.article-body .colimnAd .sp td p{
		margin-bottom: 5px;
	}
	.article-body .colimnAd .sp td:first-of-type{
		border-right: none;
		width: 60%;
	}
	.article-body .colimnAd .sp td:nth-of-type(2){
		border-left: none;
	}
	.article-body .colimnAd .sp td.button-block__button a{
		width: 100%;
		font-size: 12px;
		padding: 15px 2%;
		background: #ff7059 url(../img/icon_external.svg) no-repeat top 50% right 10%;
		background-size: 12px 12px;
		text-align: center;
	}
}

/*----------------------------------------------------
	タグエリア
----------------------------------------------------*/


#tagArea h2.article__title{
	color: #1e9480;
	margin-bottom: 30px;
}
#tagArea.section{
	background-color: #dff2d9;
	background-image: url(../../../_assets/img/section_reviews_bg.png);
	background-repeat: repeat;
}

#tagArea ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: -20px;
}
#tagArea ul a{
	background-color: #ffffff;
	border-radius: 9px;
	font-weight: bold;
	color: #000000;
	padding: 5px 15px;
	margin-top: 20px;
	text-decoration: none;
	border: 2px solid #4eccba;
}
#tagArea ul a:not(:last-of-type){
	margin-right: 20px;
}
#tagArea ul a li{
	list-style: none;
}

@media screen and (max-width: 736px) {
	#tagArea{
		margin-top: 0;
		padding-top: 20px;
		width: 100%;
	}
	#tagArea.section{
		padding-bottom: 25px;
	}
	#tagArea .section__inner{
		width: calc(100% - 28px;);
	}
	#tagArea h2.article__title{
		margin-bottom: 20px;
		background-color: transparent;
	}
	#tagArea ul a:not(:last-of-type){
	margin-right: 14px;
	}
	#tagArea ul a{
		padding: 5px 10px;
		margin-top: 20px;
	}
}
/*# sourceMappingURL=maps/common.css.map */

@media screen and (min-width: 737px) {
	.tbl_enkaku{}
	.tbl_enkaku tr{
	border:0;
	}
	.tbl_enkaku th,
	.tbl_enkaku td{
	padding:1em;
	box-sizing: border-box
	text-align:left;
	vertical-align: top;
	}
	.tbl_enkaku th{
	font-size:1.2em;
	width:20%;
	text-align: left;
	vertical-align: top;
	}
	.tbl_enkaku td{
	width:80%;
	}
	.tbl_enkaku td dl{
	width:100%;
	}
	.tbl_enkaku td dl dt,
	.tbl_enkaku td dl dd{
	padding: 5px 0;
	display: inline-block;
	}
	.tbl_enkaku td dl dt{
	width:20%;
	text-align: left;
	vertical-align: top;
	}
	.tbl_enkaku td dl dd{
	width:72%;
	}
}
@media screen and (max-width: 736px) {
	.tbl_enkaku{}
	.tbl_enkaku tr{
	border:0;

	display: block;
	}
	.tbl_enkaku th,
	.tbl_enkaku td{
	padding:0.5em 1em;
	box-sizing: border-box
	text-align:left;
	vertical-align: top;
	}
	.tbl_enkaku th{
	font-size:1.2em;
	width:100%;
	text-align: left;
	vertical-align: top;
	display: block;
	}
	.tbl_enkaku td{
	width:100%;
	display: block;
	}
	.tbl_enkaku td dl{
	width:100%;
	}
	.tbl_enkaku td dl dt,
	.tbl_enkaku td dl dd{
	padding: 5px 0;
	display: inline-block;
	font-size: 0.9em;
	}
	.tbl_enkaku td dl dt{
	width:25%;
	text-align: left;
	vertical-align: top;
	}
	.tbl_enkaku td dl dd{
	width:70%;
	}
}