@charset "utf-8";
/* CSS Document */
* {
  font-size: 16px;
}
.multi-home #header {
  margin-bottom: 5px;
}
#page-title {
  background: #0066cc;
  padding: 0.5em;
}
#page-title h1{
  max-width: 1000px;
	margin: auto;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
#h1-title{
	background-image:url("images/lp/24_7/image_09.png");
	  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
	color: #173283;
	border-bottom: 20px solid #173283;
	border-top: 10px solid #173283
}
#h1-title > div{
	padding: 2em;
	max-width: 1000px;
	margin: auto;
}
#h1-title h1{
	    font-weight: bold;
    margin: 0 1em 1em;
	text-shadow: 1px 3px 4px #999;
}
#h1-title #page_explan{
	text-align: center;
    font-weight: bold;
    font-size: 2rem;
    background: #fff;
    padding: 1em;
    border-radius: 20px;
	    box-shadow: 0px 3px 7px #999;
}
#main-top {
  background-color: #41abe6;
  background-image: url("images/multi-home/main-top-back.png");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
#main-top .area-title {
  width: 100%;
  margin: 0;
}
#main-top .area-title dt {
  padding: 20px;
  background: #0066fe;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  border: 2px #fff solid;
  font-weight: bold;
  line-height: inherit !important;
}
#main-top .area-title dd.catch-copy-1 {
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.3;
}
#main-top .catch-copy-2 {
  display: table;
  position: relative;
  padding: 0 1em;
  color: #ffaf0f;
  font-weight: bold;
  text-align: right;
  margin: 0 auto !important;
  line-height: inherit !important;
}
#main-top .catch-copy-2 li {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  line-height: inherit !important;
}
#catch_copy {
  text-shadow:
    3px 3px 2px #fff, -3px 3px 2px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff;
}
#catch_copy span {
  font-weight: bold;
  color: red;
}
#catch_copy2 {
  color: #fff;
  text-align: center;
  background: #0066cc;
  font-size: 4rem;
  font-weight: bold;
  width: 100%;
  padding: 0.5em !important;
  margin: 0 auto !important;
}
#footer #footer-official h3 {
  background: transparent !important;
  border: none !important;
}
#footer #footer-official h3::before {
  content: '';
}
#footer > p {
  color: #333 !important;
  background: transparent !important;
}
.top_letter {
  text-align: center;
  font-weight: bold;
  color: #003399;
  text-shadow: 2px 2px 4px #999;
  margin: 0 !important;
  justify-content: center;
}
.bottom_letter .text {
  font-weight: bold;
  margin: 0 !important;
  padding: 0;
  line-height: inherit !important;
}
.bottom_letter .price {
  color: red;
  font-weight: bold;
  margin: 0 !important;
  padding-left: 0.5em;
  line-height: inherit !important;
}
.bottom_letter .price span {
  color: #333;
  margin: 0 0 0 -10px;
}
.web_biki {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.web_biki p {
  color: #0066cc;
  font-weight: bold;
  margin: 0 !important;
  text-align: center;
}
.web_biki .yellow_back {
  color: #0066cc;
  font-weight: bold;
  background: yellow;
}
#main-bottom .red-btn {
  display: table;
  background: red;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 20px;
}
#main-bottom .red-btn p {
  display: table-cell;
  vertical-align: middle;
}
#main-bottom .red-btn p.small {
  font-weight: bold;
  line-height: inherit !important;
}
#main-bottom .red-btn p.big {
  font-weight: bold;
}
.multi-inner {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}


