@charset "UTF-8";

html {
  color: #000;
  background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
select,
main,
address {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
  box-sizing: border-box;
}

a {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

strong {
  font-style: normal;
}

ul li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

legend {
  color: #000;
}

figure {
  margin: 0;
}

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Meiryo, メイリオ, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

img {
  width: 100%;
  vertical-align: bottom;
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s;
}

a img {
  opacity: 1;
  transition: all 0.3s;
}

p {
  line-height: 180%;
}

p:not(:last-child) {
  margin-bottom: 1.2rem;
}

ol {
  padding-left: 2rem;
}

ruby rt {
  font-size: 40%;
}

em {
  color: #e13838;
}

input[type=text],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 10px;
  border: 1px solid  #b7b7b7;
}

textarea {
  width: 100%;
  height: 200px;
}

.header_inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 150px;
}

.header_logo {
  max-width: 286px;
  width: 100%;
}

.gNavi {
  height: 100%;
}

.gNavi_ul {
  display: flex;
  height: 100%;
}

.gNavi_ul li {
  height: 100%;
}

.gNavi_ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 25px;
  font-size: 1.6rem;
  text-align: center;
}

.gNavi_ul li a span {
  display: block;
  position: relative;
  text-align: center;
}

.gNavi_ul li a span::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 110%;
  height: 2px;
  background: #e5e5e5;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.gNavi_ul li a:hover {
  color: #79abc2;
}

.footer {
  padding: 100px 0 0;
  text-align: center;
}

.footer_logo {
  display: inline-block;
  max-width: 447px;
  width: 100%;
}

.footer_address {
  margin-bottom: 100px;
  text-align: center;
}

.footer_address_main {
  display: inline-block;
  margin-top: 10px;
  padding-left: 218px;
  text-align: left;
  font-size: 1.2rem;
}

.footer_address_main p {
  line-height: 160%;
}

.footerCopy {
  display: block;
  background: #c66b00;
  padding: 10px;
  text-align: left;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
}

.commingSoon {
  opacity: 0.5;
}

.commingSoon a {
  cursor: default;
}

.btn_wrap {
  text-align: center;
}

/* Wordpress記事 */

.article .alignright {
  float: right;
  margin: 0 0 20px 30px;
}

.article .alignleft {
  float: left;
  margin: 0 30px 20px 0;
}

.article .aligncenter {
  display: block;
  margin: 0 auto;
}

.article img {
  width: auto;
  max-width: 90%;
  height: auto;
}

.article .clearfix {
  overflow: hidden;
  zoom: 1;
}

.article .clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.article ul {
  padding-left: 2rem;
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
}

.article ul li {
  list-style: unset;
}

.article h4 {
  margin-bottom: 20px;
  padding-bottom: 3px;
  color: #79abc2;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 3px solid #e5e5e5;
}

.article h5 {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #79abc2;
}

.article h6 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.pagination {
  margin: 70px 0;
}

.pagination ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.pagination ul li:not(.page-of) {
  display: flex;
  box-align: center;
  align-items: center;
  justify-content: center;
  background: #79abc2;
  width: 30px;
  height: 30px;
  margin: 0 5px 5px 0;
  color: #fff;
  border: 1px solid #79abc2;
}

.pagination ul li.page-of {
  margin-right: 5px;
  padding-top: 5px;
}

.pagination ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #79abc2;
}

.newsAll {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 50px;
}

.newsAllSec {
  display: flex;
  margin: 0 auto;
  padding: 10px 0;
  border-bottom: 1px dotted #b2b2b2;
}

.newsAllSec_date {
  display: inline-block;
  max-width: 150px;
  width: 100%;
  font-weight: bold;
}

.newsAllSec_title a {
  text-decoration: underline;
}

.newsAllSec_title a:hover {
  color: #79abc2;
}

.pageTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 165px;
  background: url(../img/common/bg_pagetitle.jpg) center center/cover no-repeat;
  margin-bottom: 80px;
}

.pageTitle_main {
  color: #fff;
  font-size: 3.6rem;
  text-align: center;
  font-weight: bold;
}

.al_r {
  text-align: right;
}
.al_l {
  text-align: left;
}

.al_c {
  text-align: center;
}

.al_c_pc {
  text-align: center;
}
@media (max-width: 767px) {
  .al_c_pc {
    text-align: left;
  }
}

.full {
  width: 100%;
}

.size_30 {
  width: 30%;
}

.size_60 {
  width: 60%;
}

.size_80 {
  width: 80%;
}

