@charset "utf-8";
/* CSS Document */
/* 目次 
1. リセット
2. 共通（レイアウト・その他・見出し・ボタン・ヘッダー・フッター・ぱんくず・TOP)
3. TOP
4. お問い合わせ
5. thanks 404　共通
*/

/*=================== SP大き目ここから ==================*/
@media screen and (min-width: 480px) {
/* ※トップとLLC共通*/
.top_page #benefit .flex-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#to-contact-long .img.character img {
  margin-left: calc(3vw + 1px);
  margin-right: auto;
  max-width: 90px;
}
.top_page #sub-menu .wrap-ss .flex-box .flow .title {
  padding: 2rem;
  font-size: 17px;
  font-size: 1.7rem;
}
#llc #osusume .bg ul {
  padding:40px 9%;
}

/*===========================
#support-new-business 新設法人を徹底サポート
===========================*/
#support-new-business .con07 .flex-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
#support-new-business .feature-box{
  width: calc(50% - 10px);
}
}
/*=================== TBここから ==================*/
@media screen and (min-width: 700px) {
/**************************************************
2. 共通（レイアウト・その他・見出し・ボタン・ヘッダー・フッター・ぱんくず共通)
**************************************************/
/*------------------------------
基本スタイル ※変更不可
------------------------------*/
.sp { display: none; }
.tb { display: block; }	
.pc { display: none; }	
/*------------------------------
レイアウト ※変更不可
------------------------------*/
/*wrap共通*/
.wrap{
  padding: 75px 0 0;
}
.wrap-m{
  width: 90%;
}
/*------------------------------
ボタン ※変更不可
------------------------------*/
.blue-btn .btn {
  font-size: 20px;
  font-size: 2.0rem;
  padding: 3rem 2rem;
  border-radius: 60px;
  align-items: center;
}
/*------------------------------
テーブル共通
------------------------------*/
.table table {
  width: 100%;
}
.table tbody th,.table tbody td {
  display: table-cell;
}
/*------------------------------
pageTopボタン ※変更不可
------------------------------*/
#pageTop img {
  max-width: 50px;
}

/*------------------------------
.common-check-box ※1カラムページ共通
------------------------------*/
.common-check-box .green-text {
  font-size: 26px;
  font-size: 2.6rem;
}
.common-check-box ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.3;
  background-position-y: 10px;
}
.common-check-box .img img {
  max-width: 100px;
}
.common-check-box .flex-box .box.list {
  padding: 2rem;
  max-width: 420px;
}
.common-check-box {
  width: 90%;
  margin: 2rem auto 0;
}

/*------------------------------
共通 ※変更不可
------------------------------*/
/* ヘッダー */
#header .logo img {
  max-width: 200px;
  display: block;
  height:auto;
  padding-left: 8px;
}
#footer .flex-box {
  display: inline-flex;
  flex-direction: revert;
  flex-wrap: revert;
  justify-content: space-between;
}
/* #footer */
#footer ul li {
  line-height: 2.4;
  font-size: 14px;
  font-size: 1.4rem;
}
.common-contact-box .box {
  max-width: 280px;
  padding: 1rem 2rem;
  margin-right: 1rem;
}

/**************************************************
TOP
***************************************************/
#top .mv .note {
  text-align: right;
  margin-bottom: 0;
  margin-top: 0;
}
/*TOPページ共通見出し*/
#top .h-balloon,#llc .h-balloon,#smile-lp .h-balloon {
  padding: 7px 10px;
  min-width: 120px;
  color: #FFFFFF;
  font-size: 20px;
  font-size: 2.0rem;
  border-radius: 30px;
  margin: 3rem auto;
  max-width: 1000px;
}
#top .h-balloon:before,#llc .h-balloon:before,#smile-lp .h-balloon:before {
  top: 100%;
  left: 50%;
}
/* ※トップとLLC共通*/
.top_page .h3-side-bdr {
  padding: 0 65px;
  max-width: 500px;
  margin: 2rem auto;
}
.top_page .h3-side-bdr:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  max-width: 100%;
  background: #EBCE0F;
}
.top_page .h3-side-bdr span {
  position: relative;
  padding: 0 1em;
  background: #fdf9df;
  font-weight: 400;
}
/*TOPページ MV*/
.img-mv{
    padding-top: 0%;
    padding-bottom: 1px;
}
#top-teikan .table table{
  width: 100%;
}
#top #top-about-tohon .flex-box {
  display: block;
  flex-wrap: nowrap;
  justify-content: space-between;
}
/*------------------------------
.common-first-contact ※1カラムページ共通
------------------------------*/
.common-first-contact {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 20px;
  font-size: 2.0rem;
  padding: 32px 0 6rem;
  background-color: #FBF5CB;
  background-repeat: no-repeat;
  background-image: url(../images/top/first-bg-parts.png),url(../images/top/first-bg-parts.png);
  background-position-y: top,bottom;
  background-position-x: right,left;
  background-size: contain;
  border-bottom: 11px solid #F5E682;
}
.common-first-contact .img.character img {
  width: auto;
}
.common-first-contact h2.h2-ttl-first {
  font-size: 30px;
  font-size: 3.0rem;
  margin-bottom: 16px;
}
.common-first-contact h2.h2-ttl-first .large {
  font-size: 35px;
  font-size: 3.5rem;
}
.common-first-contact h2.h2-ttl-first .large::after {
  max-width: 400px;
}
.common-first-contact h3.h3-box {
  font-size: 23px;
  font-size: 2.3rem;
}
.common-first-contact h3.h3-box .large {
  font-size: 35px;
  font-size: 3.5rem;
}
/*ballon*/
.common-first-contact .balloon{
  margin: 40px 0 1rem;
  padding: 12px 32px;
  margin: 0 0 32px;
}
.common-first-contact .blue-btn .btn {
  max-width: 440px;
}

/*------------------------------
.common-about-tokyo-smile ※1カラムページ共通
------------------------------*/
.common-about-tokyo-smile .img.sogyo img {
  margin-right: 2%;
}
.common-about-tokyo-smile .img.mie-icon {
  margin-top: -90px;
}
.common-about-tokyo-smile h2.h2-ttl-special.bg {
  background-size: auto;
  background-position-y: top;
  background-position-x: center;
  height: 200px;
  padding-top: 48px;
}
.common-about-tokyo-smile h2.h2-ttl-special {
  font-size: 36px;
  font-size: 3.6rem;
}
.common-about-tokyo-smile h2.h2-ttl-special .large{
  font-size: 40px;
  font-size: 4rem;
}
.common-about-tokyo-smile .lead p{
  font-size: 18px;
  font-size: 1.8rem;
}

/*------------------------------
TOP/speciality
------------------------------*/
#top #speciality .detail {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}
#top #speciality .img.sp {
  display: block;
}
#top #speciality h3.h3-text {
  background-size: 83%;
  font-size: 22px;
  font-size: 2.2rem;
  background-size: 65%;
  padding-bottom: 1rem;
}
#top #speciality h3.h3-text .large {
  font-size: 25px;
  font-size: 2.5rem;
}
#top #speciality .flex-box{
  justify-content: space-around;
}

/*------------------------------
.common-check-box ※1カラムページ共通
------------------------------*/
.common-check-box .green-text {
  font-size: 26px;
  font-size: 2.6rem;
}
.common-check-box ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.3;
  background-position-y: 10px;
}
.common-check-box .img img {
  max-width: 100px;
}
.common-check-box .flex-box .box.list {
  padding: 2rem;
  max-width: 420px;
}
.common-check-box {
  width: 90%;
  margin: 2rem auto 0;
}

/*------------------------------
TOP/benefit
------------------------------*/
/* ※トップとLLC共通*/
.top_page #benefit h3.h3-ttl-benefit.text {
  max-width: 80%;
}
.top_page #benefit .lead {
  margin: 32px 0;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.6;
}
.top_page #benefit .flex-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.top_page #benefit h2.h2-ttl-benefit.bg {
  background-image: url(../../assets/images/top/benefit-h2-bg.png);
  background-position-x: center;
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: auto;
  margin-bottom: 2rem;
}
.top_page #benefit .contain-box:last-child {
  margin-bottom: auto;
}

/*------------------------------
to-contact-long 共通
------------------------------*/
#to-contact-long {
  padding: 2rem 0 5rem;
  position: relative;
  background-color: #EBCE0F;
  background-repeat: no-repeat;
  background-image: url(../images/common/to-contact-bg-parts.png),url(../images/common/to-contact-bg-parts.png);
  background-position-y: top,bottom;
  background-position-x: right,left;
  background-size: contain;
}
#to-contact-long {
  padding: 4rem 0 5rem;
}
/*ballon*/
#to-contact-long .balloon{
  margin: 0 auto -20px;
  max-width: 372px;
}
#to-contact-long .img.character {
  margin: 5px auto 0;
  max-width: 450px;
}
#to-contact-long .img.character img {
  margin-left: calc(0vw + 10px);
}
#to-contact-long .text {
  font-size: 20px;
  font-size: 2.0rem;
}
#to-contact-long .blue-btn .content::before,#to-contact-long .red-btn .content::before{
  font-size: 24px;
font-size: 2.4rem;
}
#to-contact-long .large {
  font-size: 2.8rem;
  font-size: 28px;
}
#to-contact-long .btn .detail {
  font-size: 2.0rem;
  font-size: 20px;
}
#to-contact-long .red-btn .btn .detail {
  font-size: 16px;
  font-size: 1.6rem;
  left: 28%;
  bottom: 5px;
}
#to-contact-long .red-btn .btn .detail .number {
  font-weight: 700;
  display: block;
  text-align: left;
  line-height: 2;
  padding-top: 3%;
  font-size: 20px;
}
#to-contact-long .red-btn .btn .detail .number .large {
  font-size: 3.6rem;
  font-size: 36px;
}

/*------------------------------
#smile-lp min-width: 700px
------------------------------*/
#smile-lp #strength .wrap-ss .flex-box .box {
  margin-left: auto;
}

