@charset "utf-8";
/*===================目次========================

部品
module.css
最終更新日：2023年10月25日

==============================================*/
/*==============================================
◆共通
==============================================*/
@media screen and (max-width: 768px) {
	
	html {
		min-width:inherit;
	}
	/* ヘッダー */
	#header {
		margin:0 0 10px 0;		
	}
	#header-inner {
		padding: 0;
		margin: 10px 15%;
		width:70%;
		height:14vw;
	}
	#header-inner h1 {
		width: 100%;
		padding:0;
		margin:0;
		text-align: center;
		line-height: 1;
		float: none;
		display: block;
	}
	#header-inner h1 img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	#headerRightArea {
		display: none;
	}
	#footer-fixed-area {
		display: block;
		height: 13vw;
		position: fixed;
		right: 0;
		left: 0;
		width: auto;
		top: auto;
		bottom: 0;
		z-index: 500;
		transform: none;
	}
	#footer-fixed-area ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#footer-fixed-area ul li {
		display: inline-block;
		width: 50%;
		height: auto;
		padding: 0;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		border-radius: 0;
		box-sizing: border-box;
	}
	#footer-fixed-area ul li.recruit-link {
		background-color: #7FCCE3;
	}
	#footer-fixed-area ul li.contact-link {
		background-color: #79CC93;
	}
	#footer-fixed-area ul li a {
		color: #FFF;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		padding: 15px 0;
		display: block;
		text-align: center;
		line-height: 21px; /* 150% */
	}
	#footer-fixed-area ul li a:before {
		width: 14px;
		height: 14px;
		content: "";
		margin-right: 6px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
		vertical-align: middle;
	}
	#footer-fixed-area ul li.recruit-link a:before {
		background-image: url("../image/svg/icon-mood-smile.svg");
	}
	#footer-fixed-area ul li.contact-link a:before {
		background-image:url("../image/svg/icon-mail.svg");
	}
	h2 {
		font-size: 22px;
		margin: 0 0 20px 0;
		padding: 0 0 10px 0;
		background-size: 10%;
		line-height: 33px;
	}
	/*==============================================
	◆3：グローバルナビ
	==============================================*/

	/*==============================================
	◆4：キービジュアル
	==============================================*/
	#keyVisual {
		width:100%;
		height:auto;
		margin-bottom: 40px;
	}
	#keyVisual img {
		border-radius: 0px;
	}
	#bn01 {
		width: 100%;
		height: auto;
		margin: 0 auto 40px;
	}
	/*==============================================
	◆5：コンテンツ
	==============================================*/
	#contentsArea {
		padding:10px 0 0 0;
		margin:20vw 0 0;
	}
	#results,#representative,#about,#features,#voice,#staff,#flow,#price,#dx-new,#philosophy,#strongpoints,#humanresources,#recruitmentdetails,#entryform,#thanks,#contact {
		margin:0 auto 70px;
		width: 100%;
		}
	#price .formula {
		width: 100%;
		}
	.philosophy-detail {
		width: 100%;
	}
	.bn01 {
		width: 100%;
	}
	.GridItem-pc {
		display: none;
	}
	.GridItem-sp {
		display: block;
		width: 100%;
	}
	.GridItem-sp-img {
		width: 90%;
		height: auto;
		margin: 0 5% 10px;
	}
	.GridItem-sp-img img {
		width: 100%;
		height: auto;
	}
	.GridItem-sp ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.GridItem-sp ul li {
		font-size: 14px;
		line-height: 21px; /* 150% */
		margin: 0 0 7px 0;
		padding-left: 12%;
		background-image: url("../image/svg/icon-circle-check-filled.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 5% center;
	}
	.GridItem-sp h3 {
		font-size: 16px;
		line-height: 24px; /* 150% */
		margin: 0 0 10px 0;
		color: #79CC93;
		font-style: normal;
		font-weight: 700;
		padding: 0;
		text-align: center;
	}
	.GridItem-sp p {
		font-size: 12px;
		line-height: 18px; /* 150% */
		margin: 0 5% 10px;
		font-style: normal;
		font-weight: 700;
		padding: 0;
		text-align: left;
		color:#3D3732;
	}
	.GridItem-sp .signature {
		font-size: 12px;
		line-height: 18px; /* 150% */
		text-align: right;
		margin: 0 5%;
		font-style: normal;
		font-weight: 700;
		padding: 0;
		color:#3D3732;
	}
	.features ul li {
		width: 48%;
		margin: 0 4% 30px 0;
	}
	.features ul li span {
		font-size: 12px;
		line-height: 18px; /* 150% */
		margin-bottom: 10px;
	}
	.features ul li:nth-child(2n) {
		margin-right: 0;
	}
	.features ul li:last-child {
		margin-right: 0!important;
	}
	.features ul li:nth-child(3n) {
		margin-right: 4%;
	}
	.staff-container ul {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}
	#about article,
	#dx-new article {
		font-size: 12px;
		line-height: 18px; /* 150% */
		text-align: left;
		width: 90%;
		margin: 0 5% 40px;
	}
	.about-detail {
		background-image: none;
		padding: 30px 5% 6px;
	}
	.about-detail h3 {
		font-size: 16px;
		line-height: 30px; /* 150% */
		margin: 0 0 20px 0;
	}
	.about-detail div {
		font-size: 12px;
		line-height: 18px; /* 150% */
		margin: 0 0 24px 0;
		text-align: left;
	}
	.about-detail ul li {
		width: 100%;
		margin: 0 0 20px 0;
		border-radius: 10px;
		padding: 15px 5%;
	}
	.about-detail ul li:nth-child(2n) {
		margin-right: 0;
	}
	.about-detail ul li span {
		font-size: 16px;
		line-height: 24px; /* 150% */
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.about-detail ul li img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.about-detail ul li p {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.voice-area {
		width: 96%;
		margin: 0 2% 20px;
	}
	.voice-area-inner-right {
		width: 77%;
		border-radius: 10px;
		padding: 10px 3%;
	}
	.voice-area-inner-left {
		width: 77%;
		border-radius: 10px;
		padding: 10px 3%;
	}
	.voice-area-img-left {
		width: 20%;
		height: auto;
		margin-right: 3%;
		float: left;
	}
	.voice-area-img-right {
		width: 20%;
		height: auto;
		margin-left: 3%;
		float: right;
	}
	.voice-area-img-left img {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.voice-area-img-right img {
		width: 100%;
		height: auto;
		margin-left:0;
	}
	.voice-title {
		font-size: 12px;
		line-height: 18px; /* 150% */
		margin-bottom: 5px;
	}
	span.age {
		font-size: 10px;
		line-height: 15px; /* 150% */
		margin-bottom: 5px;
	}
	.comment {
		font-size: 10px;
		line-height: 15px; /* 150% */
	}
	.staff-container ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.staff-container ul li:nth-child(even){
		margin-right: 0;
	}
	.staff-box {
		width: 100%;
		box-sizing: border-box;
		border-radius: 0px;
		padding: 15px 5%;
	}
	.staff-upper {
		padding-bottom: 10px;
	}
	.staff-left {
		width: 20%;
		height: auto;
		float: left;
		margin-right: 5%;
	}
	.staff-left img {
		width: 100%;
		height: auto;
	}
	.staff-right {
		float: left;
		padding-top: 0;
		width: 75%;
		height: auto;
	}
	.staff-license {
		font-size: 16px;
		line-height: 24px; /* 150% */
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.staff-age,.staff-career {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.staff-lower {
		width: 100%;
	}
	.staff-title {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.staff-comment {
		font-size: 12px;
		line-height: 18px; /* 150% */	
	}
	/*ご利用までの流れ*/
	.flow-detail {
		width: 90%;
		margin: 0 5%
	}
	.flow-detail ul {}
	.flow-detail ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.flow-detail ul li:after {
		position: absolute;
		display: block;
		content: "";
		height: 30px;
		width: 6px;
		top: 76px;
		left: 48%;
	}
	.flow-detail ul li:last-child {
		margin-bottom: 10px;
	}
	.flow-box {
		border-radius: 10px;
		padding: 15px 5%;
		width: 100%;
	}
	.flow-title {	
		font-size: 12px;
		line-height: 18px; /* 131.25% */
		margin-bottom: 10px;
	}
	.flow-comment {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.flow-detail p {
		font-size: 10px;
		line-height: 15px; /* 150% */
	}
	#price .terms {
		border-radius: 10px;
		font-size: 16px;
		line-height: 24px; /* 150% */
		padding: 10px 2%;
		width: 94%;
		margin: 0 3% 20px;
		box-sizing: border-box;
	}
	#price .terms:after {
		left: 49.5%;
		bottom: -16px;
	}
	#price p {
		font-size: 12px;
		line-height: 18px; /* 150% */
		margin: 0 0 10px 0;
	}
	#price .contact-btn {
		width: 90%;
		border-radius: 10px;
	}
	#price .contact-btn a {
		font-size: 12px;	
		padding: 10px 0;
		line-height: 18px; /* 150% */
	}
	#price .formula {
		margin: 0 auto 30px;
		width: 100%;
	}
	.philosophy_bk {
		background-image:url("../image/image-13-sp.png");
		padding: 15px 0;
	}
	.philosophy-detail {
		border-radius: 10px;
		width: 80%;
		margin: 0 10%;
		padding: 5px 10%;
		background-image: none;
		box-sizing: border-box;
	}
	.philosophy-detail ul {
		margin: 0;
		padding: 0;
	}
	.philosophy-detail ul li {
		font-size: 12px;
		line-height: 18px; /* 150% */
		margin: 0 0 10px 0;
	}
	.philosophy-image-sp {
		display: block;
		width: 100%;
		height: auto;
		margin:0;
	}
	.philosophy-image-sp img {
		width: 100%;
		height: auto;
	}
	.strong-point01 ul {
		width: 100%;
	}
	.strong-point01 ul li {
		vertical-align: top;
		display: inline-block;
		width:46%;
		margin: 0 2% 20px;
	}
	.strong-point01 ul li:nth-child(even){
		margin-right: 0;
	}
	.strong-point01 ul li img {
		width: 100%;
		height: auto;
		border-radius: 10px 10px  0 0;
	}
	.strong-point01 ul li p {
		width: 100%;
		box-sizing: border-box;
		padding: 15px 5%;
		box-shadow:0px;
		font-size: 12px;
		line-height: 18px; /* 150% */
		min-height: 85px;
	}
	.strong-point02 ul {
		width: 100%;
	}
	.strong-point02 ul li {
		vertical-align: top;
		display: inline-block;
		width: 96%;
		margin: 10px 2% 0;
		padding: 10px 10px 10px 2em;
		text-indent: -1.5em;
		border-radius: 20px;
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.strong-point02 ul li:before {
		width: 12px;
		height: 12px;
		margin-right: 6px;
	}
	#humanresources ul {
		width: 98%;
		margin: 0 1%;
	}
	#humanresources ul li {
		width: 30%;
		margin: 0 5% 0 0;
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	#humanresources ul li img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	#humanresources ul li p {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	#recruitmentdetails h3 {
		width: 96%;
		padding: 5px 0;
		font-size: 20px;
		margin: 0 2%;
		line-height: 35px; /* 150% */
	}
	#recruitmentdetails .table-radius {
		padding: 0 5% 20px;
		width: 96%;
		margin: 0 2%;
	}
	#recruitmentdetails table {
		width: 100%;
	}
	#recruitmentdetails table th {
		width: 100%;
		font-size: 12px;
		line-height: 18px; /* 150% */
		padding: 20px 0 5px;
		display: block;
	}
	#recruitmentdetails table td {
		font-size: 12px;
		line-height: 18px; /* 150% */
		width: 100%;
		padding: 0 0 10px;
		display: block;
	}
	#entryform p,
	#contact p {
		font-size: 12px;
		line-height: 18px; /* 150% */
		width: 96%;
		margin: 0 2% 15px;
	}
	#entryform ul,
	#contact ul {
		width: 96%;
		margin: 0 2% 30px;
	}
	#entryform ul li,
	#contact ul li {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	#entryform .table-radius,
	#contact .table-radius {
		padding: 20px 5%;
		width: 96%;
		margin: 0 2%;
	}
	#entryform table,
	#contact table {
		width: 100%;
	}
	#entryform table th,
	#contact table th {
		width: 100%;
		font-size: 12px;
		line-height: 18px; /* 150% */
		display: block;
		text-align: left;
	}
	#entryform table td,
	#contact table td {
		font-size: 12px;
		line-height: 18px; /* 150% */
		width: 100%;
		padding: 10px 0 30px;
		display: block;
	}


	
	/*==============================================
	◆6：トピックパス
	==============================================*/
	/*==============================================
	◆7：メインコンテンツ
	==============================================*/
	/*#mainColumn{
		width: 90%;
		margin:0 0 40px 0;
		padding: 0 5%;
	}*/
