@charset "utf-8";
html {
  font-size: 62.5%;
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  background: #fff;
  color: #000;
  width: 100%;
  height: 100%;
  position: relative;
	-webkit-text-size-adjust: 100%;
}
a {
  color: #006DD9;
  text-decoration: underline;
  transition: .5s;
}
a:hover {
  text-decoration: none;
  color: #0059B2;
}
a img {
  transition: .5s;
}
a:hover img {
  opacity: .7;
}
hr {
  border: none;
  border-top: 1px solid #DBDCDC;
  margin: 1em 0;
}
sup, sub {
  line-height: 1;
  font-size: 1.0rem;
}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
	font-weight: bold;
}
h3 {margin-bottom: 1em;}
h4, h5, h6 {margin-bottom: .5em;}
.container {
  width: 92%;
  max-width: 1080px;
  margin: 0 auto;
}
.mt0 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.pt0 {padding-top: 0 !important;}
/*.lh_wide {line-height: 2.3;}*/
.fs_xxsmall {font-size: 70%;}
.fs_xsmall {font-size: 80%;}
.fs_small {font-size: 85%;}
.fs_large {font-size: 110%;}
.fs_xlarge {font-size: 120%;}
.fs_xxlarge {font-size: 140%;}
.txt_center {text-align: center !important;}
.txt_right {text-align: right !important;}
.txt_left {text-align: left !important;}
.em {font-weight: bold;}
.normal {font-weight: normal !important;}
.inline > span {display: inline-block;}
.underline {text-decoration: underline;}
.red {color: #C1272D;}
.pink {color: #D4145A;}
.purple {color: #5958AA;}
.orange {color: #EA6000;}
.yellow {color: #FFF13E;}
.blue {color: #3572B7;}
.black {color: #000;}
.bg_gray {background: #F7F7F7;}
.bg_purple {background: #F0EEF9;}
.bg_white {background: #fff;}
.marker {
  background: linear-gradient(transparent 50%, #FFF682 50%);
  padding-bottom: .1em;
}
.nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caution_box {
  background: #C1272D;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
  line-height: 1.5;
  padding: .5em 1em;
}
.catchword {
  color: #5958AA;
  font-weight: bold;
  text-align: center;
}
.catchword.slash {
  display: block;
  font-size: 110%;
}
.catchword.slash::before,
.catchword.slash::after {
  font-weight: normal;
}
.catchword.slash::before {
  content: "＼";
}
.catchword.slash::after {
  content: "／";
}
.list > li {
  position: relative;
  padding-left: 1.3em;
}
.list > li::before,
.list > li > .num {
  position: absolute;
  top: 0;
  left: 0;
}
.list > li + li {
  margin-top: .2em;
}
.list.dot > li::before {
  content: "●";
}
.list.smldot > li::before {
  content: "・";
}
.list.kome > li::before {
  content: "※";
}
.list.square > li::before {
  content: "■";
  color: #980000;
}
.list.circle > li::before {
  content: "○";
}
.list.arrow > li::before {
  content: "";
  display: block;
  width: .6em;
  height: .6em;
  background: url("../images/arrow_left_gray.svg") no-repeat 0 0 / 100% auto;
  top: .6em;
}
.list.blank > li {
  padding-left: 2em;
}
.list.blank > li::before {
  content: "";
  display: block;
  width: 1.8em;
  height: 1.8em;
  background: url("../images/icon_blank.svg") no-repeat 0 0 / 100% auto;
}
.list.custom_0 > li {
  padding-left: 0;
}
.list.custom_2 > li {
  padding-left: 2.3em;
}
.list.custom_3 > li {
  padding-left: 3.3em;
}
.list.custom_4 > li {
  padding-left: 4.3em;
}
.list.custom_5 > li {
  padding-left: 5.3em;
}
.list.number {
  counter-reset: item;
}
.list.number > li {
  padding-left: 2em;
}
.list.number > li::before {
  counter-increment: item;
  content: counter(item)".";
}
.list.inline > li {
  display: inline-block;
}
.hidden {display: none;}
.btn {
  display: inline-block;
  text-decoration: none;
  color: #5958AA;
  background: #fff;
  border: 1px solid #C8C9CA;
  border-radius: 1.4em;
  line-height: 1.4;
  padding: .6em .1em;
  transition: .5s;
}
.btn.purple {
  background: #5958AA;
  color: #fff;
  border-color: #5958AA;
}
.btn.red {
  background: #C1272D;
  color: #fff;
  border-color: #C1272D;
}
.btn.pink {
  background: #D4145A;
  color: #fff;
  border-color: #D4145A;
}
.btn.blue {
  background: #0071BC;
  color: #fff;
  border-color: #0071BC;
}
.btn.green {
  background: #00A07D;
  color: #fff;
  border-color: #00A07D;
}
.btn.gray {
  background: #666;
  color: #fff;
  border-color: #666;
}
#intro .btn.online {
  background: #9AC044;
  color: #fff;
  border-color: #9AC044;
}
#intro .btn.tel {
  background: #5958AA;
  color: #fff;
  border-color: #5958AA;
}

.btn.arrow {
  padding: .5em .5em .5em .8em;
}
.btn.arrow::after {
  content: "";
  display: inline-block;
  vertical-align: -.15em;
  margin-left: .2em;
  width: 1em;
  height: 1em;
  background: url("../images/arrow_left.svg") no-repeat 0 0 / auto 100%;
}
.btn._icon {
  border-radius: 2em;
}
.btn._icon::before {
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: .3em;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.btn._icon.coupon::before {
  background-image: url("../images/icon_coupon.svg");
}
.btn._icon.kansou::before {
  background-image: url("../images/icon_kansou.svg");
}
.btn._icon.blank::before {
  background-image: url("../images/icon_blank.svg");
}
.btn._icon.fs_small {
  padding: 0 1em;
  line-height: 2;
}
.icon {
  display: inline-block;
  background: #5958AA;
  color: #fff;
  border-radius: 5px;
  line-height: 1;
  padding: .4em .7em;
  vertical-align: middle;
}
.icon.img {
  background: transparent;
  color: initial;
  padding: 0;
  width: 32px;
  height: 32px;
}
.icon.img.sml {
  width: 24px;
  height: 24px;
}
.icon.img.point_ok {
  background: #5958AA;
  width: auto;
  height: auto;
  padding: 0 .8em 0 .5em;
  font-size: 90%;
  margin-bottom: .5em;
}
.icon.img.point_ok::after {
  content: "ポイント精算可";
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: .2em;
}
.icon.img.point_ok img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.fs_small .icon.img.point_ok img {
  width: 26px;
  height: 26px;
}
.icon.phone {
  background: #D4145A;
}
.icon.chat {
  background: #185AA5;
}
.icon.man {
  background: #0071BC;
}
.icon.woman {
  background: #C1272D;
}
.icon.other {
	background: #a999be;
}
.icon.area {
  background: transparent;
  color: initial;
  padding: 0;
}
.icon.skype {
  background: #0078CA;
}
.icon.line {
  background: #00B900;
}
.icon.zoom {
  background: #2D8CFF;
}
.icon.kakao {
  background: #F9E000;
  color: #3B1C1C;
}
.icon.imess {
  background: #087FFF;
}
.icon.plusm {
  background: #4F4BF9;
}
.icon.clock {
  background: #717071;
}
.icon.payment {
  color: #C1272D;
  background: #F9E9EA;
  border: 1px solid #C1272D;
  font-weight: bold;
}
.icon.category {
  font-size: 80%;
  margin-left: .5em;
}
.icon.online,
.icon.call,
.icon.double {
  background: #9AC044;
}
.icon.seiyou {background: #FF903D;}
.icon.hosi {background: #00A5C4;}
.icon.touyou {background: #7F5E4C;}
.icon.huusui {background: #E66F73;}
.icon.seimei {background: #EA6000;}
.icon.suimei {background: #6AA24E;}
.icon.iyasi {background: #F95E81;}
.icon.tarot {background: #8E4AA2;}
.icon.reikan {background: #6D97D7;}
.icon.new {background: #D4145A;}
a.icon {
  text-decoration: none;
}
.othericons > .icon.img {
  background: #5958AA;
  width: auto;
  height: auto;
  padding: .1em .7em .1em .4em;
}
.othericons > .icon.img::after {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: .2em;
  font-size: 90%;
}
.othericons > .icon.img.event::after {
  content: "占いイベント出演可";
}
.othericons > .icon.img.write::after {
  content: "占い原稿執筆可";
}
.othericons > .icon.img.teacher::after {
  content: "占い講師可";
}
.othericons > .icon.img img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.standby {
	display: flex;
	justify-content:center;
}
.standby .icon {
	width: 32%;
	min-height: auto;
  animation: flash 2s linear infinite;
  padding: .4em 0em .3em 0em;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#use .standby .icon {
	display: inline-block;
}
.standby._under .icon {
	width: auto;
	min-width: 32%;
	min-height: auto;
  animation: flash 2s linear infinite;
  padding: .4em .7em .3em .7em;
	text-align: center;
	display: inline-block;
}
.standby .icon.chat,
.standby .icon.online,
.standby .icon.call,
.standby .icon.double{
padding: .4em 0em .3em 0em;
}
.standby .icon.clock {
	width: 100%;
}
.standby .icon + .icon {
	margin-left: 1%;
}

@keyframes flash {
  0% {opacity: 1;}
  10% {opacity: .5;}
  20% {opacity: .5;}
  30% {opacity: 1;}
  100% {opacity: 1;}
}
.standby._next {
	width: 100%;
}
.standby._next .icon {
  animation: none;
}
.standby._next .icon {
	display: block;
	flex-wrap: wrap;
align-content: center;
	width: 100%;
  line-height: 1.4;
  text-align: center;
  padding: .4em .2em .4em .0em;
}
.standby._next .icon::before {
  content: "";
  display:inline-block;
  width: 22px;
  height: 22px;
	margin: 0 3px 0 0;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.standby {
  text-align: center;
  padding-bottom: 1em;
}
.standby .icon::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
	margin: 0 5px 0 0;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
	.standby .icon.double::before {
  background-position: 0 40%;
}
	.standby .icon.call::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 30px;
  vertical-align: middle;
  margin-right: .5em;
  background-repeat: no-repeat;
  background-position: 0 40%;
  background-size: 100% auto;
}
.standby .icon.phone::before {
  background-image: url("../images/icon_phone_w.svg");
}
.standby .icon.chat::before {
  background-image: url("../images/icon_chat_w.svg");
}
.standby .icon.online::before {
  background-image: url("../images/icon_online_w.svg");
}
.standby .icon.call::before {
  background-image: url("../images/icon_tel_w.svg");
}
.standby .icon.double::before {
  background-image: url("../images/icon_telonline_w.svg");
}
.standby._under .icon.phone::before {
  background-image: url("../images/icon_phone2_w.svg");
}
.standby._under .icon.chat::before {
  background-image: url("../images/icon_chat2_w.svg");
}
.standby._under .icon.online::before {
  background-image: url("../images/icon_online2_w.svg");
}
.standby._under .icon.call::before {
  background-image: url("../images/icon_tel2_w.svg");
}
.standby._under .icon.double::before {
  background-image: url("../images/icon_telonline2_w.svg");
}
.standby .icon.clock::before {
  background-image: url("../images/icon_clock.svg");
}
.standby .icon.riseki{
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	min-height: auto;
  animation: flash 2s linear infinite;
  padding: .4em 0em .3em 0em;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background:#F0EEF9;
	border: 2px dotted #5958AA;
  color: #5958AA;
}
.standby .icon.riseki.off{
	background:#efefef;
	border: 2px dotted #BBBBBB;
  color: #BBBBBB;
}
.standby .icon.riseki.off2{
	background:#BBBBBB;
	border: 2px dotted #BBBBBB;
  color: #fff;
}
.standby .icon.riseki.off3{
	background:#fff;
	border: 2px solid #F0EEF9;
  color: #D4CEEE;
}
.standby .icon.riseki::before {
  background-image: url("../images/icon_riseki_w.svg");
}
.standby .icon.riseki.off::before {
  background-image: url("../images/icon_riseki_G.svg");
}
.standby .icon.riseki.off2::before {
  background-image: url("../images/icon_riseki.svg");
}
.standby .icon.riseki.off3::before {
  background-image: url("../images/icon_riseki_W2.svg");
}
.standby._under .icon {
 background: #EC030C; 
}
.standby._under .payment {
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 90%;
  padding: .3em .5em .2em;
  margin-right: .5em;
}
.detail_list {
  line-height: 1.6;
}
.detail_list span {
  display: inline-block;
	vertical-align: middle;
}
.detail_list span.stit {
  font-size: 90%;
  background: #F7F7F7;
  border: 1px solid #C8C9CA;
  border-radius: 5px;
  padding: 0 .5em;
  margin-right: .8em;
  line-height: 1.8;
}
.detail_list span img {
  display: block;
  padding: .2em 0;
}
.detail_list > li.credit > span.stit + span {
  display: block;
  margin-top: .5em;
}
.teller_list .info_box .info_price div.payment,
.detail_list span.payment {
  color: #C1272D;
  background: #F9E9EA;
  border: 1px solid #C1272D;
  border-radius: 5px;
  line-height: 1.65;
  padding: 0 .5em;
  margin-right: .5em;
  font-weight: bold;
}
.detail_list span.type01 {
  font-weight: bold;
}
.detail_list span.type01::after {
  content: "：";
  font-weight: normal;
}
.bb_list {
  padding: 1em 0;
}
.bb_list > li > .btn,
.bb_list > li > span {
  background: #3572B7;
  color: #fff;
  font-weight: bold;
  border-color: #3572B7;
}
.bb_list > li > .btn.req {
  background: #5958AA;
  border-color: #5958AA;
  padding: .3em .1em .3em 0;
}
.bb_list > li > .btn.req::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  width: 30px;
  height: 30px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.bb_list > li > .btn.req._phone::before {
  background-image: url("../images/icon_req_phone.svg");
}
.bb_list > li > .btn.req._card::before {
  background-image: url("../images/icon_card_w.svg");
}
.bb_list > li > .btn.req._card > span {
  background: #FFFFBF;
  color: #000;
  font-size: 80%;
  font-weight: normal;
  margin-left: .5em;
  padding: .3em .5em;
  border-radius: 5px;
}
.bb_list > li > .btn.req._card > span strong {
  font-size: 120%;
}
.site_list > * + * {
  border-top: 1px solid #DBDCDC;
  margin-top: 1.5em;
  padding-top: 1.5em;
}
.site_list h3 {
  margin-bottom: 0;
}
.site_list h3 a {
  color: #000;
}
.site_list .list.arrow > li {
  /*font-weight: bold;*/
}
.sns > * {
  display: inline-block;
  vertical-align: middle;
}
.sns h5 {
  color: #666;
}
.sns h5::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border: .45em solid transparent;
  border-left-color: #666;
  margin-left: .5em;
  margin-bottom: .2em;
}
.sns > ul > li {
  display: inline-block;
}
.sns > ul > li + li {
  margin-left: .4em;
}
.snsbtn {
  text-align: center;
  padding-top: 2em;
}
.snsbtn li {
  display: inline-block;
}
.snsbtn li + li {
  margin-left: 1em;
}
.review_list > .box + .box,
.review_list.hidden > .box:first-child {
  border-top: 1px solid #C8C9CA;
  padding-top: 1em;
  margin-top: 1em;
}
.review_list > .box .comment {
  padding-bottom: .5em;
}
.review_list > .box .star img {
  width: auto;
  height: 18px;
}
.review_list > .box .author {
  color: #666;
  font-size: 85%;
}
.review_box {
  border: 1px solid #C8C9CA;
  border-radius: 5px;
  padding: 1em;
  margin-top: 1em;
}
.review_box .comment {
  padding-bottom: .8em;
}
.review_box .comment .stit {
  display: inline-block;
  font-size: 90%;
  font-weight: bold;
  padding: 0 .5em;
  margin-right: .5em;
  color: #5958AA;
  background: #F0EEF9;
  border: 1px solid #5958AA;
  border-radius: 5px;
}
.review_box .star {
  text-align: right;
}
.review_box .star img {
  width: auto;
  height: 18px;
}
.review_box .author {
  color: #666;
  font-size: 85%;
  line-height: 1.6;
}
.control_box .result_num strong {
  font-size: 140%;
  font-weight: normal;
}
.control_box .result_keyword {
  overflow: hidden;
}
.control_box .result_keyword input[type="search"] {
  width: 100%;
  padding: .3em;
  -webkit-appearance: none;
  appearance: none;
}
.control_box .result_keyword input[type="submit"] {
  width: 100%;
  padding: .3em 0 .3em .3em;
  letter-spacing: .3em;
  border-color: #5958AA;
}
.control_box .result_keyword .check {
  width: 100%;
  padding-bottom: .5em;
}
.control_box .result_keyword .text {
  width: 78%;
  float: left;
}
.control_box .result_keyword .submit {
  width: 20%;
  float: right;
}
.control_box .btnbox {
  text-align: center;
}
.control_box .btnbox .btn {
  font-weight: bold;
  padding: .5em 1.5em;
}
.control_box .btnbox .btn + .btn {
  margin-left: .2em;
}
.control_box .sort_list a {
  display: block;
  text-decoration: none;
  color: #5958AA;
  background: #fff;
  border: 1px solid #5958AA;
}
.control_box .sort_list a.active {
  color: #fff;
  background: #5958AA;
}
.table_box table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.table_box table.col_gray tr:nth-child(even) > * {
  background: #FDFDFD;
}
.table_box table tr > * {
  border: 1px solid #C8C9CA;
}
.table_box table tr > th {
  background: #F7F7F7;
  font-size: 90%;
  font-weight: normal;
  text-align: center;
  line-height: 1.4;
}
.table_box table tr > td {
  background: #fff;
  line-height: 1.6;
}
.table_box.icon_desc tr > * {
  width: auto;
}
.table_box.icon_desc tr:nth-child(odd) > * {
  background: #F7F7F7;
}
.table_box.icon_desc tr:nth-child(even) > * {
  background: #fff;
}
.table_box.icon_desc th {
  font-size: 100%;
  white-space: nowrap;
}
.table_box.icon_desc td {
  font-size: 90%;
  text-align: left;
}
.table_box.icon_desc td .standby {
  text-align: left;
  padding-bottom: 0;
}
.table_box.icon_desc td * + p {
  margin-top: .3em;
}
.table_box.icon_desc .standby .icon {
  font-size: 90%;
  padding: .2em .7em .2em .4em;
}
.table_box.icon_desc .standby .icon::before {
  width: 24px;
  height: 24px;
}
.table_box.icon_desc table:nth-child(1) th {
  width: 30%;
}
.table_box.icon_desc table:nth-child(1) td {
  width: 70%;
}
.table_box.icon_desc table:nth-child(2) td {
  padding: 10px;
}
.f_box {
  overflow: hidden;
}
.f_box .f_left {
  float: left;
}
.f_box .f_right {
  float: right;
}
.arrowbg_list a {
  display: block;
  text-decoration: none;
  background: #F7F7F7;
  color: #000;
  font-weight: bold;
  border-radius: 5px;
  padding: .7em 1em;
  position: relative;
}
.arrowbg_list a::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url("../images/arrow_left_gray.svg") no-repeat 0 0 / auto 100%;
  position: absolute;
  right: .8em;
  top: calc(50% - 5px);
}
.arrowbg_list .whole a {
  background: #fff;
  color: #5958AA;
  border: 1px solid #5958AA;
  padding: .6em .9em;
}
.arrowbg_list .whole a::after {
  background-image: url("../images/arrow_left_purple.svg");
}
.border_list a {
  display: block;
  text-decoration: none;
  background: #fff;
  color: #000;
  border: 1px solid #C8C9CA;
  border-radius: 5px;
  padding: .5em 1em;
  text-align: center;
}
.border_list.purple a {
  color: #5958AA;
}
.bg_purple .border_list a {
  background: #5958AA;
  color: #fff;
  border-color: #5958AA;
}
.border_list._pc_cln4._sp_cln2 + .border_list._pc_cln4._sp_cln2 {
	margin-top: 15px;
}
.icon_list span {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  vertical-align: middle;
}
.iconlink_list ul > li > a {
  display: block;
  background: #5958AA;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  line-height: 1;
  padding: .5em 1em 1em;
}
.iconlink_list ul > li > a > * {
  display: block;
  margin: 0 auto;
}
.iconlink_list ul > li > a > img {
  width: 30%;
  max-width: 70px;
  margin-bottom: .5em;
}
.iconlink_list ul > li > a > span {
  color: #fff;
  font-size: 110%;
  font-weight: bold;
}
.grad_wrap {
  position: relative;
}
.grad_trigger {
  display: block;
  text-align: center;
  color: #5958AA;
  background: #fff;
  border: 1px solid #C8C9CA;
  border-radius: 1.4em;
  line-height: 1.4;
  padding: .6em 0;
  transition: .5s;
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  transform: translateZ(1px);
}
.grad_trigger::after {
  content: "さらに見る";
}
.grad_item {
  position: relative;
  overflow: hidden;
}
.grad_item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.grad_item.defalt {
  height: auto !important;
}
.grad_item.defalt::before {
  content: none;
}
.grad_trigger.is_show::after {
  content: "折りたたむ";
}
.grad_trigger.is_show + .grad_item::before {
  display: none;
}
.border_box {
  border: 1px solid #C8C9CA;
  border-radius: 5px;
}
.border_box.bg_gray,
.border_box.bg_purple {
  border: none;
}
.border_box.bg_purple {
  background: #F0EEF9;
  border: none;
}
.border_box.merit,
.border_box.demerit {
  border-color: #5958AA;
  position: relative;
}
.border_box.merit .title03,
.border_box.demerit .title03 {
  width: 10em;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.border_box.merit .title03 {
  background: #5958AA;
  color: #fff;
}
.border_box.demerit .title03 {
  background: #F0EEF9;
  color: #5958AA;
  border: 1px solid #5958AA;
  line-height: 1.88;
}
.flow .flowtit {
  background: #5958AA;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
.flow .flowtit.kari {
  background: #7A79BB;
  position: relative;
}
.flow .flowtit.kari::after {
  content: "";
  display: block;
  position: absolute;
}
.flow ol li {
  position: relative;
  text-align: center;
}
.flow ol li + li::before,
.flow.regist .l_row_sp + .l_row_sp > ol > li:first-child::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border: 15px solid transparent;
  position: absolute;
}
.flow ol li .num {
  background: #5958AA;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  border-radius: 50%;
  display: inline-block;
}
.flow ol li .num + p {
  display: inline-block;
  font-size: 110%;
  font-weight: bold;
}
.flow ol li .img {
  padding-top: 10px;
}
.flow ol li .img img {
  width: 90%;
  max-width: 200px;
	height: auto;
}
.flow.column li ._body li + li {
  padding-top: 0;
  margin-top: .2em;
}
.flow.column li ._body .list.kome li::before {
  content: "※";
  border: none;
  top: 0;
  left: 0;
  right: inherit;
  bottom: inherit;
}
a.txt_banner {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-decoration: none;
  color: #000;
  background: #fff;
  border-radius: 5px;
  padding: 15px;
}
a.txt_banner > * {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
a.txt_banner > *:nth-child(1) {
  line-height: 1;
}
a.txt_banner > *:nth-child(1) img {
  border-radius: 5px;
}
a.txt_banner > *:nth-child(2) {
  line-height: 1.4;
}
a.txt_banner > *:nth-child(2) > * + * {
  margin-top: .3em;
}
* + .tel_list {
  margin-top: 1em;
}
.tel_list {
  text-align: center;
}
.tel_list li {
  position: relative;
  background: #3572B7;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 2.4;
  border-radius: 1.2em;
}
.tel_list li a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tel {
  display: inline-block;
  position: relative;
}
.tel > a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tel > span {
  display: inline-block;
}
.tel > span.telicon {
  color: #5958AA;
  font-size: 120%;
  font-weight: bold;
}
.tel > span.telicon::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: url("../images/icon_phone3.svg") no-repeat 0 0 / 100% auto;
  vertical-align: middle;
}

/* header */
header {
  background: #fff url("../images/bg_header.jpg") no-repeat 0 0 / 70% auto;
}
header.clone-nav {
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  transition: .5s;
  transform: translateY(-100%);
}
header.is-show {
  transform: translateY(0);
  transform: translateZ(1px);
}
header a {
  color: #5958AA;
  text-decoration: none;
}
header a:hover {
  text-decoration: none;
  color: #5958AA;
}
header > .container {
  display: table;
  table-layout: fixed;
  padding: 8px 0 10px;
}
header > .container > * {
  display: table-cell;
  vertical-align: middle;
}
header > .container > h1 {
	text-align: left;
}
header > .container > h1 img {
	max-width: 106px;
	margin: 0;
}
header > .container > #hnav {
  width: 22%;
  overflow: hidden;
}
header #hnav > li {
  float: right;
}
header #hnav > li a > span {
  display: block;
  font-size: 1.9vw;
}
header #gnav {
  background: #5958AA;
}
header #gnav ul {
  display: table;
  table-layout: fixed;
}
header #gnav ul > li {
  display: table-cell;
  vertical-align: top;
}
header #gnav ul > li + li {
  border-left: 1px solid #fff;
}
header #gnav ul > li a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 2.5vw;
  padding: .5em 0;
}
header #gnav ul > li a img {
  width: 40%;
}
header #hnav > li.news.midoku,
header #hnav > li.mypage.midoku {
		position: relative;
		z-index: 1;
	}
	header #hnav > li.news.midoku::after,
header #hnav > li.mypage.midoku::after{
  position: absolute;
  z-index: 2;
  content: "●";
  color: #E95679;
}

/* main */
.lowerpage article {
  padding-top: 0;
  word-wrap: break-word;
}
.lowerpage .btn_box {
  text-align: center;
  padding-top: 20px;
}
.lowerpage .btn_box_child .btn + *,
.lowerpage .btn_box_child * + .btn {
  margin-top: .3em;
}
.lowerpage section > * + * {
  margin-top: 1em;
}
.lowerpage section > * + .btn_box {
  margin-top: 0;
}
.lowerpage article > .bg_gray section {
  background: #fff;
}
.lowerpage .btn_box .btn {
  font-weight: bold;
}
.lowerpage .title01 {
  text-align: center;
  background: #F2F2F2;
  line-height: 2.4;
  border-radius: 1.2em;
  font-weight: bold;
}
.lowerpage .title02 {
  color: #666;
  font-weight: bold;
}
.lowerpage .title03 {
  text-align: center;
  color: #5958AA;
  background: #F0EEF9;
  line-height: 2;
  border-radius: 1em;
  margin-bottom: .8em;
  font-weight: bold;
}
.lowerpage .title04 {
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: .5em 0;
  font-weight: bold;
}
.lowerpage .title05 {
  text-align: center;
  border: 1px solid #333;
  line-height: 2;
  border-radius: 1em;
  font-weight: bold;
}
.m_header {
  background: url("../images/bg_header.jpg") no-repeat 0 100% / 70% auto;
  position: relative;
  z-index: 0;
  transform: translateZ(1px);
}
.m_header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(210,210,210,.2);
  z-index: 1;
  transform: translateZ(1px);
}
.m_header .container {
  position: relative;
  z-index: 10;
  transform: translateZ(1px);
  text-align: center;
  padding: 10px 0;
}
.m_header a {
  text-decoration: none;
}
.m_header a > span {
  display: inline-block;
  vertical-align: middle;
}
.m_header a > span:nth-child(1) {
  width: 2em;
  height: 2em;
}
.m_header a > span:nth-child(2) {
  font-weight: bold;
  color: #000;
}
.headline {
  margin-bottom: 1em;
}
.headline.l_row > *:nth-child(2) {
  text-align: right;
  font-size: 1.2rem;
}
.headline.l_row a.btn {
  padding: .5em 1em;
}
.townlist > ul > li a {
  color: #000;
  text-decoration: none;
  text-align: center;
  line-height: 1.3;
}
.townlist > ul > li a > span {
  display: block;
}
.townlist > ul > li a > img {
  border-radius: 5px;
}
.tag_list > .l_row > div {
  border: 1px solid #C8C9CA;
  border-radius: 5px;
}
.tag_list > .l_row > div h4 {
  margin-bottom: 0;
}
.c_index .tag_list > .l_row > div h4 {
  margin-bottom: .5em;
}
.tag_list > .l_row > div h4 > a {
  display: table;
  width: 100%;
  table-layout: fixed;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}
.tag_list > .l_row > div h4 > a > span {
  display: table-cell;
  vertical-align: middle;
  color: #5958AA;
}
.tag_list > .l_row > div h4 > a > span:nth-child(2) {
  padding-left: .5em;
}
.tag_list ul li {
  display: inline-block;
  margin-top: .5em;
}
.tag_list ul li a,
.tag_list ul li .tag {
  text-decoration: none;
  display: inline-block;
  background: #F7F7F7;
  color: #000;
  padding: .2em 1em;
  border-radius: 2em;
}
.tag_list.f_box section h3 {
  margin-bottom: .5em;
}
.tag_list.f_box section h3 a {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-decoration: none;
  color: #5958AA;
}
.tag_list.f_box section h3 a > span {
  display: table-cell;
  vertical-align: middle;
}
.tag_list.f_box section h3 a > span:nth-child(1) {
  width: 20%;
}
.tag_list.f_box section h3 a > span:nth-child(2) {
  padding-left: 5%;
  width: 80%;
}
.tag_list.f_box ul li {
  display: block;
}
.tag_list.f_box ul li + li {
  margin-top: 1em;
}
.tag_list.f_box ul li a {
  display: block;
  padding: .5em 2em .5em 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.tag_list.f_box ul li a::after {
  content: "";
  display: block;
  margin: auto;
  width: .7em;
  height: .7em;
  background: url("../images/arrow_left_gray.svg") no-repeat 0 0 / 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.2em;
}
.tag_list.f_box ul li a strong {
  display: inline-block;
  margin-right: .5em;
}
.tag_list.category ul {
  margin-top: 0;
}
.tag_list.category ul li {
  padding-right: .3em;
}
.tag_list.category ul li a.active {
  background: #5958AA;
  color: #fff;
}
.tag_list.category ul.fs_large li a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  color: #5958AA;
  border: 1px solid #5958AA;
  background-color: #fff;
  padding: .4em 1em .4em 3.5em;
  position: relative;
}
.tag_list.category ul.fs_large li a.active {
  background-color: #5958AA;
  color: #fff;
}
.tag_list.category ul.fs_large li a::before {
  content: "";
  display: block;
  margin: auto;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: .8em;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.tag_list.category ul.fs_large li.gr01 a::before {
  background-image: url("../images/icon_renai.svg");
}
.tag_list.category ul.fs_large li.gr02 a::before {
  background-image: url("../images/icon_kazoku.svg");
}
.tag_list.category ul.fs_large li.gr03 a::before {
  background-image: url("../images/icon_shokuba.svg");
}
.tag_list.category ul.fs_large li.gr04 a::before {
  background-image: url("../images/icon_jinsei.svg");
}
.tag_list.category ul.fs_large li.gr01 a.active::before {
  background-image: url("../images/icon_renai_w.svg");
}
.tag_list.category ul.fs_large li.gr02 a.active::before {
  background-image: url("../images/icon_kazoku_w.svg");
}
.tag_list.category ul.fs_large li.gr03 a.active::before {
  background-image: url("../images/icon_shokuba_w.svg");
}
.tag_list.category ul.fs_large li.gr04 a.active::before {
  background-image: url("../images/icon_jinsei_w.svg");
}
.review.border_box {
  margin-top: 1.5em;
}
.tag_list.category .ctit {
  font-weight: bold;
  color: #5958AA;
}
.pagetop {
  position: fixed;
  right: 3%;
  z-index: 50;
  transform: translateZ(1px);
}
.pagetop a {
  display: block;
  background: rgba(0,0,0,.9);
  border: 2px solid #fff;
  border-radius: 50%;
}
/* お知らせ */
.newsBox {
	padding: 15px;
	 border: 1px solid #C8C9CA;
  border-radius: 5px;
}
.newsBox .date {
	font-weight: bold;
}
.newsBox + .newsBox {
	margin-top: 20px;
}
/* footer */
footer {
  background: #F7F7F7;
  color: #595757;
  text-align: center;
}
footer .fmenu1 h5 {
  text-align: left;
}
footer .fmenu1 .l_row > li a {
  display: block;
  color: #595757;
  background: #fff;
  text-decoration: none;
  border-radius: 5px;
  padding: 5px 5px 5px 17px;
	text-align: left;
}
footer .fmenu1 .l_row > li.twitter a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  width: 30px;
  height: 30px;
  background: url("../images/icon_twitter.svg") no-repeat 0 0 / 100% auto;
}
footer .fmenu2 h4,
footer .fmenu2 h5 {
  text-align: left;
}
footer .fmenu2 a {
  display: block;
  color: #595757;
  background: #fff;
  text-decoration: none;
  border-radius: 5px;
  padding: 5px;
}
footer #fnav {
  padding: 50px 0 30px;
}
footer #fnav h6 {
  width: 35%;
  max-width: 150px;
  margin: 0 auto 10px;
  opacity: .5;
}
footer #fnav li {
  display: inline;
}
footer #fnav li + li::before {
  content: "｜";
}
footer #fnav li a {
  color: #595757;
}
footer small {
  display: block;
  color: #888888;
  font-size: .8rem;
}
footer #fnav .snsbtn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0 20px;
}
footer #fnav .snsbtn li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #898f9c;
}
footer #fnav .snsbtn li img {
	width: 36px;
	height: auto;
	vertical-align: middle;
}
footer #fnav .snsbtn li:nth-child(3) img {
	width: 22px;
}
footer #fnav .snsbtn li + li {
	margin-left: 1.8em;
}
footer #fnav .snsbtn li + li::before {
	display: none;
}
/* lowerpage */
#breadcrumb {
  background: #F7F7F7;
  padding: 1em 0;
}
#breadcrumb ol > li {
  display: inline-block;
}
#breadcrumb ol > li + li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 .7em 0 .2em;
  width: 7px;
  height: 7px;
  border: 1px solid transparent;
  border-top-color: #000;
  border-right-color: #000;
  transform: rotate(45deg);
}
.lowerpage .titlebox {
  background-repeat: repeat;
  background-position: 0 0;
  text-align: center;
  padding: 0 4%;
}
.lowerpage .titlebox._mb {
  margin-bottom: 1em;
}
.lowerpage.seiyou .titlebox {
  background-image: url("../images/bg_seiyou_titlebox.png");
}
.lowerpage.hosi .titlebox {
  background-image: url("../images/bg_hosi_titlebox.png");
}
.lowerpage.touyou .titlebox {
  background-image: url("../images/bg_touyou_titlebox.png");
}
.lowerpage.huusui .titlebox {
  background-image: url("../images/bg_huusui_titlebox.png");
}
.lowerpage.seimei .titlebox {
  background-image: url("../images/bg_seimei_titlebox.png");
}
.lowerpage.suimei .titlebox {
  background-image: url("../images/bg_suimei_titlebox.png");
}
.lowerpage.tarot .titlebox {
  background-image: url("../images/bg_tarot_titlebox.png");
}
.lowerpage.reikan .titlebox {
  background-image: url("../images/bg_reikan_titlebox.png");
}
.lowerpage.iyasi .titlebox {
  background-image: url("../images/bg_iyasi_titlebox.png");
}
.lowerpage .titlebox > * {
  background-repeat: no-repeat;
  background-position: center center;
  padding: 1em 0;
}
.lowerpage.seiyou .titlebox > * {
  background-image: url("../images/bg_seiyou_h1.png");
}
.lowerpage.hosi .titlebox > * {
  background-image: url("../images/bg_hosi_h1.png");
}
.lowerpage.huusui .titlebox > * {
  background-image: url("../images/bg_huusui_h1.png");
}
.lowerpage.touyou .titlebox > * {
  background-image: url("../images/bg_touyou_h1.png");
}
.lowerpage.seimei .titlebox > * {
  background-image: url("../images/bg_seimei_h1.png");
}
.lowerpage.suimei .titlebox > * {
  background-image: url("../images/bg_suimei_h1.png");
}
.lowerpage.tarot .titlebox > * {
  background-image: url("../images/bg_tarot_h1.png");
}
.lowerpage.reikan .titlebox > * {
  background-image: url("../images/bg_reikan_h1.png");
}
.lowerpage.iyasi .titlebox > * {
  background-image: url("../images/bg_iyasi_h1.png");
}
.lowerpage .titlebox.defalt > * {
  padding: 1.5em 0 0;
  display: inline-block;
  border-bottom: 3px solid #5958AA;
  margin-bottom: 1em;
}
.leadcopy {
  font-size: 110%;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: .5em;
}
.leadbox + .mainbox {
  margin-top: 0;
}
.leadbox .leadcopy {
  font-weight: normal;
}
.leadbox .border_list li > * {
  font-weight: bold;
}
.leadbox .border_list li a {
  padding: .4em 1em;
}
.leadbox .border_list li a ._icon {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  margin-left: -.4em;
  vertical-align: middle;
}
.leadbox .border_list li:nth-child(3) {
  position: relative;
}
.leadbox .border_list li:nth-child(3)::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url("../images/arrow_bottom_gray.svg") no-repeat 0 0 / auto 100%;
  position: absolute;
  right: .8em;
  top: calc(50% - 5px);
}
.leadbox .border_list li:nth-child(3) select {
  -webkit-appearance: none;
  appearance: none;
}
.leadbox + section {
  margin-top: 0;
}
.icon_list.arrowbg_list a {
  background: #fff;
  border: 1px solid #C8C9CA;
  padding: .7em 1.5em .7em .7em;
}
.icon_list.arrowbg_list._pc_sml a {
  padding: .5em .7em;
  font-weight: normal;
}
.keywordbox {
  background: #F7F7F7;
  overflow: hidden;
}
.keywordbox .check {
  padding-bottom: .7em;
}
.keywordbox .text {
  float: left;
  width: 80%;
}
.keywordbox .submit {
  float: right;
  width: 18%;
}
.keywordbox .text input {
  background: #fff url("../images/icon_search.svg") no-repeat .5em 50% / auto 80%;
  padding: .5em .5em .5em 3em;
  width: 100%;
}
.keywordbox .submit input {
  text-align: center;
  padding: .5em 0 .5em .5em;
  width: 100%;
  letter-spacing: .5em;
}
.photobox .photo {
  border-radius: 50%;
  overflow: hidden;
}
.photobox .photo img {
  width: 100%;
  height: auto;
}
.favorite {
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 20;
  transform: translateZ(1px);
}
.favorite a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}
.favorite .favorite_btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/star.png") no-repeat 0 0;
  background-size: 100% auto;
}
.favorite .favorite_btn.active {
  background-image: url("../images/star_selected.png");
}
.teller_list .teller_box {
  position: relative;
}
.teller_list .heading h3 {
  width: auto;
  padding-top: .2em;
  padding-right: 1em;
  line-height: 1.3;
}
.teller_list .heading h3 a {
  text-decoration: none;
  color: #000;
}
.teller_list .heading h3 a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: translateZ(1px);
}
.teller_list .heading h3 .kana {
  font-size: 1.1rem;
  font-weight: normal;
  display: inline-block;
}
.teller_list .heading h3 .kana::before {
  content: "（";
}
.teller_list .heading h3 .kana::after {
  content: "）";
}
.teller_list .photobox .catchword {
  font-size: 120%;
  text-align: left;
  color: #000;
  margin-bottom: .5em;
}
.teller_list .photobox .detail_list .skill > span {
  display: inline;
  vertical-align: initial;
}
.teller_list .photobox .detail_list .skill > span + span::before {
  content: "、";
}
.teller_list .photobox .detail_list .special {
  font-size: 110%;
  font-weight: bold;
  color: #5958AA;
}
.teller_list .info_box .info_reserve {
  margin-top: 10px;
}
.teller_list .photobox > *:nth-child(1) {
  float: left;
}
.teller_list .photobox > *:nth-child(2) {
  float: right;
  line-height: 1.5;
}
.teller_list .info_box .info_price {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.teller_list .info_box .info_price div.payment {
	width: 60px;
}
.teller_list .info_box .info_price .detail_list {
	width: 100%;
	margin-top: -5px;
}
.teller_list .info_box .detail_list > li {
  display: inline-block;
}
.teller_list .info_box .detail_list span:not([class]) {
  display: inline;
  padding-right: .3em;
	margin-left: -.5em;
}
.teller_list .info_box .info_price div.payment,
.teller_list .info_box .detail_list span.payment {
  font-size: 90%;
  margin-right: 0;
}
.teller_list .info_box .detail_list span.stit {
  font-size: 80%;
  margin-right: 0;
  padding: .05em .2em;
}
.teller_list .info_box .detail_list span.icon.img {
  width: 28px;
  height: 28px;
}
.teller_list .info_box .table_box {
  position: relative;
  padding-left: 15%;
  overflow: visible;
}
.teller_list .info_box .table_box caption {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 15%;
  border: 1px solid #C8C9CA;
  background: #5958AA;
  color: #fff;
  padding: .5em 0;
  line-height: 1.6;
  text-align: center;
}
.teller_list .info_box .table_box table {
  table-layout: auto;
}
.teller_list .info_box .table_box table tr > * {
  padding: .5em 0;
  white-space: nowrap;
  text-align: center;
}
.teller_list .info_box .table_box table tr > th {
  width: auto;
}
.teller_list .info_box .table_box table tr > td {
  width: 15%;
}
.teller_list .iconbox {
  border-top: 1px solid #C8C9CA;
  padding-top: 1em;
}
.teller_list .iconbox > div + div {
  margin-top: .5em;
}
.teller_list.ranking + .teller_list {
  border-top: 1px solid #C8C9CA;
}
.teller_list.ranking.top10 .teller_box {
  background: #FDFDFD;
  box-shadow: 0 0 15px #ddd inset;
}
.teller_list.ranking.top10 .teller_box:nth-child(-n+3) {
  background: #FFFDBD;
  box-shadow: 0 0 15px #FFF360 inset;
}
.teller_list.ranking.top10 .teller_box .heading {
  padding-top: 30px;
}
.teller_list.ranking.top10 .teller_box .heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  background: url("../images/crown_silver.png") no-repeat 0 0 / 100% auto;
  right: 0;
  top: 15px;
  margin: auto;
  width: 30px;
  height: 30px;
}
.teller_list.ranking.top10 .teller_box:nth-child(-n+3) .heading h3::before {
  background-image: url("../images/crown_gold.png");
}
.teller_list.ranking.top10 .teller_box:nth-child(-n+3) .iconbox {
  border-top-color: #EEE38D;
}
.teller_list.ranking .photobox .detail_list li span {
  display: inline;
}
.teller_list.ranking .iconbox .btn {
  font-weight: bold;
  display: block;
  width: 15em;
  margin: 1em auto .5em;
  font-size: 1.6rem;
  padding: .5em;
  text-align: center;
  position: relative;
  z-index: 20;
  transform: translateZ(1px);
}
.teller_list.ranking.top10 .teller_box.new .heading h3 {
  position: static;
}
.teller_list.ranking.top10 .teller_box.new .heading h3::after {
  top: 45px;
}
.teller_list .teller_box.new .heading h3 {
  padding-top: 1.5em;
}
.teller_list .teller_box.new .heading h3::after {
  content: "NEW";
  background: #D4145A;
  color: #fff;
  border-radius: 5px;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
  padding: .4em .5em;
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 1.4rem;
}
.teller_list.voice_list .teller_box {
  font-size: 1.4rem;
  line-height: 1.6;
}
.teller_list.voice_list .photobox {
  padding: 0 10px;
}
.teller_list.voice_list .photobox a {
  color: #000;
}
.teller_list.voice_list .photobox h3 {
  font-size: 1.8rem;
  margin-bottom: 0;
}
.teller_list.voice_list .photobox > *:nth-child(1) {
  padding-top: .3em;
}
.teller_list.voice_list .iconbox {
  margin-top: .5em;
  padding-top: .5em;
  display: block;
  font-size: 1.2rem;
}
.teller_list.voice_list .iconbox li {
  display: inline-block;
}
.teller_list.voice_list .iconbox li:last-child {
  display: block;
  margin-top: .2em;
}
.teller_list.voice_list .icon {
  border-radius: 3px;
  padding: .3em;
}
.teller_list.voice_list .standby {
  padding-bottom: 0;
}
.teller_list.voice_list .standby .icon {
  padding: .4em .4em .3em .4em;
  font-size: 1.2rem;
  line-height: 1.4;
}
.teller_list.voice_list .standby .icon::before {
  width: 24px;
  height: 24px;
}
.teller_list.voice_list .standby._next .icon {
  display: block;
	flex-wrap: wrap;
align-content: center;
	width: 100%;
  line-height: 1.4;
  text-align: center;
  padding: .4em .2em .3em .2em;
}

