@charset "utf-8";
html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
body {
    font-size: 2rem;/* 16px */
    font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "M PLUS Rounded 1c", Meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt";
    margin: 0px;
    width: 100%;
    color: #1D1D1D;
    line-height: 3rem;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin: 0px;
}
p {
	margin: 0px;
}
ul, ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a img {
	border-style: none;
}

img {
    image-rendering: -webkit-optimize-contrast;
}
#wrap {
    overflow: hidden;
    font-family: "Noto Sans JP", sans-serif;
}
.fuwa2 {
    display: none;
}
.under_line {
    text-decoration: line-through;
    display: inline-block;
}
#top_header {
    float: left;
    width: 100%;
}
#top_header_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_header_contents {
    float: left;
    width: 1000px;
}
.top_header_box {
    float: left;
    width: 100%;
}
.top_header_box_left {
    width: 40%;
    float: left;
    padding-top: 60px;
}
.top_header_box_left h1 {
    width: 100%;
    float: left;
    padding-top: 50px;
}
.top_header_box_left h1 img {
    width: 90%;
}
.top_header_box_left p {
    width: 100%;
    float: left;
    padding-top: 25px;
    line-height: 3.6rem;
}
.top_header_box_left p span {
    color: #FF7832;
    font-weight: bold;
}
.top_header_box_right {
    width: 60%;
    float: right;
    padding-top: 60px;
}
.top_header_box_right img {
    width: 100%;
}
.top_header_box2 {
    float: left;
    width: 100%;
    margin-top: 50px;
    background-image: url(../sozai/back3.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-bottom: 15px;
}
.top_header_box2 ul {
    float: left;
    width: 100%;
    text-align: center;
}
.top_header_box2 ul li {
    display: inline-block;
    width: 30%;
    text-align: center;
}
.top_header_box2 ul li img {
    width: 90%;
}
.top_header_box3 {
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 15px;
    text-align: center;
}
.top_header_box3 img {
    display: inline-block;
    margin-right: 1%;
    margin-left: 1%;
    width: 22%;
    margin-top: 20px;
}
#top_yoto {
    float: left;
    width: 100%;
    margin-top: 100px;
}
#top_yoto_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_yoto_contents {
    float: left;
    width: 1000px;
}
.top_yoto_box {
    width: 100%;
    float: left;
    position: relative;
    background-color: #BAE3F9;
    border-radius: 10px;
    padding-bottom: 150px;
    margin-bottom: 100px;
}
.top_yoto_box_layout {
    width: 100%;
    float: left;
    position: absolute;
    text-align: center;
    top: -30px;
}
.top_yoto_box_layout h2 {
    width: 100%;
    float: left;
}
.top_yoto_box_layout h2 img {
    width: 30%;
}
.top_yoto_box_layout p {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
    line-height: 3rem;
}
.top_yoto_box_layout2 {
    width: 100%;
    float: left;
    position: relative;
    top: 140px;
    text-align: center;
}
.top_yoto_box_layout2_page {
    width: 30%;
    margin-right: 1%;
    margin-left: 1%;
    display: inline-block;
    height: 250px;
    background-color: #FFFFFF;
	border-radius: 10px;
}
.top_yoto_box_layout2_page h3 {
    width: 100%;
    float: left;
    background-color: #D5DA58;
    border-radius: 10px;
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 10px;
    font-size: 1.6rem;
    font-weight: bold;
}
.top_yoto_box_layout2_page p {
    width: 90%;
    float: left;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    text-align: left;
}
.top_yoto_box_layout3 {
    position: absolute;
    top: 340px;
    left: 85%;
}
.top_yoto_box_layout3 img {
    width: 50%;
}
.top_yoto_box_layout3_2 {
    position: absolute;
    top: 330px;
    left: 55%;
}
.top_yoto_box_layout3_2 img {
    width: 25%;
}
.top_yoto_box_layout3_3 {
    position: absolute;
    top: 340px;
    left: 20%;
}
.top_yoto_box_layout3_3 img {
    width: 18%;
}
#top_price {
    float: left;
    width: 100%;
    margin-top: 100px;
}
#top_price_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_price_contents {
    float: left;
    width: 1000px;
}
#top_price h2 {
    float: left;
    width: 100%;
}
#top_price h2 img {
    width: 100%;
}
#top_price p {
    width: 100%;
    float: left;
    margin-top: 25px;
    color: #FF7832;
    text-align: center;
    font-weight: bold;
    font-size: 3rem;
    line-height: 4rem;
}
#top_price p span {
    color: #000000;
    display: block;
    font-size: 1.6rem;
}
#top_price ul {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#top_price ul li {
    float: left;
    width: 50%;
    text-align: center;
}
.top_price_box {
    width: 100%;
    float: left;
    background-color: #E4E4E4;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}
.top_price_box2 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
.top_price_box3 {
    width: 100%;
    float: left;
    background-color: #E4E4E4;
    border-bottom: 1px solid #000000;
}
.top_price_box4 {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 25px;
}
.top_price_box5 {
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 5px;
}
.top_price_box6 {
    width: 80%;
    float: left;
    margin-top: 15px;
    margin-right: 5%;
    margin-left: 5%;
}
.top_price_box6_left {
    width: 40%;
    float: left;
}
.top_price_box6_left img {
    width: 100%;
}
.top_price_box6_right {
    width: 56%;
    float: right;
}
.top_price_box6_right span {
    color: #FF0004;
    font-size: 1.4rem;
    display: block;
    line-height: 2rem;
}
#top_flow {
    float: left;
    width: 100%;
    margin-top: 50px;
}
#top_flow_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_flow_contents {
    float: left;
    width: 1000px;
}
.top_flow_box {
    width: 100%;
    float: left;
    text-align: center;
}
.top_flow_box h2 {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 1em;
}
.top_flow_box h2::before, .top_flow_box h2::after {
  position: absolute;
  content: '';
  top: calc(50% - 25px);
	height: 50px;
  border-left: #DA5019 solid 3px;
}
.top_flow_box h2::before {
  left:0;
  transform: rotate(-30deg);
}
.top_flow_box h2::after {
  right: 0;
  transform: rotate(30deg);
}
.top_flow_box2 {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.top_flow_box2 p {
    width: 100%;
    float: left;
    text-align: center;
}
.top_flow_box3 {
    width: 100%;
    float: left;
    margin-top: 15px;
    text-align: center;
}
.top_flow_box3 h3 {
    width: 100%;
    float: left;
    text-align: left;
}
.top_flow_box3 h3 img {
    width: 60%;
}
.top_flow_box3 p {
    width: 86%;
    float: left;
    margin-top: 10px;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-left: 7%;
}
.top_flow_box3 p span {
    color: #FF0004;
}
.top_flow_box3 p a {
    color: #FF0004;
    text-decoration: none;
    font-size: 2.4rem;
    display: block;
    margin-top: 10px;
}
.top_flow_box3_layout {
    width: 47%;
    display: inline-block;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-top: 10px;
    height: 200px;
    border-top: 1px dashed #000000;
    padding-top: 20px;
}
.top_flow_box3_layout div {
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: 10px;
    text-align: left;
}
.top_flow_box3_layout div img {
    width: 80%;
}
.top_flow_box3_layout2 {
    width: 47%;
    display: inline-block;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-top: 10px;
    height: 200px;
    border-top: 1px dashed #000000;
    border-bottom: 1px dashed #000000;
    padding-top: 10px;
}
#top_plan {
    float: left;
    width: 100%;
    margin-top: 75px;
}
#top_plan_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_plan_contents {
    float: left;
    width: 1000px;
}
#top_plan ul {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#top_plan ul li {
    float: left;
    width: 50%;
    text-align: center;
}
.top_plan_box {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.top_plan_box h2 {
    float: left;
    width: 100%;
}
.top_plan_box h2 img {
    width: 100%;
}
.top_plan_box p {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}
.top_plan_box2 {
    width: 100%;
    float: left;
    border-radius: 10px;
    border: 3px solid #000000;
    position: relative;
    background-image: url(../sozai/back4.png);
    background-repeat: repeat;
    margin-top: 10px;
}
.top_plan_box2 h3 {
    width: 100%;
    float: left;
}
.top_plan_box2 h3 img {
    width: 50%;
}
.top_plan_box2 p {
    width: 82%;
    float: left;
    position: absolute;
    top: 90px;
    margin-left: 18%;
}
.top_plan_box3 {
    width: 100%;
    float: left;
    background-color: #E4E4E4;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}
.top_plan_box4 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
.top_plan_box5 {
    width: 100%;
    float: left;
    background-color: #E4E4E4;
    border-bottom: 1px solid #000000;
}
.top_plan_box6 {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 25px;
}
.top_plan_box7 {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
}
#top_lease {
    float: left;
    width: 100%;
    margin-top: 75px;
}
#top_lease_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_lease_contents {
    float: left;
    width: 1000px;
}
#top_lease h2 {
    float: left;
    width: 100%;
}
#top_lease h2 img {
    width: 100%;
}
#top_lease ul {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#top_lease ul br {
    display: none;
}
.top_lease2 {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: right;
}
.top_lease2 span {
    color: #FF0004;
}
.top_lease3 {
    width: 100%;
    float: left;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}