/*------------------------------
TOP/LP「#strengthは共通」
------------------------------*/
#strength h2.h2-ttl-strength.bg img {
  padding: 1rem 3rem;
}
#strength .h2-box .img img {
  width: auto;
  right: 0;
  bottom: -78px;
  max-width: 95px;
}
#strength .wrap-ss .flex-box .box:first-child {
  margin-top: 3rem;
}
#strength .wrap-ss .flex-box .box {
  padding: 2rem;
  width: 32%;
  max-width: 220px;
  height: 200px;
}
#strength .link-icon.img {
  position: absolute;
  right: -9px;
  left: 0;
  bottom: -25px;
  z-index: 5;
}
#strength .icon.img {
  margin-bottom: 2rem;
  margin-top: -6rem;
}
#strength .wrap-ss .flex-box .box:nth-of-type(2) {
  margin-right: auto;
  margin-left: auto;
}
#strength .link-icon.img img {
  margin-right: 0;
  margin-left: auto;
  max-width: 50px;
}
#strength .wrap-ss .flex-box {
  display: flex;
  max-width: 100%;
}
#strength .wrap-ss .flex-box .box:first-child {
  bottom: -20px;
}
#strength .wrap-ss .flex-box .box:last-child {
  bottom: -20px;
}
#strength .wrap-ss .flex-box .box .bdr-box {
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  padding: 2rem 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}
#strength .wrap-ss .flex-box .box .bdr-box .pc {
  display: block;
}
#strength .h2-box {
  margin-bottom: 3rem;
}
.common-check-box .text {
  font-size: 18px;
  font-size: 1.8rem;
  max-width: 100%;
  line-height: 1.4;
  margin: 2rem 0;
}

/*------------------------------
TOP/strength-01 min-width: 700px
------------------------------*/
#strength-01 {
  padding: 1rem 0 2rem;
  /*margin-top: -40px; */
}
#strength-01 h2.bg {
  background-size: auto;
  background-position-y: top;
  background-position-x: center;
  height: 200px;
  padding-top: 48px;
}
#strength-01 h4.h4-support{
  font-size: 30px;
  font-size: 3.0rem;
  margin-bottom: 0rem;
}
#top-teikan h4.lead-h4 {
  font-size: 24px;
  font-size: 2.4rem;
}
#strength-01 .lead-box .blue{
  font-size: 23px;
  font-size: 2.3rem;
}
#strength-01 .lead-box .marker {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.8;
}
#strength-01 h5.h5-ttl-st01{
  margin-bottom: 1rem;
  font-size: 18px;
  font-size: 1.8rem;
}
#strength-01 p {
  font-size: 14px;
  font-size: 1.4rem;
}
#strength-01 .lead-box .marker {
  background: linear-gradient(transparent 0, #faefb4 0%);
  padding: 0 2rem;
  line-height: 2.0;
  display: inline;
}
#strength-01 .lead-box .pc {
  display: block;
}

/*--------------------------------------------------
　固定ページ 会社の立ち上げをお考えなら会社設立東京スマイルにお任せ下さい page-start-lp
--------------------------------------------------*/
#start-lp .text {
  margin-top: -80px;
  margin-bottom: 40px;
}
#start-lp .catch {
  width: 80%;
  margin-top: -111px;
}

/*template-partsテンプレート cost */
.common-cost .cost-content .flex-box .box .table .bold {
  font-size: 17px;
}
.common-cost .cost-content .flex-box .cost .img img {
    width: 64%;
}
.common-cost .cost-content .img.character img {
  max-width: 93px;
}
.common-cost .cost-content .detail.merit-table {
  margin: 8% auto;
  width: 96%;
}
.common-cost .cost-content .detail.merit-table table th {
  padding:1.4rem 1.4rem;
}
.common-cost .cost-content .table tbody th {
  width: 50%;
  border-bottom: 1px solid #ffffff;
  padding: 2rem 1.4rem;
}
.common-cost .cost-content .contain-box .merit-table tbody td{
  border-top: 1px solid #F5EFC8;
  border-bottom: 1px solid #F5EFC8;
  border-right: 1px solid #F5EFC8;
  border-left: 1px solid #F5EFC8;
  margin-bottom: 24px;
  line-height: 1.2;
}
.common-cost .cost-content .cost-content .box.cost .sp {
  display: block;
}
.common-cost .cost-content .box.cost .pc img {
  display: block;
  position: absolute;
  bottom: -28px;
  right: 100%;
  width: 100%;
}
.common-cost .cost-content .box.cost {
  position: relative;
  top: 20px;
  max-width: 50%;
  margin: 2rem auto;
}
.common-cost .cost-content .box.cost .sp{
  display: block;
}
.common-cost .cost-content .arrow img {
  margin: 2rem auto;
  max-width: 55px;
}
.common-cost .cost-content .contain-box img {
  max-width: 400px;
}
.common-cost .cost-content .trans-box {
  padding: 4rem;
}
.common-cost .cost-content .contain-box .img.cut {
  max-width: 400px;
}
.common-cost .cost-content .contain-box {
  width: 49%;
  max-width: 446px;
  margin-right: 0;
  margin-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: normal;
  justify-content: center;
}

#top-in-short .no-wrap .flex-box{
  justify-content: center;
}
#top-in-short .no-wrap .white-box {
  max-width: 180px;
  padding: 2rem 2rem;
  font-size: 28px;
}

#top-submenu .wrap-s .flex-box.menu .box img {
  max-width: 100%;
}
#top-submenu .wrap-s .flex-box.menu .box {
  width: 32%;
}

/*#top-teikan 定款　2022年1月追加*/
#top-teikan .table table tr th {
  padding-left: 1rem;
  font-size: 1.5rem;
  font-size: 15px;
}
#top-teikan .table tbody td {
  font-size: 1.5rem;
  font-size: 15px;
}
#top-teikan .wrap-s{
  max-width: 823px;
}

/*表で比べるとよく分かる！ compare table*/
#top-compare .compare .table .flex-box {
  display: table-row;
}
#top-compare .compare .table tbody th.gray {
  width: 60%;
}
#top-compare .compare .table tbody th.smile {
  width: 39%;
}
#top-compare .compare .table tbody th {
  text-align: left;
  width: 30%;
  display: table-cell;
  padding: 2rem;
}
#top-compare .compare .table {
  max-width: 600px;
}
#top-compare .compare .otoku {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}
#top-compare .compare .table tbody td {
  text-align: right;
  display: table-cell;
  float: none;
  width: 35%;
}
#top-compare .compare .table tbody td.total-price {
  padding-right: 1.8rem;
}
#top-compare .compare .table tbody td {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  margin-bottom: 24px;
  line-height: 1.2;
  width: 20%;
}

/*会社設立についてもっと詳しく知りたい方はこちら*/
#top-submenu .flex-box.banner .box {
  max-width: 48%;
  width: auto;
}
#top-submenu .wrap-s .flex-box.menu .title {
  padding: 2rem 1rem;
  font-size: 15px;
}

.bg-triangle {
  padding-bottom: calc(14vw + 10px);
}
.bg-triangle::before {
     border-bottom: 12vw solid #fdf9df;  /* 三角 */
}
.bg-triangle::after {
     border-bottom: 12vw solid #fdf9df; /* 三角 */
}

/*LLCと共通*/
.top_page .price .icon {
  position: absolute;
  bottom: 0;
  right: 0;
}

.top_page .price .flex-box .box h5.kessan {
  background-color:#025884;
  padding: 1.6rem 1rem;
  height: 60px;
}
.top_page .price .flex-box .komon-box:nth-of-type(2) .box {
  padding-bottom: 14px;
}
.top_page .price .komon-box .detail ul {
  width: 60%;
}
.top_page .price .komon-box .h4-ttl-zeimu {
  padding: 0.6rem;
}
.top_page #komon-price {
  margin: auto;
  max-width: 500px;
}

/*------------------------------
TOP/strength-02
------------------------------*/
#top #strength-02{
  padding: 8rem 0 3%;
}
#top #strength-02 .lead {
  padding: 4rem 3rem;
}
#top #strength-02 .point p{
  font-size: 15px;
  font-size: 1.5rem;
}
#top #strength-02 .flex-box .green-box {
  padding: 2rem;
  width: 48%;
}
#top #strength-02 .green-box .monthly {
  font-size: 28px;
  font-size: 2.8rem;
}
#top #strength-02 h2.h-balloon {
  top: 0;
}
#top #strength-02 .h2-icon.img {
  top: -37px;
}
#top #strength-02 .img.osusume img {
  max-width: 70px;
  margin-top: -40px;
}
#top #strength-02 .green-box.dmm .simple-btn .btn {
  max-width: 80%;
}

#top #strength-02 .green-box.mizuho .point {
  margin-top: 0;
  width: 50%;
}
/*あおぞら銀行*/
#strength-02 .aozora-bank .left {
  margin: auto;
  width: 100%;
}

/*みずほ連携*/
#top #strength-02 .green-box.mizuho .left {
  width: 48%;
  margin: 2rem auto;
}
#top #strength-02 .green-box.mizuho ul li {
  font-size: 19px;
  font-size: 1.9rem;
}
#top #strength-02 .green-box.mizuho ul li .img img {
  max-width: 40px;
}

/* ※トップとLLC共通*/
.top_page .green-ribbon {
  max-width: 250px;
  margin: 0 0 22px -42px;
}
.top_page .cooperation {
  padding: 2rem;
}
.top_page .cooperation dl {
  width: 32%;
  height: auto;
  margin-top: 0;
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 12px;
  padding: 16px 10px 10px;
  margin: 2rem auto 1rem;
}
.top_page .green-box h4.h4-ttl-st02 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.4;
}
.top_page .cooperation.flex-box{
  justify-content: start;
}
.top_page .cooperation dl:nth-child(3n) {
  margin-right: 0;
}
/* .top_page .cooperation dl:nth-child(n + 7) {
margin-bottom: 0; 
}
*/
.top_page .cooperation dl:last-child {
  margin-bottom: 2rem;
}
.top_page .img.logo img {
  max-width: 302px;
}
.top_page .cooperation dl dt img {
  max-width: 140px;
  height: 100px;
  width: auto;
}
.top_page .green-box {
  padding: 2rem;
}