.voice_line + .voice_line {
  margin-top: 20px;
}
.tweetbox {
  height: auto;
}
.tweetbox .inner {
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.tweetbox .entrybox + .entrybox {
  border-top: 1px solid #C8C9CA;
  margin-top: .5em;
  padding-top: .5em;
}
.tweetbox .entrydate {
  text-align: right;
  font-size: 1.2rem;
  color: #5958AA;
}
.tweetbox .inner a {
	display: block;
	width: 100%;
	padding: 10px 0;
	border-radius: 25px;
	color: #000;
	text-decoration: none;
	text-align: center;
	background: #ededed url("../images/icon_twitter.svg") no-repeat 8px center;
	background-size: 30px auto;
}
.tweetbox .inner a:hover {
	background-color: #000;
	color: #fff;
}
.tweetbox .inner a img {
	width: 25px;
	height: auto;
	vertical-align: middle;
}
.pager {
  text-align: center;
  padding: 2em 0 1em;
}
.pager > p > span {
  font-size: 140%;
}
.pager > p {
  padding-bottom: .5em;
}
.pager ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 110%;
}
.pager ul li + li {
  margin-left: .5em;
}
.pager ul li span,
.pager ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  background: #fff;
  border: 1px solid #C8C9CA;
  border-radius: 5px;
  padding: .5em;
}
.pager ul li span {
  font-weight: bold;
  color: #5958AA;
  background: #F0EEF9;
  border-color: #5958AA;
}
.pager ul li:not([class]) a,
.pager ul li:not([class]) span {
  padding: .5em 1em;
}
.pager ul li img {
  width: 1.65em;
  height: 1.65em;
  vertical-align: middle;
}
.leadbox.check {
  font-weight: bold;
  padding-bottom: 0;
}
.leadbox.check > li::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: .8em;
  border-left: 3px solid #5958AA;
  border-bottom: 3px solid #5958AA;
  transform: rotate(-45deg);
}
.leadbox.check > li + li {
  margin-top: .2em;
}
.table_box.service_point thead tr > * {
  background: #666;
  color: #fff;
}
.table_box.service_point thead tr > *:nth-child(even) {
  background: #D4145A;
}
.table_box.service_point tbody tr > td {
  text-align: center;
}
.table_box.service_point tr > *:nth-child(odd) {
  width: 40%;
}
.table_box.service_point tr > *:nth-child(even) {
  width: 60%;
}
.table_box.service_point tbody tr > td:nth-child(even) {
  color: #D4145A;
  background: #FFFBD7;
  font-size: 120%;
  font-weight: bold;
}
.table_box.service_point tbody tr > td:nth-child(even) > span {
  font-size: 70%;
  font-weight: normal;
}
.table_box.service_point tbody tr > td.none {
  color: #000;
  background: #fff;
}
.kiyaku > h3 {
  border-top: 1px solid #C8C9CA;
  padding-top: 1em;
}
.kiyaku > div {
  margin-top: 0;
}
.qa_box > h4 {
  position: relative;
  padding-left: 1.8em;
  border-top: 1px solid #C8C9CA;
  padding-top: 2em;
}
.qa_box > h4:first-child {
  border-top-color: #fff;
  transition: .3s;
}
.active .qa_box > h4:first-child {
  border-top-color: #C8C9CA;
}
.qa_box > h4::before {
  content: "Q";
  color: #5958AA;
  font-size: 140%;
  position: absolute;
  top: 1.2em;
  left: 0;
}
.qa_box > h4 + div {
  padding: 0 0 2em 2em;
}
.qa_box > div > * + * {
  margin-top: .7em;
}
.pc_wrap .trigger + .qa_box {
  margin-top: 0;
  display: none;
}
.pc_wrap .trigger.active + .qa_box {
  margin-top: 1.5em;
}
.l_row.box_link {
  padding-bottom: 1em;
}
.l_row.box_link > a {
  display: block;
  text-decoration: none;
}
.l_row.box_link .border_box {
  border-color: #5958AA;
  text-align: center;
}
.l_row.box_link .border_box .catchword {
  margin-bottom: 0;
}
.border_box.lead_check_box {
  position: relative;
  /*background: #F7F7F7;*/
  background: #F0EEF9;
  border: none;
}
.border_box.lead_check_box h3 {
  text-align: center;
}
.border_box.lead_check_box h4 {
  text-align: center;
  background: #fff;
  color: #5958AA;
  line-height: 2;
  border-radius: 1em;
  margin-bottom: .8em;
  font-weight: bold;
}
.border_box.lead_check_box .arrow_text {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  
}
.border_box.lead_check_box .arrow_text > * {
  position: relative;
  display: inline-block;
  background: #5958AA;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  padding: .5em 1em;
}
.border_box.lead_check_box .arrow_text > *::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1em;
  width: 100%;
  height: 1em;
  display: block;
  background: url("../images/arrow_top_purple.svg") no-repeat 0 0 / 100% 100%;
}
#point #merit > section {
  margin-top: 3em;
}
#qa .table_box table caption {
  text-align: left;
}
#qa .table_box table tr > * {
  white-space: nowrap;
  text-align: center;
}
#qa .table_box table + table {
  margin-top: 1.5em;
}
#kojinjyouhou .kiyaku > h3 {
  position: relative;
  padding-left: 2em;
}
#kojinjyouhou .kiyaku > h3 > .num {
  position: absolute;
  top: 1em;
  left: 0;
}
#kojinjyouhou .kiyaku + .border_box {
  margin-top: 3em;
}
#privacy-kou-uranai .kiyaku > h3 {
  position: relative;
  padding-left: 2em;
}
#privacy-kou-uranai .kiyaku > h3 > .num {
  position: absolute;
  top: 1em;
  left: 0;
}
#privacy-kou-uranai .kiyaku .table_box {
  padding-top: 1em;
}
#privacy-kou-uranai .kiyaku .table_box table tbody th {
  background: #fff;
  font-size: 100%;
  text-align: left;
}
#privacy-kou-uranai .kiyaku .table_box table caption {
  text-align: left;
  padding-bottom: .5em;
}
#yoyaku #soon .flow ol li > .txt {
  text-align: left;
  font-size: 90%;
  line-height: 1.5;
}
#media .f_box .icon_list.arrowbg_list a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.6rem;
}
#card .table_box table th {
  width: 40%;
}
#card .table_box table td {
  width: 60%;
  text-align: center;
}
#teller_boshu {
  padding-bottom: 0;
  border-bottom: 1px solid #fff;
}
#teller_kiyaku .border_box.bg_purple {
  background: #F4F3FA;
}
#teller_kiyaku .border_box.bg_purple .title01 {
  background: #fff;
  color: #5958AA;
  line-height: 2;
  border-radius: 1em;
  margin-bottom: 1em;
}
#teller_kiyaku .btn_box {
  padding-top: 3em;
}
.control_box.marklist {
  padding: 1em 0 0;
  text-align: center;
}
.control_box.marklist > * {
  display: inline-block;
  vertical-align: middle;
}
.control_box.marklist > .result_num > span {
  font-size: 140%;
}
.control_box.marklist > .result_btn {
  margin-left: 1em;
}
.control_box.marklist > .result_btn .btn {
  font-weight: bold;
}