.top_lease4 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
.top_lease5 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
.top_lease6 {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 25px;
}
#top_con {
    float: left;
    width: 100%;
    margin-top: 50px;
}
#top_con_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_con_contents {
    float: left;
    width: 1000px;
}
#top_con ul {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.top_con_box {
    width: 70%;
    float: left;
    text-align: left;
    margin-left: 15%;
}
.top_con_box img {
    width: 47%;
    margin-left: 2%;
    float: left;
}
#top_company {
    float: left;
    width: 100%;
    margin-top: 50px;
}
#top_company_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_company_contents {
    float: left;
    width: 1000px;
}
#top_company h2 {
    float: left;
    width: 100%;
}
#top_company h2 img {
    width: 100%;
}
.top_company {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 25px;
}
.top_company2 {
    width: 100%;
    float: left;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}
.top_company3 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
#top_qa {
    float: left;
    width: 100%;
    margin-top: 50px;
}
#top_qa_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#top_qa_contents {
    float: left;
    width: 1000px;
}
#top_qa h2 {
    float: left;
    width: 100%;
}
#top_qa h2 img {
    width: 100%;
}
.page_box12 {
    width: 100%;
    float: left;
    margin-top: 25px;
}
.page_box12 .close {
	display: block;
	position: relative;
	margin-top: 25px;
}
.page_box12 .close h4 {
	font-size: 1.8rem;
	width: 100%;
	border-bottom: 1px solid #EDEDED;
	padding-bottom: 10px;
}
.page_box12 .close h4 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2rem;
    margin-right: 5px;
    font-weight: bold;
}
.page_box12 .close:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-bottom: solid 2px #000000;
    border-right: solid 2px #000000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.page_box12 .close:hover {
	cursor: pointer;
    cursor: hand;
}
.page_box12 .open {
        display: none;
}
.page_box12 .open {
	display: block;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: rgba( 255, 255, 255, 0.55 );
	padding-left: 3%;
	padding-right: 3%;
}
.page_box12 .open:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #EDEDED;
    border-left: solid 2px #EDEDED;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.page_box12 .open p {
	font-size: 1.6rem;
	line-height: 3rem;
	color: #000000;
	font-weight: normal;
}
.page_box12 .open p strong {
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
}
.page_box12 .open p span {
	font-size: 1.8rem;
	display: inline;
}
.page_box12 .open a {
    color: #000000;
    text-decoration: underline;
    display: inline-block;
}
.page_box12 .open p:hover {
	cursor: pointer;
    cursor: hand;
}
.page_box12 .open ul {
	font-size: 1.6rem;
	line-height: 3rem;
	color: #000000;
	font-weight: normal;
	list-style-type: disc;
	margin-left: 2%;
}
.page_box12 .open ul li {
	width: 100%;
}
#news {
    float: left;
    width: 100%;
    margin-top: 50px;
}
#news_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#news_contents {
    float: left;
    width: 1000px;
}
#news h2 {
    float: left;
    width: 100%;
}
#news h2 img {
    width: 100%;
}
.news_box {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.news_box div {
    float: left;
    width: 100%;
    border-bottom: 1px dashed #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}
.news_box div span {
    display: inline-block;
    width: 20%;
    background-color: #FF7832;
    color: #FFFFFF;
    border-radius: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    margin-right: 10px;
}
.news_box div a {
    color: #000000;
    text-decoration: none;
}
.news_box div br {
    display: none;
}
.news_box2 {
    float: left;
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
.news_box2 a {
    background-color: #FF7832;
    display: inline-block;
    width: 30%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 10px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 10px;
}
.news_box3 {
    float: left;
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
.news_box3 h3 {
    width: 100%;
    float: left;
    margin-top: 50px;
    position: relative;
    padding: 1.5rem;
    text-align: center;
    color: #353131;
    font-weight: bold;
    font-size: 3rem;
}
.news_box3 h3:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 2px;
  content: '';
  background: #353131;
}
.news_box3 h4 {
    width: 98%;
    float: left;
    margin-top: 50px;
    text-align: left;
    color: #353131;
    font-weight: bold;
    font-size: 2rem;
    background-color: #EDEDED;
    padding-right: 1%;
    padding-left: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.news_box3 h5 {
    width: 99%;
    float: left;
    margin-top: 50px;
    text-align: left;
    color: #353131;
    font-weight: bold;
    font-size: 2rem;
    border-left: 2px solid #353131;
    padding-left: 1%;
}
.news_box3 table {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.news_box3 p {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: left;
    color: #353131;
    line-height: 2.6rem;
}
.news_box3 ul {
    width: 100%;
    float: left;
    margin-top: 35px;
    text-align: left;
    color: #353131;
    line-height: 2.6rem;
    list-style-position: inside;
    list-style-type: disc;
}
.news_box3 ul li {
    width: 100%;
    float: left;
    margin-top: 15px;
    text-align: left;
}
.news_box3 ol {
    width: 100%;
    float: left;
    margin-top: 35px;
    text-align: left;
    color: #353131;
    line-height: 2.6rem;
    list-style-position: inside;
    list-style-type: decimal;
}
.news_box3 ol li {
    width: 100%;
    float: left;
    margin-top: 15px;
    text-align: left;
}
.news_box3 img {
    width: 50%;
    margin-top: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: inline-block;
}
#document {
    float: left;
    width: 100%;
    margin-top: 75px;
}
#document_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#document_contents {
    float: left;
    width: 1000px;
}
.document_box {
    width: 1000px;
    float: left;
    text-align: center;
}
.document_box h2 {
    position: relative;
    text-align: center;
    border-bottom: 5px solid #dddddd;
    padding-bottom: 15px;
    font-size: 2rem;
    width: 100%;
    float: left;
}
.document_box h2::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}
.document_box ul {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 25px;
}
.document_box ul li {
    width: 22%;
    text-align: center;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 13px;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-right: 1%;
    margin-left: 1%;
    font-size: 1.8rem;
}
.document_box ul li a {
    color: #000000;
    text-decoration: none;
}
.document_box ul li a:after {
    content: '\e415';
    font-family: 'Material Icons';
    top: 6px;
    position: relative;
    margin-left: 10px;
    font-size: 2.6rem;
}
#yoyaku_header {
    float: left;
    width: 100%;
}
#yoyaku_header_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#yoyaku_header_contents {
    float: left;
    width: 1000px;
}
.yoyaku_header_box {
    float: left;
    width: 100%;
}
.yoyaku_header_box_left {
    width: 40%;
    float: left;
    padding-top: 60px;
}
.yoyaku_header_box h1 {
    width: 100%;
    float: left;
    padding-top: 50px;
}
.yoyaku_header_box h1 img {
    width: 90%;
}
.yoyaku_header_box_left p {
    width: 100%;
    float: left;
    padding-top: 25px;
    line-height: 3.6rem;
}
.yoyaku_header_box_right {
    width: 60%;
    float: right;
    padding-top: 100px;
}
.yoyaku_header_box_right img {
    width: 100%;
}
.form_box {
    width: 60%;
    float: left;
    margin-left: 20%;
    margin-top: 15px;
}
.form_box_box {
	width: 100%;
	float: left;
	margin-top: 15px;
	padding-bottom: 15px;
	line-height: 3rem;
}
.form_box_box h4 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 1.5rem;
}
.form_box_box h4 span {
	color: #FFFFFF;
	display: inline;
	margin-left: 5px;
	font-size: 1.3rem;
	font-weight: bold;
	background-color: #FF0004;
	padding-right: 5px;
	padding-left: 5px;
}
.form_box_box h4 i {
    margin-right: 5px;
    color: #FF6E00;
}
.form_box_box h5 {
    width: 100%;
    float: left;
    font-size: 1.6rem;
    color: #FF0004;
    padding-bottom: 5px;
    font-weight: bold;
}
.form_box_box p {
    width: 96%;
    float: left;
    text-align: left;
    font-size: 1.6rem;
    margin-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
}
.form_box_box2 {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
}
.form_box_box3 {
	width: 100%;
	float: left;
	margin-top: 15px;
	padding-bottom: 15px;
	line-height: 3rem;
}
.form_box_box3 h4 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 1.5rem;
}
.form_box_box3 h4 span {
	color: #FFFFFF;
	display: inline;
	margin-left: 5px;
	font-size: 1.3rem;
	font-weight: bold;
	background-color: #FF0004;
	padding-right: 5px;
	padding-left: 5px;
}
.form_box_box3 h4 i {
    margin-right: 5px;
    color: #FF6E00;
}
.form_box_box3 label {
	width: 24%;
	float: left;
	font-size: 1.6rem;
	margin-bottom: 1px;
}
.form_box_box4 {
    width: 100%;
    float: left;
    margin-top: 0px;
    text-align: center;
}
.form_box_box5 {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
}
.text {
	border: 1px solid #999;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 98%;
	font-size: 1.6rem;
	font-weight: normal;
	display: inline;
	padding-left: 1%;
	padding-right: 1%;
}
.text2 {
	border: 1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 98%;
	font-size: 1.6rem;
	font-weight: normal;
	display: inline;
	padding-left: 1%;
	padding-right: 1%;
	height: 130px;
}
.ECM_RadioInput {

  display: flex;
  align-items: center;
  cursor: pointer;
}
.ECM_RadioInput:hover {
  background: rgba(0,0,0,0.05);
}
.ECM_RadioInput-Input {
  opacity: 0;
  width: 0;
  margin: 0;
}
.ECM_RadioInput-Input:focus + .ECM_RadioInput-DummyInput {
  border: solid 2px #333333;
  background: #EEEEEE;
}
.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput {
  border: solid 2px #333333;
}
.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #E94709;
}
.ECM_RadioInput-DummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  border: solid 2px #888;
}
.ECM_RadioInput-LabelText {
  margin-left: 12px;
  display: block;
  font-size: 1.6rem;
}
/* css checkbox01 */
.checkbox01-input {
	display: none;
}
.checkbox01-parts {
	padding-left: 25px;
	position: relative;
	margin-right: 20px;
}
.checkbox01-parts::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999999;
	border-radius: 4px;
	cursor: pointer;
	cursor: hand;
}
.checkbox01-input:checked + .checkbox01-parts {
	color: #E94709;
}
.checkbox01-input:checked + .checkbox01-parts::after {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #E94709;
	border-right: 3px solid #E94709;
}
a.btn_02 {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #FF7E00;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 6% 0 12%;
	color: #FF7E00;
	font-size: 1.6rem;
	text-align: left;
	text-decoration: none;
	position: relative;
	transition-duration: 0.2s;
}
a.btn_02:hover {
	background-color: #FF9600;
	color: #fff;
}
a.btn_02:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #FF7E00;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.btn_02:hover:before {
  border-color: transparent transparent transparent #fff;
}
a.btn_03 {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #FF7E00;
	box-sizing: border-box;
	width: 20%;
	height: 50px;
	padding: 0 6% 0 12%;
	color: #FF7E00;
	font-size: 1.6rem;
	text-align: left;
	text-decoration: none;
	position: relative;
	transition-duration: 0.2s;
}
a.btn_03:hover {
	background-color: #FF9600;
	color: #fff;
}
a.btn_03:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #FF7E00;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.btn_03:hover:before {
  border-color: transparent transparent transparent #fff;
}
.btn_03 {
    background: #fff;
    border: 1px solid #FF7E00;
    box-sizing: border-box;
    width: 30%;
    height: 50px;
    padding-top: 0;
    padding-right: 6%;
    padding-left: 6%;
    padding-bottom: 0;
    color: #FF7E00;
    font-size: 1.6rem;
    text-decoration: none;
}
.btn_03:hover {
	background-color: #FF9600;
	color: #fff;
    cursor:pointer
}
.btn_04 {
    background: #fff;
    border: 1px solid #FF7E00;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    color: #FF7E00;
    font-size: 1.6rem;
    text-decoration: none;
}
.btn_04:hover {
	background-color: #FF9600;
	color: #fff;
    cursor:pointer
}
#pagetop {
    float: left;
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
#pagetop a {
    color: #000000;
    text-decoration: none;
    font-size: 1.6rem;
}
#pagetop a:before {
    content: '\e5ce';
    font-family: 'Material Icons';
    top: 10px;
    position: relative;
    margin-right: 10px;
    font-size: 3rem;
}
#foot {
    float: left;
    width: 100%;
    margin-top: 50px;
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 50px;
}
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}
.button03 {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}
.button03 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 1em 2em;
    width: 250px;
    color: #007D00;
    font-size: 2rem;
    font-weight: 700;
    border: 2px solid #007D00;
    border-radius: 30px;
    text-decoration: none;
    background: rgba(255,255,255,0.8);
}
.button03 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #007D00;
  border-right: 3px solid #007D00;
  transform: rotate(45deg);
}
.button03 a:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #007D00;
}
.button03 a:hover::after {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
}
.des1 {
    width: 100%;
    float: left;
    margin-top: 0px;
}
.des1_2 {
    width: 100%;
    float: left;
    margin-top: 15px;
    font-size: 1.4rem;
}
.des1_3 {
    color: #DD5959;
    margin-right: 3px;
}
.des1_3_2 {
    color: #ABD89E;
    margin-right: 3px;
}
.des1_3_3 {
    color: #4F8FDC;
    margin-right: 3px;
}
.des1_4 {
    width: 100%;
    float: left;
    font-family: "DM Sans", sans-serif;
    font-size: 5rem;
    line-height: 4rem;
    font-weight: bold;
}
.des1_4 span {
    font-size: 2rem;
    display: inline-block;
    font-weight: normal;
}
.des1_4:before {
    content: '\e0b0';
    font-family: 'Material Icons';
    top: 2px;
    position: relative;
    margin-right: 10px;
    font-size: 2rem;
}
.des1_5 {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.des1_6 {
    margin-left: 5px;
    color: #FF7832;
    font-weight: bold;
    display: inline-block;
}
.des2 {
    float: left;
    width: 33%;
    text-align: center;
}
.des2 span {
    color: #FF0004;
}
.des2_2 {
    float: left;
    width: 33%;
    text-align: center;
    background-color: #FF7832;
    color: #FFFFFF;
	border-radius: 10px;
}
.des3 {
    float: left;
    width: 30%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.des3_2 {
    float: left;
    width: 70%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.des3_2 a {
    color: #000000;
    text-decoration: none;
}
.pc {
	display: inline !important;
}
.sm {
	display: none !important;
}
@media screen and (min-width : 1000px ){
	a[href^="tel:"] {
		pointer-events: none;
	}
}
@media screen and ( max-width:479px ) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
}
.fuwa2 {
    position: fixed;
    bottom: -119px;
    left: 0px;
    display: inherit;
    z-index: 10000;
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.fuwa2 a img {
    display: inline-block;
    width: 47%;
    margin-right: 1%;
    margin-left: 1%;
}
#top_header {
    float: left;
    width: 100%;
}
#top_header_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_header_contents {
    float: left;
    width: 100%;
}
.top_header_box {
    float: left;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}
.top_header_box_left {
    width: 100%;
    float: left;
    padding-top: 0px;
}
.top_header_box_left h1 {
    width: 100%;
    float: left;
    padding-top: 50px;
    text-align: center;
}
.top_header_box_left h1 img {
    width: 100%;
}
.top_header_box_left p {
    width: 96%;
    float: left;
    padding-top: 15px;
    line-height: 3rem;
    margin-right: 2%;
    margin-left: 2%;
}
.top_header_box_right {
    width: 100%;
    float: left;
    padding-top: 30px;
}
.top_header_box_right img {
    width: 100%;
}
.top_header_box2 {
    float: left;
    width: 90%;
    margin-top: 30px;
    background-image: url(../sozai/back3_sm.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-bottom: 15px;
    padding-right: 5%;
    padding-left: 5%;
}
.top_header_box2 ul {
    float: left;
    width: 100%;
    text-align: center;
}
.top_header_box2 ul li {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-top: 10px;
}
.top_header_box2 ul li img {
    width: 85%;
}
.top_header_box3 {
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 15px;
    text-align: center;
}
.top_header_box3 img {
    display: inline-block;
    margin-right: 1%;
    margin-left: 1%;
    width: 47%;
    margin-top: 20px;
}
#top_yoto {
    float: left;
    width: 90%;
    margin-top: 100px;
    margin-right: 5%;
    margin-left: 5%;
}
#top_yoto_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_yoto_contents {
    float: left;
    width: 100%;
}
.top_yoto_box {
    width: 100%;
    float: left;
    position: relative;
    background-color: #BAE3F9;
    border-radius: 10px;
    padding-bottom: 230px;
}
.top_yoto_box_layout {
    width: 100%;
    float: left;
    position: absolute;
    text-align: center;
    top: -20px;
}
.top_yoto_box_layout h2 {
    width: 100%;
    float: left;
    text-align: center;
}
.top_yoto_box_layout h2 img {
    width: 70%;
}
.top_yoto_box_layout p {
    width: 90%;
    float: left;
    text-align: left;
    margin-top: 15px;
    line-height: 2.6rem;
    margin-right: 5%;
    margin-left: 5%;
}
.top_yoto_box_layout2 {
    width: 100%;
    float: left;
    position: relative;
    top: 220px;
    text-align: center;
}
.top_yoto_box_layout2_page {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    display: inline-block;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-top: 10px;
    padding-bottom: 25px;
}
.top_yoto_box_layout2_page h3 {
    width: 100%;
    float: left;
    background-color: #D5DA58;
    border-radius: 10px;
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 10px;
    font-size: 2rem;
    font-weight: bold;
}
.top_yoto_box_layout2_page p {
    width: 90%;
    float: left;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    text-align: left;
    font-size: 1.8rem;
    line-height: 2.4rem;
}
.top_yoto_box_layout3 {
    position: absolute;
    top: 780px;
    left: 80%;
}
.top_yoto_box_layout3 img {
    width: 100%;
}
.top_yoto_box_layout3_2 {
    position: absolute;
    top: 580px;
    left: 75%;
}
.top_yoto_box_layout3_2 img {
    width: 80%;
}
.top_yoto_box_layout3_3 {
    position: absolute;
    top: 200px;
    left: 3%;
}
.top_yoto_box_layout3_3 img {
    width: 20%;
}
#top_price {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#top_price_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_price_contents {
    float: left;
    width: 100%;
}
#top_price h2 {
    float: left;
    width: 100%;
}
#top_price h2 img {
    width: 100%;
}
#top_price p {
    width: 100%;
    float: left;
    margin-top: 25px;
    color: #FF7832;
    text-align: left;
    font-weight: bold;
    font-size: 3rem;
    line-height: 4rem;
}
#top_price ul {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#top_price ul li {
    float: left;
    width: 50%;
    text-align: center;
}
.top_price_box {
    width: 100%;
    float: left;
    background-color: #E4E4E4;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}
.top_price_box2 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
.top_price_box3 {
    width: 100%;
    float: left;
    background-color: #E4E4E4;
    border-bottom: 1px solid #000000;
}
.top_price_box4 {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 25px;
}
.top_price_box5 {
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 5px;
    font-size: 1.6rem;
}
.top_price_box6 {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-left: 0%;
}
.top_price_box6_left {
    width: 100%;
    float: left;
    text-align: center;
}
.top_price_box6_left img {
    width: 100%;
}
.top_price_box6_right {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.top_price_box6_right span {
    color: #FF0004;
    font-size: 1.4rem;
    display: block;
    line-height: 2rem;
}
#top_flow {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#top_flow_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_flow_contents {
    float: left;
    width: 100%;
}
.top_flow_box {
    width: 100%;
    float: left;
    text-align: center;
}
.top_flow_box h2 {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 1em;
}
.top_flow_box h2::before, .top_flow_box h2::after {
  position: absolute;
  content: '';
  top: calc(50% - 25px);
	height: 50px;
  border-left: #DA5019 solid 3px;
}
.top_flow_box h2::before {
  left:0;
  transform: rotate(-30deg);
}
.top_flow_box h2::after {
  right: 0;
  transform: rotate(30deg);
}
.top_flow_box2 {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.top_flow_box2 p {
    width: 100%;
    float: left;
    text-align: left;
}
.top_flow_box3 {
    width: 100%;
    float: left;
    margin-top: 15px;
    text-align: center;
}
.top_flow_box3 h3 {
    width: 100%;
    float: left;
    text-align: left;
}
.top_flow_box3 h3 img {
    width: 90%;
}
.top_flow_box3 p {
    width: 86%;
    float: left;
    margin-top: 10px;
    text-align: left;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-left: 7%;
}
.top_flow_box3 p span {
    color: #FF0004;
}
.top_flow_box3_layout {
    width: 100%;
    display: inline-block;
    margin-right: 0%;
    margin-left: 0%;
    float: left;
    margin-top: 10px;
    height: auto;
    border-top: 1px dashed #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}
.top_flow_box3_layout div {
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: 10px;
    text-align: center;
}
.top_flow_box3_layout div img {
    width: 80%;
}
.top_flow_box3_layout2 {
    width: 100%;
    display: inline-block;
    margin-right: 0%;
    margin-left: 0%;
    float: left;
    margin-top: 10px;
    height: auto;
    border-top: 1px dashed #000000;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 20px;
}
#top_plan {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#top_plan_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_plan_contents {
    float: left;
    width: 100%;
}
#top_plan ul {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.6rem;
}
#top_plan ul li {
    float: left;
    width: 33%;
    text-align: center;
}
.top_plan_box {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.top_plan_box h2 {
    float: left;
    width: 100%;
}
.top_plan_box h2 img {
    width: 100%;
}
.top_plan_box p {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
}
.top_plan_box2 {
    width: 100%;
    float: left;
    border-radius: 10px;
    border: 3px solid #000000;
    position: relative;
    background-image: url(../sozai/back4.png);
    background-repeat: repeat;
    margin-top: 10px;
    height: 240px;
    padding-bottom: 15px;
}
.top_plan_box2 h3 {
    width: 100%;
    float: left;
}
.top_plan_box2 h3 img {
    width: 90%;
}
.top_plan_box2 p {
    width: 90%;
    float: left;
    position: absolute;
    top: 120px;
    margin-left: 5%;
    font-size: 1.8rem;
    line-height: 2.4rem;
}
.top_plan_box2 p br {
    display: none;
}
.top_plan_box3 {
    width: 100%;
    float: left;
    background-color: #E4E4E4;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}
.top_plan_box4 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
.top_plan_box5 {
    width: 100%;
    float: left;
    background-color: #E4E4E4;
    border-bottom: 1px solid #000000;
}
.top_plan_box6 {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 25px;
}
#top_lease {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#top_lease_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_lease_contents {
    float: left;
    width: 100%;
}
#top_lease h2 {
    float: left;
    width: 100%;
}
#top_lease h2 img {
    width: 100%;
}
#top_lease ul {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.6rem;
    line-height: 2rem;
}
#top_lease ul br {
    display: inherit;
}
.top_lease2 {
    width: 100%;
    float: left;
    margin-top: 0px;
    text-align: right;
    font-size: 1.4rem;
}
.top_lease2 span {
    color: #FF0004;
}
.top_lease3 {
    width: 100%;
    float: left;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}