/*------------------------------
TOP/LP共通 #strength-03  min-width: 700px
------------------------------*/
#top #strength-03{
  padding: 6rem 0 8rem;
}
#top #strength-03 .h2-icon.img, #smile-lp #strength-03 .h2-icon.img {
  top: -40px;
  left: 5rem;
}
#strength-03 .wrap-s .flex-box.support .box{
  width: 48%;
}

#strength-03 .flex-box{
  flex-wrap: nowrap;
} 
/*------------------------------
TOP/LP/LLC template-parts/yushi-osusume.php .yushi-osusume共通 創業直後が一番のオススメ！ min-width: 700px
------------------------------*/
.yushi-osusume .wrap-sss .flex-box .box {
  margin-top:0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}

.yushi-osusume .first {
  flex-direction: row;
  margin-bottom: 0;
}
.yushi-osusume .success .bdr .large {
  font-size: 20px;
  font-size: 2.0rem;
  padding-right: 4px;
}
.yushi-osusume .wrap-sss .img.point {
  max-width: 40px;
}
.yushi-osusume .second .success .bdr {
  max-width: 100%;
}
.yushi-osusume h4.h4-ttl-st03 {
  font-size: 13px;
  font-size: 1.3rem;
}

/*------------------------------
TOP/LP/LLC .yushi-why共通 なぜ創業時の融資なのか min-width: 700px
------------------------------*/
.yushi-why .flex-box.why{
  flex-wrap: nowrap;
} 
.yushi-why .flex-box.why .box {
  width: 52%;
}
.yushi-why .img img {
  width: auto;
  max-width: 360px;
  position: absolute;
  left: 50%;
  bottom: -60px;
}
.yushi-why .flex-box .box {
  width: 48%;
}
/*------------------------------
TOP/voice
------------------------------*/
#top #voice h2.h2-ttl-voice {
  margin-bottom: 5rem;
  padding: 2rem 0;
}
#top #voice .wrap-m .flex-box .box {
  width: 32%;
  padding: 0;
}
#top #voice .wrap-s .flex-box .box {
  width: 48%;
}
#top #voice .flex-box.banner .img {
  width: 50%;
  padding: 2rem;
}
/*------------------------------
TOP/#top-news
------------------------------*/
#top #top-news .news-list .text-link {
  font-size: 15px;
  font-size: 1.5rem;
}
#top #top-news .link{
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
}
#top #top-news .link li{
        margin: 0 20px;
}
    
/*------------------------------
TOP/faq
------------------------------*/
.top_page #faq {
  padding: 1rem 0 95px;
}
.top_page #faq h2.h2-ttl-faq {
  margin-bottom: 5rem;
  padding: 2rem 0;
}
.top_page #faq .question {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2;
}
.top_page #faq .answer {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
.top_page #faq .question::before{
  margin-right: 3rem;
  margin-left: 1.5rem;
}
.top_page #faq .answer::before{
  margin-right: 3rem;
  margin-left: 2.1rem;
}
.top_page #faq .acd-content {
  width: 100%;
  padding: 10px 10px 10px 1.5rem;
  margin-bottom: 24px;
}
.top_page #faq .acd-label{
  padding: 1.0rem 2rem;
}
.top_page #faq .acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 10px 10px 10px 10px;
  visibility: visible;
}

/*------------------------------
LP共通 #smile-lp
------------------------------*/
#smile-lp .interview-thumb .box {
  width: 33.3%;
  padding: 10px;
  margin-bottom: 5em;
}
#smile-lp .img-box {
  height: 76%;
}
/*------------------------------
TOP/blog01 20231201 会社設立ブログから移動
------------------------------*/
#top #blog01 h3{
  font-size: 24px;
  font-size: 2.4rem;
}
/**************************************************
下層/freee キャンペーン
**************************************************/
#freee-cpn .kv {
  background-size: 100%;
  padding: 48px 10px 0;
}
#freee-cpn .cpn-detail ul.cpn-merit li {
  margin-right: 24px;
  margin-bottom: 24px;
}
#freee-cpn .cpn-detail img {
  max-width: 240px;
  margin-right: 0;
  margin-left: auto;
}
/*------------------------------
TOP/outline
------------------------------*/
#top #outline{
  background-position-y: bottom;
  background-size: cover;
}
#top #outline .table tbody th {
  padding: 1.4rem 0;
  width: 30%;
  border-bottom: 1px solid #cecece;
}
#top #outline .table tbody td {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  margin-bottom: 24px;
  line-height: 1.2;
}
/*------------------------------
TOP/online
------------------------------*/
.top_page #online h3 {
  font-size: 20px;
  font-size: 2.0rem;
}
.top_page #online h3:after {
  bottom: -46px;
  left: 21rem;
  border-width: 20px 20px 28px 20px;
}
.top_page #online .contain-box .detail {
  line-height: 1.4;
}
.top_page #online .contain-box .img {
  height: 53px;
}
.top_page #online .contain-box .img img {
  margin-top: 0;
}
.top_page #online .wrap-ss .flex-box .box.flow{
  width: 46%;
}
.top_page #online .wrap-ss .flex-box .box .img img  {
  display: block;
  max-width: 100%;
  position: relative;
}
.top_page #online .wrap-ss .flex-box .box .title {
  max-width: 288px;
}
.top_page #sub-menu .common-contact-box {
  max-width: 510px;
  margin: 0 auto 1.0rem;
  display: flex;
}
.top_page #sub-menu .wrap-ss .flex-box .flow {
  margin: 0 auto 1.0rem;
  height: 180px;
}
.top_page #online .contain-box {
  width: 100%;
  max-width: 340px;
}

/*------------------------------
TOP/contact
------------------------------*/
#contact h2.bg {
  background-size: auto;
  background-position-y: top;
  background-position-x: center;
  height: 200px;
  padding-top: 48px;
}
/**************************************************
お問い合わせフォーム
***************************************************/
#inquiry p.line img {
  display: none;
}
#contact tbody td {
  display: table-cell;
  /*border-bottom: none;*/
}
#contact tbody th {
  display: table-cell;
  width: 25%;
}
#contact tbody th.top {
  vertical-align: top;
}
#contact .privacy dl a,#contact .privacy dl dt ,#contact .privacy dl dd{
  font-size: 15px;
  font-size: 1.5rem;
}

table.table01 tr {
  border-bottom: 1px solid #d3d3d3;
}
#contact tbody td, #contact tbody th {
  text-align: left;
}
table.table01 th {
  padding: 1em 0.6em 1em 0.2em;
}

/*------------------------------
mailform
------------------------------*/
#mailform .mfp_element_file{
  font-size: 15px;
  font-size: 1.5rem;
}
/*メール確認画面*/
#mfp_overlay_inner table#mfp_confirm_table tr th{
  width: 200px;
  padding: 10px;
}
#mfp_overlay_inner table#mfp_confirm_table tr td{
  width: calc(100% - 200px);
  padding: 10px;
}
div#mfp_overlay {
    margin-top: 50px!important;
}
#top #top-news .news-list li {
  color: #b6b6b6;
  margin-bottom: 3rem;
  padding-bottom: 6px;
}
#info .blog-bnr {
  width: auto;
}
#info .blog-bnr img:nth-child(even) {
  margin-right: 0;
}
#interview .sogolink li a{
  font-size: 20px;
  font-size: 2.0rem;
  height: auto;
}


/*--------------------------------------------------
.pages#staff
--------------------------------------------------*/
.pages#staff .staff-greeting-box table {
  border-collapse: collapse;
  margin: 0 auto 0;
}
.pages#staff .another-staff-box {
  width: 48%;
  display: inline-table;
  margin-right: 16px;
  border: 1px solid #0851A0;
  margin-bottom: 16px;
  height: 460px;
  padding: 8px;
}
.pages#staff .another-staff-box:nth-child(3n) {border: 1px solid #0851A0;}
.pages#staff .another-staff-box:nth-child(even) {
  margin-right: 0;
}
.pages#staff .staff-greeting .inner {
  overflow: hidden;
  padding: 0px 20px 0px;
  width: 90%;
  display: flex;
}
.pages#staff .staff-greeting-box {
  margin-right: 0;
  margin-left: auto;
  display: block;
  margin-top: 0;
}
.pages#staff .staff-greeting .inner p.staff-img {
    padding-right: 20px;
}
.pages#staff .staff-greeting-box table th, .pages#staff .staff-greeting-box table td {
  display: table-cell;
  font-size: 16px;
  font-size: 1.6rem;
}
.pages#staff .staff-greeting-box table th.side {
  width: 30%;
  border-left: 0px;
  border-right: 0px;
}
.pages#staff .staff-greeting-box table td {
  padding: 2rem 1rem;
  text-align: left;
}
/*--------------------------------------------------
事務所案内   outline
--------------------------------------------------*/
#outline .greeting {
  margin-bottom:40px;	
}
#outline .greeting .inner{
  overflow: hidden;
  padding: 0px 20px 0px;
  max-width: 100%;
}
#outline .greeting .inner p.chief-img{
  float: right;
  max-width:178px;
  margin-left: 20px;
}
#outline .s-intro {
  margin-bottom:40px;	
}
#outline .s-intro p{
padding: 0px 20px;
}
#outline .s-intro dl{
  text-align: left;
  margin-top: 20px;
}
#outline .s-intro dt{
  font-size: 24px;
  font-size: 2.4rem;
}
#outline .ueda-point,
#outline .ueda-point-txt p{
  padding-bottom: 10px;
  padding-top: 10px;
  margin: auto;	
}
#outline .access p{
text-align:center;
margin-bottom: 20px;
}
#outline .outline-box table {
  border-collapse: collapse;