.contact-group {
  text-align: center;
  color: #fff;
  margin-bottom: 2em;
}
.contact-group a {
  color: #fff !important;
  text-decoration: none;
}
.contact-group dl {
  display: flex;
  align-items:center;
  padding: 15px;
  border-radius: 20px;
}
.contact-group dl dt, .contact-group dl dd {
  display: table-cell;
  vertical-align: middle;
}
.contact-group dl dt {
  width: 30%;
  text-align: right;
}
.contact-group dl dd {
  text-align: left;
}
.contact-group .mail_line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
.contact-group .mail_line dl {
  width: 48%;
}
.contact-group-top .free {
  background-image: url("images/multi-home/image_05.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
}
.contact-group-top .free p {
  font-weight: bold;
  margin: 0 !important;
  text-shadow: 1px 2px 2px #999;
}
.contact-group-top .free span {
  font-weight: bold;
}
.tel-btn {
  padding: 20px 0 20px 30px;
  display: table;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 20px;
  background: linear-gradient(#ff9701, #fb5401);
}
.tel-btn dt,.tel-btn dd {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
  .tel-btn dt.mark {
    width:35px;
    text-align: right;
  }
.tel-btn dd.number {
  width:auto;
  text-align: left;
  line-height: inherit !important;
  font-weight: bold;
  margin: 0 !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.mail-btn {
  background: linear-gradient(#929292, #7c7c7c);
}
.line-btn {
  background: linear-gradient(#32cb32, #069d05);
}
.payment {
  background-image: url("images/multi-home/image_01.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #edf1f2;
  padding: 2em;
}
.payment p span, .payment p {
  font-weight: bold;
  margin: 0 !important;
  line-height: inherit !important;
}
#content-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#content-menu li {
  width: 23%;
  margin-bottom: 0 !important;
}
#content-menu li a {
  background: #fff;
  display: block;
  text-align: center;
  color: #0099fe;
  border-radius: 10px;
}
#content-menu li a p {
  font-weight: bold;
  padding: 0 !important;
  line-height: inherit !important;
  margin: 0 !important;
}
.multi-class img,
.multi-home img {
  max-width: 100%;
}
.tow-cards {
  background: #228aff;
  padding: 10px;
  margin-bottom: 20px;
}
.tow-cards .card {
  background: #fff;
}
.tow-cards li {
  padding: 10px 25px;
}
#multi-basic-price {
  background: #66ccff;
  padding: 0 1em 1em;
  margin-bottom: 20px;
}
#multi-basic-price .h2 {
  padding: 1em;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
#multi-basic-price .flex .half {
  background: #fff;
  padding: 15px;
  color: #0066cc;
}
#multi-basic-price .flex .half .price {
  background: #0066cc;
  text-align: center;
  color: #fff;
}
#multi-basic-price .flex .half .price p {
  font-weight: bold;
  margin: 0 !important;
}
#multi-basic-price .flex .half dl dd ul {
  margin-bottom: 10px;
}
#multi-basic-price .flex .half dl dd ul li {
  font-size: 1.5rem;
  padding-left: 1em;
  line-height: 1.3;
  margin-bottom: 10px;
}
#multi-basic-price .flex .h3 {
  line-height: 2;
  font-weight: bold;
}
#multi-basic-price .flex dl {
  display: flex;
  flex-wrap: wrap;
}
#multi-basic-price .flex dl dt {
  width: 40%;
}
#multi-basic-price .flex dl dd {
  width: 60%;
}
#multi-basic-price .flex dl dt img {
  margin-bottom: 15px;
	max-width: 100%;
}
#multi-basic-price .flex dl .price {
  background: #0066cc;
  color: #fff;
  padding: 15px 10px;
}
#multi-basic-price .flex dl dd.price {
  font-weight: bold;
  font-size: 3rem;
}
#flow {
  background: #ccffff;
  padding: 1em;
}
#flow ul {
  max-width: 750px;
  margin: auto;
}
#flow li {
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
#flow dl {
  display: flex;
  flex-wrap: wrap;
}
#flow dt {
  width: 75%;
}
#flow dt .title {
  position: relative;
  padding: 0 0 0 3em;
  text-align: left;
  line-height: 2;
  color: #0066cc;
  font-weight: bold;
}
#flow dt .title span {
  position: absolute;
  top: 0;
  text-align: center;
  left: 0;
  font-weight: bold;
  margin-right: 13px;
  color: #fff;
  width: 2em;
  background: #3399ff;
}
.multi-class #flow dt span,
.multi-class #flow dt p,
.multi-home #flow dt span,
.multi-home #flow dt p {
  margin: 0 !important;
  line-height: 2 !important;
  font-weight: bold;
  text-align: center;
}
#flow dd img {}
#flow dd {
  width: 25%;
}
#how_to_pay {
  background: #228aff;
  color: #fff;
  padding: 1em;
}
#how_to_pay dl {
  width: 100%;
}
#how_to_pay dl dt {
  font-weight: bold;
}
#how_to_pay dl dt, #how_to_pay dl dd {
  text-align: center;
  line-height: 2;
}
#hikaku {
  text-align: center;
}
.h2-title{
	background-image: none!important;
	box-shadow:none!important;
	margin: 0!important;

}
.h2-title,
div div.title {
  color: #0066cc!important;
  font-weight: bold!important;
  padding: 1em!important;
  text-align: center!important;
}
#hikaku table {
  border-collapse: collapse;
  width: 100%;
}
#hikaku th, #hikaku td {
  border: 2px #ccc solid;
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
  vertical-align: middle;
}
#hikaku th {
  color: #0066cc;
}
#hikaku td {
  color: #333;
}
#hikaku th.self, #hikaku td.self {
  background-color: #99ccff;
  color: blue;
  line-height: 1.5;
}
h2.transparent {
  background: transparent !important;
  margin: 0 auto !important;
}
.multi-home #container #contents h2 {
  background: transparent;
  box-shadow: none;
  font-weight: bold;
  color: blue;
  border-radius: inherit;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.multi-home #container #contents h2 span {}
