@charset "utf-8";
/* ===================================================================
CSS information

  file name  : sp.css
  style info : スマートフォン用
=================================================================== */

@media screen and (max-width: 1440px){
.sp {
display: block;
}
.pc {
display: none;
}

section#start_flow dt {
	width: 120px;
	top: 23%;
}
section#start_flow {
	width: 90%;
}
section#question {
	width: 95%;
}
.edge_about_foot p {
width: 70%;
}
.edge_about_foot p:before {
	top: unset;
}
.edge_about_foot p:after {
	top: unset;
}
.ten_service {
	padding: 0 15px 110px;
}
section#edge_about {
	width: 95%;
}
.structure02 {
	width: 95%;
	margin: auto;
}
section#meo_importance {
	width: 95%;
}
section#meo_about {
	width: 95%;
}
.mv img.sp {
	height: 920px;
}
dd.margin_none.service10,
dd.margin_none.service01,
dd.margin_none.service03,
dd.margin_none.service04,
dd.margin_none.service05,
dd.margin_none.service06,
dd.margin_none.service07,
dd.margin_none.service08,
dd.margin_none.service09,
dd.margin_none.service02 {
	margin: 0;
	width: 20%;
}
dd.margin_none {
	width: 20%;
}
.ten_service dl {
	justify-content: space-between;
}
.ten_service dd {
	width: 60%;
	margin-right: 0;
}



}

@media screen and (max-width: 1280px){



}

@media screen and (max-width: 1080px){

html.fixed,
html.fixed body {
  overflow: hidden;
}


.mv {
	background-image: url(../img/top/mv_back_sp.jpg);
	background-size: cover;
		height: 1200px;
}
.mv img {
	margin: auto;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
}

/* -----------------------------------------------------------
    toggle-panel
----------------------------------------------------------- */
#panel-btn {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2vw;
  cursor: pointer;
  z-index: 1000;
  transform: translateX(0);
  transition: transform .5s;
}

#panel-btn-icon {
  background-color: #151515;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 2px;
  transition: .2s;
}

#panel-btn-icon:before,
#panel-btn-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  width: 30px;
  height: 2px;
  margin-left: 0;
  transition: .3s;
}

#panel-btn-icon:before {
  background-color: #151515;
  margin-top: -11px;
}

#panel-btn-icon:after {
  background-color: #151515;
  margin-top: 9px;
}

#panel-btn .close {
  background-color: transparent;
}

#panel-btn .close:before,
#panel-btn .close:after {
  background-color: #ffffff;
  margin-top: 0;
  width: 30px;
}

#panel-btn .close:before {
  transform: rotate(-45deg);
}

#panel-btn .close:after {
  transform: rotate(-135deg);
}

#panel-btn.active {
  transform: translateX(-350px);
}

.overlay {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  transition: opacity .5s;
}

.overlay.open {
  opacity: 1;
  height: 100vh;
  width: 100%;
}




/* -----------------------------------------------------------
    #g_nav
----------------------------------------------------------- */
#g_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background: rgba(0,0,0,.9);
  transition: all 0.2s ease-in-out 0s;
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  padding: 15%;
}

.open #g_nav {
  transition: all 0.2s ease-in-out 0s;
  visibility: visible;
  opacity: 1;
}

#g_nav a:link,
#g_nav a:visited,
#g_nav a:hover,
#g_nav a:active {
  color: #ffffff;
}