/*	#box-blue,#box-pink,#box-green,#box-brown {
		width:100%;
		padding: 40px 5%;
		margin: 0 auto 50px;
	}
	#box-blue h3 {
		border-top:3px solid #FCE6A2;
		border-bottom: 3px solid #FCE6A2;
		margin: 0 0 20px 0;
		padding: 15px 0;
		font-size: 20px;
		line-height: 1.5;
	}
	#box-green h3 {
		border-top:3px solid #FCE6A2;
		border-bottom: 3px solid #FCE6A2;
		margin: 0 0 20px 0;
		padding: 15px 0;
		font-size: 20px;
		line-height: 1.5;
	}
	#box-brown h3 {
		border-top:3px solid #FCE6A2;
		border-bottom: 3px solid #FCE6A2;
		margin: 0 0 20px 0;
		padding: 15px 0;
		font-size: 20px;
		line-height: 1.5;
	}/
	#box-green th,
	#box-green td,
	#box-brown th,
	#box-brown td {
		width: 100%;
		box-sizing: border-box;
		display: block;
		padding: 15px 10px;
	}
	ul#consultation li {
		margin: 0 0 15px 0;
		font-size: 16px;
		line-height: 1.5;
		padding: 20px 5px 20px 11%;
		background-position: 3% center;
		background-size: 7%;
		width: 100%;
		float: none;
	}
	ul#prpoint li {
		margin: 0 0 15px 0;
		font-size: 16px;
		line-height: 1.5;
		padding: 20px 20px 20px 11%;
		background-position: 3% center;
		background-size: 7%;
		width: 100%;
	}
	ul#consultation li:last-child {
		margin-bottom: 0;
		}*/

	button[type="submit"] {
		width: 100%;
	}
	input[type="number"] {
		width: 50%;
	}

	/*==============================================
	◆8：サブコンテンツ
	==============================================*/
	/*==============================================
	◆9：フッター
	==============================================*/
	#footer {
		padding: 20px 0 13.7vw;
		background-image: none;
		background-color: #FFF;
	}
	#footer-box {
		width:90%;
		padding: 20px 3%;
		border-radius: 10px;
		margin: 0 5% 2px;
	}
	#business-name {
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	#business-name img {
		display: block;
		width: 100%;
		height: auto;
	}
	#business-name-pc {
		display: none;
		}
	#business-name-sp {
		display: block;
		margin-bottom: 10px;
		}
	#business-name span {
		padding: 10px 5%;
		font-size: 12px;
		line-height: 18px;
		border-radius: 10px;
		width: 100%;
	}
	#address {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#address p {
		font-size: 10px;
		line-height: 15px; /* 150% */
		margin-bottom: 10px;
	}
	#address dl {
		margin-bottom: 10px;
	}
	#address dt {
		width: auto;
		text-align: left;
		border-radius: 5px;
		font-size: 10px;
		line-height: 1.5;
		padding: 3px;
		height: 15px; /* 150% */
		margin-right: 0;
	}
	#address dd {
		width: 100%;
		font-size: 10px;
		line-height: 15px; /* 150% */
		margin-bottom: 10px;
	}
	#tel {
		float: none;
		width: 100%;
		height: auto;
	}
	#tel p {
		font-size: 10px;
		line-height: 15px; /* 150% */
		margin-bottom: 5px;
	}
	.mobile {
		font-size: 20px;
		line-height: 30px; /* 70% */
		margin-bottom: 10px;
	}
	.mobile:before {
		width: 24px;
		height: 24px;
		margin-right: 5px;
	}
	.pc-tel {
		display: none;
	}
	.sp-tel {
		display: block
	}
	.footer-sp-bk {
		display: block;
		width: 100%;
		height: auto;
	}
	.footer-sp-bk img {
		width: 100%;
		height: auto;
	}
	#copyright{
		width: 100%;
		padding:10px 0;
		margin:0;
	}
	#copyright p {
		font-size: 10px;
		line-height: 15px; /* 150% */
	}
	
	/*==============================================
	◆00：module.css
	==============================================*/
	/* h2関連 */

	/* ページトップ */
	#topcontrol {
		z-index:2;
	}
}
/*==============================================
◆共通
==============================================*/

/*==============================================
◆WordPress部分
==============================================*/
@media screen and (max-width: 768px) {}
/*==============================================
◆その他の書式設定
==============================================*/
@media screen and (max-width: 768px) {
	div img {
		width:100%;
		height:auto;
		text-align:center;
	}
}
/*==============================================
◆リンク
==============================================*/
/*==============================================
◆セクション
==============================================*/
/*============================================
◆ボックス
==============================================*/
@media screen and (max-width: 768px) {
	

	
/*============================================
◆160628追記
==============================================*/

.spbr {
    display: inline;
  }
.pcbr {
    display: none;
  }
}
/*横向き*/
@media only screen and (orientation : landscape) {
}
@media screen and (max-width: 1000px) {}
/*iPhone 6s 横 */
@media screen and (max-width: 768px) {}
/*スマフォ横*/
@media screen and (max-width: 640px) {}
/*スマフォ縦*/
@media screen and (max-width: 480px) {}
/*============================================
◆マージン、パディング
==============================================*/