.multi-class #container #contents h2::before,
.multi-home #container #contents h2::before {
  content: none;
}
.multi-class #container #contents h3,
.multi-home #container #contents h3 {
  background: #1a93cc;
  color: #fff;
  box-shadow: none;
  border-radius: inherit;
}
#yasui_wake {
  background: linear-gradient(#ebedee, #fdfbfb);
}
#yasui_wake #inside {
  background-image: url("images/multi-home/image_04.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
}
#yasui_wake .mini_title {
  background: #0066cc;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 2;
  border-radius: 20px;
  margin-bottom: 20px;
  width: 9em;
}
#yasui_wake p {
  font-weight: bold;
  line-height: 1.5 !important;
}
#yasui_wake p.first-child {
  margin-left: 0 !important;
}
#yasui_wake p span {
  font-weight: bold;
}
#voice {
  padding: 0 1em 1em;
}
#voice li {
  border: 5px solid #339900;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
#voice li p {
  color: #339900;
  margin: 0 !important;
  padding: 1em;
  font-weight: bold;
}
#voice li div {
  background: #339900;
}
#voice div a {
  display: block;
  width: 100%;
  padding: 1em;
  color: #fff;
  text-align: center;
}
#question {
  background: #ffcc33;
  padding: 0 1em 2em;
}
#question li a {
  display: block;
  margin: 10px;
  border-radius: 20px;
  background: #fff;
  font-weight: bold;
  padding: 1.5em;
}
.shop_info {
  margin-bottom: 20px;
}
.shop_info h5 {
  background: #34a4d8;
  color: #fff !important;
  border: none !important;
}
.shop_info a {
  display: block;
  padding: 5px 10px;
  height: 100%;
}
#shop_info .shop-area {
  background: #87d9ff;
  padding: 1em;
}
#shop_info .shop-area table {
  width: 100%;
  font-size: 1.8rem;
}
#shop_info .shop-area table th {
  width: 10em;
  font-weight: bold;
  color: #0066cc;
  text-align: right;
  padding-right: 1em;
}
#shop_info .shop-area table td {
  background: #fff;
  border-radius: 20px;
  line-height: 1.5;
  padding: 10px 1em;
  border: 5px solid #87d9ff;
}
#shop_info .shop-area table th, #shop_info .shop-area table td {
  vertical-align: middle;
}
#example-1, #example-2, #price {
  padding: 20px 0;
}
.flex_menu {
  padding: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
}
.flex_menu dl {
  padding: 10px;
  border: 1px solid #ccc;
  margin: 0 !important;
}