/* -----------------------------------------------------------
  MEOとは
----------------------------------------------------------- */
.content_flex {
	display: block;
}
.about-content_left img {
	margin: auto;
}
.about-content_left {
	width: 100%;
}
.about-content_right {
	margin-left: 0;
	margin-top: 30px;
	padding: 2%;
}
/* -----------------------------------------------------------
  MEOの重要性
----------------------------------------------------------- */
.importance_flex {
	display: block;
}
.importance_left {
	text-align: center;
}
.importance_left img {
	margin: auto;
}
.importance_right dd,
.importance_right dt {
	margin: auto;
}
.importance_point02_right img,
.importance_point02_center img,
.importance_point02_left img {
	width: auto;
	margin: 30px auto;
}
.importance_point03_right .question {
	width: 65%;
	margin: auto;
}
.importance_point03_right img,
.importance_point03_left img {
	margin: 30px auto;
}
.point03,
.point02,
.point01 {
	width: 90%;
	margin: 155px auto 0 80px;
}
/* -----------------------------------------------------------
		  MEO対策を使った集客方法
----------------------------------------------------------- */
.structure {
	display: block;
}
section#customers h2:before {
	bottom: 0;
	top: unset;
	left: 90px;
}
section#customers h2:after {
	bottom: 0;
	top: unset;
	right: 90px;
}
.structure_center img,
.structure_right img,
.structure_left img {
	width: auto;
}
.structure_center,
.structure_left {
	margin-bottom: 90px;
}
.structure_center:after,
.structure_left:after {
	content: "";
	position: absolute;
	transform: translateY(-50%);
	left: 0;
	bottom: -85%;
	margin: auto;
	width: 0px;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 30px solid #66cdaa;
	right: 0;
}
.structure02 {
	width: 98%;
	margin: auto;
}
.structure_explanation div img {
	width: 95%;
}
/* -----------------------------------------------------------
		  MEO EDGEについて
----------------------------------------------------------- */
.shoplist {
	width: 98%;
}
.shoplist dl {
	padding: 20px;
}
table.reason {
	width: 98%;
	margin: auto;
}
table.reason thead tr th:nth-child(2) {
	top: -55.5px;
	width: calc(22.5% + 1.5px);
}
table.reason ul li {
	font-size: 16px;
}
.pdca {
	width: 98%;
	margin: auto;
}
h3.ten_service {
	width: 98%;
	margin: auto;
}
.ten_service {
	width: 98%;
	margin: auto;
}
.ten_service dl {
	width: 98%;
}
				    .ten_service dd {
				    	margin-right: 50px;
									font-size: 35px;
				    }
dd.margin_right {
	margin-right: 0;
}
.option {
	width: 98%;
}
dd.margin_none.service09 {
	margin-left: 260px;
}
dd.margin_right.right {
	margin-right: 0px;
}
.edge_about_foot p {
	font-size: 35px;
	width: 90%;
	margin: auto;
}
				    .edge_about_foot p:before {
				    	top: unset;
				    	bottom: 0;
									left: 95px;
				    	height: 75px;
				    }
				    .edge_about_foot p:after {
				    	top: unset;
				    	bottom: 0;
				    	right: 95px;
				    	height: 75px;
				    }
section#start_flow dd.flex img {
	margin-bottom: 15px;
}
section#start_flow dl {
	display: block;
	width: 90%;
	height: 312px;
	margin-right: 34px;
}
section#start_flow dd.flex {
	margin: auto;
	width: 87%;
	font-size: 18px;
	margin-right: 30px;
}
section#start_flow dd {
	width: 55%;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}
section#start_flow dt {
	top: 103px;
	width: 100px;
		height: 100px;
}
span.el_required {
	font-size: 15px;
}
section#start_flow dt span:nth-child(1) {
	font-size: 15px;
}

section#start_flow dt span:nth-child(2) {
	font-size: 40px;
	margin-top: -8px;
}
.ten_service dd img {
	/* text-align: center; */
	/* display: inline; */
	margin: auto;
	display: block;
	width: 65%;
}

.ten_service dd {
	width: 60%;

	margin-right: 0;
	margin: 0;
}
.ten_service dl dd:nth-child(1) {
	width: 50%;
	background-color: aqua;
}
.ten_service dt {
	width: 100px;
	margin: 0;
	height: 100px;
}
.ten_service dt span:nth-child(1) {
	font-size: 15px;
}
.ten_service dt span:nth-child(2) {
	font-size: 40px;
	margin-top: -8px;
}
.ten_service dl {
	flex-wrap: wrap;
}