margin: 0 auto;
  margin-bottom: 40px;
  max-width: 650px;
}
#outline .outline-box table th,#outline .outline-box table td {
  vertical-align: middle;
  padding: 8px 8px;
}
#outline .outline-box table td {
  text-align:left;
}
#introvideo p {
  margin: 20px 0;
}
#outline .outline-box table th {
  display: table-cell;
  width: 20%;
}
#outline .ueda-point{
  height: 640px;
    background-size: 160px;
    background-position: 4% 97%;
}
#info img.small {
	width:260px;
	float:right;
	padding: 0 10px 10px;
}
#blog .simple-addBox .addBtn a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 12px 1rem;
  margin: 0 auto;
  width: auto;
  text-align: center;
  font-size: 16px;
}
 #blog .middle-addBox {
  clear: both;
  display: flex;
  padding: 40px 0 40px 16px;
  position: relative;
  margin: 24px 0;
  background-color: #FFFFFF;
  background-image: url(../../assets/images/blog/middle-addbox.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding: 8% 0 8% 2%;
}
#blog .simple-addBox .addBtn {
  position: absolute;
  font-size: 18px;
  font-size: 1.8rem;
  right: 2%;
  top: -6px;
  margin: 16px auto;
}
#blog .middle-addBox .info {
  width: 100%;
  margin-bottom: -40px;
  position: relative;
  bottom: 40px;
}
#blog .middle-addBox .tel a {
  line-height: 1.6;
  margin-bottom: -18px;
  display: contents;
  font-size: 36px;
}
#blog .simple-addBox {
  padding: 1rem 2rem;
  max-width: 700px;
}
#blog .simple-addBox .text {
  margin: 0;
}
#blog .simple-addBox .text .tel {
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 1px;
  display: block;
}
#blog .post .simple-addBox .text .tel a {
  text-decoration: none;
  color: #333333;
  display: block;
  line-height: 1.2;
  font-size: 36px;
  font-size: 3.6rem;
  text-align: left;
}
#blog .middle-addBox .date {
  font-size: 14px;
}
#blog .simple-addBox .text .date {
  text-align: left;
}
#blog .middle-addBox .addBtn {
  position: absolute;

  bottom: 10px;
  right: 16px;
  color: #FFFFFF;

  box-shadow: 0 1px 2px 0px #CCCCCC;
  font-size: 22px;
  font-size: 2.2rem;
  width: auto;
}
#blog .middle-addBox .tel {
  margin: 0 auto;
}
/*--------------------------------------------------
#individual
--------------------------------------------------*/
#individual .simple-btn .btn {
  max-width: 280px;
}
/**************************************************
LLC 合同会社設立
**************************************************/
#llc .mainvisual img.sp{
  display: block;
}	
.info-div-compare table {
  width: 100%;
}
.info-table-compare td.comparison-left,
#llc .table_komon01 td.comparison-left{
	font-size: 22px;
	font-size: 2.2rem;
}
.info-table-compare td.comparison-right,
#llc .table_komon01 td.comparison-right{
	font-size: 22px;
	font-size: 2.2rem;
}
.info-table-compare td,#llc .table_komon01 td{
	width: 500px;
}
.info-table-compare th, #llc .table_komon01 th{
	width: 200px;
}
.info-table-compare th.comparison,#llc .table_komon01 th.comparison{
	width: 125px;
}
#llc .info-div-compare table {
  max-width: 100%;
  width: 100%;
}
#llc #osusume .bg ul {
  padding: 40px 4rem;
}
#llc #osusume img {
  max-width: 180px;
  margin-right: 0;
}
/*===========================
合同会社設立movie
===========================*/
#llc .llc-movie .movie {
  max-width: 480px;
  margin: auto;
}

#start-lp .catch .img-box img {
  max-width: 140px;
}



/*===========================
#effectuation エフェクチュエーション
===========================*/
#effectuation .con01 {
  padding-bottom: 80px;
}
#effectuation .con01 .white-radius-box h2 {
  padding: 5px ;
  margin-bottom: 40px;
  font-size: 30px;
  font-size: 3rem;
}
#effectuation .con01 .white-radius-box h2 span {
  margin-bottom: 8px;
  font-size: 18px;
  font-size: 1.8rem;
}
#effectuation .con01 .white-radius-box ul li .marker {
  padding: 4px;
}
#effectuation .con01 .white-radius-box {
  background-color: #F7F7F7;
  border-radius: 30px;
  padding: 20px 30px;
  max-width: 873px;
  margin-top: 110px;
  margin-left: auto;
  margin-right: auto;
}
#effectuation .con01 .white-radius-box ul li {
  font-size: 18px;
  font-size: 1.8rem;
}
#effectuation .con01 .white-radius-box .chara img {
  margin-left: auto;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
/*con02*/
#effectuation .con02 {
  padding-top: 80px;
}
#effectuation .con03 h2 {
  font-size: 30px;
  font-size: 3.0rem;
}
/*.con04*/
#effectuation .con04 h2 {
  font-size: 3.0rem;
  font-size: 30px;
  width: fit-content;
}
#effectuation .con04 .box.first  {
  display: flex;
  width: 100%;
}
#effectuation .con04 .btn-box.free {
  margin: 0 auto 10px 1em;
  width: 30%;
}
#effectuation .con04 .btn-box.free .detail {
  width: 80%;
  margin-right: 0;
  margin-left: auto;
}

#effectuation.pages .btn-box.flex-box img {
  width: 90px;
}
#effectuation .con04 .block {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#effectuation .con04 .box {
  width: 48.7%;
  margin-right: 16px;
  display: grid;
}
#effectuation .con04 .box:nth-child(even) {
  margin-right: 0;
}
#effectuation .con04 .box .detail {
  width: 80%;
}
#effectuation .con04 .box ul {
  margin-left: 1em;
  margin-right: 1em;
}
  
/*===========================
#support-new-business 新設法人を徹底サポート
===========================*/
#support-new-business .main-bottom-ttl{
  text-align: center;
}
#support-new-business .con09 dl.outline-table{
  display: flex;
  flex-wrap: wrap;
	align-items: stretch;	
	width: 100%;
}
#support-new-business .con09 dl.outline-table dt{
  width: 25%;
  padding: 10px 10px;
  margin-bottom: 10px;
}
#support-new-business .con09 dl.outline-table dd{
  width: 75%;
  padding: 10px 10px;
  margin-bottom: 10px;
}
#support-new-business .movie-area{
  width: 50%;
  margin: 0 auto;
}
}/*=================== TBここまで ==================*/


/*=================== ipad pro PCここから==================*/
@media screen and (min-width: 1024px) {
/**************************************************
2. 共通（レイアウト・見出し・その他・table・header・footer・ハンバーガー・btn・戻るボタン)
**************************************************/
/*------------------------------
基本スタイル ※変更不可
------------------------------*/
.sp { display: none; }
.tb { display: none; }	
.pc { display: block; }
/*------------------------------
レイアウト ※変更不可
------------------------------*/
.wrap{
  padding: 100px 0 0;
}
.wrap-s {
  width: 100%;
}
/*--------------------------------------------------
wrapper  20160927小山
--------------------------------------------------*/
#wrapper{
	max-width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}
/*--------------------------------------------------
main   20160927小山
--------------------------------------------------*/
.main {
	max-width: 700px;
	float:left;
}
/*------------------------------
見出し h1-h6 ※変更不可
------------------------------*/
h2 {
  font-size: 30px;
  font-size: 3.0rem;
}
h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
h4 {
  font-size: 22px;
  font-size: 2.2rem;
}
h5 {
  font-size: 20px;
  font-size: 2.0rem;
}
h6 {
  font-size: 16px;
  font-size: 1.6rem;
}	
	
/*TOPページ共通見出し*/
#top .h-balloon,#smile-lp .h-balloon{
  font-size: 34px;
  font-size: 3.4rem;
}
/* ※トップとLLCとLP共通*/
.yushi-osusume .h3-side-bdr {
  font-size: 26px;
  font-size: 2.6rem;
  padding: 0 65px;
}
/*--------------------------------------------------
下層ページレイアウト ※変更不可
--------------------------------------------------*/
.layout_rows-2 #wrapper{
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}
.layout_rows-2 .main {
	width: 700px;
	float:left;
}

/*------------------------------
ヘッダー 共通 ※変更不可
------------------------------*/
#header #sp-head {
  display: none;
}
#header .pc-head {
  display: block;
}   
#header {
  position: relative;
  height: auto;
  z-index: 10;
}

#sp-menu {
  display: none;
}
.hd-txt-wrap,.hd-txt-wrap .hd-l,.hd-txt-wrap .hd-r{
   display: flex
}
.hd-txt-wrap{
  width: 100%;
  justify-content: space-between;
}
    .hd-txt-wrap .hd-l{
        padding: 6px 0;
    }
/* ロゴ・h1テキスト・CV*/
.hd-txt-wrap .logo {
  border-left: 11px solid #0851A0;
  display: block;
  margin-bottom: auto;
  margin-top: auto;
}
 .hd-txt-wrap .hd-catch {
  font-weight: 400;
  text-align: left;
  color: #333333;
  border-left: solid 1px #C7C7C7;
  font-size: 12px;
  font-size: 1.2rem;
  padding-left: 0.5vw;
    margin-left: 0.5vw;
  margin-top: auto;
  margin-bottom: auto;
}
.hd-txt-wrap .hd-catch,
.hd-txt-wrap .hd-catch span{
    line-height: 1.4;
}
#header .logo img {
  max-width: 175px;
}