.flex_menu dl dt{
  overflow: hidden;
  align-items: center;
	max-height: 125px;
}
.multi-class .flex_menu dl dt img,
.multi-home .flex_menu dl dt img{
  width: 100% !important;
  max-width: inherit !important;
  height: auto !important;
  border: none !important;
  padding: 0 !important;
}
.flex_menu dl dd p{
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
}
#price ul {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#price ul li dl {
  display: table;
  border: #1a93cc 2px solid;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}
#price ul li dl dt, #price ul li dl dd {
  display: table-cell;
  vertical-align: middle;
}
#price dt {
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.5;
}
#price dd {
  text-align: center;
  background: #1a93cc;
  color: #fff;
  font-weight: bold;
  padding: 1em 0;
}
.support-area .common-box01-inner tr {
  border-bottom: 3px solid #87d9ff;
}
.support-area .common-box01-inner tr:last-child {
  border-bottom: 0;
}
.support-area .common-box01-inner, .support-area .common-box01-inner table th, .support-area .common-box01-inner table td {
  border: none;
}
.support-area .common-box01-inner table th {
  width: 7em;
  font-weight: bold;
  color: #1a93cc;
}
.support-area .common-box01-inner table td {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
}
.support-area .common-box01-inner table td a {
  text-decoration: none !important;
  padding: 5px 10px;
}
#work-area {
  background-color: #87d9ff;
  margin-bottom: 20px;
  padding: 1em 1em 2em;
}
#work-area ul {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
}
#work-area ul li {
  line-height: 2;
  padding: 0 1em;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
}
.shop-name {
  display: table;
  background: #87d9ff;
  padding-bottom: 1em;
}
.shop-name dt, .shop-name dd {
  display: table-cell;
  vertical-align: middle;
}
.shop-name dt {
  width: 20%;
}
.shop-name dd {
  font-weight: bold;
  width: 80%;
  color: #0066cc;
  line-height: 1.3;
  padding-left: 10px;
}
#blog .blog-li {
  padding: 1em 1em 2em;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#blog .blog-li li {
  width: 48%;
  border: 1px solid #ccc;
}
#blog .blog-li li dt {
  line-height: 2;
}
.column {
  padding: 1em 1em 2em;
  margin-bottom: 1em;
  overflow: hidden;
}
.column h3 {
  margin: 0 !important;
  width: 100%;
}
.column div.middle {
  padding: 1em;
}

.column .list_box .more {
  background: linear-gradient(#e5e5e5, #999);
  text-decoration: none;
  margin: 0 !important;
  padding: 10px;
  width: 100%;
  text-align: center;
  color: #333;
}
#web_dis {
    background-image:url("images/multi-home/main-bottom-back.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #eff8fe;
}

#discount_li {
    margin-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#discount_li li {
    width: 13%;
    padding: 5px;
}
#discount_li dl {
    width: 100%;
    display: table;
    background: #fff;
    border: #fff 3px solid;
    border-radius: 40px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    box-shadow: 2px 2px 4px #666;
}
#discount_li dt, #discount_li dd {
    padding: 10px 0;
}
#discount_li dt {
    background: #003366;
    color: #fff;
}
#discount_li dt.orange {
    background: #ff6600;
	color: #fff!important;
}
#web_dis .color_darkblue {
    font-weight: bold;
    line-height: 2;
}

.color_darkblue {
    color: #003399;
}
#price-form-1{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	margin-bottom: 15px;
}
#price-form-1 dl{
	width: 20%;
	padding: 3px;
}
#price-form-1 dt{
width: 100%;
    background: #4bb9eb;
    color: #fff;
    text-align: center;
    border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 15px 0;
}
#price-form-1 dt p{
		color: #fff;
text-align: center;
	margin: 0!important;
}
#price-form-1 dd{
    width: 100%;
    background: #003366;
    color: #fff;
    text-align: center;
    padding: 1em 10px;
    font-weight: bold;
    border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    font-size: 2rem;
}
#price-form-1 dd span{
	    display: block;
    margin-bottom: 1em;
}
#price-form-2{
	    padding: 1em;
    font-size: 3rem;
    text-align: center;
    background: green;
    color: #fff;
}
#price-form-2 span{
	font-weight: bold;
    font-size: 4rem;
}
i.fa{
	margin: 0 10px !important;
}
.text-box{
	    padding: 2em;
    line-height: 2;
    font-size: 1.8rem;
}
#flow-box{
    max-width: 800px;
    margin: auto;
}