.option dl.border dd {
	margin: 0;
}
dd.margin_right.right {
	margin: 0;
	font-size: 35px;
	line-height: 5rem;
}
.service_top {
	margin-bottom: 20px;
}
span.font20 {
	line-height: 32px;
	display: block;
}
/* -----------------------------------------------------------
		  よくある質問について
----------------------------------------------------------- */
.question04,
.question03,
.question02,
.question01 {
	display: block;
}
section#question dl {
	margin: auto;
	width: 90%;
}
section#question dd {
	padding-bottom: 10px;
}
.question03 img {
	display: none;
}
/* -----------------------------------------------------------
		  お問合わせ
----------------------------------------------------------- */
input.el_input.el_input__md {
	max-width: 600px;
}
dl.name input.el_input.el_input__md {
	max-width: 245px;
}
.mail_address input.el_input.el_input__lg {
	max-width: 600px;
}
.el_input__sm {
	max-width: 157px;
}
.Inquiry_details input.el_input.el_input__md {
	max-width: 600px;
}
.c-form-radio__label {
	font-size: 17px;
}
.un_formTable th {
	width: 35%;
}
.un_formTable td {
	width: 62%;
}
.un_formTable {
	margin-left: 25px;
}
p.cautionary {
	width: 95%;
}
.shadow {
	width: 98%;
	margin: auto;
}
span.el_required {
	font-size: 15px;
}
/* -----------------------------------------------------------
		  footer
----------------------------------------------------------- */
nav.f_nav ul {
	flex-wrap: wrap;
	flex-direction: column;
	width: 50%;
		margin: auto;
}
nav.f_nav ul li {
	margin-top: 10px;
}
footer {
	padding-top: 40px;
}
nav.f_nav {
	width: 50%;
}




















@media screen and (max-width: 810px){
.point03,
	.point02,
	.point01 {
		margin: 155px auto 0 65px;
	}
		.achievements dl {
			background-size: contain;
			flex-basis: 49%;
			background-position: center 75px;
		}
.achievements dd {
	font-size: 35px;
}
.achievements {
	width: 95%;
}
.shoplist dl {
	display: block;
}
.scroll {
	overflow-x: scroll;
}
								        table.reason {
								        	width: 1200px;
								        	margin: auto;
								        }
p.title {
	font-size: 20px;
	width: 70%;
	text-wrap: wrap;
}
.edge_about_foot p:before {
	left: 10px;
}
.edge_about_foot p:after {
	right: 10px;
}
.pdca {
	background: none;
}
.pdca ul {
	display: block;
}
.pdca ul li div {
	width: 90%;
	margin: auto;
}
ul.under li:nth-child(2),
ul.top li:nth-child(2) {
	margin-top: 20px;
}
.pdca ul {
	margin-top: 45px;
}
.pdca ul:nth-child(2) {
	margin-top: 20px;
}
.reverse {
	display: flex;
	flex-direction: column-reverse;
}
.pdca div p {
	font-size: 25px;
}
.pdca div p span {
	font-size: 20px;
}
ul.under img {
	margin-bottom: 15px;
	margin-top: 0;
}
p.title:before {
	top: unset;
	bottom: 0;
	height: 70px;
	left: -15px;
}
p.title:after {
	top: unset;
	bottom: 0;
	height: 70px;
	right: -15px;
}
.service_top {
	display: block;
}
.service_top div img {
	width: 25%;
}
.service_top div:nth-child(2) img {
	margin-top: 20px;
}
p.service_sp {
	text-align: center;
}
.ten_service dt {
	width: 100px;
	height: 100px;
}
.ten_service dt span:nth-child(2) {
	font-size: 40px;
}

/* -----------------------------------------------------------
			サービス開始の流れ
----------------------------------------------------------- */
section#start_flow {
	padding-top: 30px;
}
section#start_flow h2:before {
	top: 5px;
		left: 15px;
}
section#start_flow h2:after {
	top: 5px;
	right: 15px;
}
section#start_flow dd.flex {
	width: 90%;
	font-size: 19px;
	margin: auto;
}
section#start_flow dd.flex img {
	margin-left: 0;
	width: 98%;
	margin: auto;
	margin-top: 10px;
}
section#start_flow dl {
	margin: auto;
	height: auto;
	margin-bottom: 135px;
}
section#start_flow dt {
	top: -50px;
	right: 0;
	left: 0;
	margin: auto;
	width: 100px;
}
section#start_flow dt span:nth-child(1) {
	font-size: 20px;
}
section#start_flow dt span:nth-child(2) {
	font-size: 45px;
	margin-top: -9px;
}
section#start_flow dd {
	margin: 75px auto 10px;
		width: 98%;
		font-size: 25px;
}
section#start_flow dd.flex {
	display: block;
	padding-bottom: 20px;
}
section#start_flow dl:nth-child(5) {
	margin-bottom: 0;
}
/* -----------------------------------------------------------
			お問合わせ
----------------------------------------------------------- */
section#foam h2:before {
	top: -2px;
	left: 26px;
}