.top_lease4 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
.top_lease5 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
.top_lease6 {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 25px;
}
#top_company {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#top_company_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_company_contents {
    float: left;
    width: 100%;
}
#top_company h2 {
    float: left;
    width: 100%;
}
#top_company h2 img {
    width: 100%;
}
.top_company {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 25px;
}
.top_company2 {
    width: 100%;
    float: left;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}
.top_company3 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000000;
}
#top_qa {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#top_qa_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_qa_contents {
    float: left;
    width: 100%;
}
#top_qa h2 {
    float: left;
    width: 100%;
}
#top_qa h2 img {
    width: 100%;
}
.page_box12 {
    width: 100%;
    float: left;
    margin-top: 25px;
}
.page_box12 .close {
	display: block;
	position: relative;
	margin-top: 25px;
}
.page_box12 .close h4 {
	font-size: 1.6rem;
	width: 90%;
	border-bottom: 1px solid #EDEDED;
	padding-bottom: 10px;
}
.page_box12 .close h4 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    margin-right: 5px;
    font-weight: bold;
}
.page_box12 .close:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-bottom: solid 2px #000000;
    border-right: solid 2px #000000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.page_box12 .close:hover {
	cursor: pointer;
    cursor: hand;
}
.page_box12 .open {
        display: none;
}
.page_box12 .open {
	display: block;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: rgba( 255, 255, 255, 0.55 );
	padding-left: 3%;
	padding-right: 3%;
}
.page_box12 .open:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #EDEDED;
    border-left: solid 2px #EDEDED;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.page_box12 .open p {
	font-size: 1.6rem;
	line-height: 3rem;
	color: #000000;
	font-weight: normal;
}
.page_box12 .open p strong {
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
}
.page_box12 .open p span {
	font-size: 1.8rem;
	display: inline;
}
.page_box12 .open a {
    color: #000000;
    text-decoration: underline;
    display: inline-block;
}
.page_box12 .open p:hover {
	cursor: pointer;
    cursor: hand;
}
.page_box12 .open ul {
	font-size: 1.6rem;
	line-height: 3rem;
	color: #000000;
	font-weight: normal;
	list-style-type: disc;
	margin-left: 2%;
}
.page_box12 .open ul li {
	width: 100%;
}
#top_con {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#top_con_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#top_con_contents {
    float: left;
    width: 100%;
}
#top_con ul {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.top_con_box {
    width: 100%;
    float: left;
    text-align: left;
    margin-left: 0%;
}
.top_con_box img {
    width: 47%;
    margin-left: 1%;
    float: left;
    margin-right: 1%;
}
#news {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#news_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#news_contents {
    float: left;
    width: 100%;
}
#news h2 {
    float: left;
    width: 100%;
}
#news h2 img {
    width: 100%;
}
.news_box {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.news_box div {
    float: left;
    width: 100%;
    border-bottom: 1px dashed #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}
.news_box div span {
    display: inline-block;
    width: 30%;
    background-color: #FF7832;
    color: #FFFFFF;
    border-radius: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    margin-right: 10px;
}
.news_box div a {
    color: #000000;
    text-decoration: none;
}
.news_box div br {
    display: inherit;
}
.news_box2 {
    float: left;
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
.news_box2 a {
    background-color: #FF7832;
    display: inline-block;
    width: 50%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 10px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 10px;
}
.news_box3 {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.news_box3 h3 {
    width: 98%;
    float: left;
    margin-top: 50px;
    position: relative;
    padding-top: 10px;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 10px;
    text-align: center;
    color: #353131;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 4rem;
}
.news_box3 h3:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 2px;
  content: '';
  background: #353131;
}
.news_box3 h4 {
    width: 98%;
    float: left;
    margin-top: 50px;
    text-align: left;
    color: #353131;
    font-weight: bold;
    font-size: 1.8rem;
    background-color: #EDEDED;
    padding-right: 1%;
    padding-left: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.news_box3 h5 {
    width: 97%;
    float: left;
    margin-top: 50px;
    text-align: left;
    color: #353131;
    font-weight: bold;
    font-size: 1.8rem;
    border-left: 2px solid #353131;
    padding-left: 3%;
}
.news_box3 p {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: left;
    color: #353131;
    line-height: 2.6rem;
}
.news_box3 ul {
    width: 100%;
    float: left;
    margin-top: 40px;
    text-align: left;
    color: #353131;
    line-height: 2.6rem;
    list-style-position: inside;
    list-style-type: disc;
}
.news_box3 ul li {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: left;
}
.news_box3 ol {
    width: 100%;
    float: left;
    margin-top: 40px;
    text-align: left;
    color: #353131;
    line-height: 2.6rem;
    list-style-position: inside;
    list-style-type: decimal;
}
.news_box3 ol li {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: left;
}
.news_box3 img {
    width: 100%;
    margin-top: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: inline-block;
    margin-left: 0%;
}
#yoyaku_header {
    float: left;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}
#yoyaku_header_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#yoyaku_header_contents {
    float: left;
    width: 100%;
}
.yoyaku_header_box {
    float: left;
    width: 100%;
}
.yoyaku_header_box_left {
    width: 100%;
    float: left;
    padding-top: 60px;
}
.yoyaku_header_box h1 {
    width: 100%;
    float: left;
    padding-top: 0px;
    text-align: center;
}
.yoyaku_header_box h1 img {
    width: 90%;
}
.yoyaku_header_box_left p {
    width: 100%;
    float: left;
    padding-top: 25px;
    line-height: 3.6rem;
}
.yoyaku_header_box_right {
    width: 100%;
    float: left;
    padding-top: 50px;
}
.yoyaku_header_box_right img {
    width: 100%;
}
.form_box {
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 15px;
    margin-right: 5%;
}
.form_box_box {
	width: 100%;
	float: left;
	margin-top: 15px;
	padding-bottom: 15px;
	line-height: 3rem;
}
.form_box_box h4 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 1.5rem;
}
.form_box_box h4 span {
	color: #FFFFFF;
	display: inline;
	margin-left: 5px;
	font-size: 1.3rem;
	font-weight: bold;
	background-color: #FF0004;
	padding-right: 5px;
	padding-left: 5px;
}
.form_box_box h4 i {
    margin-right: 5px;
    color: #FF6E00;
}
.form_box_box h5 {
    width: 100%;
    float: left;
    font-size: 1.6rem;
    color: #FF0004;
    padding-bottom: 5px;
    font-weight: bold;
}
.form_box_box p {
    width: 96%;
    float: left;
    text-align: left;
    font-size: 1.6rem;
    margin-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
}
.form_box_box2 {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
}
.form_box_box3 {
	width: 100%;
	float: left;
	margin-top: 15px;
	padding-bottom: 15px;
	line-height: 3rem;
}
.form_box_box3 h4 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 1.5rem;
}
.form_box_box3 h4 span {
	color: #FFFFFF;
	display: inline;
	margin-left: 5px;
	font-size: 1.3rem;
	font-weight: bold;
	background-color: #FF0004;
	padding-right: 5px;
	padding-left: 5px;
}
.form_box_box3 h4 i {
    margin-right: 5px;
    color: #FF6E00;
}
.form_box_box3 label {
	width: 45%;
	float: left;
	font-size: 1.6rem;
	margin-bottom: 1px;
}
.form_box_box4 {
    width: 100%;
    float: left;
    margin-top: 0px;
    text-align: center;
}
.form_box_box5 {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
}
#document {
    float: left;
    width: 90%;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
}
#document_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#document_contents {
    float: left;
    width: 100%;
}
.document_box {
    width: 100%;
    float: left;
    text-align: center;
}
.document_box h2 {
    position: relative;
    text-align: center;
    border-bottom: 5px solid #dddddd;
    padding-bottom: 15px;
    font-size: 2rem;
    width: 100%;
    float: left;
}
.document_box h2::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}
.document_box ul {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}
.document_box ul li {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 7px;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-right: 0%;
    margin-left: 0%;
    font-size: 1.8rem;
    margin-top: 15px;
}
.document_box ul li a {
    color: #000000;
    text-decoration: none;
}
.document_box ul li a:after {
    content: '\e415';
    font-family: 'Material Icons';
    top: 6px;
    position: relative;
    margin-left: 10px;
    font-size: 2.6rem;
}
.des2 {
    float: left;
    width: 33%;
    text-align: center;
}
.des2 span {
    color: #FF0004;
}
.des2_2 {
    float: left;
    width: 33%;
    text-align: center;
    background-color: #FF7832;
    color: #FFFFFF;
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.des3 {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 0px;
}
.des3_2 {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 10px;
}
.des3_2 a {
    color: #000000;
}
.btn_03 {
    background: #fff;
    border: 1px solid #FF7E00;
    box-sizing: border-box;
    width: 50%;
    height: 50px;
    padding-top: 0;
    padding-right: 6%;
    padding-left: 6%;
    padding-bottom: 0;
    color: #FF7E00;
    font-size: 1.6rem;
    text-decoration: none;
}
.btn_03:hover {
	background-color: #FF9600;
	color: #fff;
    cursor:pointer
}
.pc {
	display: none !important;
}
.sm {
	display: inline !important;
}
}