#flow-box .num{
position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #0066cc;
    font-weight: bold;
    padding: 10px;
	color: #fff;
	    box-shadow: 2px 2px 2px #333;
}
#flow-box .step{
	position: relative;
	padding-left: 2em;
    border: 4px solid #0066cc;
}
#flow-box .step dt{
	padding: 10px;
}
#flow-box .step dd{
    padding: 1em;
    line-height: 2;
}
#flow-box .step h4{
	margin: 0 0 1em!important;
	background: #3aa901!important;
	font-weight: bold;
	    padding-left: 4% !important;
}
#flow-box .arrow{
	text-align: center;
	padding: 20px;
}
#shiteimark{
	margin:0 auto 3em;
	border: 2px solid #153c7d;
	padding: 5px;
}
	#shiteimark a{
		padding: 1em;
		background: #153c7d;
		color: #fff;
}
.note{
    margin: 2em 0 3em;
    padding: 5em 2em 2em;
    position: relative;
    background: antiquewhite;
    border-radius: 10px;
	}
	.note span{
		    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: red;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 3rem;
    font-weight: bold;
    border: 6px dotted yellow;
	}
	.note p{

	}
#multi-area .common-box01-inner table th{
	background: #e4eaed;
	border: 2px solid #fff;
	width: 130px;
}
#multi-area .common-box01-inner table td{
	    color: #666;
    border-bottom: 1px solid #ddd!important;
	line-height: 1.5;
}
#multi-area .common-box01-inner table tr:last-child td{
	border: none!important;
}

@media screen and (min-width:769px) {
	#flow-box .step dl{
	display: table;
	flex-wrap: wrap;
}
#flow-box .step dt{
	display: table-cell;
	vertical-align: middle;
	width: 25%;
}
#flow-box .step dd{
	display: table-cell;
	vertical-align: middle;
    width: 75%;
    font-size: 2rem;
}
	#h1-title #page_explan{
    width: 65%;
	}
	#h1-title > div{
	background-image: url("images/multi-home/h1_man.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	}
	#shiteimark{
		display: table;
	}