/* Form Parts */
select {
  width: 100%;
  border: 1px solid #C8C9CA;
  border-radius: 5px;
  padding: .55em 1.5em .55em .7em;
  margin: 0;
}
input {
  border: 1px solid #C8C9CA;
  border-radius: 5px;
  -webkit-appearance: none;
  appearance: none;
}
input[type="submit"] {
  background: #5958AA;
  color: #fff;
  font-weight: bold;
}
input[type="tel"], input[type="number"] {
  width: 5em;
}
textarea {
  border: 1px solid #C8C9CA;
  border-radius: 5px;
  padding: .3em .5em;
  width: 100%;
  height: 10em;
  -webkit-appearance: none;
  appearance: none;
}
.check li {
  display: inline-block;
  padding: .3em 0;
}
.check input[type="checkbox"] {
  display: none;
}
.check li label {
  padding: 0 3em 0 36px;
}
.check label {
  position: relative;
  padding-left: 36px;
  line-height: 24px;
  display: inline-block;
}
.check label::before,
.check label::after {
  content: "";
  display: block;
  position: absolute;
}
.check label::before {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #C8C9CA;
  border-radius: 5px;
  top: 0;
  left: 0;
}
.check input[type="checkbox"]:checked + label::after {
  content: "";
  width: 15px;
  height: 24px;
  border-right: 3px solid #478ED7;
  border-bottom: 3px solid #478ED7;
  transform: rotate(45deg);
  top: -6px;
  left: 10px;
}
.radio li {
  display: inline-block;
  padding: .3em 0;
}
.radio li + li {
	margin-top: 15px;
}
.radio input[type="radio"] {
  display: none;
}
.radio li label {
  padding: 0 2.5em 0 36px;
}
.radio li label a {
	display: inline-block;
	background-color: #5958AA;
	color: #fff;
	border-radius: 30px;
	padding: 2px 10px 0!important;
	text-align: center;
	text-decoration: none;
}
.radio label {
  position: relative;
  padding-left: 36px;
  line-height: 24px;
  display: inline-block;
}
.radio label::before,
.radio label::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}
.radio label::before {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #C8C9CA;
  top: 0;
  left: 0;
}
.radio input[type="radio"]:checked + label::after {
  width: 12px;
  height: 12px;
  background: #478ED7;
  top: 6px;
  left: 6px;
}
.radio_list {
  display: inline-block;
  border: 1px solid #C8C9CA;
  border-radius: 5px;
}
.radio_list li {
  display: inline-block;
}
.radio_list li + li {
  border-left: 1px solid #C8C9CA;
  margin-left: -.3em;
}
.radio_list li:first-child label {
  border-radius: 4px 0 0 4px;
}
.radio_list li:last-child label {
  border-radius: 0 4px 4px 0;
}
.radio_list input[type="radio"] {
  display: none;
}
.radio_list label {
  display: inline-block;
  line-height: 2;
  padding: .5em 1.5em;
}
.radio_list input[type="radio"]:checked + label {
  background: #5958AA;
  color: #fff;
}
.radio_list.table li + li {
  margin-left: 0;
}
.radio_list.table label {
  display: block;
  position: relative;
  padding: .5em 40px .5em 1em;
}
.radio_list.table input[type="radio"]:checked + label {
  background: inherit;
  color: inherit;
}
.radio_list.table label::before,
.radio_list.table label::after {
  content: "";
  display: block;
  border-radius: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}