/* ヘッダー右上ボタン */
#header .btn{
  font-size: 15px;
  font-size: 1.5rem;
  max-width: 200px;
 padding: 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 100%;
} 
#header .header01-btn .btn {
  background-color: #39A78F;
  color: #fff;
}
.page-template-llc #header .header01-btn .btn {
  background-color: #EBCE0F;
    width: 11vw;
    text-align: center;
    max-width: 180px;
}
#header .header01-btn .btn span,#header .header03-btn .btn span  {
  display: contents;
}
#header .header02-btn .btn {
  background-color: #EBF2F9;
  color: #333333;
}
#header .header02-btn.line{
  background-color: transparent;
  padding: 0;
  max-width: 202px;
}
#header .header02-btn.line .btn {
  background-color: transparent;
  padding: 0;
  max-width: 240px;
}
#header .header02-btn .btn .phone {
  border-bottom: 1px solid;
  padding: 0 4px 2px 4px;
  font-weight: 700;
}
#header .header02-btn .btn .time {
  font-size: 12px;
    padding-top: 4px;
}
#header .header03-btn .btn {
  background-color: #0851A0;
  color: #fff;
        flex-direction: row;
    align-items: center;
}
#header .header03-btn .btn::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0e0";
  color: #FFFFFF;
  padding-right: 8px;
}

/*------------------------------
 ヘッダー ナビゲーション ドロップダウンメニュー
------------------------------*/
/* ナビゲーションの大きさ */
#siteHeader nav.pc {
  position: relative;
  z-index: 5;
  text-align: center;
  width: 100%;
  height: 70px;
  display: inline-block;
  margin: auto;
  background-color: #6c9dd4;
  padding: 8px 0;
}
#siteHeader nav .dropdwn {
    max-width: 1140px;
    display: flex;
    background: #6c9dd4;
    margin: 0px auto;
    align-items: center;
    justify-content: center;
}
#siteHeader mav ul {
    text-align: center;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    color: #fff;
}
#siteHeader nav li {
    max-width: calc(1140px/4);
    position: relative;
    display: block;
    cursor: pointer;
    border-left: 1px solid #fff;
    z-index: 2000;
}
#siteHeader nav li:last-child{
    border-right: 1px solid #fff;
}
#siteHeader nav li span:not(:only-child):after, 
#siteHeader nav li span:visited:not(:only-child):after {
    padding-left: 6px;
    content: ' ▾';
    color: #fff;
      font-size: 18px;
      font-size: 1.8rem;
    margin-top: -5px;
}
#siteHeader nav .dropdwn > li span, 
#siteHeader nav .dropdwn > li a{
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    opacity: 1;
}
  #siteHeader nav .dropdwn > li {
    width: 1000px;
    margin: 1px;
    background: #6C9DD4;
    display: inline;
    height: 52px;
	  padding: 0;
}
#siteHeader nav .dropdwn_menu {
    width: 100%;
    display: none;
    position: absolute;
    margin-left: 0px;
    margin-top: 9px;
    padding: 0;
    background: #fff;
    opacity: 1;
}
#siteHeader nav .dropdwn_menu li {
    width: 100%;
}
#siteHeader nav .dropdwn_menu li a {
    padding: 10px 0;
    margin: auto;
    color: #0851A0;
    font-size: 16px;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    line-height: 1.2;
}
#siteHeader nav li a:hover {
      width: 100%;
    background: #0851A0;
    color: rgba(65, 65, 65, 1);
    opacity: 1;
      padding: 0 2px;
  }
#siteHeader nav li .dropdwn_menu li a :hover {
    background: #0851A0;
    color: rgba(65, 65, 65, 1);
    opacity: 1;
      margin-left: -1px;
      margin-right: -1px;
}
#siteHeader nav li a:hover, #siteHeader nav li a:active {
    opacity: 1;
    color: #fff;
 }

/*--------------------------------------------------
aside 右サイドメニュー
--------------------------------------------------*/
aside {
  width: 270px;
  float: right;
  height: auto;
}
aside .menu-box {
    display: block;
  height: auto;
  border: 1px solid #0851A0;
  margin-bottom: 32px;
  background-color: #fff;
}
aside .menu-box .llc-link{
background-color: #39A78F;
  color: #fff;
padding: 10px;
border-radius: 6px;
}
aside .menu-box p:last-child{
  margin: 0px 0px 30px;
text-align: center;
}
/* staff-box */
aside .staff-box {
  border: 1px solid #0851A0;
  background-color: #fff;
  margin-top: 0;
}
aside .staff-box dl{
  width: 90%;
  padding: 20px 11px 12px;
  text-align: center;
  margin: 0 auto;
display: block;
}
aside .staff-box dt{
clear: both;
  width: 70px;
}
aside .staff-box dd.position{
padding-top: 15px;
}
aside .staff-box p:last-child {
  width: 85%;
}
/*------------------------------
クリック範囲の拡大
------------------------------*/
.range{
    position: relative;
}
.range a::before{
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  content: "";
}
.range:hover,
.range:active {opacity: 0.9;}

/*------------------------------
　フッター
------------------------------*/
#footer .logo {
  margin-top: -90px;
}
.common-contact-box {
  max-width: 510px;
  display: flex;
}
.common-contact-box .box {
  background-color: #FFFFFF;
  width: 50%;
  padding: 2rem 2rem;
  max-width: 246px;
  margin-left: auto;
  margin-right: auto;
}
.common-contact-box .box:last-child {
  margin-right: 0;
}
#top .mv{
  padding-bottom: 1rem;
  padding-top: 1rem;
}
#top .mv .note {
  text-align: right;
  background-color: rgb(8 81 160 / 80%);
  padding: 0 2rem;
  border: 1px solid #ffffff;
  display: block;
  margin-left: auto;
  margin-right: 6rem;
  margin-bottom: 0;
  z-index: 10;
  margin-top: -4rem;
  position: relative;
  width: 100%;
  max-width: fit-content;
}

/*------------------------------
TOP/LP freeeページ導線 ※1カラムページ共通
------------------------------*/

.common-to-freeepage .banner {
  margin: 40px auto;
}

/*------------------------------
.common-first-contact ※1カラムページ共通
------------------------------*/
.common-first-contact {
  padding: 84px 0 4rem;
}
.common-first-contact h2.h2-ttl-first {
  margin-top: -48px;
}
.common-first-contact h3.h3-box {
  line-height: 1.6;
}
.common-first-contact h3.h3-box .large {
  margin: 0.2rem 0;
}
.common-first-contact h2.h2-ttl-first .large::after {
  max-width: 420px;
}
.common-first-contact .balloon{margin-left: -50px;margin-right: auto;margin-bottom: 0;margin-top: 2rem;}
.common-first-contact .balloon:before {
  top: 50%;
  right: 0;
  left: 101%;
  margin-top: -16px;
  border-width: 20px 10px 20px 22px;
  border-style: solid;
  border-color: transparent transparent transparent #E6E8CD;
}
.common-first-contact .balloon:after {
  top: 50%;
  right: -30px;
  left: 100%;
  margin-top: -12px;
  border-width: 16px 0 16px 19px;
  border-style: solid;
  border-color: transparent transparent transparent #FFFFFF;
}
.common-first-contact .img.character {margin-top: -120px;margin-bottom: 2rem;position: relative;right: -47px;}
.common-first-contact .img.character img {max-width: 140px;}
.common-first-contact .blue-btn .btn {
  max-width: 482px;
}
.common-first-contact .flex-box {
  margin-right: 54px;
}
.common-first-contact .img.medal.nintei img {
  max-width: 180px;
  margin-right: 0;
}
.common-first-contact .img.medal img {
  margin-right: 0;
}

/*------------------------------
TOP/#to-contact-long
------------------------------*/    
#to-contact-long .wrap-sss{
  max-width: 790px;
  width: 90%;
}

/*------------------------------
.common-about-tokyo-smile ※1カラムページ共通
------------------------------*/
.common-about-tokyo-smile .img.sogyo img {
  max-width: 100px;
}

/*------------------------------
TOP/speciality
------------------------------*/
#top #speciality .flex-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#top #speciality .img.sp {
  display: none;
}
#top #speciality .flex-box .box .img {
  max-width: 400px;
  width: auto;
  width: 50%;
}
#top #speciality .flex-box .box .img img {
  max-width: 427px;
  width: auto;
}
#top #speciality .lead {
  max-width: 670px;
  display: block;
  margin: 2rem auto;
}

#top #speciality h3.text .text-box {
  font-size: 16px;
  font-size: 1.6rem;
}
#top #speciality h3.h3-text {
  background-size: 83%;
  font-size: 22px;
  font-size: 2.2rem;
  background-size: 50%;
}
#top #speciality .flex-box .movie {
  width: 50%;
  text-align: center;
}
#top #speciality .flex-box .movie iframe {
  max-width: 480px;
  width: 100%;
  height: 280px;
}

/*------------------------------
.common-check-box ※1カラムページ共通
------------------------------*/
.common-check-box .img.pc {
  display: block;
}
.common-check-box .img img {
  max-width: 243px;
}
.common-check-box .flex-box .box.list {
  max-width: 410px;
  padding: 2rem 0.2rem 2rem 1.6em;
  margin-bottom: 2rem;
  margin-right: 0;
}
.common-check-box .green-text {
  margin-bottom: 2rem;
}
.common-check-box h5.h5-ttl-special {
  margin: 0 auto 5rem;
}
.common-check-box .flex-box {
  max-width: 100%;
  align-items: flex-end;
}
.common-check-box {
  padding: 2rem 2rem 0;
  width: 100%;
  justify-content: space-between;
}
.common-check-box .flex-box .box {
  margin: 0 2.5rem 0 0;
  align-self: center;
}

/*------------------------------
TOP/LP「#strengthは共通」 min-width: 1024px
------------------------------*/
#strength .wrap-ss .flex-box .box {
  padding: 2rem;
  width: 100%;
  border-radius: 20px;
  color: #FFF;
  position: relative;
  margin-bottom: 1rem;
  max-width: 243px;
  height: 210px;
}
#strength .wrap-ss .flex-box .box .bdr-box {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.3;
}
#strength .h2-box .img img {
  bottom: -78px;
  max-width: 145px;
  top: 0;
}
#strength .wrap-ss .flex-box .box:nth-of-type(2) {
  margin-right: auto;
  margin-left: auto;
}

/*------------------------------
TOP/#strength-01 min-width: 1024px
------------------------------*/
#strength-01 p {
  line-height: 1.6;
}

#top-submenu .flex-box.banner .box {
  max-width: 460px;
}


