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

	/* ----------------------------------------



◆フォントなどpc/sp共通項目はbase.css

	

h1などサイトに合わせて変更



---------------------------------------- */

	body {

		font-size: 14px;

		line-height: 1.4rem;

		position: relative;

		color: #333;

		font-family: "Noto Sans JP", メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}

	h1 {

		width: 100%;

		text-align: center;

		color: #999;

		font-size: 10px;

		line-height: 16px;

		padding: 2px 1%;

		z-index: 11;

		background: #eee;

		position: absolute;

		top: 0;

		left: 0;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}

	/* ----------------------------------------

	common

	---------------------------------------- */

	.sp_off {

		display: none !important;

	}

	@font-face {

		font-family: 'Noto Sans JP';

		font-style: normal;

		font-weight: 400;

		src: local("Noto Sans CJK JP Regular"),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');

	}

	@font-face {

		font-family: 'Noto Sans JP';

		font-style: normal;

		font-weight: 600;

		src: local("Noto Sans CJK JP SemiBold"),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-SemiBold.woff2) format('woff2'),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-SemiBold.woff) format('woff'),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-SemiBold.otf) format('opentype');

	}

	@font-face {

		font-family: 'Noto Sans JP';

		font-style: normal;

		font-weight: 900;

		src: local("Noto Sans CJK JP Black"),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),

			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');

	}

	/* nomal */

	@font-face {

		font-family: "Century Gothic";

		src: url('/font/GOTHIC_0.woff2') format('woff'),

			url('/font/GOTHIC_0.TTF') format('truetype');

		font-weight: normal;

		font-style: normal;

	}

	/* bold */

	@font-face {

		font-family: "Century Gothic";

		src: url('/font/GOTHICB_0.woff2') format('woff'),

			url('/font/GOTHICB_0.TTF') format('truetype');

		font-weight: bold;

		font-style: normal;

	}

	/* ----------------------------------------

	header

	---------------------------------------- */

	header.h_wrap {

		width: 100%;

		height: 50px;

		z-index: 100;

		background-color: #fff;

		border-bottom: 1px solid #111;

		position: absolute;

		/*top: 18px;*/

		left: 0;

	}

	.h_in {

		display: flex;

		justify-content: space-between;

	}

	.h_logo {

		height: 50px;

	}

	.h_logo a {

		display: block;

		padding: 10px 0;

		padding-left: 6px;

	}

	.h_logo img {

		height: 30px;

		margin: 0 auto;

	}

	.h_inq {

		width: 60px;

		position: relative;

		z-index: 150;

	}

	.h_inq a {

		display: block;

		color: #fff;

		background: #e60012;

		height: 50px;

		box-sizing: border-box;

		padding-top: 3px;

	}

	/* ----------------------------------------

	footer

	---------------------------------------- */

	.top_info_wrap {

		width: 100%;

		padding: 20px 0;

		background: #f5f5f5;

	}

	.top_info_in {

		margin: 0 3%;

	}

	.top_info_tl {

		text-align: center;

	}

	.top_info_tl img {

		margin-bottom: 20px;

		width: 100px;

	}

	.top_info_tl a {

		display: block;

		margin: 0 auto;

		width: 210px;

		border: 1px solid #e60012;

		border-radius: 30px;

		font-size: 15px;

		line-height: 23px;

		padding: 10px 0;

		background: #e60012;

		color: #fff;

		margin-bottom: 20px;

	}

	.top_info_box {

		background: #fff;

		border-radius: 10px;

		box-sizing: border-box;

		padding: 15px;

	}

	.top_info_box iframe {

		width: 100%;

		height: 750px;

	}

	footer {

		border-top: 1px solid #111;

		background: #fff;

		padding-bottom: 60px;

	}

    .f_onlinemeet{

        width: 76%;

        margin: 20px auto;

        text-align: center;

    }

    .f_onlinemeet a{

        

    }

    .f_onlinemeet a img{

        width: 100%;

    }

	.f_inq_sp {

		margin: 12px 3%;

		background: #eee;

		padding: 20px 0;

		text-align: center;

	}

	.f_inq_sp>p {

		font-size: 13px;

		line-height: 22px;

		margin-bottom: 10px;

	}

	.f_inq_sp .f_inq_tel {

		width: 90%;

		margin: 0 auto;

		margin-bottom: 15px;

	}

	.f_inq_sp .f_inq_tel a {

		display: flex;

		justify-content: center;

		align-items: center;

		border: 1px solid #e60012;

		border-radius: 30px;

		background: #fff;

		color: #e60012;

		padding: 12px 0;

	}

	.f_inq_sp .f_inq_tel img {

		width: 25px;

		margin-right: 7px;

	}

	.f_inq_sp .f_inq_tel p {

		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

		font-size: 23px;

		line-height: 23px;

	}

	.f_inq_sp .f_inq_mail {

		width: 90%;

		margin: 0 auto;

	}

	.f_inq_sp .f_inq_mail a {

		display: flex;

		justify-content: center;

		align-items: center;

		border: 1px solid #e60012;

		border-radius: 30px;

		background: #e60012;

		color: #fff;

		padding: 12px 0;

	}

	.f_inq_sp .f_inq_mail img {

		width: 25px;

		margin-right: 7px;

	}

	.f_inq_sp .f_inq_mail p {

		font-size: 15px;

		line-height: 23px;

	}

	.f_menu {

		border-top: 1px solid #ccc;

	}

	.f_menu ul {}

	.f_menu li {

		border-bottom: 1px solid #ccc;

	}

	.f_menu a {

		display: block;

		font-size: 15px;

		line-height: 23px;

		padding: 15px 5%;

		color: #111;

	}

	.f_menu a::after {

		content: '\f105';

		font-family: 'Font Awesome 5 Free';

		font-weight: 900;

		float: right;

		margin: 0;

	}

	.f_menu_sub {

		background: #eee;

		padding: 25px 5%;

	}

	.f_menu_sub .f_menu_sub_box {

		margin-bottom: 15px;

	}

	.f_menu_sub .f_menu_sub_box:last-child {

		margin-bottom: 0;

	}

	.f_menu_sub p {

		font-size: 15px;

		line-height: 22px;

		font-weight: bold;

		margin-bottom: 5px;

	}

	.f_menu_sub ul {

		display: flex;

		flex-wrap: wrap;

		align-content: center;

	}

	.f_menu_sub li {

		display: flex;

	}

	.f_menu_sub li::after {

		content: '/';

		margin: 0 10px;

	}

	.f_menu_sub li:last-child::after {

		content: '';

		margin: 0;

	}

	.f_menu_sub a {

		display: block;

		color: #111;

		font-size: 12px;

		line-height: 24px;

	}

	.f_logo {

		width: 150px;

		margin: 0 auto;

		padding: 20px 0;

		text-align: center;

	}

	.f_logo a {

		display: block;

	}

	.f_logo img {}

	footer small {

		width: 100%;

		background: #e60012;

		display: block;

		text-align: center;

		color: #fff;

		font-size: 12px;

		line-height: 15px;

		padding: 3px 0;

		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

	}

	/* ----------------------------------------

	foot_nav

	---------------------------------------- */

	.foot_nav {

		position: fixed;

		bottom: 0;

		left: 0;

		width: 100%;

		background: rgba(255, 255, 255, 0.9);

		z-index: 10;

		border-top: 1px solid #999;

	}

	.foot_nav ul {

		display: flex;

		justify-content: center;

		text-align: center;

		align-items: center;

	}

	.foot_nav li {

		flex: 1;

		display: flex;

		justify-content: center;

		text-align: center;

		align-items: center;

		height: 100%;

	}

	.foot_nav li:not(:last-child) {

		border-right: 1px solid #999;

	}

	.foot_nav li:nth-of-type(4) a {

		background: rgb(230, 0, 18, 0.9);

	}

	.foot_nav a,

	.foot_nav button {

		display: block;

		width: 100%;

		height: 100%;

		padding: 5px 0;

	}

	.foot_nav a img,

	.foot_nav button img {

		max-height: 50px;

		display: block;

		margin: 0 auto;

		vertical-align: bottom;

	}

	.foot_nav_s {

		width: 100%;

		background: #eee;

	}

	.foot_nav_s p {

		font-size: 11px;

		padding: 5px;

		text-align: center;

	}

	.foot_nav button {

		border-radius: 0;

		-webkit-box-sizing: content-box;

		-webkit-appearance: button;

		appearance: button;

		border: none;

		box-sizing: border-box;

		cursor: pointer;

		background: none;

		padding: 0;

	}

	.foot_nav button::-webkit-search-decoration {

		display: none;

	}

	.foot_nav button::focus {

		outline-offset: -2px;

	}

	/* ----------------------------------------

	drawer

	---------------------------------------- */

	.drawer_wrap {

		position: relative;

	}

	.dra_conts {

		overflow-y: scroll;

		-webkit-overflow-scrolling: touch;

		height: 100%;

		box-sizing: border-box;

		padding-top: 30px;

	}

	.dra_tl {

		position: fixed;

		top: 0;

		left: 0;

		height: 30px;

		width: 100%;

		-webkit-transform: translateZ(999px);

		transform: translateZ(999px);

	}

	.dra_tl p {

		background: #e60012;

		color: #fff;

		padding: 0 2%;

		font-size: 12px;

		line-height: 30px;

	}

	.dra_subtl {}

	.dra_subtl p {

		background: #F5F5F0;

		padding: 6px 2%;

		font-size: 14px;

		color: #666;

		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

	}

	.dra_li {}

	.dra_li ul {

		overflow: hidden;

	}

	.dra_li li {

		box-sizing: border-box;

		border-bottom: 1px solid #ccc;

	}

	.dra_li li:last-of-type {

		border-bottom: none;

	}

	.dra_li a {

		padding: 10px 5%;

		display: block;

		font-size: 13px !important;

		line-height: 20px;

		color: #333;

		text-decoration: none;

		font-weight: bold;

	}

	.dra_li a::after {

		content: '\f105';

		font-family: 'Font Awesome 5 Free';

		font-weight: 900;

		float: right;

		margin: 0;

	}

	.dra_li i {

		margin-right: 5px;

	}

	.dra_li span {

		color: #ccc;

		display: block;

	}

	.dra_close {

		position: absolute;

		height: 50px;

		width: 50px;

		bottom: 5px;

		right: 5px;

		z-index: 1001;

		background: none;

		-webkit-transform: translateZ(999px);

		transform: translateZ(999px);

	}

	.dra_close button {

		border-radius: 0;

		-webkit-box-sizing: content-box;

		-webkit-appearance: button;

		appearance: button;

		border: none;

		box-sizing: border-box;

		cursor: pointer;

		background: none;

		padding: 0;

	}

	.dra_close button::-webkit-search-decoration {

		display: none;

	}

	.dra_close button::focus {

		outline-offset: -2px;

	}

	/* ----------------------------------------

	breadcrumb

	---------------------------------------- */

	.breadcrumb {

		width: 100%;

		margin-top: 0;

		font-size: 11px;

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flex;

		display: -o-flex;

		display: flex;

		position: relative;

		padding: 3px 1%;

		overflow-x: auto;

		overflow-y: hidden;

		-webkit-overflow-scrolling: touch;

		white-space: nowrap;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}

	.breadcrumb div {}

	.breadcrumb div>span {

		color: #e60012;

	}

	.breadcrumb a {

		color: #111;

	}

	.breadcrumb a:hover span {

		text-decoration: underline;

		color: #e60012;

	}

	.breadcrumb a:after {

		content: "＞";

		padding: 0 10px;

	}

	.breadcrumb a span {}

	/* ----------------------------------------

	grouppaging

	---------------------------------------- */

	.grouppaging {

		display: flex;

		justify-content: center;

		margin: 30px 0;

	}

	.grouppaging li {

		border: 1px solid #e60012;

		border-radius: 50%;

		color: #fff;

		background: #e60012;

		text-decoration: none;

		padding: 5px;

		width: 40px;

		height: 40px;

		box-sizing: border-box;

		text-align: center;

		font-size: 21px;

		line-height: 28px;

		margin: 3px;

		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

	}

	.grouppaging li.current {

		background: #fff;

		color: #e60012;

	}

	.grouppaging li a {

		display: block;

		color: #fff;

	}

	/* ----------------------------------------

	コンテンツページcss（共通）

	---------------------------------------- */

	.conts_wrap {

		color: #111;

		padding-bottom: 30px;

	}

	.conts_main_ttl {

		width: 100%;

		background: #f5f5f5;

		padding: 20px 0;

		text-align: center;

		color: #111;

	}

	.conts_main_ttl img {

		width: 28px;

		margin-bottom: 10px;

	}

	.conts_main_ttl p {

		font-size: 20px;

		line-height: 30px;

		font-weight: bold;

		margin: 0 3%;

		margin-bottom: 5px;

	}

	.conts_main_ttl span {

		text-align: center;

		font-size: 13px;

		line-height: 22px;

		margin: 0 3%;

		display: block;

	}

	/* ----------------------------------------

	サイドバーあり

	---------------------------------------- */

	.conts_bar_wrap {

		margin: 0%;

	}

	.conts_bar_wrap .main_conts {}

	/* ----------------------------------------

	サイドバーなし

	---------------------------------------- */

	.conts_nobar_wrap {

		margin: 0 3%;

	}

	/* 共通

	---------------------------------------- */

	.con_tx {

		font-size: 23px;

		line-height: 30px;

		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

		font-weight: bold;

		border-bottom: 1px solid #111;

		border-left: 5px solid #e60012;

		padding: 7px 10px 10px 10px;

		margin-bottom: 15px;

	}

	/* ----------------------------------------

	contents_bottom.php

	---------------------------------------- */

	.conts_btm_wrap {

		margin-top: 20px;

	}

	/* ----------------------------------------

	conts_bottom

	---------------------------------------- */

	.inq_link_wrap {

		background-image: url(/img/works/inq_link_bg_sp.jpg);

		background-repeat: no-repeat;

		background-position: center;

		background-size: cover;

		padding: 10px 0;

	}

	.inq_link_wrap ul {}

	.inq_link_wrap li {

		text-align: center;

		color: #fff;

		border-bottom: 1px solid #fff;

		margin: 0 15px;

		padding: 15px 0;

	}

	.inq_link_wrap li:last-child {

		border-bottom: none;

	}

	.inq_link_wrap li>p {

		font-size: 14px;

		line-height: 22px;

		margin-bottom: 10px;

	}

	.inq_link_tel {

		display: flex;

		align-items: center;

		justify-content: center;

		border: 2px solid #e60012;

		background: #fff;

		color: #e60012;

		border-radius: 25px;

		padding: 8px 0;

		width: 260px;

		margin: 0 auto;

		box-sizing: border-box;

	}

	.inq_link_tel svg {

		fill: #e60012;

		margin-right: 10px;

		width: 18px;

		height: 18px;

		pointer-events: all;

	}

	.inq_link_tel p {

		font-size: 22px;

		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

	}

	.inq_link_tel a {

		color: #e60012;

		pointer-events: auto;

	}

	.inq_link_wrap li span {

		font-size: 13px;

		line-height: 22px;

		margin-top: 8px;

		display: block;

	}

	.inq_link_mail {}

	.inq_link_mail a {

		display: flex;

		align-items: center;

		justify-content: center;

		border: 2px solid #e60012;

		background: #e60012;

		color: #fff;

		border-radius: 25px;

		padding: 8px 0;

		width: 260px;

		margin: 0 auto;

		box-sizing: border-box;

	}

	.inq_link_mail a svg {

		fill: #fff;

		margin-right: 10px;

		transition: 0.3s;

		width: 18px;

		height: 18px;

		margin-top: -4px;

	}

	.inq_link_mail p {

		font-size: 16px;

		line-height: 24px;

	}

	.conts_wrap {

		margin-top: 0;

		/*padding-top: 68px;*/

		padding-bottom: 30px;

	}

	/*---------------contact-------------------*/

	.bs_contact_wrap {

		position: relative;

		width: 90%;

		margin: 0 auto;

		z-index: 1;

	}

	.bs_contact_wrap::after {

		position: absolute;

		content: '';

		height: 100%;

		width: calc(100% - 20px);

		top: 10px;

		left: 30px;

		background: linear-gradient(-45deg, #fff 20%, #aaa 20%, #aaa 25%, #fff 25%, #fff 45%, #aaa 45%, #aaa 50%, #fff 50%, #fff 70%, #aaa 70%, #aaa 75%, #fff 75%, #fff 95%, #aaa 95%, #aaa);

		background-size: 16px 16px;

		border-radius: 10px;

		z-index: -1;

	}

	.bs_contact_inner {

		margin: 40px auto;

		background-color: #fdf4f4;

		padding: 30px 5%;

		position: relative;

		border-radius: 5px;

	}

	.bs_contact_con h2 {

		text-align: center;

		font-size: 24px;

		line-height: 1;

		color: #2d404f;

		letter-spacing: 0.1em;

		font-weight: bold;

		margin-bottom: 20px;

	}

	.bs_contact_con h2::before {

		content: "";

		display: block;

		background: url(/img/sale_hp/contact_icon.png);

		background-size: contain;

		background-repeat: no-repeat;

		width: 35px;

		height: 44px;

		margin: -62px auto 25px;

	}

	.bs_contact_con p {

		font-size: 15px;

		font-weight: 500;

		line-height: 1.7;

		letter-spacing: 0.05em;

	}

	.bs_contact_inner ul {

		margin-top: 30px;

	}

	.bs_contact_inner ul li a {

		display: block;

		border: 3px solid #e60012;

		background: #e60012;

		border-radius: 80px;

		position: relative;

		color: #fff;

		font-weight: bold;

		text-align: center;

		font-size: 20px;

		padding: 10px 0;

		box-sizing: border-box;

		margin-bottom: 15px;

	}

	.bs_contact_inner ul li a span {

		display: block;

		font-size: 12px;

		line-height: 1;

		margin-bottom: 5px;

		font-weight: 500;

		letter-spacing: 0.1em;

		text-align: center;

	}

	.bs_contact_inner ul li:first-child a {

		background: #fff;

		color: #2d404f;

		font-size: 26px;

		letter-spacing: 0.1em;

		border: 3px solid #2d404f;

		position: relative;

		padding-left: 25px;

		padding-top: 15px;

	}

	.bs_contact_inner ul li:first-child a::before {

		content: "";

		display: block;

		background: url(/img/sale_hp/cv_tel.png);

		background-size: contain;

		background-repeat: no-repeat;

		width: 20px;

		height: 20px;

		position: absolute;

		bottom: 9px;

		left: 35px;

	}

	.bs_contact_inner ul li:first-child a::after {

		content: "「プランニング事業部」担当者まで ";

		display: block;

		width: 80%;

		font-size: 9px;

		background: #2d4042;

		color: #fff;

		text-align: center;

		line-height: 24px;

		position: absolute;

		top: -15px;

		left: 10%;

		border-radius: 17px;

	}

	.bs_contact_inner ul li:first-child a span {

		font-size: 11px;

		margin-left: -30px;

	}

	/*---------------/contact-------------------*/

}

/* media screen fin */