section#foam h2:after {
	top: -2px;
	right: 26px;
}

.un_formTable dt {
	padding: 0;
	width: 65%;
}

span.ttl {
	font-size: 16px;
}

span.el_required {
	font-size: 15px;
	padding: 1px 4px 0;
}

.un_formTable dd {
	width: 88%;
}

dl.name dd span {
	font-size: 15px;
}

dl.name input.el_input.el_input__md {
	max-width: 245px;
	margin-right: 0;
}

span.tel {
	padding: 0 7px;
}

.el_input__sm {
	max-width: 122px;
}

.c-form-radio__label:before {
	width: 28px;
	height: 28px;
	top: 18px;
		left: 10px;
}

.c-form-radio.u-block.btn .c-form-radio__label:before {
	width: 28px;
	height: 28px;
	top: 20px;
		left: 65px;
}

.c-form-radio.u-block.btn .c-form-radio__label:after {
	width: 13px;
	height: 13px;
	top: 14px;
	left: 48px;
}

.c-form-radio__label:after {
	width: 13px;
	height: 13px;
	top: 14px;
	left: 20px;
}

.c-form-radio__label {
	font-size: 22px;
	margin-bottom: 15px;
}

dd.c-tbl__data .c-form-radio.u-block:nth-child(6) {
	margin-top: 6px;
}

span.select {
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 5px;
}

span.ttl {
	font-size: 22px;
	margin-bottom: 10px;
	display: inline-block;
}

span.el_required {
	float: none;
	margin-left: 10px;
}

.un_formTable dd {
	padding: 0 0 25px;
}

dl.name input.el_input.el_input__md {
	margin-bottom: 5px;
}

.c-form-radio.u-block.last_form {
	margin-top: 5px;
}

p.cautionary {
	font-size: 17px;
}

label#radio01-09 {
	font-size: 22px;
	width: 55%;
	margin-right: 0;
}

.c-form-radio.u-block.btn p {
	font-size: 14px;
}

button#submit-button {
	font-size: 22px;
	padding: 7px 34px;
}

.shadow {
	padding: 38px 0 35px 0;
}

.c-form-radio.u-block.btn {
	margin-top: 55px;
}

section#foam {
	margin-bottom: 45px;
}

.un_formTable dl {
	display: grid;
}

section#foam h2 {
	margin-bottom: 40px;
}
.un_formTable {
	width: 65%;
}
.un_formTable {
	margin-left: auto;
}
.form_box dl {
	display: block;
}
.form_box dt {
	padding: 0 0 10px 0;
	width: 42%;
}
ul.horiz.name {
	justify-content: space-evenly;
}
.form_box {
	width: 80%;
}
.form_box dd {
	padding: 0 0 30px;
}
}

@media screen and (max-width: 520px){
.mv {
		height: 610px;
	}
	.mv img {
		width: 90%;
	}
						    .mv img.sp {
						    	height: auto;
						    }
		a#topBtn {
			margin-right: 23px;
			right: 0;
		}