#shiteimark img{
	display: table-cell;
}
	#shiteimark a{
	display: table-cell;
		vertical-align: middle;
		font-size: 2.5rem;
}
  .column .list_box > div img {
    width: 20%;
  }
  .column .list_box > div p {
    width: 77%;
  }
  #work-area ul {
    gap: 10px;
  }
  #shop_info {
    border: 50px solid #87d9ff;
  }
  #shop_info-2 {
    border: 50px solid #81a734;
  }
  #blog {
    border: 50px solid #ccc;
  }
  #price ul li {
    width: 49%;
  }
  .flex_menu dl {
    width: 19%;
  }
  #flow li {
    margin-bottom: 50px;
  }
  #multi-basic-price .flex .half {
    border: 5px solid #66ccff;
  }
  .sp {
    display: none;
  }
  #main-bottom .red-btn {
    margin: 0 0 10px !important;
    border-bottom: 10px solid #d60000;
    border-right: 10px solid #d60000;
    border-top: 10px solid #ff7272;
    border-left: 10px solid #ff7272;
  }
  #main-top .area-title {
    padding: 20px 10px 0;
  }
  #main-top .area-title {
    display: table;
  }
  #main-top .area-title dd.catch-copy-1, #main-top .area-title dt {
    display: table-cell;
    vertical-align: middle;
  }
  .flex, #voice ul, .column .list_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .table {
    display: table;
  }
  #voice ul li, .half {
    width: 49%;
  }
  .table .half {
    display: table-cell;
    vertical-align: middle;
  }
  .m-top {
    margin-top: -20px;
  }
	.multi-class .contact-group .tel-btn img,
	.multi-class .contact-group .mail_line img,
  .multi-home .contact-group .tel-btn img, .multi-home .contact-group .mail_line img {
    max-width: 75px !important;
  }
  #content-menu {
    gap: 20px;
    margin: 2em 0;
  }
  #content-menu li a {
    padding: 20px 0;
    border: 4px solid #0099fe;
  }
  .web_biki img {
    max-height: 250px;
  }
  .bottom_letter {
    display: flex;
    flex-wrap: wrap;
  }
  #main-top .catch-copy-2 .big-font {
    font-size: 14rem;
  }
  .bottom_letter .price {
    font-size: 9rem;
  }
  .contact-group-top .free span, #catch_copy span {
    font-size: 8rem;
  }
  #main-bottom .red-btn p.big, .tel-btn dd.number, #main-top .catch-copy-2 li {
    font-size: 7rem;
  }
  .payment p, .contact-group-top .blue, .top_letter, .multi-home #container #contents h2{
    font-size: 6rem!important;
  }
  .contact-group-top .orange {
    font-size: 5.5rem;
  }
	.h2-title,.free p.orange,
  .bottom_letter .text, #page-title h1, #main-top .area-title dd.catch-copy-1, #main-top .area-title dt {
    font-size: 5rem!important;
  }
	#h1-title h1,
  .web_biki p, .tel-btn dd.number span, .payment p span, div div.title, #multi-basic-price .flex .half .price p span, #yasui_wake p span, #yasui_wake .mini_title, .contact-group .mail_line dl dd a {
    font-size: 4rem!important;
  }
	#flow-box .num,
  #yasui_wake p, .bottom_letter .price span, #flow dt .title, .shop-name dd, #multi-basic-price .h2, #main-bottom .red-btn p.small, #flow dt .title span {
    font-size: 3rem!important;
  }

  #hikaku td.self, #how_to_pay dl dt, #how_to_pay dl dd {
    font-size: 2.5rem!important;
  }
	#content-menu li a p, #hikaku th.self,
  .multi-home #flow dt span, .multi-class #flow dt span,#flow dt p,  #multi-basic-price .flex .h3, #main-top .area-title dt span {
    font-size: 2.3rem!important;
  }
  	#multi-basic-price .flex .half .price p, #hikaku th:not(.self), #hikaku td:not(.self) {
    font-size: 2rem!important;
  }
  #multi-basic-price .flex .half .price p span {
    font-weight: bold;
  }
  #yasui_wake #inside {
    padding: 1em 1em 5em 20em;
  }
  #price dt {
    width: 70%;
  }
  #price dd {
    width: 30%;
  }
  #hikaku{
	  padding: 0 1em 2em;
	}
	.contact-group-top {
    padding: 1em 3em;
  }

  .contact-group dl dd {
    padding-left: 1em;
  }
	.column div.middle img {
  height: auto;
  float: left;
  max-width: 200px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.column div.middle p {
  margin: 0 !important;
  padding-left: 1em;
}
	#web_dis .red{
	font-size: 1.2rem!important;
}
	#web_img {
    max-width: 30%!important;
}
	#flow-box .step h4{
	font-size: 2rem!important;
	}
	#multi-area .common-box01-inner table td,
	section p{
		font-size: 1.8rem!important;
	}
	.note{

	}
	.note span{

	}
	.note p{

	}

}
@media screen and (max-width:768px) {
	#price-form-1 dl{
		width: 49%;
	}
	#flow-box .step{
		margin: 10px;
	}
	#blog .column div img{
		max-width: 60%;
	}
	#container .inner{
		text-align: inherit!important;
	}
	#multi-area .common-box01-inner table th{
		width: 100%;
	}

#multi-area .common-box01-inner table td{
	line-height: 1.5;
	width: 100%;
}
	.note{
		    padding: 5em 0em 1em!important;
	}
	.note span{

	}
	.note p{
		text-align: left;
	}
	#flow-box .step p,
	#flow-box .step dd{
		text-align: left;
	}
	#flow-box .step h4{
	font-size: 1.5rem!important;
	}
	#h1-title #page_explan{
		    margin: 0 !important;
	}
	#multi-area .common-box01-inner table td,
	section p{
		font-size: 1.6rem!important;
	}
	#shiteimark a{
		display: block;

	}