/*--------------------------------------------------
.pages#sixtys-s min-width: 1024px
.pages#fortys-s min-width: 1024px
.pages#fiftys-s min-width: 1024px
--------------------------------------------------*/
.pages#sixtys-s .sixtys-s__lead p,
.pages#fortys-s .fortys-s__lead p,
.pages#fiftys-s .fiftys-s__lead p {
    font-size: 18px;
    font-size: 1.8rem;
}
.pages#sixtys-s__banner .img-box,
.pages#fortys-s__banner .img-box,
.pages#fiftys-s__banner .img-box{
    margin-bottom:1rem;
}
.pages#sixtys-s .flow-block,
.pages#fortys-s .flow-block,
.pages#fiftys-s .flow-block {
    padding: 2rem 0;
}
.pages#sixtys-s .border-box .title,
.pages#fortys-s .border-box .title,
.pages#fiftys-s .border-box .title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.4;
}
.pages#sixtys-s .block p,
.pages#fortys-s .block p,
.pages#fiftys-s .block p {
  font-size: 15px;
  font-size: 1.5rem;
}
.pages#sixtys-s .acf-qa-list .acf-qa-list__ttl,
.pages#fortys-s .acf-qa-list .acf-qa-list__ttl,
.pages#fiftys-s .acf-qa-list .acf-qa-list__ttl {
    font-size: 18px;
    font-size: 1.8rem;
  margin: 0 0 0.5em 30px;
}
.pages#sixtys-s p.last-lead-ttl {
      font-size: 20px;
   font-size: 2.0rem;
}
.pages#fortys-s p.first-lead-ttl {
  font-size: 20px;
  font-size: 2.0rem;
}
.pages#sixtys-s .flow-block .icon09,
.pages#fortys-s .flow-block .icon09,
.pages#fiftys-s .flow-block .icon09 {
    width: 70px;
   font-size: 2.0em;
}
.pages#fortys-s .flex-box .img-box{
  width: 35%;
}
.pages#fortys-s .flex-box .txt-box{
  width: 60%;
}
/*--------------------------------------------------
　固定ページ 会社の立ち上げをお考えなら会社設立東京スマイルにお任せ下さい page-start-lp
--------------------------------------------------*/
#start-lp .common-cost .cost-content .box.cost .pc img {
  max-width: 270px;
  width: auto;
  left: 0;
  bottom: 30px;
}
#start-lp .common-cost .cost-content .box.cost {
  position: relative;
  top: 54px;
  max-width: 50%;
  margin: 2rem 10px 2rem auto;
}

/*------------------------------
template-partsテンプレート cost-content min-width: 1024px
------------------------------*/
.common-cost .cost-content .table tbody th {
  width: auto;
}
.common-cost .cost-content h3.bdr.orange-b::after {
  border-bottom:5px solid #F4761B;
  max-width: 728px;
}
.common-cost .cost-content .flex-box .box .table {
  margin-top: 1rem;
  margin-bottom: 4rem;
  max-width: 411px;
  margin-left: 0;
}
.common-cost .cost-content .box.cost .pc img {
  bottom: 0;
  max-width: 450px;
  width: auto;
}
.common-cost .cost-content .contain-box .merit-table tbody th {
  width: 40%;
}
.common-cost .cost-content .detail.merit-table {
  margin: 1rem;
}
.common-cost .cost-content .contain-box {
  width: 100%;
}
.common-cost .cost-content .contain-box .table {
  max-width: 374px;
}
.common-cost .cost-content .box.cost .sp {
  display: none;
}
.common-cost .cost-content .flex-box .text-box {
  padding: 2rem;
  width: 50%;
}
.common-cost .cost-content .flex-box .text-box {
  width: 50%;
  padding: 2rem 0;
}
.common-cost .cost-content .flex-box .box.cost {
  max-width: 400px;
  width: 38%;
}
.common-cost .cost-content .merit .merit-icon {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
}
.common-cost .cost-content .contain-box img {
  max-width: 418px;
}
.common-cost .cost-content .img.sarani {
  margin-bottom: 33px;
}
.common-cost .cost-content .sarani img {
  position: relative;
  z-index: 5;
}
.common-cost .cost-content .table tbody td {
  border-top: 1px solid #EBF2F9;
}

/*------------------------------
#top-compare min-width: 1024px
------------------------------*/
#top-compare .compare .otoku {
  max-width: 840px;
  font-size: 28px;
  font-size: 2.8rem;
}
#top-compare .compare .table tbody td.total-price {
  font-size: 28px;
  font-size: 2.8rem;
}
#top-compare .compare .otoku-mark {
  background-size: 65%;
  background-position-x: right;
}
#top-compare h3.h-balloon {
  font-size: 30px;
  font-size: 3.0rem;
}
#top-compare .compare .table {
  max-width: 823px;
}
#top-compare .compare .otoku-mark {
  position: relative;
}
#top-compare .compare .otoku-mark::before {
  content: "";
  background-image: url(../images/top/otoku-bg-front.png);
  background-position-y: center;
  position: absolute;
  width: 28px;
  height: 40px;
  left: -30px;
  background-size: contain;
  background-repeat: no-repeat;
}
#top-compare .compare .otoku-mark::after {
  content: "";
  background-image: url(../images/top/otoku-bg-back.png);
  background-position-y: center;
  position: absolute;
  width: 28px;
  height: 40px;
  right: -30px;
  background-size: contain;
  background-repeat: no-repeat;
}

/*------------------------------
#top-submenu min-width: 1024px
------------------------------*/
#top-submenu h3.bdr {
  font-size: 28px;
  font-size: 2.8rem;
  margin-top: 6rem;
  margin-bottom: 2rem;
}
#top-submenu .wrap-s .flex-box.menu .box img {
  max-width: 320px;
}
#top-submenu h3.bdr.yellow::after {
  border-bottom:5px solid #EBCE0F;
  max-width: 684px;
}
#top-submenu .wrap-s .flex-box.menu .title {
  padding: 2rem 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
#top-submenu .wrap-s .flex-box.menu .box:first-child{
  width: auto;
  margin: 1rem 0 3rem;
}
#top-submenu .wrap-s .flex-box.menu .box {
  margin: 1rem 0 3rem;
  width: 32%;
}
#top-submenu .flex-box.banner .box:last-child {
  margin-right: 0;
  margin-left: auto;
}
#top-submenu .flex-box.banner .box {
  max-width: 480px;
}
#top-submenu .flex-box.banner {
  margin-bottom: 3%;
}

.top_page #online .contain-box {
  width: 100%;
  max-width: 240px;
}
.top_page .price .flex-box .box {
  width: 48%;
}
.top_page .price .komon-box:nth-of-type(2) {
  width: 48%;
  max-width: 393px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}
.top_page .price .flex-box .box:last-child {
  margin-top: 0;
}
.top_page #komon-price {
  max-width: 100%;
}
.top_page .other-icon img {
  position: absolute;
  margin-top: -45px;
  margin-right: auto;
  max-width: 80px;
  right: 425px;
}

/*LLCと共通*/
.top_page .price .komon-box {
  width: 66%;
}
.top_page .price .komon-box:nth-of-type(2) {
  width: 33%;
  max-width: 330px;
  margin-top: 0;
  margin-right: 0;
}
.top_page .komon-box .flex-box .box:first-child{
  width: 49%;
  margin-left: 0;
}
.top_page .price .komon-box .detail ul {
  width: 65%;
  margin-right: 0;
}
.top_page .price .komon-box .detail .img img {
  margin-right: 8px;
  max-width: 80px;
}

/*------------------------------
TOP/strength-02 min-width: 1024px
------------------------------*/
.top_page .green-ribbon {
  max-width: 250px;
  margin-bottom: 1.4rem;
  margin: 0 0 22px -43px;
}
#top #strength-02 .left {
  width: 48%;
}
#top #strength-02 .point.half {
  width: 48%;
}
#top #strength-02 .point p{
  font-size: 16px;
  font-size: 1.6rem;
}
#top #strength-02 .img.osusume img {
  max-width: 100px;
  margin-top: 0;
}
#top #strength-02 .green-box ul li {
  font-size: 16px;
  font-size: 1.6rem;
}
#top #strength-02 .green-box ul {
  margin-top: 2rem;
}
#top #strength-02 h2.h-balloon {
  margin: 0 auto 3rem;
}
#top #strength-02 .sbi-netbk .fukidashi {
  max-width: fit-content;
  width: 100%;
}
#top #strength-02 .sbi-netbk .fukidashi p{
  line-height: 1.4;
  font-size: 15px;
  font-size: 1.5rem;
}

.top_page .green-box {
  margin: 6rem 0 0;
}
.top_page .cooperation dl {
  width: 32%;
  margin-top: 0;
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 12px;
}
.top_page .green-box .img.logo {
  margin: 0;
  position: relative;
}
.top_page .cooperation .name {
    font-size: 13px;
    font-size: 1.3rem;
    }
.top_page .cooperation dl dd {
    line-height: 1.6;
    font-size: 13px;
    font-size: 1.3rem;
    }
    
/*DMM*/
#top #strength-02 .green-box.dmm .mendan {
  line-height: 1.5;
}
#top #strength-02 .green-box.dmm .img.logo img {
  max-width: 302px;
  position: absolute;
  right: 0;
}
/*あおぞら銀行*/
.top_page #strength-02 .aozora-bank .green-ribbon {
    max-width: 340px;
}  
#strength-02 .aozora-bank .flex-box {
    align-content: center;
}
#top #strength-02 .aozora-bank .left {
  width: 44%;
  margin-top: 20px;
}
#top #strength-02 .aozora-bank .left p{
   margin-top: 20px;
}
#strength-02 .aozora-bank .img-box{
    margin: 6px auto 20px;
}
#top #strength-02 .aozora-bank .point.half {
    width: 54%;
}
#top #strength-02 .aozora-bank .point .point_inner p{
        line-height: 1.5;
    }
#top #strength-02 .aozora-bank .point .point_inner p:nth-child(2){
        margin-bottom: 24px;
    }