/* -----------------------------------------------------------
		  MEOとは
----------------------------------------------------------- */
h2 {
	font-size: 25px;
}
.about-content_left img {
	width: 70%;
}
section#meo_about h2::before {
	background-size: contain;
	left: 70px;
	width: 30px;
	height: 30px;
}
section#meo_about h2:after {
	height: 30px;
	width: 30px;
	background-size: contain;
	right: 70px;
}
.content_flex {
	margin-top: 30px;
}
.about-content_right p {
	font-size: 16px;
}
.users {
	display: block;
}
.users dd {
	font-size: 50px;
}
.users dd span.small {
	font-size: 30px;
}
.users dt {
	font-size: 25px;
}
.users dd p {
	font-size: 16px;
}
.users img {
	margin-left: 0;
	margin-top: 20px;
}
/* -----------------------------------------------------------
		  MEO対策の重要性
----------------------------------------------------------- */
p.point span:nth-child(2) {
	font-size: 40px;
	margin-top: 0;
}
p.point {
	left: 0;
	right: 0;
	margin: auto;
	width: 90px;
		height: 90px;
	top: -54px;
}
p.point span {
	font-size: 16px;
}
p.point span:nth-child(2) {
	font-size: 30px;
	margin-top: -7px;
}
section#meo_importance h3 {
	font-size: 30px;
}
.point02,
.point03,
.point01 {
	padding: 50px 20px;
	margin: 100px auto;
}
.importance_left p {
	font-size: 20px;
}
.importance_flex {
	margin-top: 30px;
}
section#meo_importance h3 {
	text-wrap: wrap;
}
.question p:nth-child(2) {
	font-size: 16px;
}
.question {
	align-items: flex-start;
}
.importance_point03_right .question {
			width: 100%;
	}
.point03 {
	margin-bottom: 0;
}
section#meo_importance {
	margin-bottom: 40px;
	margin-top: 20px;
}
h2:before {
	background-size: contain;
	width: 30px;
	height: 30px;
}
h2:after {
	height: 30px;
	width: 30px;
	background-size: contain;
}
section#meo_importance h2:before {
	top: -2px;
	left: 35px;
}
section#meo_importance h2:after {
	top: -2px;
	right: 35px;
}
/* -----------------------------------------------------------
						  MEO対策を使った集客方法
----------------------------------------------------------- */
section#customers h2 {
	margin-top: 110px;
}
section#customers h3 {
	font-size: 30px;
}
.structure p {
	font-size: 20px;
}
section#customers h3 {
	font-size: 20px;
}
.structure_explanation {
	display: block;
}
.structure_explanation p {
	font-size: 16px;
}
p.mini {
	font-size: 14px;
}
img.structure_sp {
	margin: 10px auto 0;
}
section#customers h2:before {
	top: -2px;
	left: 45px;
}
section#customers h2:after {
	top: -2px;
	right: 45px;
}
section#customers h2 {
	margin-bottom: 50px;
}
.back_green {
	padding-bottom: 1px;
}
.structure_explanation p {
	width: 90%;
	margin: auto;
}
p.green {
	margin-bottom: 20px;
	margin-top: 20px;
}
table.reason thead tr th:nth-child(2) {
	top: -54.5px;
}
/* -----------------------------------------------------------
			MEO EDGEについて
----------------------------------------------------------- */
				    table.reason {
				    	width: 1200px;
				    	margin: auto;
				    }
section#edge_about {
	margin-top: 45px;
	margin-bottom: 30px;
}
section#edge_about h2:before {
	top: 0px;
	left: 24px;
}
section#edge_about h2:after {
	top: 0px;
	right: 24px;
}
section#edge_about h3.reason {
	margin-bottom: 50px;
}
.edge_about_foot p:after {
	top: unset;
		right: 0px;
		width: 2px;
		height: 37px;
}
.edge_about_foot p:before {
	top: unset;
		left: 0px;
		width: 2px;
		height: 37px;
}
section#edge_about h2 img {
	width: 65%;
}
section#edge_about h3.content,
section#edge_about h3.reason,
section#edge_about h3:nth-child(1) {
	width: 60%;
	font-size: 20px;
	margin-top: 20px;
		top: -55px;
}
.achievements dl {
	background-size: contain;
	background-position: center;
}
.achievements dt {
	font-size: 20px;
}
.achievements dd span {
	font-size: 85px;
}
.achievements dd {
	font-size: 23px;
}
.achievements {
	display: block;
	width: 90%;
	margin-top: 50px;
}
.shoplist dl {
	display: block;
}
.shoplist dt {
	font-size: 25px;
	align-items: flex-start;
}
.shoplist dd {
	font-size: 25px;
}
.shoplist dd span {
	font-size: 50px;
}
.shoplist dd:nth-child(odd) {
	font-size: 20px;
}
.shoplist {
	padding: 0px 10px;
}
.back_white {
	margin-top: 90px;
	padding-bottom: 30px;
}
p.title span.font25 {
	font-size: 15px;
}