.radio_list.table label::before {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #C8C9CA;
  right: 15px;
}
.radio_list.table input[type="radio"]:checked + label::after {
  width: 12px;
  height: 12px;
  background: #478ED7;
  right: 21px;
}
.radio_list.table input[type="radio"]:checked + label {
  background: #FFFAC2;
  font-weight: bold;
}




/*-----------------------------------------------
  Responsive Style for Smartphone
-----------------------------------------------*/
@media screen and (max-width: 768px) {
  .pc {display:none;}
  h1 {font-size: 2.4rem;}
  h2 {font-size: 2.0rem;}
  h3 {font-size: 1.8rem;}
  h4 {font-size: 1.6rem; margin-bottom: .5em;}
  h5, h6 {font-size: 1.4rem; margin-bottom: .5em;}
  .list.inline > li {
    text-align: left;
  }
  .f_box .f_left,
  .f_box .f_right {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: .5em;
  }
  .f_box._body > * + * {
    margin-top: 20px;
  }
  .f_box._body .f_left,
  .f_box._body .f_right {
    text-align: left;
  }
  .f_box._body .f_left.img,
  .f_box._body .f_right.img {
    text-align: center;
  }
  .f_box._body .img.iw30 img {width:30%;}
  .f_box._body .img.iw40 img {width:40%;}
  .f_box._body .img.iw50 img {width:50%;}
  .f_box._body .img.iw60 img {width:60%;}
  .f_box._body .img.iw70 img {width:70%;}
  .f_box._body .img.iw80 img {width:80%;}
  .f_box._body .img.iw90 img {width:90%;}
  .l_row > * + * {
    margin-top: 20px;
  }
  .l_row.border_separate > * + * {
    border-top: 1px solid #C8C9CA;
    padding-top: 20px;
  }
  .l_row._sp,
  .l_row_sp {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .l_row._sp > *,
  .l_row_sp > * {
    display: table-cell;
    vertical-align: top;
  }
  .l_row._sp > * + * {
    margin-top: 0;
  }
  ._pc_cln3 > * + *,
  ._pc_cln4 > * + * {
    margin-top: 20px;
  }
  .border_list._pc_cln4 > * + *,
  .arrowbg_list ._pc_cln3 > * + *,
  .arrowbg_list ._pc_cln4 > * + * {
    margin-top: 10px;
  }
  .border_list._pc_cln4._sp_cln4 > * + * {
    margin-top: 0;
  }
  ._sp_cln2,
  ._sp_cln3,
  ._sp_cln4,
	._sp_cln5 {
    overflow: hidden;
  }
  ._sp_cln2 > * {
    width: 48.5%;
  }
  ._sp_cln2 > *:nth-child(odd) {
    clear: left;
    float: left;
  }
  ._sp_cln2 > *:nth-child(even) {
    float: right;
  }
  ._sp_cln2 > *:nth-child(2) {
    margin-top: 0;
  }
  ._sp_cln2 > *:nth-child(n+3) {
    margin-top: 10px;
  }
  .border_list._sp_cln2 a,
  .border_list._sp_cln4 a {
    padding: .8em 0;
    line-height: 1.4;
  }
  ._sp_cln3 > * {
    width: 32%;
    float: left;
    margin-left: 2%;
    margin-top: 0;
  }
  ._sp_cln3 > *:nth-child(3n+1) {
    margin-left: 0;
  }
  ._sp_cln3 > *:nth-child(n+4) {
    margin-top: 10px;
  }
  .arrowbg_list._sp_cln3 a {
    padding: .5em .8em;
  }
  .arrowbg_list > ._sp_max {
    clear: both;
    width: 100%;
  }
  ._sp_cln4 > * {
    width: 23.5%;
    float: left;
    margin-left: 2%;
    margin-top: 0;
  }
  ._sp_cln4 > *:nth-child(4n+1) {
    margin-left: 0;
  }
  ._sp_cln4 > *:nth-child(n+5) {
    margin-top: 10px;
  }
	._sp_cln5 > * {
    width: 18.4%;
    float: left;
    margin-left: 2%;
    margin-top: 0;
  }
  ._sp_cln5 > *:nth-child(5n+1) {
    margin-left: 0;
  }
  ._sp_cln5 > *:nth-child(n+5) {
    margin-top: 0;
  }
  .detail_list > li + li {
    margin-top: .5em;
  }	
	.teller_list .info_box .info_price .detail_list > li + li {
		margin-top: 0;
	}
	.detail_list span {
		vertical-align: text-bottom;
	}
	.teller_list .info_box .detail_list span:not([class]) {
		padding-bottom: 2px;
}
  .detail_list span img {
    height: 30px;
  }
  .detail_list span.type01 {
    display: block;
    margin-top: .2em;
  }
  .bb_list > li + li {
    margin-top: .7em;
  }
  .bb_list > li > .btn {
    display: block;
    text-align: center;
    font-size: 1.5rem;
  }
  .site_list .list.arrow > li {
    font-size: 1.5rem;
  }
  .sns > ul > li {
    width: 32px;
  }
   .sns > ul > li.tiktok {
    width: 80px;
    vertical-align: top;
    padding-top: 5px;
  }
  .border_box._tribox .trigger.active + div {
    padding-bottom: 15px;
  }
  .trigger {
    position: relative;
    margin-bottom: 0;
  }
  .trigger::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url("../images/arrow_left_gray.svg") no-repeat 0 0 / auto 100%;
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    transform: rotate(90deg);
  }
  .trigger.active::after {
    transform: rotate(-90deg);
  }
  .trigger + * {
    opacity: 0;
    transition: opacity 1s;
    display: none;
  }
  .trigger.active + * {
    opacity: 1;
    margin-top: 1em;
  }
  .border_box {
    padding: 15px;
  }
  .border_box.merit,
  .border_box.demerit {
    padding-top: 30px;
  }
  .border_box.merit .title03,
  .border_box.demerit .title03 {
    top: -16px;
  }
  .review_list > .box .star {
    text-align: right;
  }
  .control_box {
    padding-bottom: 2em;
  }
  .control_box._mt {
    padding-top: 15px;
  }
  .control_box .l_row {
    padding: 1.5em 0;
  }
  .control_box .result_num {
    text-align: center;
  }
  .control_box .result_pl01 {
    width: 49%;
    float: left;
    margin-top: .5em;
  }
  .control_box .result_pl02 {
    width: 49%;
    float: right;
    margin-top: .5em;
  }
  .control_box .result_keyword {
    clear: both;
    padding-top: 1em;
  }
  .control_box .btnbox .btn {
    padding: .5em 1em;
  }
  .control_box .sort_list li + li {
    margin-top: -.1em;
  }
  .control_box .sort_list a {
    text-align: center;
    padding: .5em 1em;
  }
  .control_box .sort_list li:first-child a {
    border-radius: 5px 5px 0 0;
  }
  .control_box .sort_list li:last-child a {
    border-radius: 0 0 5px 5px;
  }
  .control_box.voice .sort_list {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .control_box.voice .sort_list li {
    display: table-cell;
    vertical-align: middle;
  }
  .control_box.voice .sort_list li + li {
    margin-top: 0;
  }
  .control_box.voice .sort_list li + li  a {
    border-left: none;
  }
  .control_box.voice .sort_list li:first-child a {
    border-radius: 5px 0 0 5px;
  }
  .control_box.voice .sort_list li:last-child a {
    border-radius: 0 5px 5px 0;
  }
  .control_box.nayami .detail_list {
    padding: 1em 0 1.5em;
  }
  .control_box.nayami .btnbox {
    padding-top: 1.5em;
  }
  .table_box {
    overflow-x: scroll;
  }
  .table_box table {
    min-width: 100%;
    width: auto;
  }
  .table_box table tr > * {
    padding: 5px;
  }
  .table_box table tr > th {
    width: 30%;
  }
  .table_box table tr > td {
    width: 70%;
  }
  .table_box.icon_desc {
    padding-bottom: 1em;
  }
  .table_box.icon_desc table + table tbody tr:first-child > * {
    border-top: none;
  }
  .flow > .l_row > * + * {
    margin-top: 0;
  }
  .flow .flowtit.kari::after {
    width: 100%;
    height: 52px;
    background: url("../images/flowtit_kari_after.svg") no-repeat 0 0 / 100% auto;
    left: 0;
    bottom: -30px;
  }
  .flow ol li + li,
  .flow.regist .l_row_sp + .l_row_sp > ol > li:first-child {
    padding-top: 30px;
  }
  .flow ol li + li::before,
  .flow.regist .l_row_sp + .l_row_sp > ol > li:first-child::before {
    top: 0;
    left: 0;
    right: 0;
    border-top-color: #5958AA;
  }
	#onlineBox .flow ol li + li::before,
  #onlineBox .flow.regist .l_row_sp + .l_row_sp > ol > li:first-child::before {
    border-top-color: #9AC044;
  }
	
  .flow.regist .l_row_sp > .flowtit {
    width: 15%;
    padding: 1em;
    vertical-align: middle;
  }
  .flow.regist .l_row_sp > ol {
    width: 85%;
    padding: 0 15px;
  }
  .flow.column li ._body,
  .flow.column li ._body li {
    text-align: left;
  }
  .flow.column li + li {
    margin-top: 15px;
  }
  .flow.column li + li::before {
    /*top: 10px;*/
  }
  a.txt_banner > *:nth-child(1) {
    width: 20%;
  }
  a.txt_banner > *:nth-child(2) {
    width: 80%;
    padding-left: 5%;
  }
  a.txt_banner > *:nth-child(2) > .em {
    font-size: 1.4rem;
  }
  .tel_list li {
    display: block;
  }
  .tel_list li + li {
    margin-top: 10px;
  }
  .tel_list li a {
    display: block;
  }
  .tel > a {
    display: inline-block;
  }
  .tel > span.telicon {
    color: #006DD9;
    text-decoration: underline;
  }
  .tel > span.telicon::before {
    background-image: url("../images/icon_phone3_b.svg");
  }
  .standby .icon.chat,
.standby .icon.online{
padding: .4em .3em .3em .3em;
}
  /* header */
  header.clone-nav > .container {
    display: none;
  }
  header a img {
    display: block;
    line-height: 1;
    margin: 0 auto;
  }
  header > .container > h1 {
    width: 28%;
  }
  header > .container > p {
    width: 50%;
  }
  header > .container > p a.btn.arrow {
    font-size: 3vw;
    margin-left: .8em;
  }
  header #hnav > li {
    width: 24%;
    text-align: center;
  }
  header #hnav > li:nth-child(even) {
    margin-right: 2%;
  }
  header #gnav ul {
    width: 100%;
  }
	header #hnav > li.news.midoku::after,
	header #hnav > li.mypage.midoku::after{
  font-size: 1.3rem;
  top: 0px;
  left: 25px;
}
  
  /* main */
  article {
    padding: 25px 0 50px;
  }
  * + section {
    margin-top: 40px;
  }
  section + hr {
    margin-top: 40px;
  }
  .lowerpage article > .bg_gray {
    padding: 30px 0;
  }
  .lowerpage article > .bg_gray section {
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #C8C9CA;
  }
  .lowerpage article > .bg_gray section + section {
    margin-top: 20px;
  }
  .m_header a > span.btn {
    display: none;
  }
  .headline.l_row > *:nth-child(1) {
    width: 40%;
  }
  .headline.l_row > *:nth-child(2) {
    width: 60%;
  }
  .townlist > ul {
    overflow: hidden;
  }
  .townlist > ul > li {
    float: left;
    width: 31%;
    margin-left: 3.5%;
    padding-bottom: 15px;
  }
  .townlist > ul > li:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
    float: left;
  }
  .townlist > ul > li a > span {
    font-size: 1.2rem;
  }
  .tag_list > .l_row > div {
    padding: 5px 10px 10px;
  }
  .c_index .tag_list > .l_row > div {
    padding: 10px;
  }
  .tag_list > .l_row > div + div {
    margin-top: 10px;
  }
  .tag_list > .l_row > div h4 > a > span:nth-child(1) {
    width: 13%;
  }
  .tag_list > .l_row > div h4 > a > span:nth-child(2) {
    width: 87%;
  }
  .tag_list ul li a,
  .tag_list ul li .tag {
    font-size: 1.2rem;
  }
  .tag_list ul.fs_large li a,
  .tag_list ul.fs_large li .tag {
    font-size: 1.4rem;
  }
  .lowerpage article > .bg_gray .tag_list.f_box section,
  .tag_list.f_box section {
    padding-top: 10px;
  }
  .tag_list.f_box ul li a strong {
    font-size: 1.4rem;
  }
  .tag_list.category ul li {
    margin-top: 1em;
  }
  .tag_list.category ul li a {
    font-size: 1.4rem;
    padding: .5em 1.2em;
  }
  .tag_list.category ul.fs_large {
    padding-bottom: .5em;
  }
  .tag_list.category ul.fs_large li {
    display: block;
  }
  .tag_list.category ul.fs_large li a {
    font-size: 1.6rem;
  }
  .tag_list.category .ctit {
    margin-bottom: -.5em;
  }
  .tag_list.category * + .ctit {
    margin-top: 2em;
  }
  .pagetop {
    bottom: 30px;
  }
  .pagetop a {
    width: 60px;
    height: 60px;
    padding: 5px;
  }

  
  /* footer */
  footer {
    padding: 30px 0;
    font-size: 1.2rem;
  }
  footer .fmenu1 {
    padding-bottom: 20px;
  }
  footer .fmenu1 .l_row {
    overflow: hidden;
  }
  footer .fmenu1 .l_row > li {
    float: left;
    width: 50%;
  }
	footer .fmenu1 > div p.em span {
		display: inline-block;
	}
  footer .fmenu1 .l_row > li:nth-child(1) {
    padding-right: 5px;
  }
  footer .fmenu1 .l_row > li:nth-child(2) {
    margin-top: 0;
    padding-left: 5px;
  }
  footer .fmenu2 h4 {
    font-size: 1.4rem;
  }
  footer .fmenu2 h4 + .l_row > *:nth-child(1) {
    padding-right: 5px;
  }
  footer .fmenu2 h4 + .l_row > *:nth-child(2) {
    padding-left: 5px;
  }
  footer .fmenu2 h4 + .l_row a {
    padding: 8px;
  }
  footer .fmenu2 h5 + .l_row {
    overflow: hidden;
  }
  footer .fmenu2 h5 + .l_row > * {
    float: left;
    width: 50%;
  }
  footer .fmenu2 h5 + .l_row > *:nth-child(1) {
    padding-right: 5px;
  }
  footer .fmenu2 h5 + .l_row > *:nth-child(2) {
    margin-top: 0;
    padding-left: 5px;
  }
  footer .fmenu2 h5 + .l_row > *:nth-child(3) {
    clear: left;
    width: 100%;
    margin-top: 10px;
  }
  footer .fmenu2 h5 + .l_row > *:nth-child(3) br {
    display: none;
  }
  footer #fnav li {
    line-height: 2.4;
  }
  footer #fnav li:nth-child(odd)::before {
    content: none;
  }
  footer #fnav li:nth-child(even)::after {
    content: "\A";
    white-space: pre;
  }
	footer .fmenu1 .l_row > li a {
		padding: 5px;
		text-align: center;
	}
  /* lowerpage */
  #breadcrumb {
    font-size: 1.2rem;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .lowerpage .titlebox {
    margin-bottom: 30px;
  }
  .lowerpage .titlebox > * {
    font-size: 2.0rem;
    background-size: auto 90px;
  }
  .lowerpage .btn_box .btn {
    display: block;
    width: 100%;
  }
  .lowerpage .btn_box .btn + .btn,
  .lowerpage .btn_box .btn + .btn_box_child,
  .lowerpage .btn_box .btn_box_child + .btn {
    margin-top: 10px;
  }
  .lowerpage section + .btn_box {
    padding-top: 30px;
  }
  .leadbox {
    padding-bottom: 30px;
  }
  .leadbox .border_list {
    overflow: hidden;
  }
  .leadbox .border_list > * {
    width: 49%;
  }
  .leadbox .border_list li:nth-child(1) {
    width: 100%;
    margin-bottom: 10px;
  }
  .leadbox .border_list li:nth-child(2) {
    float: left;
  }
  .leadbox .border_list li:nth-child(3) {
    float: right;
  }
  .leadcopybox {
    padding: 15px 0;
  }
  .iconlink_list ul {
    overflow: hidden;
  }
  .iconlink_list ul > li {
    width: 48%;
  }
	#kanteihou .iconlink_list ul > li:first-of-type {
	width: 100%;
}
	#kanteihou .iconlink_list ul > li:first-of-type > a > img {
  width: 100%;
  max-width: 46px;
  margin-bottom: .5em;
}
  .iconlink_list ul > li:nth-child(odd) {
    float: left;
  }
  .iconlink_list ul > li:nth-child(even) {
    float: right;
  }
  .iconlink_list ul > li:nth-child(n+3) {
    margin-top: .8em;
  }
	 #kanteihou .iconlink_list ul > li:nth-child(odd) {
    float: right;
  }
  #kanteihou .iconlink_list ul > li:nth-child(even) {
    float: left;
  }
	#kanteihou .iconlink_list ul > li {
		margin-top: .8em;
	}
  .grad_wrap {
    padding-bottom: 50px;
  }
  .grad_item.is_hide {
    height: 200px;
  }
  #schedule .grad_item.is_hide {
    height: 190px;
  }
  .grad_item::before {
    height: 80px;
  }
  .keywordbox {
    padding: 30px 0 40px;
    margin-bottom: 30px;
  }
  .photobox .photo {
    width: 140px;
    height: 140px;
  }
  .teller_list .photobox > *:nth-child(1) {
    width: 120px;
  }
  .teller_list .photobox > *:nth-child(2) {
    width: calc(100% - 120px);
    margin-top: 0;
  }
  .teller_list .photobox .photo {
    width: 100px;
    height: 100px;
  }
  .teller_list .photobox .detail_list {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .teller_list.ranking + .teller_list {
    margin-top: 20px;
    padding-top: 20px;
  }
  .teller_list .teller_box.new .heading h3::after {
    font-size: 1.3rem;
    left: 15px;
  }
  .pager ul li:not([class]) {
    display: none;
  }
  .leadbox.check {
    font-size: 110%;
  }
  .leadbox.check > li {
    position: relative;
    padding-left: 2em;
  }
  .leadbox.check > li::before {
    position: absolute;
    top: .3em;
    left: 0;
  }
  .table_box.service_point table + table thead {
    display: none;
  }
  .table_box.service_point table + table tbody tr:first-child > * {
    border-top: none;
  }
  .kiyaku .trigger::after {
    top: 1.5em;
  }
  .trigger + .qa_box {
    margin-top: 0;
  }
  .trigger.active + .qa_box {
    margin-top: 1.5em;
  }
  .container._bg_gray_btm {
    padding-top: 25px;
  }
  #kanteihou ._pc_cln2.l_row,
  #kanteihou ._pc_cln2.l_row > * + * {
    margin-top: 30px;
  }
  #kanteihou section + section {
    margin-top: 50px;
  }
  .l_row.box_link {
    padding-top: .5em;
  }
  .l_row.box_link > a + a {
    margin-top: 10px;
  }
  .l_row.box_link .border_box {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .l_row.box_link .border_box > * {
    display: table-cell;
    vertical-align: middle;
  }
  .l_row.box_link .border_box > *:nth-child(1) {
    padding-right: 20px;
  }
  .l_row.box_link .border_box > *:nth-child(2) {
    text-align: left;
  }
  .border_box.lead_check_box .f_box {
    padding-bottom: 20px;
  }
  .border_box.lead_check_box .f_box > * + * {
    margin-top: 15px;
  }
  .border_box.lead_check_box .arrow_text {
    bottom: -30px;
  }
  .border_box.lead_check_box .arrow_text > * {
    font-size: 1.8rem;
  }
  #point #merit01 .border_box h4 {
    text-align: center;
  }
  #point #merit01 .f_box .f20 > img {
    width: 35%;
    max-width: 100px;
  }
  #point #merit01 .f_box .f80 p {
    text-align: left;
  }
  #qa section.border_box + .border_box {
    margin-top: 15px;
  }
  #qa .table_box {
    padding-bottom: 1em;
  }
  #qa .table_box table tr > * {
    width: auto;
  }
  #kojinjyouhou .kiyaku > h3 {
    padding-right: 4%;
  }
  #privacy-kou-uranai .kiyaku > h3 {
    padding-right: 4%;
  }
  #privacy-kou-uranai .kiyaku .table_box {
    font-size: 90%;
  }
  #privacy-kou-uranai .kiyaku .table_box table thead {
    display: none;
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody,
  #privacy-kou-uranai .kiyaku .table_box table tbody tr,
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > * {
    display: block;
    width: 100%;
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody tr + tr {
    margin-top: 1em;
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > th {
    border-bottom: none;
    background: #F7F7F7;
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > th::before,
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > td::before {
    display: block;
    color: #666;
    font-weight: bold;
    margin-bottom: .2em;
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > th::before {
    content: "類型";
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > td::before {
    content: "利用目的";
  }
  #yoyaku #soon .flow ol li > .txt {
    padding-bottom: 1em;
  }
  #media .f_box section .border_box.active {
    background: #FEFDFF;
  }
  #media .f_box h3::after {
    background-image: url("../images/arrow_left_purple.svg");
  }
  #media .f_box .arrowbg_list ul > li + li {
    margin-top: 10px;
  }
  #link1 .list.blank > li + li {
    margin-top: .7em;
  }
  #teller_boshu > .container {
    padding-bottom: 40px;
  }
  #teller_boshu section._pb {
    padding-bottom: 30px;
  }
  #teller_boshu .box_link .border_box .catchword {
    font-size: 1.7rem;
  }
  .control_box.marklist > .result_btn .btn {
    padding: .4em 1em;
  }
  
  /* Form Parts */
  input[type="text"],
  input[type="password"],
  input[type="email"] {
    width: 100%;
  }
  .radio_list.table,
  .radio_list.table li {
    display: block;
  }
  .radio_list.table li + li {
    border-left: none;
    border-top: 1px solid #C8C9CA;
  }
  .radio_list.table li:first-child label {
    border-radius: 4px 4px 0 0;
  }
  .radio_list.table li:last-child label {
    border-radius: 0 0 4px 4px;
  }
	.teller_list .info_box .info_price .detail_list {
	width:100%;
	margin-top: -4px;
}
  
}