#top #strength-02 .aozora-bank .point .point_inner .poi-ore,
#top #strength-02 .aozora-bank .point .point_inner .poi-red,
#top #strength-02 .aozora-bank .point .point_inner .poi-green{
    font-size: 14px;
    font-size: 1.4rem;
}

/*住信SBIネット銀行*/
#top #strength-02 .sbi-netbk.green-box .point{
  margin-top: 0;
}

.note_box {
    margin-top: 20px;
}
.note_box .note{
    margin-bottom: 6px;
}
.note_box .btn {
   text-align: left;
    margin-top: 2px;
}
.note_box .gray{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
}
    
/*みずほ*/
#top #strength-02 .green-box.mizuho .img.logo {
  margin: 0;
}
#top #strength-02 .green-box.mizuho .img.logo img {
  max-width: 170px;
  position: absolute;
  right: 0;
}
#top #strength-02 .green-box.mizuho ul {
  margin-top: 0;
  padding: 0 2rem 0 2rem;
  width: 90%;
}
#top #strength-02 .green-box.lohas .img.logo img {
  max-width: 180px;
  position: absolute;
  right: 0;
  left: -6rem;
}
#top #strength-02 .lead {
  width: auto;
  margin: 7rem 0 8rem auto;
}
#top #strength-02 .green-box.mizuho .text {
  width: 80%;
  margin-top: -22px;
  margin-left:66px;
}
.top_page .price .flex-box .komon-box:nth-of-type(2) .box {
  padding-bottom: 17px;
}
.common-cost .cost-content .contain-box .img.cut {
  margin-bottom: 64px;
}
#top #strength-02 .green-box.mizuho .point p:last-child{
  margin-top: 9rem;
}
#top #strength-02 .green-box.mizuho ul li ul li {
  margin-left: 5rem;
}
#top #strength-02 .green-box.freee .img.logo img {
  max-width: 112px;
  position: absolute;
  bottom: -20px;
  right: 0;
  left: 0;
}

/*------------------------------
TOP/LP/LLC .yushi-osusume共通 min-width: 1024px
------------------------------*/
.yushi-osusume .h3-side-bdr span {
  width: 400px;
}
.yushi-osusume .h3-side-bdr:before {
  left: 3%;
}
.yushi-osusume .wrap-sss .img.point {
  max-width: 68px;
}
.yushi-osusume .second .box.no02 {
  padding: 1rem;
}
.yushi-osusume .wrap-sss .flex-box .box,.yushi-osusume .wrap-sss .flex-box .img {
  width: 50%;
}
#llc .yushi-osusume .first h4.flex-box {
  margin-bottom: 0;
}
#llc .yushi-osusume .success .bdr {
  margin-bottom: 8px;
}
.yushi-osusume .flex-box{
  flex-wrap: nowrap;
} 
.yushi-osusume h4.h4-ttl-st03 {
  font-size: 13px;
  font-size: 1.3rem;
}

/*成功率*/
.yushi-osusume .success .bdr {
  max-width: max-content;
}
.yushi-osusume .success .bdr{
  font-size: 20px;
  font-size: 2.0rem;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
.yushi-osusume .success .bdr .large {
  font-size: 36px;
  font-size: 3.6rem;
  padding-right: 4px;
}

#strength-03 .flex-box.why .box {
  width: 100%;
  max-width: 492px;
  padding: 2rem 5.4rem 2rem 2rem;
}

/*------------------------------
TOP/benefit ※トップとLLC共通
------------------------------*/
.top_page #benefit {
  background-size: auto,20%;
  background-position-x: right,-30px;
}
.top_page #benefit .wrap-s{
        margin: 3% auto 0;
}
.top_page #benefit .flex-box {
    margin-top: 50px;
}
.top_page #benefit .contain-box {
  max-width: 290px;
    padding: 0 10px 0;
    margin-bottom: 50px;
}
.top_page #benefit h2.h2-ttl-benefit.bg {
  background-size: 40%;
}
/*------------------------------
TOP/voice
------------------------------*/
#top #voice .flex-box .img img {
  max-width: 100%;
}
/*------------------------------
TOP/faq
------------------------------*/
.top_page #faq .answer::before{
  margin-right: 3rem;
  margin-left: 2.6rem;
}

/* ※トップとLLC共通*/
.top_page #benefit h3.h3-ttl-benefit.text {
  max-width: 100%;
}

/*iosフォーカス防止*/
form input[type=text], form input[type=tel], form input[type=email], form select, form textarea {
  font-size: 16px !important;
  font-size: 1.6rem;
  transform: scale(1);
  width: 90%!important;
}
#contact .mwform-radio-field.horizontal-item {
  margin-left: 0;
}
#contact .mwform-radio-field-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
}

/*謄本に代表者の住所を表示するか非表示にするか*/
#top #top-about-tohon .tohon-arrow:after {
  transform: rotate(270deg);
}
#top #top-about-tohon .flex-box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#top #top-about-tohon .img {
  margin-bottom: 1%;
}
#top #top-about-tohon .tohon-arrow:after {
  bottom: 0px;
  width: 30px;
  height: 20px;
  right: 2px;
}
#top #top-about-tohon .box{
  padding: 1%;
}
/*------------------------------
TOP/outline
------------------------------*/
#top #outline .table {
  width: 50%;
  max-width: 558px;
  margin-right: auto;
  margin-left: 0;
}
#top #outline .map {
  width: 49%;
  max-width: 494px;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}
#blog .simple-addBox .addBtn {
  bottom: 0;
  top: 0;
}
.pages#staff .staff-greeting .inner {
  width: auto;
}
.pages#staff .staff-greeting-box table td {
  padding: 1rem 1rem;
}

/*------------------------------
LP共通 #smile-lp
------------------------------*/
#smile-lp .interview-thumb .box {
  margin-bottom: 6em;
}
#smile-lp .img-box {
  height: 100%;
}

/**************************************************
下層/freee キャンペーン
**************************************************/
#freee-cpn .mv{
  padding-bottom: 1rem;
  padding-top: 1rem;
}
#freee-cpn .img-mv{
  padding-top: 0%;
}
#freee-cpn .lead {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 32px auto;
  width: 90%;
}
#freee-cpn .kv {
  padding: 68px 0 36px;
}
#freee-cpn .cpn-detail ul.cpn-merit li {
  width: 50%;
}
#freee-cpn #kv .wrap-m {
  max-width: 660px;
}
#freee-cpn #kv {
  padding: 38% 0 0;
}
#freee-cpn .cpn-detail img {
  position: absolute;
  right: 0;
  z-index: 3;
  bottom: 0;
  top: -52px;
  margin-top: 0;
}

/**************************************************
LLC 合同会社設立
**************************************************/
#llc {
  width: 100%;
}
#llc .mainvisual img.sp{
  display: none;
}	
/*===========================
全国対応で会社設立・税務経理をサポート
===========================*/
#llc .read{
  font-size: 30px;
  font-size: 3.0rem;
  margin-bottom: 20px;
}
/*===========================
つまり、自分で会社設立するより安くなります #cheaper
===========================*/
#llc #cheaper {
  width: 96%;
}
#llc .llc_h4 {
  line-height: 1.4;
  height: auto;
}
#llc .fueru h5 {
  border: none;
  text-align: center;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝
合同会社設立がおすすめの理由 
＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#llc .about-llc-osusume {
  padding-bottom: 24px;
}
#llc #osusume .inner img {
  width:100%;
  padding: 0;
  margin: 0 auto;
  display: block;
  position: unset;
}
#llc #osusume #about-llc .about-llc-osusume {
  background: unset;
  height: auto;
}
#llc #osusume ul li {
  line-height: 2;
}
#llc #osusume img {
  max-width: 200px;
  margin-top: -164px;
  margin-bottom: -30px;
  margin-right: 0;
}
#llc #osusume .bg {
  margin-bottom: 50px;
  max-width: 690px;
  margin-right: auto;
  margin-left: auto;
}

#llc .about-llc-box {
  width: 100%;
  margin-left: 0;
  margin-top: 0;
  background: rgba(255, 255, 255,0.4);
}
#llc .about-llc-box {
  width: 94%;
  margin: 0 auto;
}
#llc .info-div-compare{
  width: 100%;
}
#llc .hikaku table {
  font-size: 18px;
  font-size: 1.8rem;
  width: 100%;
}
/*全国対応で会社設立・税務経理をサポート*/
#llc #support .flex-box {
  align-items: center;
}
#llc #support #anshin .flex-box {
  flex-direction: row-reverse;
}
#llc #support .flex-box >p, #llc #support #anshin .text-box {
  width: 50%;
  margin: 0 auto 40px;
  display: block;
}


/*--------------------------------------------------
　固定ページ -会社設立の一般的な流れ  flow
--------------------------------------------------*/
/*ここから*/
.pages#flow .step-box {
	margin-bottom: 60px;
}
.pages#flow .step-box h5 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 16px auto;
     text-align: left;
}
.pages#flow .step-box h5 span{
		font-size: 30px;
		font-size: 3.0rem;
}
.pages#flow address.info-box {
    float: left;
    text-align: left;
    margin-top: 10px;
}
.pages#flow .step-box .inner>img {
    float: right;
}
.pages#flow .step-box p {
    font-size: 16px;
		font-size: 1.6rem;
	padding: 20px;
	margin-bottom: 0px;
	    float: left;
}
.pages#flow address.info-box,.pages#flow .step-box p.st2-5 {
    width: 66%;
}
.pages#flow .checklist {
    width: 50%;
    padding: 24px;
    display: flex;
    margin: 0 auto; 
}

/*===========================
#effectuation エフェクチュエーション
===========================*/
#effectuation .btn-box .btn {
  font-size: 20px;
  font-size: 2.0rem;
}
#effectuation .btn.btn--blue{
  font-size: 16px;
  font-size: 1.6rem;
}