#web_dis .red{
	font-size: 1rem!important;
}
	#web_img {
    max-width: 50%!important;
}
	.column div.middle p{
		margin: 10px 0 0!important;
	}
  #price dt {
    width: 60%;
  }
  #price dd {
    width: 40%;
  }
  #yasui_wake #inside {
    padding: 1em;
    background-size: 50%;
  }
  #yasui_wake #inside p:nth-child(3), #yasui_wake #inside p:nth-child(4) {
    margin-left: 5em !important;
  }
  #yasui_wake p {
    margin: 0 !important;
  }
  .contact-group {
    padding: 10px;
  }
  .contact-group-top {
    padding: 0.5em 1em;
  }
  #hikaku {
    padding: 1em;
  }
  .payment {
    background-position: left bottom;
  }
  .bottom_letter .price {
    font-size: 6rem !important;
    text-align: center;
  }
  #main-top .catch-copy-2 .big-font {
    font-size: 5rem!important;
  }
  #catch_copy span, #main-bottom .red-btn p.big {
    font-size: 4rem !important;
  }
	#h1-title h1,
  .tel-btn li.number p, .contact-group-top .free span, #yasui_wake .mini_title, .payment p, .bottom_letter .text, .bottom_letter .price span, #multi-basic-price .flex .half .price p span {
    font-size: 3rem !important;
  }
  .multi-class #container #contents h2,
  .multi-home #container #contents h2, #page-title h1 {
    font-size: 2.6rem!important;
  }
  .top_letter, div div.title, .contact-group-top .blue, #multi-basic-price .h2, #main-top .area-title dd.catch-copy-1, #main-top .area-title dt,.tel-btn dd.number {
    font-size: 2.5rem!important;
  }
  .web_biki .yellow_back {
    font-size: 2.3rem !important;
  }
	#flow-box .num,
  .contact-group-top .orange, #yasui_wake p, #yasui_wake p span, .payment p span, .tel-btn li.number span, #multi-basic-price .flex .half .price p, .shop-name dd, #how_to_pay dl dt, #how_to_pay dl dd,
  .multi-class #container #contents h2, .multi-home #container #contents h2, #multi-basic-price .flex .h3, #main-bottom .red-btn p.small, .tel-btn li.num, #main-top .catch-copy-2 li {
    font-size: 2rem!important;
  }
  .web_biki p {
    font-size: 1.8rem !important;
  }
  .support-area .common-box01-inner table th, #flow dt .title, #hikaku th.self, #hikaku td.self, #work-area ul li, .contact-group dl dd, #main-top .area-title dt span {
    font-size: 1.5rem!important;
  }
   #hikaku th, #hikaku td {
    font-size: 1.2rem !important;
  }
	#content-menu li a p{
		font-size: 0.9rem!important;
	}
  #multi-basic-price .flex .half .price p span {
    font-weight: bold;
  }
  .bottom_letter .text {
    text-align: center;
  }
  .web_biki img {
    max-height: 110px;
  }
  #content-menu {
    gap: 5px;
    margin: 1em 0;
  }
  #content-menu img {
    max-width: 60px !important;
  }
  #content-menu li a {
    padding: 10px 0;
    border: 2px solid #0099fe;
  }
  .column .list_box > div img {
    width: 30%;
  }
  .column .list_box > div p {
    width: 100%;
  }
  #shop_info .shop-area table th, #shop_info .shop-area table td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .support-area .common-box01-inner table th {
    margin: 0;
    text-align: left;
    padding: 10px 1em 0 !important;
    line-height: 2;
    width: 100% !important;
  }
  #shop_info {
    border: 20px solid #87d9ff;
  }
  #shop_info-2 {
    border: 20px solid #81a734;
  }
  #blog {
    border: 20px solid #ccc;
  }
  #work-area ul {
    gap: 2px;
  }
  #price ul li, .contact-group .flex dl {
    width: 100%;
  }
  .flex_menu dl{
    width: 48%;
  }
  .tel-btn {
    padding: 10px;
  }
  .multi-class .contact-group .tel-btn img, .multi-class .contact-group .mail_line img,
  .multi-home .contact-group .tel-btn img, .multi-home .contact-group .mail_line img {
    max-width: 35px !important;
  }
  #flow li {
    margin-bottom: 20px;
  }
  #main-bottom .red-btn {
    border-bottom: 5px solid #d60000;
    border-right: 5px solid #d60000;
    border-top: 5px solid #ff7272;
    border-left: 5px solid #ff7272;
  }
	.multi-class #flow dt p,
  .multi-home #flow dt p {
    font-size: 12px !important;
  }
  .contact-group dl dd {
    padding-left: 10px;
  }
  #main-top .area-title dt {
    padding: 5px;
    margin-bottom: 10px;
  }
  #main-top .area-title {
    padding: 10px;
  }
}
.fixed-contact__contact {
  gap: 0 !important;
}
.fixed-contact__btn {
  display: inherit !important;
  border-radius: inherit !important;
  gap: inherit !important;
  letter-spacing: inherit !important;
}
.fixed-contact__tel, .fixed-contact__mail, .fixed-contact__line {
  border: 0 !important;
  margin: 0;
}
.fixed-contact {
  padding-bottom: 0 !important;
  padding-top: 10px !important;
}
.shikaku {
	margin:0 0 4rem;
}
.multi-home #container #contents .shikaku h2{
	position:static;
	color:#fff;
	background-color:#5b93cb;
	text-align:center;
	margin:0 0 0.5em;
	padding:0.25em;
	font-size:3rem!important;
}
.shikaku ul{
	display:flex;
	flex-wrap:wrap;
	gap:2rem 3rem;
	padding:0 2rem ;
}
.shikaku ul li{
	width:calc(50% - 1.5rem);
	padding:1rem;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border:1px solid #ccc;
}
.shikaku ul li p{
	width:100%;
	margin:0.5em 0 0!important;
	text-align:center;
	line-height:1.5!important;
}
.shikaku ul li img{
	max-height:160px;
}
.shikaku ul li.pdf{
	width:100%;
	text-align:left;
	border:none;
	display:block;
	padding:0;
}
.shikaku ul li.pdf a{
	text-align:left;
	display:inline-block;
	margin:0;
	padding:0.75em 0.5em 0.75em 2.5em;
	background:url(images/icon/icon_pdf.svg) no-repeat top 0.25em left 0.5em / 1.5em;
	border:1px solid #ccc;
}
.shikaku ul li.pdf a:hover{
	transform:scale(1);
}
@media screen and (max-width: 768px) {
	.shikaku ul{
		gap:2rem 1rem;
		padding:0 1rem ;
	}
	.shikaku ul li{
		gap:1rem 1rem;
		width:calc(50% - 0.5rem);
		margin:0;
		padding-bottom:5rem;
		position:relative;
	}
	.shikaku ul li p{
		font-size:12px!important;
		text-align:left;
		position:absolute;
		left:1rem;
		bottom:0;
		height:3.5em;
		width:calc(100% - 2rem);
	}
	.shikaku ul li.pdf a{
		font-size:12px;
		padding:0.5em 0.5em 0.5em 2.5em;
		background:url(images/icon/icon_pdf.svg) no-repeat top 0.5em left 0.5em / 1.5em;
	}
}
#bread_crumb {
	margin:0.5em auto!important;
}
#bread_crumb ul{
	margin:0 0.5em auto!important;
}
#bread_crumb li{
	margin-right:0.5em!important;
}
#bread_crumb li:after{
	margin-left:0.5em!important;
}
#bread_crumb li a,
#bread_crumb li span,
#bread_crumb li:after{
	font-size:12px!important;
}
.kotsu{
	background-color:#eaf8ff;
	padding:2rem;
	margin: 0 0 4rem;
}
.multi-home #container #contents .kotsu h2.title.unset{
	font-size:3.6rem!important;
}
.multi-home #container #contents .kotsu p{
	margin:0 0 1em;
}