/*-----------------------------------------------
  Responsive Style for Tablet & PC
-----------------------------------------------*/
@media print, screen and (min-width: 769px) {
  body {
    font-family: "游ゴシック","Yu Gothic","游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.6rem;
  }
	.sp {display:none;}
  h1 {font-size: 3.2rem;}
  h2 {font-size: 2.8rem;}
  h3 {font-size: 2.0rem;}
  h4 {font-size: 1.8rem;}
  h5, h6 {font-size: 1.6rem;}
  ._pc_txt_center {
    text-align: center;
  }
  .caution_box {
    text-align: center;
  }
	.btn {
    border-radius: 1.4em;
    line-height: 1.4;
    padding: .3em 1.5em;
  }
  .btn.arrow {
    padding: .5em 1em .5em 1.5em;
  }
  .btn:hover {
    background: #F0EEF9;
    color: #5958AA;
  }
  .btn.purple:hover {
    color: #5958AA;
  }
  .btn.red:hover {
    color: #C1272D;
    background: #fff;
  }
  .btn.pink:hover {
    color: #D4145A;
    background: #fff;
  }
  .btn.blue:hover {
    color: #0071BC;
    background: #fff;
  }
  .btn.green:hover {
    color: #00A07D;
    background: #fff;
  }
  .btn.gray:hover {
    color: #666;
    background: #fff;
  }
	#intro .btn.online:hover {
    color: #9AC044;
    background: #fff;
  }
	#intro .btn.tel:hover {
    color: #5958AA;
    background: #fff;
  }
  .icon.img {
    width: 40px;
    height: 40px;
  }
  .icon.img.sml {
    width: 30px;
    height: 30px;
  }
  a.icon:hover {
    color: #fff;
    opacity: .7;
  }
  .f_box .f_right {
    padding-left: 4%;
  }
  .f_box .f_left {
    padding-right: 4%;
  }
  .f_box .f20 {width:20%;}
  .f_box .f30 {width:30%;}
  .f_box .f40 {width:40%;}
  .f_box .f50 {width:50%;}
  .f_box .f60 {width:60%;}
  .f_box .f70 {width:70%;}
  .f_box .f80 {width:80%;}
  .l_row {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
  }
	 .l_row02 {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .l_row > *,
	.l_row02 > *{
    display: table-cell;
    vertical-align: top;
  }
  .l_row._pc_cln2 > * {
    height: 100%;
  }
  .l_row._pc_cln2 > *:nth-child(1) {
    padding-right: 15px;
  }
  .l_row._pc_cln2 > *:nth-child(2) {
    padding-left: 15px;
  }
  .l_row .border_box {
    height: 100%;
  }
  ._pc_bs20, .lowerpage section > ._pc_bs20 {
    margin: -20px;
  }
  ._pc_bs20 > .l_row {
    border-spacing: 20px;
  }
  ._pc_cln3, ._pc_cln4, ._pc_cln5 {
    overflow: hidden;
  }
  ._pc_cln3 > * {
    float: left;
    width: calc(33.33% - 10px);
    margin-left: 15px;
  }
  ._pc_cln3 > *:nth-child(3n+1) {
    margin-left: 0;
  }
  ._pc_cln3 > *:nth-child(n+4) {
    margin-top: 15px;
  }
  .l_row.border_separate > * + * {
    border-left: 1px solid #C8C9CA;
  }
  .l_row.border_separate > *:nth-child(1) {
    width: 32.4%;
    padding-right: 30px;
  }
  .l_row.border_separate > *:nth-child(2) {
    width: 35.2%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .l_row.border_separate > *:nth-child(3) {
    width: 32.4%;
    padding-left: 30px;
  }
  ._pc_cln4 > * {
    float: left;
    width: calc(25% - 15px);
    margin-left: 20px;
  }
  ._pc_cln4 > *:nth-child(4n+1) {
    margin-left: 0;
  }
  ._pc_cln4 > *:nth-child(n+5) {
    margin-top: 15px;
  }
  ._pc_cln5 > * {
    float: left;
    width: calc(20% - 12px);
    margin-left: 15px;
  }
  ._pc_cln5 > *:nth-child(5n+1) {
    margin-left: 0;
  }
  ._pc_cln5 > *:nth-child(n+6) {
    margin-top: 15px;
  }
  .detail_list > li {
    display: inline-block;
    padding-bottom: .5em;
  }
  .detail_list > li > span:not([class]) {
    padding-right: 2em;
  }
  .teller_list .detail_list > li > span:not([class]) {
    padding-right: 0;
  }
  .detail_list span img {
    height: 33px;
  }
  .sns > ul > li {
    width: 40px;
  }
  .sns > ul > li.tiktok {
    width: 80px;
    vertical-align: top;
    padding-top: 8px;
  }
  .detail_list + .bb_list {
    padding-top: .5em;
  }
  .bb_list > li {
    display: inline-block;
  }
  .bb_list > li > .btn,
  .bb_list > li > span {
    font-size: 1.7rem;
  }
  .bb_list > li > span {
    display: inline-block;
    border-radius: 1.4em;
    line-height: 1.4;
    padding: .3em 1.5em;
    border: 1px solid #3572B7;
  }
  .bb_list > li > .btn.req {
    padding: .2em 1.2em .15em 1em;
  }
  .bb_list > li > .btn.req:hover {
    background: #7A79BB;
  }
  .site_list > * {
    overflow: hidden;
  }
  .site_list h3 {
    clear: left;
    float: left;
    width: 40%;
    margin-top: 0;
  }
  .site_list .list.arrow {
    float: right;
    width: 60%;
    margin-top: 0;
  }
  .site_list .list.arrow > li {
    font-size: 1.7rem;
  }
  .review_list > .box {
    overflow: hidden;
  }
  .review_list > .box .star {
    float: left;
    width: 15%;
  }
  .review_list > .box .author {
    float: right;
    text-align: right;
  }
  .control_box {
    padding-bottom: 3em;
  }
  .control_box._mt {
    padding-top: 30px;
  }
  .control_box .l_row {
    padding: 2em 0;
  }
  .control_box .l_row > * {
    vertical-align: bottom;
  }
  .control_box .result_num {
    width: 20%;
  }
  .control_box .result_pl01 {
    width: 22%;
    padding-left: 15px;
  }
  .control_box .result_pl02 {
    width: 22%;
    padding-left: 15px;
  }
  .control_box .result_keyword {
    width: 36%;
    padding-left: 15px;
  }
  .control_box .sort_list li {
    display: inline-block;
  }
  .control_box .sort_list li + li {
    margin-left: -.4em;
  }
  .control_box .sort_list a {
    padding: .2em 1em;
  }
  .control_box .sort_list li:first-child a {
    border-radius: 5px 0 0 5px;
  }
  .control_box .sort_list li:last-child a {
    border-radius: 0 5px 5px 0;
  }
  .control_box .sort_list a:hover {
    background: #F0EEF9;
  }
  .control_box .sort_list a.active:hover {
    background: #5958AA;
  }
  .control_box.nayami {
    overflow: hidden;
  }
  .control_box.nayami .detail_list {
    float: left;
    width: calc(100% - 28em);
    padding: .3em 0;
  }
  .control_box.nayami .sort_list {
    float: right;
    width: 28em;
    text-align: right;
  }
  .control_box.nayami .sort_list a {
    padding: .2em .5em;
  }
  .control_box.nayami .btnbox {
    clear: both;
    padding-top: 2em;
  }
  .control_box.voice {
    text-align: right;
  }
  .control_box.voice .sort_list::before {
    content: "並び順：";
  }
  .table_box table tr > * {
    padding: 5px 15px;
  }
  .table_box table tr > th {
    width: 20%;
  }
  .table_box table tr > td {
    width: 80%;
  }
  .table_box.icon_desc {
   overflow: hidden;
  }
  .table_box.icon_desc table:nth-child(1) {
    float: left;
    width: 48%;
  }
  .table_box.icon_desc table:nth-child(2) {
    float: right;
    width: 48%;
  }
  .arrowbg_list a:hover {
    background: #DBDCDC;
  }
  .arrowbg_list .whole a:hover {
    background: #F0EEF9;
  }
  .border_list a:hover {
    background: #F0EEF9;
  }
  .bg_purple .border_list a:hover {
    background: #fff;
    color: #5958AA;
  }
  .border_box {
    padding: 20px 30px;
  }
  .border_box.merit,
  .border_box.demerit {
    padding-top: 36px;
  }
  .border_box.merit .title03,
  .border_box.demerit .title03 {
    top: -18px;
  }
  .flow .flowtit {
    margin-bottom: 20px;
  }
  .flow .flowtit.kari::after {
    width: 0;
    height: 0;
    border: 1.2em solid #5958AA;
    border-left-color: #7A79BB;
    top: 0;
    right: -1.2em;
  }
  .flow ol {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .flow ol li {
    display: table-cell;
    vertical-align: top;
  }
  .flow ol li + li::before,
  .flow.regist .l_row_sp + .l_row_sp > ol > li:first-child::before {
    top: 0;
    bottom: 0;
    left: 0;
    border-left-color: #5958AA;
  }
  .flow.column ol, .flow.column li {
    display: block;
    text-align: left;
    overflow: hidden;
  }
  .flow.column li + li {
    padding-top: 50px;
  }
  .flow.column li + li::before {
    border-left-color: transparent;
    border-top-color: #5958AA;
    top: 20px;
    right: 0;
    bottom: auto;
  }
  .flow.column li ._body {
    float: right;
    width: calc(100% - 13em);
  }
  a.txt_banner > *:nth-child(1) {
    width: 15%;
  }
  a.txt_banner > *:nth-child(2) {
    width: 85%;
    padding-left: 3%;
  }
  a.txt_banner > *:nth-child(2) > .em + * {
    font-size: 1.4rem;
  }
  .tel_list li {
    display: inline-block;
    padding: 0 3em;
  }
  .tel_list li + li {
    margin-left: .3em;
  }
  .tel_list li a {
    display: none;
  }
  .tel > a {
    display: none;
  }
	
  /* header */
  header {
    background-size: 40% auto;
  }
  header a img {
    display: inline-block;
    vertical-align: -.5em;
  }
  header > .container {
    padding: 15px 0;
  }
  header > .container > h1 {
    width: 16%;
	}
	header > .container > h1 img {
		max-width: 173px;
	}
  header > .container > p {
    width: 54%;
  }
  header > .container > p a.btn.arrow {
    font-size: 1.6rem;
    font-weight: bold;
    margin-left: 20px;
  }
  header > .container > #hnav {
    width: 30%;
    text-align: right;
    vertical-align: top;
  }
  header #hnav > li:nth-child(even) {
    margin-right: 2em;
  }
  header #hnav > li a > img {
    width: 30px;
    height: 30px;
  }
  header #hnav > li a > span {
    display: inline-block;
    font-size: 1.6rem;
    margin-left: 5px;
  }
  header #hnav > li a:hover > span {
    text-decoration: underline;
  }
  header #gnav ul {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  header #gnav ul > li a {
    font-size: 1.6rem;
    font-weight: bold;
    padding: .7em 0;
  }
  header #gnav ul > li a:hover {
    background: rgba(0,0,0,.2);
  }
  header #gnav ul > li a img {
    width: 30px;
    margin-right: 10px;
  }
	header #hnav > li.news {
		margin-right: 2em;
	}
	header #hnav > li.news.midoku::after,
	header #hnav > li.mypage.midoku::after{
  font-size: 1.5rem;
  top: -3px;
  left: 20px;
}
  /* main */
  article {
    padding: 40px 0 100px;
  }
  * + section {
    margin-top: 60px;
  }
  section + hr {
    margin-top: 60px;
  }
  .lowerpage article > .bg_gray {
    padding: 40px 0;
  }
  .lowerpage article > .bg_gray section {
    padding: 30px;
    border-radius: 10px;
  }
  .lowerpage article > .bg_gray section + section {
    margin-top: 30px;
  }
  .m_header {
    background-size: 40% auto;
  }
  .m_header a > span.btn {
    display: inline-block;
    font-size: 1.4rem;
    margin-left: 5px;
  }
  .headline.l_row > *:nth-child(2) {
    font-size: 1.4rem;
  }
  .townlist {
    margin: -10px;
  }
  .townlist > ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 10px;
  }
  .townlist > ul > li {
    display: table-cell;
    vertical-align: top;
  }
  .townlist > ul > li a > span {
    font-size: 1.4rem;
  }
  .tag_list > .l_row > div {
    padding: 10px 15px 15px;
  }
  .c_index .tag_list > .l_row > div {
    padding: 15px;
  }
  .tag_list > .l_row > div h4 > a {
    border-spacing: 0;
  }
  .tag_list > .l_row > div h4 > a > span:nth-child(1) {
    width: 20%;
  }
  .tag_list > .l_row > div h4 > a > span:nth-child(2) {
    width: 80%;
  }
  .tag_list > .l_row > div h4 > a:hover {
    text-decoration: underline;
  }
  .tag_list > .l_row > div ul {
    padding-top: .3em;
  }
  .tag_list ul li a,
  .tag_list ul li .tag {
    font-size: 1.4rem;
  }
  .tag_list ul.fs_large li a,
  .tag_list ul.fs_large li .tag {
    font-size: 1.6rem;
  }
  .tag_list ul li a:hover {
    background: #DBDCDC;
  }
  .lowerpage article > .bg_gray .tag_list.f_box section,
  .tag_list.f_box section {
    width: 48%;
    padding-top: 15px;
  }
  .tag_list.f_box section:nth-child(odd) {
    clear: both;
    float: left;
  }
  .tag_list.f_box section:nth-child(even) {
    float: right;
  }
  .tag_list.f_box section:nth-child(2) {
    margin-top: 0;
  }
  .tag_list.f_box ul li a {
    font-size: 1.6rem;
  }
  .tag_list.f_box ul li a strong {
    font-size: 1.8rem;
  }
  .tag_list.category {
    margin: -10px;
  }
  .tag_list.category ul {
    padding: 10px;
  }
  .tag_list.category ul li a {
    font-size: 1.5rem;
    padding: .4em 1em;
  }
  .tag_list.category ul.fs_large {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 10px;
    padding: 15px 0 0;
  }
  .tag_list.category ul.fs_large li {
    display: table-cell;
    vertical-align: top;
  }
  .tag_list.category ul.fs_large li a {
    font-size: 1.7rem;
  }
  .tag_list.category ul.fs_large li a:hover {
    background: #F0EEF9;
  }
  .tag_list.category ul.fs_large li a.active:hover {
    background: #5958AA;
  }
  .tag_list.category * + .ctit {
    margin-top: 1em;
  }
  .review .tag_list.category {
    margin: 0;
  }
  .review .tag_list.category ul {
    padding: 0 0 10px;
  }
  .pagetop {
    bottom: 60px;
  }
  .pagetop a {
    width: 80px;
    height: 80px;
    padding: 10px;
  }
  .pagetop a:hover {
    background: rgba(0,0,0,.5);
  }
  
  /* footer */
  footer {
    padding: 40px 0;
  }
  footer .fmenu1 {
    padding-bottom: 30px;
  }
  footer .fmenu1.l_row {
		display: flex;
  }
	footer .fmenu1.l_row > div {
		display: flex;
		align-content: stretch;
		margin-top: 28px;
	}
	footer .fmenu1 a.txt_banner {
  display: flex;
		align-content: stretch;
		align-items: center;
  width: 100%;
  text-decoration: none;
  color: #000;
  background: #fff;
  border-radius: 5px;
  padding: 15px;
}
footer .fmenu1 a.txt_banner > * {
  display: block;
  text-align: left;
}
	footer .fmenu1 a.txt_banner > *:nth-child(1) {
    width: 15%;
  }
  footer .fmenu1 .l_row > li {
    display: block;
		width: 100%;
  }
	footer .fmenu1 .l_row > li + li {
		margin-top: 10px;
	}
  footer .fmenu1 > div:nth-child(1),
	footer .fmenu1 > div:nth-child(2) {
    width: 40%;
    padding-right: 4%;
  }
	footer .fmenu1 > div:nth-child(3) {
		width: 216px;
		flex-direction: column;
		margin-top: 0;
	}
  footer .fmenu1 .l_row > li a:hover {
    background: #DBDCDC;
  }
  footer .fmenu2 > div:nth-child(1) {
    width: 42%;
    padding-right: 4%;
  }
  footer .fmenu2 > div:nth-child(2) {
    width: 58%;
  }
  footer .fmenu2 h4 {
    font-size: 1.6rem;
  }
  footer .fmenu2 h4 + .l_row > *:nth-child(1) {
    padding-right: 7.5px;
  }
  footer .fmenu2 h4 + .l_row > *:nth-child(2) {
    padding-left: 7.5px;
  }
  footer .fmenu2 h5 + .l_row > *:nth-child(1) {
    padding-right: 10px;
  }
  footer .fmenu2 h5 + .l_row > *:nth-child(2) {
    padding-left: 5px;
    padding-right: 5px;
  }
  footer .fmenu2 h5 + .l_row > *:nth-child(3) {
    padding-left: 10px;
  }
  footer .fmenu2 a {
    padding: calc(5px + .6em) 10px;
    line-height: 1.2;
  }
  footer .fmenu2 h5 + .l_row > *:nth-child(3) a {
    padding: 5px;
  }
  footer .fmenu2 a:hover {
    background: #DBDCDC;
  }
  footer #fnav {
    font-size: 1.4rem;
  }
  footer #fnav li:nth-child(6)::before {
    content: none;
  }
  footer #fnav li:nth-child(5)::after {
    content: "\A";
    white-space: pre;
  }
  footer small {
    font-size: 1.0rem;
  }
	
	
	/* lowerpage */
	#breadcrumb {
    font-size: 1.4rem;
  }
  .lowerpage .titlebox {
    margin-bottom: 50px;
  }
  .lowerpage .titlebox > * {
    font-size: 3.0rem;
  }
  .lowerpage .btn_box .btn {
   padding: .6em 2em; 
  }
  .lowerpage .btn_box .btn + .btn {
    margin-left: 10px;
  }
  .lowerpage .border_box + .btn_box {
    padding-top: 30px;
  }
  .lowerpage section + .btn_box {
    padding-top: 40px;
  }
  .lowerpage .btn_box_child {
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
  .leadbox {
    padding-bottom: 50px;
    text-align: center;
  }
  .c_index .leadbox {
    padding-bottom: 30px;
  }
  .leadbox + .mainbox {
    padding-top: 30px;
  }
  .leadbox .border_list {
    display: table;
    table-layout: auto;
    width: 100%;
  }
  .leadbox .border_list > * {
    display: table-cell;
    vertical-align: top;
  }
  .leadbox .border_list li:nth-child(1) {
    padding-right: 1%;
  }
  .leadbox .border_list li:nth-child(2) {
    padding: 0 .5%;
  }
  .leadbox .border_list li:nth-child(3) {
    padding-left: 1%;
    text-align: right;
  }
  .leadbox .border_list li:nth-child(3)::after {
    width: 12px;
    height: 12px;
    right: .7em;
    top: calc(50% - 6px);
  }
  .leadbox .border_list li:nth-child(3) select {
    width: auto;
    padding: .55em 2em .55em 1em;
    margin-left: .5em;
  }
  .leadbox .border_list li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .leadcopybox {
    padding: 30px 0;
  }
  .icon_list.arrowbg_list a {
    font-size: 1.8rem;
  }
  .icon_list.arrowbg_list a::after {
    width: 12px;
    height: 12px;
    right: .7em;
    top: calc(50% - 6px);
  }
  .icon_list.arrowbg_list._pc_sml a {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .iconlink_list {
    margin: -30px;
  }
  .iconlink_list ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 30px;
  }
  .iconlink_list ul > li {
    display: table-cell;
    vertical-align: middle;
  }
  .iconlink_list ul > li > a:hover {
    opacity: .7;
  }
  .grad_wrap {
    padding-bottom: 70px;
  }
  .grad_trigger {
    width: 9em;
  }
  .grad_trigger:hover {
    background: #F0EEF9;
  }
  .grad_item.is_hide {
    height: 150px;
  }
  .grad_item::before {
    height: 100px;
  }
  .keywordbox {
    padding: 40px 0 60px;
    margin-bottom: 50px;
  }
  .keywordbox .text {
    width: 85%;
  }
  .keywordbox .submit {
    width: 13%;
  }
  .keywordbox .text input,
  .keywordbox .submit input {
    font-size: 1.8rem;
  }
  .photobox .photo {
    width: 170px;
    height: 170px;
  }
  .teller_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .teller_list .teller_box {
    width: 31.5%;
    font-size: 1.4rem;
    margin-left: 2.75%;
  }
  .lowerpage article > .bg_gray .teller_list section.teller_box {
    padding: 15px 20px;
  }
  .teller_list .teller_box:nth-child(2),
  .teller_list .teller_box:nth-child(3) {
    margin-top: 0;
  }
  .teller_list .teller_box:nth-child(n+4) {
    margin-top: 30px;
  }
  .teller_list .teller_box:nth-child(3n+1) {
    margin-left: 0;
  }
  .teller_list .pager {
    width: 100%;
  }
  .teller_list .teller_box .l_row {
    height: auto;
  }
  .teller_list .heading h3 {
    font-size: 2.0rem;
  }
  .teller_list .heading h3 a::after {
    transition: .5s;
  }
  .teller_list .heading h3 a:hover::after {
    border-radius: 10px;
    background: rgba(0,0,0,.1);
  }
  .teller_list .heading h3 .kana {
    font-size: 1.4rem;
  }
  .favorite {
    width: 34px;
    height: 34px;
  }
  .teller_list .photobox > *:nth-child(1) {
    width: 140px;
  }
  .teller_list .photobox .photo {
    width: 120px;
    height: 120px;
  }
  .teller_list .photobox > *:nth-child(2) {
    width: calc(100% - 140px);
  }
  .teller_list .info_box .detail_list {
    display: inline-block;
  }
  .teller_list .info_box .detail_list span.icon.img,
  .teller_list .teller_box .iconbox span.icon.img {
    width: 30px;
    height: 30px;
  }
  .teller_list .teller_box .iconbox span.icon.img.point_ok {
    width: auto;
    height: auto;
  }
  .teller_list .info_box .info_price .detail_list > li {
    padding-bottom: 0;
  }
  .teller_list.ranking + .teller_list {
    margin-top: 30px;
    padding-top: 30px;
  }
  .teller_list.ranking.top10 .teller_box {
    width: 48.625%;
  }
  .teller_list.ranking.top10 .teller_box:nth-child(n+3) {
    margin-top: 30px;
  }
  .teller_list.ranking.top10 .teller_box:nth-child(3n+1) {
    margin-left: 2.75%;
  }
  .teller_list.ranking.top10 .teller_box:nth-child(2n+1) {
    margin-left: 0;
  }
  .teller_list.voice_list {
    margin-left: -20px;
    margin-right: -20px;
  }
  .voice_line {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 20px 0;
  }
  .voice_line .teller_box {
    display: table-cell;
    vertical-align: top;
  }
  .teller_list.voice_list .photobox > *:nth-child(1) {
    width: 100px;
  }
  .teller_list.voice_list .photobox .photo {
    width: 90px;
    height: 90px;
  }
  .teller_list.voice_list .photobox > *:nth-child(2) {
    width: calc(100% - 100px);
    padding-top: 0;
  }
  .pager ul li a:hover {
    background: #DBDCDC;
  }
  .pager ul li.prevTop {
    display: none;
  }
  .leadbox.check {
    font-size: 120%;
  }
  .leadbox.check > li {
    padding-right: 3em;
  }
  .leadbox.check > li::before {
    vertical-align: text-top;
    margin-right: .5em;
  }
  .table_box.service_point {
    overflow: hidden;
  }
  .table_box.service_point table {
    width: 48%;
  }
  .table_box.service_point table:nth-child(1) {
    float: left;
  }
  .table_box.service_point table:nth-child(2) {
    float: right;
  }
  .pc_wrap .trigger {
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
  }
  .pc_wrap .trigger::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("../images/arrow_left_gray.svg") no-repeat 0 0 / auto 100%;
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
    transform: rotate(90deg);
  }
  .pc_wrap .trigger.active::after {
    transform: rotate(-90deg);
  }
  .pc_wrap .trigger + * {
    opacity: 0;
    transition: opacity .5s;
  }
  .pc_wrap .trigger.active + * {
    opacity: 1;
    margin-top: 1em;
  }
  .pc_wrap .trigger._pc_active::after {
    transform: rotate(-90deg);
  }
  .pc_wrap .trigger._pc_active + * {
    opacity: 1;
    margin-top: 1em;
  }
  .container._bg_gray_btm {
    padding-top: 50px;
  }
  #kanteihou ._pc_cln2.l_row {
    margin-top: 40px;
  }
  #kanteihou section + section {
    margin-top: 80px;
  }
	#kanteihou ._pc_cln2.l_row  .border_box {
    height: auto;
  }
  .l_row.box_link {
    padding-top: 1em;
  }
  .l_row.box_link > a:hover .border_box {
    background: #F0EEF9;
  }
  .l_row.box_link .border_box img {
    width: 80%;
  }
  .l_row.box_link > a:hover img {
    opacity: 1;
  }
  .border_box.lead_check_box .f_box {
    padding-bottom: 25px;
  }
  .border_box.lead_check_box .f_box > * {
    width: 48%;
  }
  .border_box.lead_check_box .f_box > *:nth-child(1) {
    float: left;
  }
  .border_box.lead_check_box .f_box > *:nth-child(2) {
    float: right;
  }
  .border_box.lead_check_box .arrow_text {
    bottom: -35px;
  }
  .border_box.lead_check_box .arrow_text > * {
    font-size: 2.4rem;
  }
  #point #merit01 .border_box {
    padding-left: 20px;
  }
  #point #merit01 .border_box > *:not(.f_box) {
    margin-left: 10px;
  }
  #point #merit01 .border_box .icon.img.sml {
    width: 24px;
    height: 24px;
  }
  #point #merit01 .f_box .f20 {
    padding-right: 3%;
  }
  #point #merit01 .f_box .f80 {
    padding-left: 0;
    padding-top: 1em;
  }
  #qa section.border_box + .border_box {
    margin-top: 30px;
  }
  #qa .table_box table tr > th {
    width: 24%;
  }
  #qa .table_box table tr > td {
    width: 38%;
  }
  #qa .table_box table:nth-child(3) tr > td {
    width: 76%;
  }
  #qa .table_box table:nth-child(5) tr > td {
    width: 25.33%;
  }
  #kojinjyouhou .kiyaku > h3 + div {
    padding-left: 2.5em;
  }
  #privacy-kou-uranai .kiyaku > h3 + div {
    padding-left: 2.5em;
  }
  #privacy-kou-uranai .kiyaku .table_box table {
    table-layout: auto;
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > * {
    vertical-align: top;
    padding: 15px;
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > th {
    width: 40%;
  }
  #privacy-kou-uranai .kiyaku .table_box table tbody tr > td {
    width: 60%;
  }
  #yoyaku #soon .flow {
    padding-bottom: 1em;
  }
  #yoyaku #soon .flow ol li > .txt {
    padding: 0 1em;
  }
  #yoyaku #soon .flow ol li + li::before {
    top: 35%;
    bottom: auto;
  }
  #review .flow ol li .num {
    display: block;
    margin: auto;
    font-size: 2.0rem;
  }
  #review .flow ol li .num + p {
    line-height: 1.3;
    padding-top: .5em;
  }
  #review .flow ol li:nth-child(1) .num + p,
  #review .flow ol li:nth-child(2) .num + p {
    padding: 1em 0 .8em;
  }
  #media .f_box section + section {
    margin-top: 0;
  }
  #media .f_box section .border_box {
    background: #FEFDFF;
  }
  #media .f_box section:nth-child(n+4) {
    margin-top: 20px;
  }
  #media .f_box .border_box {
    padding: 20px;
  }
  #media .f_box .arrowbg_list ul > li + li {
    margin-top: 15px;
  }
  #link1 .list.blank {
    overflow: hidden;
  }
  #link1 .list.blank > li {
    width: 48%;
    margin-top: 0;
  }
  #link1 .list.blank > li:nth-child(odd) {
    float: left;
  }
  #link1 .list.blank > li:nth-child(even) {
    float: right;
  }
  #link1 .list.blank > li:nth-child(2n+1) {
    clear: both;
  }
  #link1 .list.blank > li:nth-child(n+3) {
    margin-top: .7em;
  }
  #card .bb_list {
    padding: .5em 0 1em;
  }
  #card .bb_list .btn.req:hover {
    background: #5958AA;
  }
  #card .btn_box .btn_box_child {
    margin-left: .5em;
  }
  #card .btn_box .btn.red {
    padding: .6em 4em;
  }
  #teller_boshu > .container {
    padding-bottom: 60px;
  }
  #teller_boshu .box_link .border_box {
    padding: 20px;
  }
  #teller_boshu .box_link .border_box img {
    width: 100%;
  }
  #teller_boshu .box_link .border_box .catchword {
    font-size: 1.8rem;
  }
  #teller_boshu section._pb {
    padding-bottom: 40px;
  }
  #teller_kiyaku .btn_box .btn.red {
    padding: .6em 5em;
  }
  .control_box.marklist > .result_num {
    width: auto;
  }
	#uranai-voice .voice_line {
		display: flex;
	}
  #uranai-voice > .bg_gray section {
		display: flex;
		flex-direction: column;
		width: calc( (100% - 11% ) / 4 );
    padding: 15px 5px;
  }
  #uranai-voice .teller_list .teller_box:nth-child(n+4) {
    margin-top: 0px;
	margin-left: 2.75%;
	}
	#uranai-voice .teller_list .teller_box:nth-child(3n+1) {
    margin-left: 2.75%;
	}
	#uranai-voice > .bg_gray section .tweetbox {
		width: 100%;
		margin: auto auto 0;
	}
  /* Form Parts */
  input[type="text"],
  input[type="password"],
  input[type="email"] {
    width: 60%;
    min-width: 250px;
    max-width: 350px;
  }
  select {
    padding: .3em 1.5em .3em .9em;
  }
  .radio_list label:hover {
    background: #F0EEF9;
    color: #5958AA;
  }
  .radio_list input[type="radio"]:checked + label:hover {
    background: #5958AA;
    color: #fff;
  }
  .radio_list.table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
  }
  .radio_list.table li {
    display: table-cell;
    vertical-align: middle;
  }
  .radio_list.table label {
    padding: .8em 40px .8em .5em;
    text-align: center;
    line-height: 1.2;
  }
  .radio_list.table label span {
    display: inline-block;
  }
  .radio_list.table label:hover,
  .radio_list.table input[type="radio"]:checked + label:hover {
    background: #FFFAC2;
    color: inherit;
  }
	.radio li label {
  padding: 0 1.5em 0 30px;
}  
}