#effectuation .mainvisual.con01 .btn-box {
  margin: -100px 62px 50px auto;
}
#effectuation.pages .btn-box.flex-box img {
  width: 80px;
  margin-right: 5px;
}
#effectuation .btn.arrow::after {
  right: 1em;
}
#effectuation .btn-box .btn.white {
  padding-left: 4px;
  padding-right: 6px;
}


/*con01*/
#effectuation .con01 .white-radius-box .chara img {
  margin-bottom: -65px;
}
#effectuation .con01 .white-radius-box ul {
  margin: 40px auto 0;
  display: block;
  width: 86%;
}
#effectuation .con01 .white-radius-box h2 {
  margin-top: 40px;
  margin-bottom: 70px;
  display: block;
  font-size: 35px;
  font-size: 3.5rem;
}
#effectuation .con01 .white-radius-box ul li {
  padding-left: 36px;
  background-size: 22px;
  background-position-y: 2px;
}

/*con02*/
#effectuation .con02 .block .flex-box {
  display: flex;
  justify-items: baseline;
  justify-content: center;
  align-items: flex-end;
}
#effectuation .con02 .box {
  width: 33%;
  height: 300px;
  max-width: 300px;
  margin-left: 0;
  margin-right: 20px;
  padding: 40px 20px;
}
#effectuation .con02 .box p {
  font-size: 16px;
  font-size: 1.6rem;
}

#effectuation .con02-bg {
  height: 610px;
  background-position-x: center;
  background-position-y: center;
}
#effectuation .con02 h3 {
  font-size: 30px;
  font-size: 3.0rem;
}
#effectuation .con02 .catch {
  font-size: 18px;
  font-size: 1.8rem;
}

/*con03*/
#effectuation .con03 .support-ttl-bg img {
  width: 110px;
}
#effectuation .con03 .sub-box {
  margin: 24px auto 96px;
  padding: 10px 20px 20px 20px;
}
#effectuation .con03 h3 {
  margin-bottom: 100px;
}
#effectuation .con03 .sub-box::before {
  width: auto;
  max-width: 178px;
  font-size: 15px;
  font-size: 1.5rem;
}
/*con04*/
#effectuation .con04 .detail .btn-box {
  margin: 20px 0 0 20px;
}
#effectuation .con04 {
  padding-top: 100px;
}
#effectuation .con04 h2 {
  margin-bottom: 32px;
}
#effectuation .con04 .box.first {
  margin-top: 32px;
}
#effectuation .con04 .box .detail p {
  font-size: 18px;
  font-size: 1.8rem;
}
#effectuation .con04 .box .detail p.note {
  font-size: 15px;
  font-size: 1.5rem;
}
#effectuation .con04 .box {
  padding: 32px 20px 20px 20px;
}
#effectuation .con04 h3 {
  display: grid;
  align-content: center;
}
#effectuation.pages .con04 .btn-box.flex-box img {
  width: 100px;
}
#effectuation .con04 .lead {
  font-size: 16px;
  font-size: 1.6rem;
}
#effectuation .con03 .support-ttl-bg img.no01 {
  width: 57px;
}
  
/*===========================
#support-new-business 新設法人を徹底サポート
===========================*/
#support-new-business .mainvisual{
  height: 800px;
  position: relative;
}
#support-new-business .main-bg{
  height: 800px;
  overflow: hidden;
}

#support-new-business .ttl-txt {
  font-size: 40px;
  padding: 15px 80px 15px 5%;
}
#support-new-business .main-circle{
  width: 200px;
  height: 200px;
}
#support-new-business .main-circle p{
  font-size: 2em;
}
#support-new-business .main-bottom{
  position: absolute;
  height: 250px;
  bottom: -20px;
  background-color: rgba(8,81,160,0.90);
  padding-bottom: 40px;
}
#support-new-business .main-bottom-ttl{
  font-size: 2em;
}
#support-new-business .con02 .flexbox {
  gap: 50px;
}
#support-new-business .con02 .flexbox p{
  font-size: 2em;
  display: inline-block;
}
#support-new-business .con03{
  background: url("../images/support-new-business/check-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px;
}
#support-new-business .con03 .right{
  width: 50%;
  margin-right: 0;
  margin-left: auto;
}
#support-new-business .pc-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
  height:400px;
}
#support-new-business .flex-left{
  flex-grow: 1;
  align-self: flex-end;
}
#support-new-business .flex-right{
  flex-grow: 1;
  padding: 20px 0;
  align-self: center;
}
#support-new-business #to-contact-long {
  background-size: 21%;
  background-repeat:repeat-y;
  padding-bottom: 0;
  padding-top: 0;
}
#support-new-business #to-contact-long .balloon{
  margin-top: 0;
}
#support-new-business #to-contact-long .img.character img{
  margin-bottom: -1rem;
  max-width: 100px;
}
#support-new-business .service{
  display: flex;
  flex-wrap: wrap;
}
#support-new-business .service .service-img{
  width: 50%;
}
#support-new-business .service .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#support-new-business .service .service-box{
  width: 50%;
}
#support-new-business .feature-box{
  width: calc(33% - 10px);
  padding-bottom: 40px;
}
#support-new-business .movie-area{
  width: 40%;
}
#support-new-business .con11{
  padding: 100px 0;
}
#support-new-business .flow-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#support-new-business .flow-flex .flow01,
#support-new-business .flow-flex .flow02,
#support-new-business .flow-flex .flow03{
  width: calc(33% - 10px);
  margin-bottom: 0;
}
#support-new-business .flow01::after,
#support-new-business .flow02::after{
  transform: rotate(-90deg);
  right: -70px;
  bottom: 100px;
  left: auto;
  border-width: 40px 50px 0 50px;
  z-index: 10;
}
#support-new-business .flow01 h3,
#support-new-business  .flow02 h3,
#support-new-business  .flow03 h3{
  font-size: 1.3em;
  padding-top: 30px;
}
#support-new-business .flow-txt{
  width: 80%;
}
  
}/*================== PC(min-width: 1024px)ここまで ==================*/


/*=================== PCここから(ノートPC～)==================*/
@media screen and (min-width: 1200px) {

#header #pc-head .logo img {
  max-width: 240px;
}
#header .logo img {
  max-width: 200px;
}
.hd-txt-wrap .hd-catch {
  font-size: 13px;
  font-size: 1.3rem;
}
.common-cost .cost-content .detail.merit-table {
    margin: 1.8rem;
}
#top-news h2.h2-ttl-news {
  font-size: 40px;
  font-size: 4.0rem;
}
/*------------------------------
TOP/outline
------------------------------*/
#top #outline .map {
  width: 44%;
  max-width: 494px;
  margin-right: 0;
}

/* ※トップとLLC共通*/
.top_page .cooperation.flex-box{
  justify-content: start;
}
.top_page .cooperation dl {
  width: 24%;
  margin-top: 0;
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 12px;
}
.top_page .cooperation dl:nth-child(3) {
  margin-right: auto;
}
/* .top_page .cooperation dl:nth-child(n + 5) {
margin-bottom: 0; 
}*/
.top_page .cooperation dl:nth-child(3n) {
  /*margin-right: auto;*/ /*提携先の件、掲載が決まったらこちらを開示*/
  margin-right:12px;
}
.top_page .cooperation dl:nth-child(4n) {
  margin-right: 0;
}
  
/*===========================
#support-new-business 新設法人を徹底サポート
===========================*/
#support-new-business .service .service-box ul li{
  font-size: 1.2em;
  margin-bottom: 20px;
}

}/*================== PC(min-width: 1200px)ここまで ==================*/

@media screen and (min-width: 1400px){
/**************************************************
2. 共通（レイアウト・見出し・その他・table・header・footer・ハンバーガー・btn・戻るボタン)
**************************************************/
.wrap-m {
  max-width: 1280px;
}
/**************************************************
TOP
***************************************************/
#header .h-catch {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3;
  padding-left: 2rem;
  margin-left: 2rem;
  margin-right: auto;
  margin-bottom: auto;
  max-width: 100%;
}
#header #pc-head {
  height: 100px;
}
#header #pc-head .logo img {
  max-width: 336px;
}
#header .btn  {
      font-size: 20px;
  font-size: 2.0rem;
        max-width: 262px;
        height: 100px;
}  
#header #pc-head .flex-box.pc-menu {
  width: 44%;
  height: auto;
}
/*MV*/
#top #mv .wrap-m {
  max-width: 660px;
}
#top #mv {
  padding: 38% 0 0;
}

/*------------------------------
TOP/strength-01
------------------------------*/
#strength-01 .wrap-m {
  max-width: 1080px;
}
.common-cost .cost-content .detail.merit-table {
  margin:3rem 2.4rem;
}
#top main {
  width: 100%;
}
#top #container{
  background-color: #f2f2f2;
}
#top #header #sp-head {
  width: 100%;
}
/*------------------------------
TOP/outline
------------------------------*/
#top #outline .map iframe {
  height: 458px;
}
#top #outline .table {
  width: 53%;
  max-width: 558px;
}
/*===========================
#support-new-business 新設法人を徹底サポート
===========================*/
#support-new-business .service .service-box ul li{
  font-size: 1.5em;
  width: 81%;
  margin: 0 auto 25px;
}

}/*================== PC(min-width: 1400px)ここまで ==================*/

@media screen and (min-width: 1800px){
html {
    width: 100%;
    display: block;
    margin: 0 auto;
}
#strength-01 .wrap-m {
  max-width: 1180px;
}
.common-cost .cost-content .detail.merit-table {
  margin:3rem 3.6rem;
}
}/*================== PC(min-width: 1800px)ここまで ==================*/

/*IEハック*/
@media screen and (-ms-high-contrast: none) {
.common-first-contact .wrap-s{
  margin: 0;
}
#header #sp-head .logo img {
  width: 100%;
  margin-top: 2rem;
}
#header #pc-head .logo img {
  margin-top: 2rem;
}
.hd-txt-wrap .hd-catch {
  padding-top: 1.2rem;
}
#header .logo img {
  padding-top: 3rem;
}

}

/*FFハック*/
@-moz-document url-prefix() {
#header .logo img {
  height: 40px;
}

}