.contents_center {
  max-width: 1050px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.contents_center_s {
  max-width: 700px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.col {
  display: flex;
  flex-flow: row wrap;
}

.col.is_oneline {
  flex-wrap: nowrap;
  justify-content: space-between;
}

.col.is_spaceCenter {
  justify-content: center;
}

.col_contents {
  width: 100%;
  margin-bottom: 15px;
}

.is_oneline .col_contents {
  margin-bottom: 0;
}

.is_oneline .col_contents + .col_contents {
  margin-left: 2%;
}

.is_nogap .col_contents {
  margin-left: 0;
}

.is_nogap .col_contents + .col_contents {
  margin-left: 0;
}

.col_contents_title {
  margin-bottom: 5px;
}

.col_contents_caption {
  margin-top: 5px;
}

.flImgContents_img {
  max-width: 357.5px;
  width: 100%;
}

.flImgContents_img.is_fr {
  float: right;
  margin: 0 0 20px 40px;
}

.flImgContents_img.is_fl {
  float: left;
  margin: 0 40px 20px 0;
}

/*　セクション　*/

.section_01 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.section_02 {
  margin-top: 40px;
  margin-bottom: 70px;
}

.section_03 {
  margin-top: 70px;
  margin-bottom: 120px;
}

.small_section {
  margin-top: 20px;
}

/*　テキスト、フォント　*/

/* ボタン */

.btn {
  display: inline-block;
}

.btn.is_simple {
  border: 1px solid #c0baba;
}

.btn.is_simple a {
  display: block;
  padding: 5px 20px;
  background: #f7f7f7;
  text-align: center;
}

.btn.is_simple a::before {
  content: '▶';
  margin-right: 8px;
  font-family: sans-serif;
  font-size: 80%;
  color: #c0baba;
}

.btn.is_simple a:hover {
  background: #eee;
}

.btn.is_blue {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.btn.is_blue > a,
.btn.is_blue .doublebox_inner {
  position: relative;
  display: block;
  padding: 12px;
  border: 1px solid #79abc2;
  border-radius: 7px;
  background: #fff;
  z-index: 2;
  font-size: 1.6rem;
}

.btn.is_blue > a::before,
.btn.is_blue .doublebox_inner::before {
  content: '▶';
  margin-right: 5px;
  font-family: sans-serif;
  font-size: 80%;
  color: #79abc2;
}

.btn.is_blue > a:hover,
.btn.is_blue .doublebox_inner:hover {
  background: #79abc2;
}

.btn.is_blue > a:hover::before,
.btn.is_blue .doublebox_inner:hover::before {
  color: #fff;
}

.btn.is_blue::before {
  content: '';
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #cbe4f0;
  border-radius: 7px;
  border: 1px solid #79abc2;
  z-index: 1;
}

.btn.is_blue.commingSoon a::before {
  content: '準備中';
  display: inline-block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Meiryo, メイリオ, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
  background: #c66b00;
  font-size: 70%;
  border-radius: 3px;
  color: #fff;
  padding: 1px 3px;
}

.btn.is_big {
  position: relative;
  max-width: 415px;
  width: 100%;
}

.btn.is_big::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(50% - 7.8rem);
  width: 22px;
  height: 12px;
  background: url(../img/common/icon_arrow_r.png) center center/contain no-repeat;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn.is_big input {
  width: 100%;
  height: 83px;
  border: 2px solid #fff;
  box-shadow: 0 0 8px 2px #e7e7e7;
  background: linear-gradient(#fff, #fff 36%, #d8e8f0);
  font-size: 2.3rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.btn.is_icon a::before {
  display: none;
}

.btn.is_icon .is_icon_img {
  display: inline-block;
  width: 22.5px;
  height: auto;
  margin-right: 10px;
}

.btn.is_icon .is_icon_img + .btn_title {
  width: calc(100% - 40px);
}

.btn_title {
  display: inline-block;
  color: #79abc2;
  font-weight: bold;
}

a:hover .btn_title {
  color: #fff;
}

.btn_text {
  font-size: 1.4rem;
}

/*　アイコン　*/

/*
.icon{
  &.is_yellow{
    background: #dbbe64;
    color:#000;
    font-size: 1.3rem;
    padding:2px 3px;
    font-weight: bold;
  }
}
*/

/*　マークポイント　*/

.mark.is_pdf::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/common/icon_pdf.png") no-repeat;
  background-size: contain;
  margin-right: 5px;
  vertical-align: middle;
}

/* タイトル */

.bold_title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.title_section {
  margin-bottom: 40px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}

.title_section_en {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

.title_section.is_wh {
  color: #fff;
}

.title_bold_cate {
  margin-bottom: 20px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}

.title_undershasen {
  margin-bottom: 30px;
  text-align: center;
}

.title_undershasen_main {
  position: relative;
  font-size: 2.4rem;
  color: #79abc2;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}

.title_undershasen_main::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: -10px;
  width: calc(100% + 20px);
  height: 4px;
  background: linear-gradient(-45deg, transparent 47%, #79abc2 47%, #79abc2 53%, transparent 53%, transparent);
  background-size: 6px 6px;
}

/* テーブル */

.nowrap {
  white-space: nowrap;
}

.caption {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.table {
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 10px;
}

.table a {
  color: #79abc2;
}

.table.is_simple {
  border-top: 2px solid #79abc2;
  border-bottom: 2px solid #79abc2;
}

.table.is_simple tr {
  border-bottom: 1px solid #79abc2;
}

.table.is_simple th,
.table.is_simple td {
  padding: 10px;
}

.table.is_simple th {
  padding-right: 20px;
  padding-left: 20px;
}

.table.is_list th {
  color: #79abc2;
  font-weight: bold;
  vertical-align: top;
  padding-left: 1.7rem;
}

.table.is_list th::before {
  content: '●';
  margin-right: 3px;
  margin-left: -1.8rem;
  font-family: sans-serif;
  color: #79abc2;
}

.table.is_contact tr {
  border-bottom: 1px dotted #b2b2b2;
}

.table.is_contact th,
.table.is_contact td {
  padding: 15px;
}

.table.is_contact th {
  width: 180px;
  color: #79abc2;
  font-weight: bold;
  vertical-align: top;
  padding-left: 1.7rem;
}

.table.is_contact th::before {
  content: '●';
  margin-right: 3px;
  font-family: sans-serif;
  color: #79abc2;
}

.table.wfix {
  table-layout: fixed;
}

/* リスト */

.list_normal li {
  margin: 0 0 10px;
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}

.list_normal li::before {
  content: '●';
  margin-right: 5px;
  font-size: 13px;
  font-family: sans-serif;
  color: #79abc2;
}

.list_number {
  padding: 0 0 0 25px;
}

.list_number li {
  list-style: decimal;
  margin: 0 0 10px;
}

/* 定義リスト */

.dl_normal {
  overflow: hidden;
}

.dl_normal dt {
  float: left;
  display: inline-block;
  clear: both;
}

.dl_normal dt::before {
  content: '●';
  margin-right: 2px;
  font-family: sans-serif;
  color: #79abc2;
}

.dl_normal dd {
  float: left;
  display: inline-block;
  margin-bottom: 20px;
}

.dl_normal a {
  color: #79abc2;
}

/* 装飾 */

.topMainVisual {
  position: relative;
  /* background: url(../img/top/main_visual.jpg) center bottom/cover; */
  /* padding-bottom: 47%; */
  background: url(../img/top/main_visual.jpg) center center/cover;
  height: 560px;
}

.topMainVisual_copy {
  position: absolute;
  left: 50%;
  /* top: 11%; */
  max-width: 675px;
  width: 100%;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 5%;
}

.topPhilosophy {
  margin: 0 0 50px;
  padding: 75px 0;
  background: url(../img/top/bg_philosophy.jpg);
}

.topPhilosophy_text {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  width: 100%;
  margin-top: 40px;
  padding: 0 82px;
}

.topPhilosophy_text p {
  line-height: 240%;
  font-size: 1.6rem;
  color: #fff;
}

.topBusiness {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  width: 100%;
}

.businessList li {
  font-weight: bold;
  padding: 15px 0 8px 1.7rem;
  border-bottom: 1px dotted #b2b2b2;
}

.businessList li::before {
  content: '●';
  margin-right: 3px;
  margin-left: -1.8rem;
  font-family: sans-serif;
  color: #79abc2;
}

.businessList li p {
  font-weight: normal;
}

.topNewsSec {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px dotted #b2b2b2;
}

.topNewsSec_date {
  max-width: 150px;
  width: 100%;
  font-weight: bold;
}

.topNewsSec_title a {
  text-decoration: underline;
}

.topNewsSec_title a:hover {
  color: #79abc2;
}

.TopContentslink .btn {
  display: block;
}

.TopContentslink .btn_title {
  max-width: 180px;
  width: 100%;
}

.topFacebook {
  max-width: 483px;
  min-height: 400px;
}

.topFacebook .fb_iframe_widget,
.topFacebook .fb_iframe_widget span,
.topFacebook .fb_iframe_widget iframe[style] {
  width: 100% !important;
}

.topTwitter {
  margin-bottom: 40px;
}
.topTwitter .timeline {
  max-width: 483px;
  min-height: 400px;
}
.topTwitter .ie-tw a {
  display: none;
}
@media all and (-ms-high-contrast: none){
  .topTwitter .timeline {
    display: none;
  }
  .topTwitter .ie-tw a {
    padding: 12px 0;
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #00acee;
    border-radius: 7px;
  }
  .topTwitter .ie-tw a:hover {
    opacity: 0.6;
  }
}

.topCorporateprofile {
  padding: 50px 0;
  background: #f8f7f3;
}

.topCorporateprofile .col2_contents .table {
  width: 100%;
}

.topAccess {
  margin: 80px 0;
}

.topAccess_map iframe {
  width: 100%;
  height: 482px;
}

.topContact {
  padding: 50px;
  background: #f5f5f5;
}

.topContact_text {
  display: inline-block;
  margin-bottom: 40px;
  text-align: left;
}

.topContact_form {
  background: #fff;
  padding: 40px 30px 1px;
}

.hokenContents {
  margin-top: 40px;
}
.hokenContents.osusumepc {
  margin: 10px 0 30px 20px;
}

.hokenContents .btn {
  display: block;
  max-width: 408px;
  width: 100%;
  margin: 0 auto 30px;
}

.hokenCompany {
  max-width: 600px;
  margin: 40px auto;
}

.soloelarena {
  display: flex;
  justify-content: center;
  align-items: center;
}

.soloelarena_logo {
  max-width: 168.5px;
  width: 100%;
}

.soloelarena_url {
  margin-left: 30px;
}

.soloelarena_url a {
  color: #79abc2;
}

.soloelarena_url a:hover {
  color: #e45626;
}

.loginImg {
  max-width: 452px;
  width: 100%;
  margin: 30px auto 40px;
}

.loginBtn {
  text-align: center;
}

.loginBtn .btn {
  max-width: 281px;
  width: 100%;
}

@media (min-width: 768px) {
  a:hover img {
    opacity: 0.8;
  }

  p a:hover {
    color: #79abc2;
  }

  .is_2 .col_contents {
    max-width: 46%;
  }

  .is_2 .col_contents:nth-child(even) {
    margin-left: calc(8% - 1px);
  }

  .is_3 .col_contents {
    max-width: 32%;
  }

  .is_3 .col_contents:not(:nth-child(3n + 1)) {
    margin-left: calc(2% - 1px);
  }
}

@media (min-width: 1000px) {
  .sp {
    display: none !important;
  }
}

@media (max-width: 999px) {
  .header_inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  .topPhilosophy_text {
    padding-right: 10px;
    padding-left: 10px;
  }

  .topBusiness {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 75%;
  }

  .pc {
    display: none !important;
  }

  a:active img {
    opacity: 0.8;
  }

  p a:active {
    color: #79abc2;
  }

  .header_inner {
    display: block;
    height: auto;
    padding: 0;
  }

  .header_logo {
    margin: 10px 0 0;
    padding: 0 10px;
  }

  .gNavi {
    height: auto;
    padding: 20px 0 20px;
  }

  .gNavi_ul {
    flex-flow: row wrap;
    justify-content: center;
    height: auto;
    border-bottom: 1px solid #79abc2;
  }

  .gNavi_ul li {
    width: 50%;
    height: auto;
    padding: 5px;
    border-top: 1px solid #79abc2;
  }

  .gNavi_ul li:nth-child(even) {
    border-left: 1px solid #79abc2;
  }

  .gNavi_ul li a {
    font-size: 1.4rem;
  }

  .gNavi_ul li a span::after {
    display: none;
  }

  .gNavi_ul li.is_lastlong {
    width: 100%;
  }

  .footer {
    padding: 30px 0 0;
  }

  .footer_logo {
    width: 70%;
    margin: 0 auto 10px;
    max-width: 100%;
  }

  .footer_address {
    width: 90%;
    margin: 0 auto 30px;
  }

  .footer_address_main {
    text-align: center;
    padding: 0;
  }

  .contents {
    padding-left: 10px;
    padding-right: 10px;
  }

  .article .alignright {
    float: none;
    margin: 10px auto;
  }

  .article .alignleft {
    float: none;
    margin: 10px auto;
  }

  .article img {
    display: block;
    margin: 10px auto;
  }

  .newsAllSec {
    display: block;
    padding: 15px 10px;
  }

  .newsAllSec_date {
    display: block;
    min-width: 100%;
  }

  .pageTitle {
    height: 100px;
    margin-bottom: 40px;
  }

  .pageTitle_main {
    font-size: 2rem;
  }

  .sp_space {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col {
    display: block;
  }

  .col_contents {
    max-width: 100%;
    margin: 0 auto 15px;
  }
  .col_contents.sp_mb { /* add 202303 */
    margin-bottom: 0;
  }

  .is_oneline .col_contents + .col_contents {
    margin-left: auto;
    margin-top: 30px;
  }

  .flImgContents_img {
    max-width: 100%;
  }

  .flImgContents_img.is_fr {
    float: none;
    margin: 0 auto 20px;
  }

  .flImgContents_img.is_fl {
    float: none;
    margin: 0 auto 20px;
  }

  .btn.is_icon a {
    display: flex;
  }

  .btn_text {
    display: block;
    width: 100%;
  }

  .title_section {
    font-size: 2rem;
  }

  .title_undershasen_main {
    font-size: 2rem;
  }

  .table.is_list tr {
    padding-left: 10px;
    padding-right: 10px;
  }

  .table.is_list th {
    padding-left: 0;
  }

  .table.is_list th::before {
    margin-left: 0;
  }

  .table.is_contact tr {
    display: block;
    padding: 10px 0;
  }

  .table.is_contact th,
  .table.is_contact td {
    width: 100%;
    display: block;
    padding: 3px 0;
  }

  .table.sidetitle tr {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .table.sidetitle th,
  .table.sidetitle td {
    display: block;
    width: 100%;
    padding: 0;
  }

  .table.sidetitle th {
    font-weight: bold;
    margin-bottom: 5px;
  }
  

  .topMainVisual {
    height: 50vw;
  }

  .topMainVisual_copy {
    width: 90%;
  }

  .businessList li {
    padding: 20px 0;
  }

  .businessList li::before {
    margin-left: 0;
  }

  .topNewsSec {
    display: block;
    padding: 15px 0;
  }

  .topNewsSec_date {
    display: block;
    min-width: 100%;
  }

  .TopContentslink .btn_title {
    max-width: calc(100% - 35px);
    width: 100%;
  }

  .commingSoon .TopContentslink .btn_title {
    max-width: calc(100% - 75px);
  }

  .topCorporateprofile .col2_contents:nth-child(1) {
    margin-bottom: 0;
    border-bottom: 1px dashed #000;
  }

  .topContact {
    padding: 15px;
  }

  .topContact_form {
    padding: 20px;
  }

  .topContact input,
  .topContact textarea {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 999px) {
  .sp {
    display: none !important;
  }
}
/*# sourceMappingURL=../../maps/style.css.map */


.TopContentslink .btn_title.long {
  max-width: 300px;
  width: 100%;
}
@media (max-width: 767px) {
  .TopContentslink .btn_title.long {
    max-width: calc(100% - 35px);
    width: 100%;
  }
}


/* add 202112 */
/* **************************************
.contents.osusumepc
************************************** */
@media (max-width: 1049px) {
  .contents.osusumepc {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
@media (max-width: 767px) {
  .contents.osusumepc {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.contents.osusumepc .cont_wid01 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .contents.osusumepc .cont_wid01 {
    width: 90%;
  }
}
/* **************************************
おすすめパソコン紹介ページ
************************************** */
.osusumepc_txtsm {
  font-size: 1.4rem;
}
.osusumepc_txt {
  font-size: 1.6rem;
}
.osusumepc_txtlg {
  font-size: 1.8rem;
}
.osusumepc_txtsm.red,
.osusumepc_txt.red,
.osusumepc_txtlg.red {
  color: #d73f2d;
}
.osusumepc_txtsm.blue,
.osusumepc_txt.blue,
.osusumepc_txtlg.blue {
  color: #3a97c2;
}
h3.osusume_h3 {
  font-weight: bold;
  font-size: 2.6rem;
  margin: 0;
}
h4.osusume_h4 {
  font-weight: bold;
  font-size: 2.2rem;
  margin: 10px 0 20px;
  padding-left: 10px;
  border-left: 6px solid #79abc2;
}
@media (max-width: 767px) {
  h4.osusume_h4 {
    margin: 6px 0 12px;
  }
}
.cont_tow-col {
  display: flex;
}
.cont_tow-col .tow-col_box {
  width: 50%;
}
.cont_tow-col .tow-col_box.right {
  padding-left: 15px;
}
.cont_tow-col .tow-col_box.left {
  padding-right: 15px;
}
@media (max-width: 767px) {
  .cont_tow-col {
    display: block;
  }
  .cont_tow-col .tow-col_box {
    width: 100%;
    margin-bottom: 10vw;
  }
  .cont_tow-col .tow-col_box.right {
    padding-left: 0;
  }
  .cont_tow-col .tow-col_box.left {
    padding-right: 0;
  }
}
.osusume_point {
  display: flex;
}
.osusume_point .point01 {
  display: block;
  padding: 10px 10px 8px;
  color: #e54166;
  border: solid 3px #e54166;
  font-size: 1.7rem;
  font-weight: bold;
}
.osusume_point .point02 {
  display: flex;
  align-items: center;
  padding-left: 12px;
  color: #e54166;
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .osusume_point .point01 {
    display: inline-block;
    padding: 6px 8px 5px;
    font-size: 1.4rem;
  }
  .osusume_point .point02 {
    padding-left: 10px;
    font-size: 1.6rem;
  }
}
.osusume_img {
  height: 360px;
}
.osusume_kakaku {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.osusume_kakaku .kakaku01 {
  display: block;
  padding: 2px 5px;
  margin: 16px 6px;
  background: #d73f2d;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}
.osusume_kakaku .kakaku02 {
  display: block;
  padding: 0 0 0 10px;
  color: #d73f2d;
  font-size: 4rem;
  font-weight: bold;
}
.osusume_kakaku .kakaku02 span.txt {
  color: #000;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .osusume_kakaku {
    display: block;
    width: 86%;
    margin: 14px auto;
  }
  .osusume_kakaku .kakaku01 {
    display: inline-block;
    padding: 0 8px;
    margin: 0;
    font-size: 1.8rem;
  }
  .osusume_kakaku .kakaku02 {
    font-size: 3.2rem;
    text-align: center;
  }
}
.osusume_spec {
  margin: 30px 0 20px;
  height: 350px;
}
@media (max-width: 1049px) {
  .osusume_spec {
    height: 440px;
  }
}
@media (max-width: 767px) {
  @media (max-width: 1049px) {
    .osusume_spec {
      height: auto;
    }
  }
}
.osusume_spec .table.is_simple {
  width: 100%;
}
.osusume_spec .table.is_simple th {
  width: 30%;
}
.osusume_spec .table.is_simple td {
  width: 70%;
}
.pc-view {
  width: 1050px;
}
@media (max-width: 1049px) {
  .pc-view {
    width: 96vw;
  }
}
@media (max-width: 767px) {
  .pc-view {
    width: auto;
  }
}
.sp-view {
  visibility: hidden;
}
@media (max-width: 1049px) {
  .sp-view {
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  .sp-view {
    visibility: visible;
  }
}
.pcpoint {
  height: 270px;
}
@media (max-width: 1049px) {
  .pcpoint {
    height: 280px;
  }
}
@media (max-width: 767px) {
  .pcpoint {
    height: auto;
  }
}
.pcspec_note {
  height: 50px;
}
@media (max-width: 1049px) {
  .pcspec_note {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .pcspec_note {
    height: auto;
  }
}
.pcspec01 {
  height: 590px;
}
.pcspec02 {
  height: 590px;
}
.pcspec03 {
  height: 610px;
}
.pcspec04 {
  height: 580px;
}
@media (max-width: 1049px) {
  .pcspec01 {
    height: 610px;
  }
  .pcspec02 {
    height: 610px;
  }
  .pcspec03 {
    height: 630px;
  }
  .pcspec04 {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .pcspec01,
  .pcspec02,
  .pcspec03,
  .pcspec04 {
    height: auto;
  }
}
.pcspec_chart01 {
  padding-top: 20px;
  height: 330px;
}
.pcspec_chart02 {
  padding-top: 20px;
  height: 180px;
}
.pcspec_chart03 {
  padding-top: 20px;
  height: 180px;
}
.pcspec_chart04 {
  padding-top: 20px;
  height: 180px;
}
/* @media (max-width: 1049px) {
  .pcspec_chart01 {
    height: 300px;
  }
  .pcspec_chart02 {
    height: 150px;
  }
  .pcspec_chart03 {
    height: 150px;
  }
  .pcspec_chart04 {
    height: 150px;
  }
} */
@media (max-width: 767px) {
  .pcspec_chart01,
  .pcspec_chart02,
  .pcspec_chart03,
  .pcspec_chart04 {
    height: auto;
  }
}
table.is_osusumepc01 {
  width: 100%;
  border-top: #bab9b9 1px solid;
  border-left: #bab9b9 1px solid;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
}
table.is_osusumepc01 th,
table.is_osusumepc01 td {
  border-bottom: #bab9b9 1px solid;
  border-right: #bab9b9 1px solid;
  box-sizing: border-box;
  padding: 5px;
}
table.is_osusumepc01 th.color,
table.is_osusumepc01 td.color {
  background-color: #cbe4f0;
}
table.is_osusumepc01 th {
  font-weight: bold;
  text-align: center;
}
table.is_osusumepc01 .center {
  text-align: center;
}
table.is_osusumepc01 .small {
  font-size: 90%;
}
table.is_osusumepc01 .th-small01 {
  font-size: 90%;
  padding: 2px 0;
}
table.is_osusumepc01 .th-small02 {
  font-size: 80%;
  padding: 2px 0;
}
.comment_Box {
  height: 140px;
  margin-bottom: 20px;
}
@media (max-width: 1049px) {
  .comment_Box {
    height: 22vw;
  }
}
@media (max-width: 767px) {
  .comment_Box {
    height: auto;
    margin-bottom: 30px;
  }
}
.pcpoint_Box {
  width: 100%;
  /* height: auto; */
  height: 290px;
  /* padding: 20px; */
  padding: 10px 20px 20px;
  border: solid 6px #afdcde;
  border-radius: 20px;
}
.pcpoint_Box img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 1049px) {
  .pcpoint_Box {
    /* height: 250px; */
    height: 300px;
  }
}
@media (max-width: 767px) {
  .pcpoint_Box {
    height: auto;
    margin-bottom: 20px;
  }
}
.pcspec_note_Box {
  text-align: center;
}
.pcspec_note_Box .pn_cont {
  display: inline-block;
  border: solid 1px #bab9b9;
  text-align: center;
}
.pcspec_note_Box .pn_cont .pn_txt {
  margin: 10px 20px;
}
@media (max-width: 767px) {
  .pcspec_note_Box .pn_cont {
    text-align: left;
  }
}
h3.pc_h3 {
  font-weight: bold;
  font-size: 2.6rem;
  margin: 10px 0 20px;
  background: linear-gradient(transparent 70%, #afdcde 30%);
}
h3.pc_h3.inline_b {
  display: inline-block;
}
@media (max-width: 767px) {
  h3.pc_h3 {
    font-size: 2.2rem;
    margin: 10px 10px 10px 5px;
  }
}
h3.pc_h3 .red {
  color: #e54166;
}
h3.hoshou_h3 {
  font-weight: bold;
  font-size: 2.6rem;
  margin: 10px 0 20px;
  background: linear-gradient(transparent 70%, #efd5e4 30%);
}
@media (max-width: 767px) {
  h3.hoshou_h3 {
    font-size: 2.2rem;
    margin: 10px 10px 10px 5px;
    background: none;
    padding-left: 10px;
    border-left: 14px solid #efd5e4;
    border-bottom: 2px solid #efd5e4;
  }
}
h3.hoshou_h3 .red {
  color: #e54166;
}
.hoshou_tit img {
  width: auto;
  max-width: 1050px;
}
@media (max-width: 767px) {
  .hoshou_tit img {
    max-width: 100%;
  }
}
.hoshouWrap {
  padding: 20px 35px;
  margin-bottom: 20px;
  background-color: #fdf9d9;
  border-radius: 20px;
}
.hoshouBox {
  display: flex;
  margin: 20px 0;
}
.hoshouBox .h_left {
  width: 47%;
  padding-right: 10px;
}
.hoshouBox .h_right {
  width: 53%;
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .hoshouBox {
    display: block;
  }
  .hoshouBox .h_left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .hoshouBox .h_right {
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    display: block;
  }
}
.hoshou_frame {
  border: solid 1px #000;
  padding: 4px 8px;
}
@media (max-width: 767px) {
  .hoshou_frame {
    padding: 8px 12px;
    margin-top: 10px;
  }
}
/* **************************************
TOPページボタン追加
************************************** */
.btn.is_yellow > a {
  display: block;
  padding: 14px 14px 13px 16px;
  margin: 0 -4px 0 0;
  background: #ffffb3;
  border: solid 1px #ccc;
  font-weight: bold;
  font-size: 1.7rem;
  /* z-index: 2; */
}
.btn.is_yellow > a:hover {
  background: #ffe666;
}
.btn.is_yellow > a .notice {
  display: inline-block;
  padding: 0px 7px 1px;
  margin: 0 10px 0 0;
  background: #ff9500;
  color: #fff;
  border-radius: 20px;
}
/* add-end*/

/* **************************************
other
************************************** */
.title_undershasen_main.large {
  font-size: 2.8rem;
}
@media (max-width: 767px) {
  .title_undershasen_main.large {
    font-size: 2rem;
    padding-bottom: 4px;
  }
}

.notes {
  font-size: 70%;
  vertical-align: top;
}
.bold {
  font-weight: bold !important;
}
.ind {
 text-indent: -1em;
 padding-left: 1em;
}
.ind3 {
 text-indent: -3em;
 padding-left: 3em;
}

.mb00 {
  margin-bottom: 0 !important;
}
.mb05 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}

.mt00 {
  margin-top: 0 !important;
}
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !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;
}
.mt70 {
  margin-top: 70px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt100 {
  margin-top: 100px !important;
}

.ml05 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml30 {
  margin-left: 30px !important;
}

.mr05 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}

.pc_alcenter {
  text-align: center;
}
@media (max-width: 767px) {
  .pc_alcenter {
    text-align: left;
  }
}


/* add 202211 */
.topNews {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  width: 100%;
}
@media (max-width: 999px) {
  .topNews {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.topSns {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  width: 100%;
}
@media (max-width: 999px) {
  .topSns {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.topArea {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  width: 100%;
}
@media (max-width: 999px) {
  .topArea {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.topArea p {
  font-size: 1.6rem;
}

.TopContentslink.TopArea_Btn {
  display: flex;
  justify-content: center;
}
.TopContentslink.TopArea_Btn .btn_wid25 {
width: 24%;
margin-right: 20px;
}
.TopContentslink.TopArea_Btn .btn_wid30 {
width: 30%;
margin-right: 20px;
}
.TopContentslink.TopArea_Btn .btn_wid25:last-child,
.TopContentslink.TopArea_Btn .btn_wid30:last-child {
margin-right: 0;
}
.TopContentslink.TopArea_Btn .btn.is_blue > a {
  display: flex;
  align-items: center;
  height: 100%;
}
.TopContentslink.TopArea_Btn .btn_title {
  max-width: none;
  width: auto;
}
@media (max-width: 767px) {
  .TopContentslink.TopArea_Btn {
    flex-direction: column;
  }
  .TopContentslink.TopArea_Btn .btn_wid25,
  .TopContentslink.TopArea_Btn .btn_wid30 {
  width: 100%;
  margin-right: 0;
  }
}

h4.apartment_h4 {
  color: #79abc2;
  border-top: #79abc2 1px solid;
  border-bottom: #79abc2 1px solid;
  padding: 4px 10px;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 2.2rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  h4.apartment_h4 {
    font-size: 1.8rem;
  }
}

/* **************************************
.topBanner
************************************** */
.topBanner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.topBanner .banner {
  width: 19%;
}
.topBanner .banner:nth-child(4n) {
  margin-right: 0;
}
.topBanner img {
  width: 100%;
}
@media (max-width: 999px) {
  .topBanner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .topBanner {
    flex-direction: column;
  }
  .topBanner .banner {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  .topBanner img {
    width: 100%;
  }
}

/* **************************************
.pamphlet_box
************************************** */
.pamphlet_box {
  display: flex;
  justify-content: center;
}
.pamphlet_box .pamphlet_cont {
  width: 32%;
  margin-right: 2%;
}
.pamphlet_box .pamphlet_cont:last-child {
  margin-right: 0;
}
.pamphlet_box .pamphlet_cont img.border {
  border: solid 1px #ccc;
}
@media (max-width: 767px) {
  .pamphlet_box {
    flex-direction: column;
    align-items: center;
  }
  .pamphlet_box .pamphlet_cont {
    width: 80%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

/* **************************************
.pamphlet_box02
************************************** */
.pamphlet_box02 {
  display: flex;
  justify-content: space-between;
  width: 86%;
  margin: 0 auto;
}
.pamphlet_box02 .pamphlet_cont {
  width: 40%;
  width: 46%;
  /* margin-right: 6%; */
}
/* .pamphlet_box02 .pamphlet_cont:last-child {
  margin-right: 0;
} */
.pamphlet_box02 .pamphlet_cont img.border {
  border: solid 1px #ccc;
}
@media (max-width: 767px) {
  .pamphlet_box02 {
    flex-direction: column;
    align-items: center;
  }
  .pamphlet_box02 .pamphlet_cont {
    width: 80%;
    /* margin-right: 0; */
    margin-bottom: 30px;
  }
}

/* **************************************
.pamphlet_box03
************************************** */
.pamphlet_box03 {
  width: 86%;
  margin: 0 auto;
}
.pamphlet_box03 .pamphlet_cont {
  width: 100%;
}
.pamphlet_box03 .pamphlet_cont img.border {
  border: solid 1px #ccc;
}
@media (max-width: 767px) {
  .pamphlet_box03 .pamphlet_cont {
    width: 100%;
    margin-bottom: 30px;
  }
}


/* **************************************
.apartmentBox
************************************** */
.apartmentBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.apartmentBox .photo {
  width: 32%;
}
.apartmentBox .photo .photo_small01,
.apartmentBox .photo .photo_small02 {
  text-align: center;
}
.apartmentBox .photo .photo_small01 img {
  width: 90%;
}
.apartmentBox .photo .photo_small02 img {
  width: 80%;
}
.apartmentBox .text {
  width: 65%;
}
@media (max-width: 767px) {
  .apartmentBox {
    display: block;
  }
  .apartmentBox .photo {
    width: 90%;
    margin: 0 auto 30px;
  }
  .apartmentBox .photo .photo_small01 img {
    width: 95%;
  }
  .apartmentBox .photo .photo_small02 img {
    width: 85%;
  }
  .apartmentBox .text {
    width: 100%;
  }
  .apartmentBox .text .t01 {
    text-align: center;
  }
}

/* **************************************
.apartmentLink
************************************** */
.apartmentLink a {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: all 0.3s;
}
.apartmentLink a:hover {
  opacity: 0.7;
}
.apartmentLink a .link_btn {
  display: inline-block;
  padding: 16px 30px;
  border-radius: 100px;
  text-align: center;
}
.apartmentLink a .link_btn.blue {
  background-color: #79abc2;
  color: #fff;
}
.apartmentLink a .link_img {
  width: 20%;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .apartmentLink a {
    flex-direction: column;
    width: 96%;
    margin: 0 auto;
  }
  .apartmentLink a .link_btn {
    width: 100%;
    padding: 16px 30px;
  }
  .apartmentLink a .link_img {
    margin: 20px auto 0;
    width: 60%;
  }
}

/* **************************************
table.is_apartment
************************************** */
table.is_apartment {
  border-top: #bab9b9 1px solid;
  border-left: #bab9b9 1px solid;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
}
table.is_apartment th,
table.is_apartment td {
  border-bottom: #bab9b9 1px solid;
  border-right: #bab9b9 1px solid;
  box-sizing: border-box;
}
table.is_apartment th {
  background-color: #79abc2;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 10px;
}
table.is_apartment th .tit_box {
  display: flex;
  justify-content: space-between;
}
table.is_apartment th .tit_box .title {
}
table.is_apartment th .tit_box .point {
  border: solid 2px;
  padding: 1px 5px;
  font-size: 80%;
}
table.is_apartment th .tit_box .point.pink {
  border: solid 2px #ff668a;
  color: #ff668a;
  background-color: #fff;
}
table.is_apartment td {
  padding: 6px 10px;
}
table.is_apartment td.color {
  background-color: #cbe4f0;
}
table.is_apartment td.wid01 {
  width: 22%;
}
table.is_apartment td.wid02 {
  width: 28%;
}
@media (max-width: 767px) {
  table.is_apartment th {
    font-size: 1.6rem;
  }
}

/* **************************************
.textBox_flex
************************************** */
.textBox_flex {
  display: flex;
  justify-content: space-between;
}
.textBox_flex .tBox_cont {
  padding-right: 20px;
}
.textBox_flex .tBox_cont:last-child {
  padding-right: 0;
}
.textBox_flex .tBox_cont.txt {
  width: 70%;
}
.textBox_flex .tBox_cont.image {
  width: 30%;
}
.textBox_flex .tBox_cont img.border {
  border: solid 1px #ccc;
}
@media (max-width: 767px) {
  .textBox_flex {
    flex-direction: column;
    align-items: center;
  }
  .textBox_flex .tBox_cont {
    padding-right: 0;
    padding-bottom: 20px;
  }
  .textBox_flex .tBox_cont:last-child {
    padding-bottom: 0;
  }
  .textBox_flex .tBox_cont.txt {
    width: 100%;
  }
  .textBox_flex .tBox_cont.image {
    width: 90%;
  }
}

/* **************************************
other02
************************************** */
.txt_red {
  color: #e54166 !important;
}
.txt_purple {
  color: #7700b3 !important;
}
.txt_blue {
  color: #0186D1;
}
.txt_lightblue {
  color: #79abc2;
}
.txt_orange {
  color: #f80;
}
.txt_red_2 {
  color: #f00;
}

.inlineBlock {
  display: inline-block;
}

.underline {
  text-decoration: underline;
}

.pcon {
  display: block !important;
}
@media (max-width: 767px) {
  .pcon {
    display: none !important;
  }
}
.spon {
  display: none !important;
}
@media (max-width: 767px) {
  .spon {
    display: block !important;
  }
}

.wid_90_center {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .wid_90_center {
    width: 100%;
    margin: 0 auto;
  }
}

.wid_80_center {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .wid_80_center {
    width: 100%;
    margin: 0 auto;
  }
}

.wid_70_center {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .wid_70_center {
    width: 100%;
    margin: 0 auto;
  }
}

.wid_60_center {
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .wid_60_center {
    width: 100%;
    margin: 0 auto;
  }
  .wid_60_center.sp_wid {
    width: 80%;
    margin: 0 auto;
  }
}

.wid_50_center {
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .wid_50_center {
    width: 100%;
    margin: 0 auto;
  }
  .wid_50_center.sp_wid {
    width: 80%;
    margin: 0 auto;
  }
}

.smtxt50 {
  font-size: 50% !important;
}
.smtxt60 {
  font-size: 60% !important;
}
.smtxt70 {
  font-size: 70% !important;
}
.smtxt80 {
  font-size: 80% !important;
}
.smtxt90 {
  font-size: 90% !important;
}

.lgtxt110 {
  font-size: 110% !important;
}
.lgtxt120 {
  font-size: 120% !important;
}
.lgtxt130 {
  font-size: 130% !important;
}
.lgtxt140 {
  font-size: 140% !important;
}
.lgtxt150 {
  font-size: 150% !important;
}
.lgtxt180 {
  font-size: 180% !important;
}
.lgtxt200 {
  font-size: 200% !important;
}

.youtubeBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtubeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* add end */

/* add 202310、202312 */
/* **************************************
.btn_blue
************************************** */
.btn_blue {
  text-align: center;
}
.btn_blue a {
  display: inline-block;
  padding: 16px 20px;
  border-radius: 100px;
  background-color: #79abc2;
  color: #fff;
  opacity: 1;
  transition: all 0.3s;
}
.btn_blue a:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .btn_blue a {
    padding: 16px 30px;
  }
}
.radiusnone {
  border-radius: 0 !important;
}
.bgPurple {
  background: #6F4C77 !important;
}

/* **************************************
.btn_orage
************************************** */
.btn_orage {
  text-align: center;
}
.btn_orage a {
  display: inline-block;
  padding: 16px 20px;
  border-radius: 100px;
  background-color: #c66b00;
  color: #fff;
  opacity: 1;
  transition: all 0.3s;
}
.btn_orage a:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .btn_orage a {
    padding: 16px 30px;
  }
}
/* add end */

/* add 202311 */
/* **************************************
おすすめパソコン　購入のご案内
************************************** */
.pc_info p {
  margin-bottom: 0;
}
.pc_info .txt_red {
  color: #e60012 !important;
}
/* .pc_info_kikan --------------------- */
.pc_info_kikan {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto 30px;
}
.pc_info_kikan .kikan_cont01 {
}
.pc_info_kikan .kikan_cont02 {
  text-align: center;
}
.pc_info_kikan .k_text01 {
  font-size: 3.7rem;
  font-weight: bold;
}
.pc_info_kikan .k_text02 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #e60012;
}
@media (max-width: 1050px) {
  .pc_info_kikan .kikan_cont01 {
    width: 13%;
  }
  .pc_info_kikan .kikan_cont02 {
    width: 86%;
  }
  .pc_info_kikan .k_text01 {
    font-size: 3rem;
  }
  .pc_info_kikan .k_text02 {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .pc_info_kikan .kikan_cont01 {
    width: 28%;
  }
  .pc_info_kikan .kikan_cont02 {
    width: 71%;
  }
  .pc_info_kikan .k_text01 {
    font-size: 2rem;
  }
  .pc_info_kikan .k_text02 {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
/* .pc_info_access --------------------- */
.pc_info_access {
  width: 100%;
  margin: 0 auto 20px;
}
.pc_info_access .a_text01 {
  font-size: 2.2rem;
  text-align: center;
}
.pc_info_access .a_text02 {
  font-size: 2.2rem;
  text-align: center;
}
.pc_info_access .a_text02 span {
  font-size: 3.7rem;
  font-weight: bold;
}
@media (max-width: 1050px) {
}
@media (max-width: 767px) {
  .pc_info_access .a_text01 {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 16px;
  }
  .pc_info_access .a_text02 {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
  }
  .pc_info_access .a_text02 span {
    font-size: 2rem;
  }
}
/* .pc_info_mousikomi --------------------- */
.pc_info_mousikomi {
  position: relative;
  border: solid 2px #231815;
  width: 80%;
  padding: 20px 10px 20px 20px;
  margin: 0 auto 30px;
}
.pc_info_mousikomi::after {
  position: absolute;
  right: -10px;
  bottom: -10px;
  content: " ";
  width: 100%;
  height: 100%;
  background-color: #faee00;
  z-index: -1;
}
.pc_info_mousikomi .m_text01 {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.pc_info_mousikomi .m_text01 span {
  font-size: 2.6rem;
}
.pc_info_mousikomi .m_text02 {
  text-align: center;
}
.pc_info_mousikomi .m_img {
  width: auto;
  max-width: 100%;
  margin-bottom: 10px;
}
.pc_info_mousikomi .m_text03 {
  font-weight: bold;
  color: #e60012;
}
@media (max-width: 1050px) {
}
@media (max-width: 767px) {
  .pc_info_mousikomi .m_text01 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .pc_info_mousikomi .m_text01 span {
    font-size: 2rem;
  }
  .pc_info_mousikomi .m_text02 {
    margin-bottom: 16px;
  }
}
/* .pc_info_otodoke --------------------- */
.pc_info_otodoke {
  width: 80%;
  margin: 0 auto 20px;
}
.pc_info_otodoke .dl_normal {
  font-size: 2rem;
  font-weight: bold;
}
.pc_info_otodoke .o_text01 {
  font-size: 1.6rem;
}
@media (max-width: 1050px) {
  .pc_info_otodoke .dl_normal {
    font-size: 1.8rem;
  }
  .pc_info_otodoke .o_text01 {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .pc_info_otodoke .dl_normal {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .pc_info_otodoke .dl_normal p {
    line-height: 1.5;
    margin: 10px 0 0 1em;
  }
  .pc_info_otodoke .o_text01 {
    font-size: 1.2rem;
  }
}
/* add end */

/* add 202401 */
.topSns_icon {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  width: 100%;
}
.topSns_icon ul {
  display: flex;
  justify-content: center;
  width: 100%;
}
.topSns_icon ul li {
  width: 6%;
  margin: 0 1%;
  border: solid 1px #ccc;
}
.topSns_icon ul li a {
  display: block;
  padding: 16%;
}
.topSns_icon ul li a:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .topSns_icon ul li {
    width: 18%;
    margin: 0 2%;
  }
}
/* add end */

/* add 202402 */
.singlelife_tokucho {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.singlelife_tokucho .tokucho_img {
  width: 48%;
}
@media (max-width: 767px) {
  .singlelife_tokucho {
    flex-direction: column;
  }
  .singlelife_tokucho .tokucho_img {
    width: 100%;
  }
}
.singlelife_toiawase {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  border: solid 2px red;
}
.singlelife_toiawase .toiawase_tit {
  width: 20%;
  padding: 10px;
  margin: 0;
  background-color: red;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.singlelife_toiawase .toiawase_img {
  width: 80%;
  padding: 0 10px;
  margin: 0;
  display: flex;
  align-items: center;
}
.singlelife_toiawase .toiawase_img p {
  padding: 6px 10px;
  margin: 0;
}
@media (max-width: 767px) {
  .singlelife_toiawase {
    flex-direction: column;
  }
  .singlelife_toiawase .toiawase_tit {
    width: 100%;
    font-size: 20px;
  }
  .singlelife_toiawase .toiawase_img {
    width: 100%;
    flex-direction: column;
  }
  .singlelife_toiawase .toiawase_img img {
    max-width: 100%;
    height: 8vw;
  }
}
/* add end */

/* add 202407 */
.apartment_otoiawase_box {
  display: flex;
  justify-content: space-between;
}
.apartment_otoiawase_box .otoiawase_cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
}

@media (max-width: 767px) {
  .apartment_otoiawase_box {
    flex-direction: column;
  }
  .apartment_otoiawase_box .otoiawase_cont {
    width: 100%;
    margin-bottom: 50px;
  }
}
/* add end */

.insuranceImgBorder {
  width: auto;
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc;
}