p.title span.font40 {
	font-size: 25px;
}
p.title:before {
	top: unset;
		bottom: 0;
		left: -26px;
		height: 45px;
		width: 2px;
}
p.title:after {
	top: unset;
		bottom: 0;
		right: -26px;
		height: 45px;
		width: 2px;
}
.pdca div p {
	font-size: 18px;
}

.pdca div p span {
	font-size: 16px;
}

section#edge_about h3.content {
	margin-top: 60px;
	margin-bottom: 45px;
}
.service_top {
	margin-top: 64px;
	display: block;
		width: 90%;
		margin: auto;
}
p.service_green.short {
	width: 52%;
}
p.service_green {
	font-size: 21px;
	width: 95%;
}
.service_top div img {
	margin-bottom: 30px;
}
.service_top div:nth-child(2) img {
	margin-top: 20px;
	width: 60%;
}
.service_top div:nth-child(2) p {
	text-align: center;
	margin-bottom: 30px;
}
.ten_service dl dd:nth-child(odd) {
	display: none;
}
.ten_service dt span:nth-child(1) {
	font-size: 12px;
	margin-top: -3px;
}
.ten_service dt span:nth-child(2) {
	font-size: 30px;
	margin-top: -9px;
}
.ten_service dt {
	width: 68px;
		height: 68px;
}
.ten_service dd {
	width: 75%;
	font-size: 20px;
}
span.font20 {
	font-size: 16px;
}
dd.margin_right {
	line-height: 28px;
}
.option_absolute img {
	width: 25%;
}
.option_absolute {
	top: -25px;
}
dd.margin_right.right {
	font-size: 20px;
	line-height: 3rem;
}
.option {
	margin-top: 20px;
	padding-top: 75px;
	padding-bottom: 10px;
}
.ten_service {
	padding-bottom: 35px;
}
.edge_about_foot p {
	font-size: 18px;
}
.edge_about_foot img {
	width: 95%;
	margin-top: 25px;
}
dd.margin_right span.font20 {
	line-height: 22px;
}
/* -----------------------------------------------------------
			サービス開始の流れ
----------------------------------------------------------- */
section#start_flow {
	padding-top: 30px;
}
section#start_flow h2:before {
	top: -2px;
	left: 18px;
}
section#start_flow h2:after {
	top: -2px;
	right: 18px;
}
section#start_flow dd.flex {
	width: 90%;
		font-size: 16px;
		margin: auto;
}
section#start_flow dd.flex img {
	margin-left: 0;
	width: 98%;
	margin: auto;
	margin-top: 10px;
}
section#start_flow dl {
	margin: auto;
	height: auto;
	margin-bottom: 135px;
}

section#start_flow dt {
	top: -50px;
	right: 0;
	left: 0;
	margin: auto;
	width: 68px;
		height: 68px;
		padding-top: 10px;
}
section#start_flow dt span:nth-child(1) {
	font-size: 12px;
}
section#start_flow dt span:nth-child(2) {
	font-size: 30px;
	margin-top: -9px;
}
section#start_flow dt span:nth-child(2) {
	font-size: 30px;
}
section#start_flow dd {
	margin: 40px auto 10px;
	width: 98%;
	font-size: 20px;
}
section#start_flow dd.flex {
	display: block;
	padding-bottom: 20px;
}
section#start_flow dl:nth-child(5) {
	margin-bottom: 0;
}
/* -----------------------------------------------------------
			よくある質問
----------------------------------------------------------- */
section#question {
	margin-top: 20px;
}
section#question h2 {
	margin-bottom: 45px;
}
section#question dt {
	font-size: 20px;
	line-height: 35px;
	margin-top: 0;
}
section#question dd {
	font-size: 16px;
	width: 68%;
}
section#question dl {
	padding-top: 15px;
}
section#question h2:before {
	left: 65px;
		top: -2px;
}
section#question h2:after {
	right: 65px;
		top: -2px;
}
section#question {
	margin-bottom: 0;
}
section#question .question02 dl {
	margin-top: 30px;
}