/* リモート鑑定*/
@media print, screen and (min-width: 769px) {
.flow.online ol {
    display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
    width: 100%;
  }
  .flow.online ol li {
    width: 25%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
		align-items: center;
    vertical-align: top;
  }
  .flow.online ol li .img {
    min-height: 320px;
    display: flex;
    align-items: center;
  }
  .flow.online ol li p {
    margin: auto 0 0;
  }
  .flow.online ol li > .txt {
    padding: 0 1em;
    text-align: left;
  font-size: 90%;
  line-height: 1.5;
  }
	.flow.online ol li > .txt img {
		vertical-align: middle;
	}
  .flow.online ol li + li::before {
    top: 140px;
		bottom: auto;
    left: 0;
  }
}
#intro .midashi {
	margin-bottom: 5px;
	background: #5958AA;
	padding: 3px 1em;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.4;
}
#intro .onlineArea .midashi {
	background: #4169e1;
}
#intro .midashi span {
	display: inline-block;
}
#intro #onlineBox .midashi {
	background-color: #9AC044;
}
#intro ol ~ .midashi {
	margin-top: 30px;
}
#support .title01 {
	margin-top: 50px;
}
#support .chuui {
  width: 92%;
  max-width: 1080px;
  margin: 0 auto;
}
#support .container ul {
  margin: 0 0 0 2em;
  list-style: disc;
}
#support .container p {
  padding-left: 2em;
}
#support .chrome {
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
  padding: 15px;
  text-align: left;
}
#support .chrome p {
  width: 330px;
  padding-left: 0;
}
#support .chrome .chromelink {
  width: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#support .chrome .chromebox {
  width: 100%;
  border: 1px solid #5958AA;
  color: #000;
  margin: 0 0 10px;
  padding: 6px 0;
  border-radius: 10px;
  text-align: center;
}
.chrome .chromebox img {
  width: 40px;
  height: auto;
  margin-left: 1.5em;
	vertical-align: middle;
}
.chrome a {
  text-align: center;
  display: inline-block;
  width: auto;
  margin: 10px 0 0;
  padding: 0;
  background: none;
  border-radius: 0;
  color: #fff;
}
.chrome a img {
  width: auto;
  height: 60px;
  margin: 0;
  padding: 0;
}
.chrome a:last-of-type {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 1em;
  background-color: #000;
  border-radius: 10px;
	margin-top: 0;
}
#support span.error {
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	background-color:#FFE7E8;
}
@media screen and (max-width: 767px) {
	.flow.online ol li + li::before {
    top: -85%;
    bottom: 0;
    left: 0;
  }
	  #support .container ul li span, #support .container p span {
    display: inline-block
  }
	#intro .sp_hidden {
		display: none;
	}
	 #support .container .chrome p {
    width: 100%;
    padding-left: 0;
  }
		 #support .chrome .chromelink {
    width: 100%;
    display: block;
    text-align: center;
  }
		 #support .chrome a {
		text-align: center;
	}
  	 #support .chrome a img {
    width: auto;
    height: 45px;
    margin: 0 auto;
    padding: 0;
  }
  .chrome a:first-of-type {
    margin: 15px 20px 0 0;
  }
  .chrome a:last-of-type {
    display: block;
    width: 100%;
    height: auto;
    max-width: 290px;
    margin: 15px auto 0;
    padding: 12px 0;
  }
}

/* リモート関連でのcss調整 */
#use .standby {
	display: block;
}
#use .standby .icon {
	width: auto;
	min-height: auto;
}
#use .standby .icon::before {
  display: inline-block;
}
#use .standby .icon.phone::before {
	margin-bottom: 0;
}
/* リモートバナー */
.bnnOnline {
	width: 92%;
  max-width: 1080px;
  margin: 20px auto;
	text-align: center;
}
/*-----------------------------------------------
  カメラテスト
-----------------------------------------------*/
.checkArea {
	max-width: 1080px;
	margin: 0 auto 0;
	padding: 20px;
	border: 1px solid #adaeaf;
  border-radius: 5px;
	background-color: #fff;
}
.checkArea h4 {
	font-size: 2.2rem;
	font-weight: bold;
	padding: 5px 0;
	color: #fff;
	background-color: #5958AA;
	text-align: center;	
}
.checkArea p {
	text-align: center;
}
#intro .checkArea p.chuui {
	margin: 50px 0 0;
	text-align: left;
}
.checkArea button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	border: 1px solid #5958AA;
	background-color: #5958AA;
	border-radius: 1.4em;
	outline: none;
	margin: 20px auto 50px;
	padding: 8px 30px;
	width: 252px;
	color: #fff;
	font-family: inherit;
	font-size: 110%;
	font-weight: bold;
	cursor: pointer;
	transition-duration: 0.3s;
}
.checkArea button:hover {
	background-color: #fff;
	color: #5958AA;
}
.checkArea #test-box {
	display: flex;	
}
.checkArea #test-box .inner + .inner {
	margin-left: 50px;
}
.checkArea h5 {
	margin-bottom: 10px;
	font-weight: normal;
	display: flex;
	align-items: flex-start;
}
.checkArea h5 img {
	margin-right: 10px;
}
#intro .checkArea .midashi2 {
	background-color: #fff;
	color: #000;
	padding-left: 54px;
	text-align: left;
}
.checkArea .sso-hidden {
  display: block;
}