/* -----------------------------------------------------------
			お問合わせ
----------------------------------------------------------- */
section#foam h2:before {
	top: -2px;
	left: 26px;
}
section#foam h2:after {
	top: -2px;
	right: 26px;
}
.un_formTable dt {
	padding: 0;
	width: 65%;
}
span.ttl {
	font-size: 16px;
}
				    span.el_required {
				    	font-size: 11px;
									padding: 1px 4px 0;
				    }
.un_formTable dd {
	width: 88%;
	}
dl.name td span {
	font-size: 15px;
}
dl.name input.el_input.el_input__md {
	max-width: 290px;
	margin-right: 0;
}
.un_formTable {
	width: 95%;
	margin-left: 25px;
	}
span.tel {
	padding: 0 7px;
}
				    .el_input__sm {
				    	max-width: 80px;
				    }
.c-form-radio__label:before {
	width: 28px;
	height: 28px;
	top: 15px;
	left: 14px;
}
.el_input,
.el_textarea {
	padding: 0 10px;
}
.c-form-radio.u-block.btn .c-form-radio__label:before {
	width: 28px;
		height: 28px;
		top: 15px;
		left: 42px;
}
dd.c-tbl__data .c-form-radio.u-block:nth-child(n+4) {
	margin-top: 0;
}
dd.c-tbl__data .c-form-radio.u-block:nth-child(n+4) {
	margin-top: 0;
	margin-bottom: 5px;
}
.c-form-radio.u-block.btn .c-form-radio__label:after{
	width: 13px;
		height: 13px;
		top: 14px;
		left: 48px;
}
.c-form-radio__label:after {
	width: 13px;
	height: 13px;
	top: 14px;
	left: 20px;
}
				    .c-form-radio__label {
				    	font-size: 15px;
				    	margin-bottom: 15px;
				    }
td.c-tbl__data .c-form-radio.u-block:nth-child(6) {
	margin-top: 6px;
}
span.select {
	font-size: 14px;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 0;
}
span.ttl {
	font-size: 16px;
	margin-bottom: 10px;
	display: inline-block;
}
span.el_required {
	float: none;
	margin-left: 10px;
}
.un_formTable dd {
	padding: 0 0 25px;
}
dl.name input.el_input.el_input__md {
	margin-bottom: 5px;
}
.c-form-radio.u-block.last_form {
	margin-top: 5px;
}
p.cautionary {
	font-size: 15px;
}
label#radio01-09 {
	font-size: 20px;
	width: 90%;
		margin-right: 0;
}
.c-form-radio.u-block.btn p {
	font-size: 14px;
}
.shadow {
	padding: 38px 0 35px 0;
}
.c-form-radio.u-block.btn {
	margin-top: 55px;
}
section#foam {
	margin-bottom: 45px;
}
section#foam h2 {
	margin-bottom: 40px;
}
.form_box dt {
	padding-bottom: 0;
	width: 80%;
}
ul.horiz.name {
	display: block;
}
p#form_submit {
	width: 40%;
	font-size: 17px;
	padding: 10px 20px;
}
/* -----------------------------------------------------------
			footer
----------------------------------------------------------- */
.inner div {
	display: block;
	width: 90%;
}
.logo_box img {
	margin: auto;
}
footer {
	height: auto;
}
footer .inner {
	min-width: auto;
}
				    nav.f_nav {
				    	width: 100%;
				    	margin: auto;
				    }
nav.f_nav ul {
	width: 100%;
	margin-top: 20px;
}
nav.f_nav ul li {
	margin: 16px auto 0;
}
p.copyright {
	margin-top: 35px;
}
}