.checkArea .banner {
  padding: 0;
  background-color: #52575c;
  color: white;
}

.checkArea .banner-text {
  padding: 8px 20px;
  margin: 0;
}


.checkArea #join-form {
  margin-top: 10px;
}

.checkArea .tips {
  font-size: 12px;
  margin-bottom: 2px;
  color: gray;
}

.checkArea .join-info-text {
  margin-bottom: 2px;
}

.checkArea input {
  width: 100%;
  margin-bottom: 2px;
}

.checkArea .player {
  width: 480px;
  height: 320px;
}

.checkArea .player-name {
  margin: 8px 0;
}

.checkArea #pre-local-player {
  width: 100%;
  height: 280px;
	background-color: #ccc;
}

.checkArea #success-alert, .checkArea #success-alert-with-token {
  display: none;
}

.checkArea #device-wrapper {
  margin-top: 12px;
  display: none;
  justify-content: space-between;
}

.checkArea .progress {
  margin: 0 0 20px 54px;
  width: 300px;
}

.checkArea .progress-bar {
  transition-duration: .3s;
}

.checkArea #device-wrapper .input-group {
  flex-basis: 49%;
}

.checkArea .card.demo-card {
  margin-bottom: 15px;
  flex: 0 0 350px;
}
.checkArea .hidden {
  display:none;
}
.checkArea audio {
	margin-left: 54px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0
  }
  to {
    background-position: 0 0
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0
  }
  to {
    background-position: 0 0
  }
}
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem
}
.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem
}
.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none
  }
}
.bg-success {
  background-color: #28a745 !important
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
  background-color: #1e7e34 !important
}
@media screen and (max-width: 767px) {
  .checkArea .player {
    width: 320px;
    height: 240px;
  }
	.checkArea #test-box {
	display: block;	
}
	.checkArea h4 {
	font-size: 1.8rem;
}
.checkArea p {
	text-align: center;
}
#intro .checkArea p.chuui {
	margin: 50px 0 0;
	text-align: left;
}
.checkArea #test-box .inner + .inner {
	margin: 20px 0 0;
}
#intro .checkArea .midashi {
	padding-left: 0;
}
	.checkArea .progress {
  margin: 0 0 20px 0;
  width: 300px;
}
	.checkArea audio {
	margin-left: 0;
}
}
/*-----------------------------------------------
  YouTube
-----------------------------------------------*/
.youtube {
	margin: 30px auto 10px;
	text-align: center;
}
.youtube ~ p.title {
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.youtube {
		width: 100%;
		padding-top:56.2%;
		position: relative;
	}
	.youtube iframe {
		position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
		width: 100%;
		height: 100%;
	}
	#ranking-chat .youtube {
		width: 90%;
		padding-top:56.2%;
		position: relative;
	}
}
/*-----------------------------------------------
  占術トップ　リンク追加
-----------------------------------------------*/
.arrowbg_list h3 a.btn.purple {
	display: inline-block;
  background: #5958AA;
  color: #fff;
  border-color: #5958AA;
	border-radius: 1.4em;
    line-height: 1.4;
    padding: .5em 1.5em;
	margin-left: 20px;
}
.arrowbg_list h3 a::after {
	display: none;
}
@media print, screen and (min-width: 769px) {
.arrowbg_list h3 a.btn.purple:hover {
    background: #F0EEF9;
    color: #5958AA;
  }
}
@media screen and (max-width: 767px) {
	.arrowbg_list h3 a.btn.purple {
	display: block;
		width: 100%;
  background: #5958AA;
  color: #fff;
  border-color: #5958AA;
	border-radius: 1.4em;
    line-height: 1.4;
    padding: .5em 1.5em;
	margin: 10px 0;
		text-align: center;
		font-size: 1.4rem;
}
}
/* ヘルプ修正*/
.lowerpage #onlineBox .title04 {
  color: #9AC044;
}
.lowerpage #telBox .title04 {
  color: #5958AA;
}
.yoyakuBox {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.yoyakuBox .fuseiritsu {
	width: 48%;
}
.pagenav {
	margin: 1.5em 0 100px!important;
	display: flex;
	justify-content: space-between;
}
.pagenav a {
	display: block;
	width: 32%;
	font-weight: bold;
	text-align: center;
	padding: .8em 2em .6em;
	border-radius: 1.4em;
   line-height: 1.4;
  color: #000;
	background-color: #fff;
  border:1px solid #cccccc;
	text-decoration: none;
}
.pagenav a.btn01 {
background-color: #9AC044;
	color: #fff;
}
.pagenav a.btn02 {
	background-color: #5958AA;
	color: #fff;
}
.pagenav a:hover {
	background-color: #DBDCDC;
}
.pagenav a.btn01:hover {
	border-color: #9AC044;
	background-color: #fff;
	color: #9AC044;
}
.pagenav a.btn02:hover {
	border-color: #5958AA;
	background-color: #fff;
	color: #5958AA;
}
@media print, screen and (min-width: 769px) {
#onlineBox .flow ol li + li::before,
#onlineBox .flow.regist .l_row_sp + .l_row_sp > ol > li:first-child::before {
    border-left-color: #9AC044;
  }
}
@media screen and (max-width: 767px) {
.yoyakuBox {
	display: block;
	justify-content: space-between;
	margin-top: 30px;
}
.yoyakuBox .fuseiritsu {
	width: 100%;
	margin-bottom: 20px;
}
.pagenav {
		display: block;
		margin: 1em 0 50px!important;
	}
	.pagenav a {
		width: 100%;
		font-size: 110%;
		margin-bottom: 1em;
	}
}
/* スマホの使い方*/
.howto {
	display: flex;
	flex-wrap: wrap;
}
.howto p {
	width: 50%;
	padding: 0 1%;
	display: flex;
	align-items: center;
}
#onlineBox .howto p {
	width: 100%;
}
.howto p img {
	margin-right: 1em;
}
.howto p.submidashi {
	margin: 5px auto 10px;
	width: 100%;
	justify-content: center;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.howto {
	display: block;
}
	.howto p {
		width: 100%;
	}
}