/* base
--------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html{
	font-size:62.5%;
}

body{
	font-family:"Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	font-size:1.4rem;
	margin:0;
	padding: 0;
	line-height: 2;
	font-weight: 400;
	color:#774d15;
	counter-reset: number 0;
}

#wrapper{
	position: relative;
}

ul,li{
	margin:0;
	padding:0;
	list-style: none;
}

a{
	text-decoration: none;
	color:#774d15;
}

a:hover {
	color:#333;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	opacity: 0.7;
}

p{
	padding:0;
	margin:0;
	font-size: 1.4rem;
	letter-spacing:.05em;
	font-weight:400;
}

h1{
	margin:0;
	padding:0;
	font-size: 1rem;
	font-weight: 400;
}

img{
	width:100%;
	height:auto;
}

.breadcrumbs {
	font-size: 1rem;
	color: #c6a885;
	background-color: #FFF;
	height: 40px;
	font-weight: 500;
	line-height: 40px;
	text-align: right;
	letter-spacing: .05em;
}

.breadcrumbs span:first-child{
	padding:0 1rem 0 0;
}

.breadcrumbs a{
	color: #c6a885;
}

.breadcrumbs a:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	opacity: 0.7;
}

.breadcrumbs span{
	padding: 0 1rem;
}

.breadcrumbs .now-page{
	color:#774d15;
	border-radius:5px;
}

.breadcrumbs .arrow-icon {
	position: relative;
	content: "";
	background-image: url(img/arrow-brown-right.svg);
	width: 4px;
	height: 7px;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.wp-pagenavi {
	clear: both;
	text-align:center;
	font-size: 1.4rem;
	margin-top: 6rem;
	position:relative;
	padding-top: 5rem;
}

.wp-pagenavi::after{
	content: "";
	background-image: url(img/sp/line-dot-brown-1.svg);
	height: 4px;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}

.wp-pagenavi a,
.wp-pagenavi .current{
	color:#fc951a;
	text-decoration: none;
	display: inline-block;
	margin: 0 5px;
	background-color: #FFF;
	border-radius: 50%;
	border: 1px solid #fc951a;
}

.wp-pagenavi page larger{
	border: 1px solid #DFDFDF;
}

.wp-pagenavi span,
.wp-pagenavi a{
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 500;
}

.wp-pagenavi .current{
	background-color: #fc951a;
	color: #FFF;
	border: none;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
	position:relative;
	border: 1px solid #fc951a;
}

.wp-pagenavi .first,
.wp-pagenavi .last{
	border: 1px solid #494949;
	width: 60px;
	border-radius: 5px;
}

.wp-pagenavi i{
	font-size:1.4rem;
}

.wp-pagenavi .pages{
	background-color:#fff;
	color:#774d15;
	display: inline-block;
	margin-right: 10px;
	border: 1px solid #fc951a;
	font-size: 1.4rem;
	border-radius: 30px;
	width: 50px;
}

#page-top{
	display: block;
	position: fixed;
	bottom: 110px;
	right: 10px;
	z-index: 900;
	width: 46px;
	height: 46px;
}

#page-top img{
	width:100%;
	height:auto;
}

/* 共通
-----------------------------------*/
/* 横幅1500pxして中央(margin:auto) */
.width-1500px{ 
	width:95%;
	max-width:1500px;
	margin:0 auto;
	overflow: hidden;
}

/* 横幅1200pxして中央(margin:auto) */
.width-1200px{ 
	width:95%;
	max-width:1200px;
	margin:0 auto;
	overflow: hidden;
}

/* Tondo Bold */
.f-tondo-b{
	font-family: "tondo", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.sp-br{
	display:block;
}

.pc{
	display:none !important;
}

/* 余白関係
-----------------------------------*/
.sec-wrap-m-t3{
	margin-top: 3rem;
}

.sec-wrap-m-b3{
	margin-bottom: 3rem;
}

.sec-wrap-m-t10 {
	margin-top: 7rem;
}

/* Swiper
-----------------------------------*/
.swiper  {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	display:block
}

.swiper-wrapper  {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
	box-sizing:content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper  {
	transform:translate3d(0px,0,0);
}

.swiper-slide  {
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	transition-property:transform;
	display:block;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.swiper-slide-active {
	opacity: 1;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
}

/* 投稿用(TOP実績)
--------------------------------*/
.swiper-post .works-container{
	position:relative;
	width: 97%;
	margin-right: 0;
}

/* タイトル関係
-----------------------------------*/
.home-title{
	line-height: 1;
	position: relative;
	z-index: 300;
}

.home-title h2{
	font-size:1.4rem;
	font-weight:500;
	letter-spacing: .1em;
	margin-bottom: 1rem;
	color: #fc951a;
}

.home-title span{
	font-size: 4rem;
	font-family: "tondo", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .05em;
	display: block;
	position: relative;
	color: #774d15;
}

.home-btn{
	max-width: 200px;
	height: 50px;
	width: 95%;
}

.home-btn .btn-link{
	display: flex;
	justify-content:space-between;
	align-items:center;
	border-radius: 35px;
	padding: 15px;
	cursor: pointer;
	position: relative;
	max-width: 200px;
	height: 50px;
	border-width: 1px;
	border-style: solid;
	border-color: #fc951a;
	background-color: #fff;
}

.home-btn .btn-link p{
	font-size: 1.4rem;
	letter-spacing: .1em;
	color: #fc951a;
	font-weight: 700;
}

.home-btn .btn-link .btn-circle{
	width:30px;
	height:30px;
	background-color:#fc951a;
	border-radius:35px;
	position: relative;
}

.home-btn .btn-link img{
	width:12px;
	height:10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	position: absolute;
}

.home-btn .btn-arrow-r:hover {
	background-color: #fc951a;
	border-radius: 35px;
	opacity: 1;
}

.home-btn .btn-arrow-r:hover p{
	color: #fff;
}

.btn-circle-white{
	width:30px;
	height:30px;
	border-width: 1px;
	border-style: solid;
	border-color: #fc951a;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	margin-left: auto;
}

.btn-circle-white img{
	width:14px !important;
	height:auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.label-subtitle{
	max-width:260px;
	width:75%;
	height:40px;
	background-color:#fc951a;
	border-radius:50px;
	margin:0 auto;
	font-size: 2rem;
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: .1em;
	position: relative;
}

.label-subtitle::before,
.label-subtitle::after{
	content:"";
	width:6px;
	height:6px;
	background-color:#fff;
	border-radius:50%;
	position:absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: block;
}

.label-subtitle::before{
	left:15px;
}

.label-subtitle::after{
	right:15px;
}

.title-bd{
	position:relative;
}

.title-bd::after{
	content:"";
	width:40px;
	height:2px;
	background-color:#fc951a;
	position:absolute;;
	left:0;
	bottom:-1.5rem;
}

.list-desc-orange::before{
	content:"";
	width:8px;
	height:8px;
	background-color:#fc951a;
	border-radius:50%;
	position:absolute;
	top: 14px;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.title-diagonalline::before,
.title-diagonalline::after{
	content:"";
	width:13px;
	height:21px;
	display: block;
	background-size: cover;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.title-diagonalline::before{
	background-image: url(img/diagonalline-left.svg);
	left:0;
}

.title-diagonalline::after{
	background-image: url(img/diagonalline-right.svg);
	right:0;
}

.title-arrow-btm::before,
.title-arrow-btm::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: "";
	height: 0;
	width: 0;
	border-style: solid;
	border-color: transparent;
}

.title-arrow-btm::before {
	border-width: 11px;
	border-top-color: #fc951a;
	margin-left: -13px;
}

.title-arrow-btm::after {
	border-width: 8px;
	border-top-color: #fff;
	margin-left: -10px;
}

.bd-dotline-sp{
	position:relative;
}

.bd-dotline-sp::after{
	content: "";
	/*! max-width: 370px; */
	height: 4px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* フォントカラー
--------------------------------*/
.ft-m-c{
	color:#774d15;
}

.ft-s-c{
	color:#fc951a;
}

.ft-c-f75e5e{
	color:#f75e5e;
}

/* 蛍光ペン（spanにclass指定して使用）
--------------------------------*/
.marker-yellow {
	background: linear-gradient(transparent 70%, #FFE269 80%);
	font-weight: 700;
}

/* デザイン配置関係
--------------------------------*/
.c-fl-column{
	/*! display:flex; */
	/*! justify-content:space-between; */
}

.txt-center{
	text-align:center;
}

.title-fl-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5.5rem;
	align-items: center;
}

.frame-ffdbb0{
	border: 5px solid #ffdbb0;
	border-radius:30px;
	padding:2.5rem 1.5rem;
	background-color: #fff;
}

/* 子ページ用共通部分
--------------------------------*/
.page-head-container{
	margin-top:60px;
	height: 100px;
	position: relative;
}

.page-head-container .page-title-box{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.page-head-container .page-title-box h1{
	position:relative;
	font-size: 1.4rem;
	font-weight: 500;
	color: #FC951A;
	line-height: 1.5;
	letter-spacing: .05em;
	margin-bottom: 5px;
}

.page-head-container .page-title-box .sub-title{
	position:relative;
	color: #774D15;
	font-size: 3.4rem;
	line-height: 1;
	font-family: "tondo", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
}

.page-title-container{
	position:relative;
	height:120px;
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	background-color: #000;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
}

.page-wrap{
	position:relative;
}

.c-page-bg-white {
	background-color: #fff;
	padding: 4rem 2rem 6rem;
	border-radius: 15px;
}

/* フリーペーパー(広告掲載募集/キッズチャム砲のメリット)
   イベント企画・運営(チャムズをパートナーにするメリット)
--------------------------------*/
.merit-list li{
	width:100%;
	position: relative;
	margin-bottom: 6rem;
}

.merit-list li:last-child{
	margin-bottom:0;
}

.merit-list li .merit-image{
	width:100%;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.merit-list li::before{
	content: "0" counter(number);
	counter-increment: number 1; 
	font-family: "tondo", sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#fc951a;
	font-size:2.8rem;
	border:5px solid #ffdbb0;
	border-radius:50%;
	width: 46px;
	height: 46px;
	display: block;
	text-align: center;
	letter-spacing: 0;
	position: absolute;
	top: -30px;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	line-height: 46px;
}

.merit-list li .merit-image img{
	border-radius:45px;
	border:5px solid #ffdbb0;
}

.merit-list li h4{
	font-size:1.8rem;
	font-weight:500;
	line-height:1.6;
	margin-bottom:1rem;
	letter-spacing: .05em;
	color: #fc951a;
}

/* よくある質問
--------------------------------*/
.faq-box .faq-box{
	border-top: 1px solid #ccc;
}

.faq-box .faq-item{
	background-color:#fff;
	padding:3rem 2rem;
	margin-bottom:3rem;
	border-radius: 35px;
}

.faq-box h3{
	font-weight: 500;
	font-size: 1.4rem;
	background: #fff;
	position: relative;
	padding-bottom: 2rem;
	padding-left: 4.5rem;
	padding-right: 3rem;
	letter-spacing: .05em;
}

.faq-box h3::before {
	content: "Q";
	font-family: "tondo", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	width: 30px;
	height: 30px;
	display: block;
	line-height: 30px;
	border-radius: 30px;
	position: absolute;
	top: 15px;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-color: #fc951a;
}

.faq-box .bd-dotline-sp::after {
	background-image: url("img/sp/line-dot-brown-1.svg");
}

.faq-box .faq-answer{
	padding-left:4.5rem;
	position:relative;
	padding-top: 3rem;
	padding-right: 7.5rem;
}

.faq-box .faq-answer p{
	position:relative;
	letter-spacing: .05em;
}

.faq-box .faq-answer::before {
	content: "A";
	background-color: #fff;
	font-size: 2rem;
	line-height: 25px;
	color: #fc951a;
	left: 0;
	width: 28px;
	height: 28px;
	display: block;
	border-radius: 50%;
	position: absolute;
	border: 1px solid #fc951a;
	font-family: "tondo", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	top: 30px;
}

/* header
--------------------------------*/
header{
	position:fixed;
	height: 60px;
	z-index: 900;
	top: 0;
	width: 100%;
}

.header-container{
	width: 100%;
	height: 60px;
	background-color: #FFF;
	box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.15);
	position: relative;
	padding: 0.5rem;
}

.header-container .header-info{
	width: calc(100% - 60px);
	height: 100%;
	position: relative;
}

.header-container .header-desc{
	font-size: 0.8rem;
}

.header-container .logo{
	display:block;
	line-height: 1;
	width: 60%;
	max-width: 185px;
}

.header-container .logo img{
	width:100%;
	height:auto;
}

.header-container .logo a{
	display:block;
	line-height: 1;
	height: 100%;
}

.header-container .head-tel{
	background-color:#ffa645;
	text-align:center;
	line-height: 1.2;
	position: fixed;
	bottom: 70px;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 900;
	display: block;
	padding: 1.5rem;
}

.header-container .head-tel img{
	width:17px;
	height:auto;
	margin-right: 5px;
}

.header-container .head-tel span{
	font-size:2.5rem;
	color:#FFF;
	letter-spacing: .02em;
}

.header-container .head-tel .time-sp-only{
	font-size:1.2rem;
	color:#fff;
	font-weight: 500;
}

.head-contact{
	position:absolute;
	top: 0;
	right: 0;
	width: 230px;
	height: 110px;
}

.head-contact .tel{
	background-color:#fc951a;
	text-align:center;
	width: 230px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-radius: 30px;
}

.head-contact .tel .catch{
	font-size:1.6rem;
	position: relative;
	width: 100%;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.head-contact .tel .catch img{
	width: 16px;
	height: 24px;
	display: block;
	margin-right: 7px;
}

.head-contact .tel .catch span{
	font-size:2.4rem;
	font-weight:700;
}

.sidemenu-fixed{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height: 70px;
	z-index:900;
	display:flex;
	flex-wrap:wrap;
}

.sidemenu-fixed li{
	width: 33.3%;
	height: 70px;
}

.sidemenu-fixed .tel{
	width:100%;
	height: 60px;
}

.sidemenu-fixed .tel a{
	background-color:#EDF4EA;
	flex-wrap:wrap;
	color:#539A35;
	line-height: 1;
	height: 60px;
	padding: 1rem 0;
}

.sidemenu-fixed .tel a .catch{
	font-size:1rem;
	width:100%;
	text-align:center;
	letter-spacing: .05em;
	color: #595757;
	font-weight: 500;
}

.sidemenu-fixed .tel a .number{
	font-size:2rem;
	width: 100%;
	text-align: center;
	letter-spacing: .05em;
}

.sidemenu-fixed .tel a .number span{
	font-size:1.5rem;
	display: inline-block;
	color: #539A35;
}

.sidemenu-fixed .sub{
	width:33.33%;
}

.sidemenu-fixed li a{
	width: 100%;
	height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.sidemenu-fixed li a img{
	height:auto;
}

.sidemenu-fixed li .contact{
	background-color:#fc951a;
}

.sidemenu-fixed li .instagram{
	background-color:#ffbb00;
}

.sidemenu-fixed li .line{
	background-color:#06c755;
}

.sidemenu-fixed li .contact img{
	width:18px;
}

.sidemenu-fixed li .instagram img{
	width:17px;
}

.sidemenu-fixed li .line img{
	width:16px;
}

.sidemenu-fixed li a span{
	color:#FFF;
	letter-spacing: .1em;
	font-size: 1.8rem;
	line-height: 1;
	margin-top: 10px;
}

.sidemenu-fixed li .line span{
	font-size:1.4rem;
	font-weight: 700;
}

/* navi
--------------------------------*/
.nav-btn{
	cursor: pointer;
	width: 50px;
	height:50px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 800;
}

.nav-btn span{
	display: inline-block;
	transition: all .4s;
	position: absolute;
	height: 2px;
	border-radius: 5px;
	background: #fc951a;
	width: 22px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.nav-btn span:nth-of-type(1) {
	top:10px; 
}

.nav-btn span:nth-of-type(2) {
	top:16px;
}

.nav-btn span:nth-of-type(3) {
	top:22px;
}

.nav-btn span:nth-of-type(3)::after {
	content:"MENU";
	position: absolute;
	top:3px;
	color: #fc951a;
	font-size: 1.2rem;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-weight: 60;
}

.nav-btn.active span:nth-of-type(1) {
	top: 10px;
	left: 14px;
	transform: translateY(7px) rotate(-45deg);
	width: 22px;
}

.nav-btn.active span:nth-of-type(2) {
	opacity: 0;
}

.nav-btn.active span:nth-of-type(3){
	top: 22px;
	left: 14px;
	transform: translateY(-5px) rotate(45deg);
	width: 22px;
}

.nav-btn.active span:nth-of-type(3)::after {
	content:"CLOSE";
	transform: translateY(0) rotate(-45deg);
	left: 4px;
}

.gnav .nav-mega .mega-title,
.gnav .nav-mega ul li .card{
	display:none;
}

.gnav > ul {
	list-style: none;
	flex-direction: column;
	background: #fff6ea;
	width: 100%;
	position: absolute;
	top: 60px;
	left: 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	visibility: hidden;
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0s 0.3s;
	padding: 0 2rem;
}

.gnav > ul.active {
	display: flex;
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}


.gnav > ul > li {
	position: relative;
	padding: 20px 10px;
}

.gnav > ul > li::after{
	content: "";
	background-image: url(img/sp/line-dot-brown-1.svg);
	height: 4px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
 }

.gnav > ul > li:last-child::after{
	content:none;
}

.gnav > ul > li .nav-name{
	position:relative;
	cursor: pointer;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: .05em;
	display: block;
}

.gnav > ul > li .nav-name:after{
	content:"";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-image:url(img/arrow-sp-menu.svg);
	background-repeat: no-repeat;
	display: inline-block;
	width: 6px;
	height: 10px;
}

.gnav > ul > .trigger .nav-name:after{
	content:"";
	background-image: url(img/icon-plus.svg);
	width: 10px;
	height: 10px;
}

.gnav > ul > .trigger .nav-name.open:after{
	content:"";
	background-image: url(img/icon-minus.svg) !important;
	width: 10px;
	height: 3px;
	content: "";
	display: inline-block;
	z-index: 100;
}

.gnav > ul > li > .nav-mega {
	visibility: hidden;
	height: 0;
}

.gnav > ul > li > .nav-mega.open {
	visibility: visible;
	height: auto;
}

.gnav > ul > li > .nav-mega > ul {
	padding-left: 5px;
	padding-top: 5px;
}

.gnav > ul > li > .nav-mega  ul li {
	padding: 0;
	margin-bottom: 5px;
}

.gnav > ul > li > .nav-mega  ul li a{
	position:relative;
	font-size: 1.2rem;
	display: block;
	color: #ddb692;
}

.gnav > ul > li > .nav-mega  ul li a:before{
	content:"-";
	margin-right: 5px;
}

.gnav > ul > .trigger > .nav-service > ul > .advertisement .promotion-types{
	display:none;
}

/* home
--------------------------------*/
#mainvisual{
	position: relative;
	height:600px;
	width: 100%;
	margin-top: 60px;
	background-color: #ffebd1;
}

#mainvisual .swiper-slide{
	height:600px;
}

#mainvisual .swiper-slide img{
	border-radius: 0 0 45px 45px;
	height: 600px;
}

#mainvisual .home-catch{
	width: 325px;
	position: absolute;
	top: 45px;
	left: 10px;
	z-index: 500;
}

/* スクロールダウンの位置 */
.scroll-down{
	position:absolute;
	height: 60px;
	bottom: -8px;
	z-index: 500;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

/* 線のアニメーション部分 */
.scroll-down::before {
	content: "";
	width: 1px;
	height: 35px;
	background: #774d15;
	position: absolute;
	top: 30px;
	-webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
	/* Safari 4+ */

	-moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
	/* Fx 5+ */

	-o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
	/* Opera 12+ */

	animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
	/* IE 10+, Fx 29+ */
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 400;
}

/* 線のアニメーション */
@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

.home-concept{
	padding:6rem 0;
	background-color: #ffebd1;
}

.home-concept .home-title{
	margin-bottom:3.5rem;
}

.home-concept .concept-container{
	flex-wrap: wrap;
	display: flex;
}

.home-concept .concept-container .concept-txt{
	order: 2;
}

.home-concept .concept-txt .concept-cacth{
	font-size:2rem;
	font-weight:500;
	letter-spacing:.1em;
	color:#774d15;
	line-height:1.6;
	margin-bottom:1.5rem;
}

.home-concept .concept-txt p{
	font-size:1.4rem;
}

.home-concept .concept-image{
	width:100%;
	order: 1;
	margin-bottom: 3rem;
}

.home-concept .concept-image img{
	width:100%;
	height:auto;
	border-radius:35px;
}

.home-concept .home-btn{
	margin-top:3.5rem;
}

.home-service{
	padding-top: 7rem;
	position: relative;
	background-image: url(img/sp/namiparts-orange-sp.svg);
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 100%;
	background-position: top;
}

.home-service .home-title{
	margin-bottom:3.5rem;
}

.home-service .service-list li{
	padding: 4.5rem 0;
	border-color: #ddb692;
}

.home-service .service-list li:first-child::before{
	content: "";
	background-image: url(img/sp/line-dot-brown-1.svg);
	height: 4px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.home-service .service-list .bd-dotline-sp::after{
	background-image: url(img/sp/line-dot-brown-1.svg);
}

.home-service .service-list li .service-image{
	width:100%;
	line-height: 1;
}

.home-service .service-list li .service-image img{
	border-radius:30px;
}

.home-service .service-txt{
	width:100%;
	margin-top: 3.5rem;
}

.home-service .service-txt .pc-br{
	display:block;
}

.home-service .service-txt .service-title span{
	font-size:1.6rem;
	font-weight:500;
	color:#fc951a;
	margin-bottom:1rem;
	line-height:1;
	display: block;
	letter-spacing: .05em;
}

.home-service .service-txt .service-title h3{
	font-size:2.4rem;
	font-weight:700;
	color:#774d15;
	margin-bottom:2rem;
	line-height:1.2;
	letter-spacing: .05em;
}

.home-service .service-txt .home-btn{
	margin-top: 4rem;
}

.home-works{
	position: relative;
	background: linear-gradient(180deg, #FFF 0%, #FFF 40%, #fff6ea 40%, #fff6ea 100%);
	padding: 6rem 0;
}

.home-works .home-title{
	margin-bottom:3.5rem;
}

.home-works .swiper-wrapper{
	align-items: stretch;
}

.home-works ul > .swiper-slide{
	position: relative;
	width: 300px;
	margin-right: 20px;
	opacity: 1;
	background-color: #FFF;
	border-radius: 30px;
	min-height: 448px;
}

.home-works ul > li > a{
	display:block;
	background-color: #FFF;
	border-radius: 30px;
}

.home-works ul > li > a .thumbnail{
	width:100%;
	height:auto;
	line-height: 0;
	position:relative;
}

.home-works ul > li > a .thumbnail img{
	border-radius: 30px 30px 0 0;
}

.home-works ul > li > a .thumbnail .cat-label{
	line-height: 30px;
	display: inline-block;
	padding: 0 20px;
	text-align: center;
	color: #FFF;
	font-weight: 500;
	border-radius: 0 10px 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
}

.home-works ul > li > a .thumbnail .media-management{
	background-color:#80cfff;
}

.home-works ul > li > a .thumbnail .event{
	background-color:#ffc043;
}

.home-works ul > li > a .thumbnail .advertisement{
	background-color:#73dd7f;
}

.home-works ul > li > a .container .company-name{
	font-size:1.4rem;
	color:#c6a885;
	font-weight:500;
	line-height: 1.5;
	margin-bottom: 5px;
}

.home-works ul > li > a .container{
	padding:2rem 2rem 4rem;
}

.home-works ul > li > a .container .date{
	font-size:1.4rem;
	color:#c6a885;
	font-weight:500;
	line-height: 1.5;
}

.home-works ul > li > a .container h3{
	font-size:1.8rem;
	font-weight:500;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
}

.home-works ul > li > a .container h3::after {
	background-image: url(img/sp/line-dot-brown-2.svg);
	height: 3.5px;
}

.home-works ul > li > a .container .industry{
	background-color:#ff7b7b;
	color:#FFF;
	display: inline-block;
	width: 80px;
	text-align: center;
	border-radius: 50px;
	font-size: 1.3rem;
	margin-bottom: 1rem;
}

.home-works ul > li > a .container .place{
	color:#fc951a;
	font-size:1.4rem;
	line-height: 1.5;
}

.home-works ul > li > a .container .order{
	color:#fc951a;
	font-size:1.4rem;
	line-height: 1.5;
}

.home-works ul > li > a .a-btn{
	width:36px;
	height:36px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.home-works .swiper-button{
	position:relative;
	display: flex;
	width: 100px;
	justify-content: space-between;
	margin-top: 3rem;
}

.home-works .swiper-button li{
	position:relative;
	width: 46px;
	height: 46px;
	border: 1px solid #fc951a;
	border-radius: 50%;
	background-color: #fff;
}

.home-works .swiper-button li img{
	width: 15px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.home-works .swiper-scrollbar{
	background-color: #bfbfbf;
	height: 2px;
	margin-bottom: 3rem;
	width: 100%;
	max-width: 1200px;
	overflow: hidden;
	margin-right: auto;
	margin-top: 5rem;
}

.home-works .swiper-scrollbar .swiper-scrollbar-drag{
	background-color: #fc951a;
	height: 2px;
}

.home-recruit{
	background-image: url(img/recruit-01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: visible;
	width: 100%;
	padding: 85px 0;
	position: relative;
	margin-bottom: 30rem;
}

.home-recruit .home-title{
	text-align:center;
	margin-bottom: 2.5rem;
}

.home-recruit .recruit-container{
	background-color: #fff6ea;
	width: 90%;
	padding: 3rem 1rem;
	border-radius: 35px;
	position: absolute;
	bottom: -290px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 300;
	max-width: 320px;
}

.home-recruit .recruit-container .recruit-catch{
	font-size:1.4rem;
	color: #472a02;
}

.home-recruit .recruit-container .home-btn{
	margin:3.5rem auto 0;
}

.home-news{
	position: relative;
	background-image: url(img/sp/namiparts-white-sp.svg);
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 100%;
	background-position: bottom;
	padding: 6rem 0 7rem;
}

.home-news .news-list > li > article > a > .content-box > h3{
	font-weight:500;
	font-size: 1.4rem;
	color:#774d15;
	line-height: 1.4;
	margin-top: 0.5rem;
}

.home-instagram{
	background-color:#fff6ea;
	margin-top: -2rem;
	padding: 0 0 20rem;
}

.home-instagram .home-title{
	margin-bottom:3.5rem;
	margin-top: 8rem;
}

.home-instagram .home-btn{
	margin:5rem auto 0;
}

.home-contact{
	position: relative;
	background-image: url(img/sp/namiparts-orange-ue-sp.svg);
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 100%;
	background-position: top;
	margin-top: -8rem;
	padding-top: 2rem;
}

.home-contact .contact-bg{
	background-color:#ffebd1;
	padding-bottom: 6rem;
}

.home-contact .home-title{
	margin-top:5rem;
	margin-bottom:3.5rem;
}

.home-contact .home-btn{
	margin:3.5rem auto 0;
	max-width: 230px;
}

.home-contact .home-btn .btn-link{
	max-width:230px;
}

/* footer
--------------------------------*/
footer{
}

.footer-container{
	display:flex;
	flex-wrap: wrap;
	padding: 4.5rem 0 3.5rem;
	border-bottom: 1px solid #cccccc;
}

.footer-container .footer-info{
	width: 100%;
	order: 2;
}

.footer-container .footer-info a{
	height:auto;
	display:block;
	line-height:0;
	margin-bottom: 15px;
	width: 185px;
}

.footer-container .footer-info a img{
	width:100%;
	height:auto;
}

.footer-container .footer-info .address{
	font-size:1.4rem;
	color:#774d15;
	line-height: 1.8;
	margin-bottom: 10px;
}

.footer-container .footer-info .address a{
	pointer-events: none;
	cursor: default;
}

.footer-container .footer-info .tel{
	color:#774d15;
	font-size:2.4rem;
	letter-spacing: .02em;
	line-height: 1;
	font-family: "tondo", sans-serif;
	font-weight: 700;
	font-style: normal;
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

.footer-container .footer-info .tel span{
	font-size:1.8rem;
	margin-right: 5px;
}

.footer-container .footer-info a{
	display:inline-block;
	white-space: normal;
}

.footer-container .footer-info .copy{
	font-size:1.2rem;
	color:#fff;
}

.footer-container > .footer-navi{
	width:100%;
	order: 1;
	display: flex;
	justify-content: space-between;
	padding: 0 1.5rem;
	margin-bottom: 1.5rem;
}

.footer-container > .footer-navi > ul{
	width: 47%;
}

.footer-container > .footer-navi > ul > li{
	margin-bottom: 3rem;
}

.footer-container > .footer-navi > ul > li > .sub{
	margin-left:5px;
}

.footer-container > .footer-navi > ul > li > .nav-name,
.footer-container > .footer-navi > ul > li > ul > li > a{
	color:#774d15;
	font-weight: 500;
	letter-spacing: .05em;
	position: relative;
	display: block;
	line-height: 1.4;
	font-size: 1.4rem;
}

.footer-container > .footer-navi > ul > li > .nav-name{
	margin-bottom:1rem;
}

.footer-container > .footer-navi > ul > .second > ul > li > a{
	margin-bottom:3rem;
}

.footer-container > .footer-navi > ul > li > .sub > li{
	margin-bottom: 1rem;
	font-size: 1.2rem;
}

.footer-container > .footer-navi > ul > li > .sub > li > a{
	font-size:1.25rem;
	color:#c6a885;
	padding-left: 10px;
}

.footer-container > .footer-navi > ul > li > .sub > li > a:before{
	content:"-";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.footer-container > .footer-navi > .etc{
	width:340px;
	margin-left:auto;
}

.footer-container > .footer-navi > .etc > li{
	font-size:1.2rem;
	height:15px;
	line-height: 15px;
}

.footer-container > .footer-navi > .etc > li:last-child{
	border-left:1px solid #fff;
	padding-left:15px;
}

footer .copy{
	font-size:1.2rem;
	color:#774d15;
	text-align:center;
	padding-top:1.5rem;
	padding-bottom:17rem;
	letter-spacing: .05em;
}

/* 子育て世代向け広告
--------------------------------*/
.page-bg-c-advertisement{
	background-image: url(img/sp/webadvertisement-title.jpg);
}

.c-service .service-container{
	padding:5rem 0 6rem;
	background-color:#fff6ea;
}

.c-service .advertisement-catch{
	font-size:1.7rem;
	font-weight:500;
	letter-spacing: .1em;
	margin: 3rem 0 4rem;
}

.c-service .advertisement-contents{
	position:relative;
	margin-bottom: 10rem;
}

.c-service .advertisement-contents::after{
	content:"";
	background-image: url(img/sp/line-dot-brown-1.svg);
	height: 4px;
	display: block;
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
}

.c-service .advertisement-contents a{
	width:100%;
	display:block;
}

.c-service .advertisement-contents .contents-image {
	position: relative;
	margin-bottom: 2rem;
	line-height: 1;
	overflow: hidden;
}

.c-service .advertisement-contents .contents-image img {
	height: 215px;
	display: block;
	border-radius: 25px;
	object-fit: cover;
	object-position: top;
}

.c-service .advertisement-contents .contents-image::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 25px;
	pointer-events: none;
}

.c-service .advertisement-contents .btn-circle{
	position:absolute;
	bottom:10px;
	right:10px;
	background-color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	z-index: 300;
}

.c-service .advertisement-contents .btn-circle img{
	width: 15px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.c-service .advertisement-contents h3{
	font-size:2.2rem;
	color:#fc951a;
	letter-spacing:.1em;
	position: relative;
	margin-bottom: 4rem;
	line-height: 1;
}

.c-service .advertisement-contents h3::after{
	content:"";
	width:40px;
	height:2px;
	background-color:#fc951a;
	position:absolute;
	bottom:-20px;
	left:0;
}

.c-service .advertisement-contents .pc-br{
	display:block;
}

.c-service .advertisement-contents .proportion-container{
	background-color:#fff;
	padding:6rem 2.5rem 5rem;
	border-radius:30px;
	margin-top:-3rem;
	margin-bottom: 10rem;
}

.c-service .proportion-container ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.c-service .proportion-container ul li{
	border: 5px solid #ffdbb0;
	border-radius: 20px;
	text-align: center;
	height: 200px;
	padding: 2rem 1rem;
	position: relative;
	width: 100%;
}

.c-service .proportion-container ul li:nth-child(-n+2){
	margin-bottom: 3rem;
}

.c-service .proportion-container ul li:first-child{
	padding-top:3rem;
}

.c-service .proportion-container ul li:nth-child(n+3){
	max-width:150px;
	width:49%;
}

.c-service .proportion-container ul li .proportion-title{
	font-size:1.7rem;
	font-weight:500;
	line-height: 1.4;
	letter-spacing: .1em;
}

.c-service .proportion-container ul li .proportion-title .ft-xs{
	font-size:1.4rem;
}

.c-service .proportion-container ul li p{
	line-height:1;
}

.c-service .proportion-container ul li .marker-yellow{
	font-size:2rem;
	margin-top: 1rem;
	display: inline-block;
}

.c-service .proportion-container ul li .marker-yellow span{
	font-size:4rem;
}

.c-service .proportion-container ul li img{
	margin-top: 1rem;
}

.c-service .proportion-container ul li:first-child img{
	width:44px;
	margin-top: 2.5rem;
}

.c-service .proportion-container ul li:nth-child(2) img{
	width:145px;
	margin-top: 1.5rem;
}

.c-service .proportion-container ul li:nth-child(3) img{
	width:46px;
}

.c-service .proportion-container ul li:nth-child(4) img{
	width:115px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: -65px;
}

.c-service .label-subtitle{
	max-width: 320px;
	width: 100%;
	letter-spacing: .05em;
	height: 50px;
	line-height: 50px;
	margin-top: 3.5rem;
}

.publish-container{
	background-color: #fff;
	padding: 8rem 1rem 4rem;
	border-radius: 35px;
	margin-top: -2rem;
}

.c-service .publish-list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top: -3rem;
}

.c-service .publish-list li{
	width:110px;
	background-color:#eaeaea;
	border-radius:50%;
	position:relative;
	height: 110px;
}

.c-service .publish-list li:nth-child(-n+3) {
	margin-bottom: 1rem;
}

.c-service .publish-list li img{
	height:auto;
	position:absolute;
	top: 45px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.c-service .publish-list li:first-child img{
	width:57px;
}

.c-service .publish-list li:nth-child(2) img{
	width:66px;
}

.c-service .publish-list li:nth-child(3) img{
	width:53px;
}

.c-service .publish-list li:nth-child(4) img{
	width:59px;
}

.c-service .publish-list li:nth-child(5) img{
	width:68px;
}

.c-service .publish-list li:nth-child(6) img{
	width:64px;
}

.c-service .publish-list li h4{
	font-size:1.4rem;
	color:#774d15;
	text-align:center;
	letter-spacing:.1em;
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-weight: 500;
	width: 100%;
}

.c-service .customize-container{
	padding:6rem 0;
}

.c-service .customize-container .customize-catch{
	font-size:1.7rem;
	font-weight:500;
	color:#774d15;
	margin-bottom:5rem;
	line-height: 1.8;
}

.c-service .customize-container .customize-catch .pc-br{
	display:block;
}

.c-service .customize-list{
	background-color:#fff6ea;
	padding:1rem 2.5rem;
	border-radius:30px;
}

.c-service .customize-list li{
	display:flex;
	flex-wrap:wrap;
	padding: 4rem 0;
}

.c-service .customize-list .bd-dotline-sp::after{
	background-image: url(img/sp/line-dot-brown-2.svg);
}

.c-service .customize-list li:last-child::after{
	content:none;
}

.c-service .customize-list li:last-child{
	border-bottom:none;
}

.c-service .customize-list li .customize-txt{
	width:100%;
	order: 2;
}

.c-service .customize-list li .customize-txt .pc-br{
	display:block;
}

.c-service .customize-list li .customize-txt h3{
	font-size:2.2rem;
	color:#fc951a;
	font-weight:700;
	letter-spacing:.1em;
	position:relative;
	margin-bottom:4.5rem;
}

.c-service .customize-list li .customize-txt h3::after{
	content:"";
	width:40px;
	height:2px;
	background-color:#fc951a;
	position:absolute;
	bottom:-20px;
	left:0;
}

.c-service .customize-list li .customize-txt p{
	color:#774d15;
	letter-spacing: .1em;
}

.c-service .customize-list li .customize-image{
	width:100%;
	order: 1;
	line-height: 1;
	margin-bottom: 1rem;
}

.c-service .customize-list li .customize-image img{
	border-radius:30px;
}

.c-works{
	background-color:#fff6ea;
	padding:5rem 0 7rem;
}

.c-works .home-title{
	margin-bottom:3rem;
}

.c-works .pc-br{
	display:block;
}

.c-works .works-list > li{
	width:100%;
	background-color:#fff;
	border-radius:30px;
	padding:2.5rem 2.5rem 3.5rem;
}

.c-works .works-list > li:nth-child(-n+3){
	margin-bottom:3rem;
}

.c-works .works-list > li > h3{
	font-size:2rem;
	font-weight:700;
	color:#fc951a;
	border-bottom:1px solid #fc951a;
	margin-bottom:1rem;
	letter-spacing: .1em;
	line-height: 1.8;
}

.c-works .works-list > li > ul{
	padding-left:2.5rem;
}

.c-works .works-list > li > ul > li{
	font-size:1.4rem;
	font-weight:500;
	color:#774d15;
	list-style-type: disc;
	letter-spacing: .1em;
}

.c-works .works-list > li > .result-catch{
	font-size:1.8rem;
	color:#774d15;
	text-align:center;
	margin-top:4rem;
	position:relative;
}

.c-works .works-list > li > .result-catch::before{
	content: "";
	position: absolute;
	background-image: url(img/arrow-orange-under.svg);
	display: inline-block;
	background-size: cover;
	width: 19px;
	height: 22px;
	top: -20px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.c-works .works-list > li > .result-catch .sp-br{
	width:60%;
	margin: 0 auto;
}

/* ホームページ制作
--------------------------------*/
.page-bg-webdesign{
	background-image: url(img/sp/webdesign-title.jpg);
}

.c-webdesign{
	background-color:#fff6ea;
	padding:6rem 0;
}

.c-webdesign .production-container{
	margin-bottom: 3.5rem;
	padding: 0 2rem;
}

.c-webdesign .production-image{
	width: 100%;
	margin: 0 auto 2.5rem;
	line-height: 1;
}

.c-webdesign .production-image img{
	border-radius: 35px;
}

.c-webdesign .production-txt{
	width:100%;
}

.c-webdesign .production-txt .production-catch{
	font-size:2rem;
	font-weight:700;
	color:#fc951a;
	line-height:1.6;
	margin-bottom:1.5rem;
}

.c-webdesign .label-subtitle{
	max-width:320px;
	height: 70px;
	font-size: 1.8rem;
	line-height: 1.6;
	width: 100%;
	text-align: left;
	padding: 0.5rem 3rem;
}

.c-webdesign .composition-container{
	background-color:#fff;
	border-radius:30px;
	padding:6rem 2.5rem 4rem;
	margin-bottom: 7rem;
	margin-top: -4rem;
}

.c-webdesign .point-list {
	background-color:#fff;
	padding:1rem 2.5rem;
	border-radius: 35px;
}

.c-webdesign .point-list > li{
	display:flex;
	flex-wrap:wrap;
	padding:3.5rem 0;
}

.c-webdesign .point-list .bd-dotline-sp::after {
 	background-image: url("img/sp/line-dot-brown-2.svg");
}

.c-webdesign .point-list > li:last-child{
	border:none;
}

.c-webdesign .point-list .point-txt{
	width:100%;
	order: 2;
}

.c-webdesign .point-list .point-txt h3{
	font-size:2rem;
	font-weight:700;
	color:#fc951a;
	margin-bottom: 4rem;
	line-height:1.5;
	letter-spacing:.05em;
}

.c-webdesign .point-list .point-txt h3 span{
	font-size:1.4rem;
	color:#c6a885;
	display: block;
}

.c-webdesign .point-list .point-txt dl{
	display:flex;
	flex-wrap:wrap;
	margin:3rem 0;
}

.c-webdesign .point-list .point-txt dl dt{
	color:#fc951a;
	position: relative;
	padding-left: 2rem;
	margin-right: 5px;
	width: 155px;
}

.c-webdesign .point-list .point-txt dl dt:nth-of-type(1){
	width:110px;
}

.c-webdesign .point-list .point-txt dl dd:nth-of-type(1){
	width:calc(100% - 120px);
}

.c-webdesign .point-list .point-txt dl dt,
.c-webdesign .point-list .point-txt dl dd{
	font-size:1.4rem;
	font-weight:700;
	letter-spacing:.05em;
	line-height: 1.4;
	margin-bottom: 1.5rem;
}

.c-webdesign .point-list .point-txt dl dt::after{
	content:"●";
	position: absolute;
	left: 0;
}

.c-webdesign .point-list .point-txt dl dd{
	color:#774d15;
	position: relative;
	padding-left: 1rem;
	width: calc(100% - 170px);
}

.c-webdesign .point-list .point-txt dl dd::after{
	content:":";
	position: absolute;
	left: 0;
	top: 0;
}

.c-webdesign .point-list .point-image{
	width:100%;
	order: 1;
	line-height: 1;
	margin-bottom: 2rem;
}

.c-webdesign .point-list .point-image img{
	width:100%;
	height:auto;
	border-radius: 35px;
}

.c-maintenance{
	padding:4rem 0 8rem;
}

.c-maintenance .home-title{
	margin-bottom:3.5rem;
}

.c-maintenance .maintenance-list li{
	border:5px solid #ffdbb0;
	border-radius:35px;
	padding:2.5rem 2.5rem 3.5rem;
}

.c-maintenance .maintenance-list li:first-child{
	margin-bottom:5rem;
}

.c-maintenance .maintenance-list li .maintenance-catch{
	font-size:1.6rem;
	font-weight:700;
	color:#fc951a;
	line-height:1.6;
	margin-bottom:2rem;
	position: relative;
	padding-left: 5rem;
}

.c-maintenance .maintenance-list li .maintenance-catch::before{
	color:#ffdbb0;
	font-size:2.8rem;
	font-family: "tondo", sans-serif;
	font-style: normal;
	position:absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.c-maintenance .maintenance-list li:first-child .maintenance-catch::before{
	content:"01";
}

.c-maintenance .maintenance-list li:last-child .maintenance-catch::before{
	content:"02";
}

.c-flow{
	background-color:#fff6ea;
	padding:4.5rem 0 7.5rem;
}

.c-flow .home-title{
	margin-bottom:5.5rem;
}

.c-flow .flow-image{
	max-width:320px;
	width: 90%;
	margin: 0 auto 2rem;
}

.c-flow .flow-image img{
	border-radius:30px;
}

.c-flow .flow-txt{
	font-size:1.4rem;
	margin-bottom:5rem;
	padding: 0 2.5rem;
}

.c-flow .workflow-list{
	background-color:#fff;
	padding:2rem 2rem 5rem;
	border-radius: 35px;
}

.c-flow .workflow-list li{
	padding: 2.5rem 0;
}

.c-flow .workflow-list .bd-dotline-sp::after {
 	background-image: url("img/sp/line-dot-brown-1.svg");
}

.c-flow .workflow-list li .workflow-image{
	width:100px;
	height:100px;
	border:4px solid #ffdbb0;
	border-radius:50%;
	position: relative;
	background-color: #fff;
	z-index: 300;
	margin: 0 auto 1rem;
}

.c-flow .workflow-list li:first-child .workflow-image img{
	width:56px;
}

.c-flow .workflow-list li:nth-child(2) .workflow-image img{
	width:59px;
}

.c-flow .workflow-list li:nth-child(3) .workflow-image img{
	width:37px;
}

.c-flow .workflow-list li:nth-child(4) .workflow-image img{
	width:55px;
}

.c-flow .workflow-list li:nth-child(5) .workflow-image img{
	width:40px;
}

.c-flow .workflow-list li:nth-child(6) .workflow-image img{
	width:72px;
}

.c-flow  .workflow-list li:nth-child(7) .workflow-image img{
	width:56px;
}

.c-flow  .workflow-list li:nth-child(8) .workflow-image img{
	width:58px;
}

.c-flow .workflow-list li:nth-child(9) .workflow-image img{
	width:58px;
}

.c-flow .workflow-list li:nth-child(10) .workflow-image img{
	width:60px;
}

.c-flow .workflow-list li .workflow-image img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.c-flow .workflow-list li .workflow-number{
	color:#c6a885;
}

.c-flow .workflow-list li .workflow-number span{
	font-size:2.8rem;
}

.c-flow .workflow-list li .workflow-txt h3{
	font-size:1.9rem;
	font-weight:700;
	color:#fc951a;
	letter-spacing:.1em;
	margin-bottom:4.5rem;
	line-height:1.2;
	position: relative;
}

.c-flow .workflow-list li .workflow-txt p{
	font-size:1.4rem;
	line-height: 1.8;
}

/* フリーペーパー
--------------------------------*/
.page-bg-freepaper{
	background-image: url(img/sp/works-freepaper-title.jpg);
}

.c-freepaper{
	background-color:#fff6ea;
	padding:5rem 0 6rem;
}

.c-freepaper .home-title{
	margin-bottom:3.5rem;
}

.c-freepaper .home-title span{
	font-size:3.6rem;
}

.c-freepaper .eventcalendar-container {
	width: 100%;
	margin-bottom: 3rem;
}

.c-freepaper .swiper-slide {
	width: 50% !important;
	flex-shrink: 0;
	opacity: 1 !important;
	transition: opacity 0.5s ease;
	box-sizing: border-box;
}

.c-freepaper .swiper-pagination-bullet-active {
	opacity: 1;
}

.c-freepaper .swiper-pagination {
	position: relative;
	margin-top: 5px;
	text-align: center;
}

.c-freepaper .swiper-button-prev,
.c-freepaper .swiper-button-next {
	color: #b7b7b7;
}

.c-freepaper .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: #774d15;
	display: inline-block;
	border-radius: 50%;
	margin: 0 5px;
	opacity: 0.5;
	transition: opacity 0.3s;
}

.c-freepaper .swiper-pagination-bullet-active {
	opacity: 1;
}

.c-freepaper .eventcalendar-catch{
	font-size:1.7rem;
	font-weight:500;
	color:#774d15;
	margin-bottom: 4.5rem;
}

.c-freepaper .event-pointlist{
	background-color:#fff;
	border-radius:25px;
	padding:3rem 4.5rem;
}

.c-freepaper .event-pointlist li{
	font-size:1.7rem;
	font-weight:500;
	letter-spacing:.1em;
	color:#774d15;
	list-style:disc;
	line-height: 1.6;
}

.c-freepaper .event-pointlist li:first-child{
	margin-bottom: 2rem;
}

.c-freepaper .printout-container{
	padding:4rem 0;
	display: flex;
	flex-wrap: wrap;
}

.c-freepaper .bd-dotline-sp::after {
 	background-image: url("img/sp/line-dot-brown-1.svg");
}

.c-freepaper .printout-txt{
	width:100%;
	order: 2;
}

.c-freepaper .printout-txt h3{
	font-size:2rem;
	color:#fc951a;
	letter-spacing:.1em;
	margin-bottom:3.5rem;
	line-height: 1.6;
}

.c-freepaper .printout-txt .pc-br{
	display:block;
}

.c-freepaper .printout-txt p{
	font-weight:500;
}

.c-freepaper .printout-txt ul {
	padding-left: 2rem;
}

.c-freepaper .printout-txt ul li{
	font-size:1.4rem;
	letter-spacing:.05em;
	list-style:disc;
	font-weight: 500;
}

.c-freepaper .printout-image{
	width:100%;
	order: 1;
	line-height: 1;
	margin-bottom: 2rem;
}

.c-freepaper .printout-image img{
	border-radius: 30px;
}

.c-advertisements{
	padding:5.5rem 0 6.5rem;
	position: relative;
}

.c-advertisements .pc-br {
	display: block;
}

.c-advertisements .home-title span{
	font-size:3.8rem;
}

.c-advertisements .advertisements-catch{
	font-size:1.6rem;
	font-weight:500;
	margin-top: 3rem;
}

.c-advertisements .title-diagonalline{
	font-size:2.2rem;
	letter-spacing:.1em;
	position:relative;
	width: 325px;
	margin: 4rem auto;
	font-weight: 500;
	text-align: center;
}

.c-advertisements .home-btn{
	max-width:340px;
	margin: 3.5rem auto 0;
}

.c-advertisements .home-btn .btn-link p {
	letter-spacing: 0;
}

.c-advertisements .home-btn .btn-link{
	max-width:340px;
	padding: 10px;
}

.c-advertisements .home-btn .btn-link::before{
	content:"";
	background-image: url(img/icon-mail-orange.svg);
	width:19px;
	height:14px;
	display: inline-block;
	background-size: cover;
}

.c-advertisements .home-btn .btn-arrow-r:hover {
	background-color: #fff;
	opacity: 0.7;
}

.c-advertisements .home-btn .btn-arrow-r:hover p{
	color: #fc951a;
}

.c-advertisements .bg-fff6ea-container{
	position: absolute;
	top: 27%;
	left: 0;
	width: 100%;
	height: 1450px;
	background-color: #fff6ea;
	z-index: -1;
}

/* イベント企画・運営
--------------------------------*/
.page-bg-event{
	background-image: url(img/sp/eventmanagement-title.jpg);
}

.c-event{
	padding:4rem 0 6rem;
}

.c-event .swiper-slide {
	width: 100%;
	height: 165px;
	overflow: hidden;
}

.c-event .swiper-slide img {
	object-fit: cover;
}

.c-event .swiper-container{
	position:relative;
	margin-bottom: 4rem;
}

.c-event .swiper-container h2{
	font-size: 1rem;
	font-weight: 500;
	text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.58);
	color: #fff;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 300;
	letter-spacing: .1em;
	width: 100%;
	text-align: center;
}

.c-event .event-top-catch{
	font-size:1.7rem;
	font-weight:500;
	line-height: 1.8;
}

.c-merit{
	background-color:#fff6ea;
	padding:5rem 0;
}

.c-merit .home-title{
	margin-bottom:6rem;
}

.c-event-achievements{
	padding-top:6rem;
}

.c-event-achievements .home-title{
}

.c-event-achievements .event-achievements-list{
	margin-bottom:7rem;
}

.c-event-achievements .event-achievements-list li{
	display:flex;
	flex-wrap:wrap;
	padding: 4rem 0;
}

.c-event-achievements .bd-dotline-sp::after{
	background-image: url("img/sp/line-dot-brown-1.svg");
}

.c-event-achievements .achievements-txt{
	width:100%;
	order: 2;
}

.c-event-achievements .achievements-txt h3{
	margin-bottom:3.5rem;
	color: #fc951a;
	font-size: 2rem;
}

.c-event-achievements .achievements-txt .detail-link{
	font-size:1.4rem;
	letter-spacing:.1em;
	border-bottom: 1px solid #774d15;
	color: #774d15;
	font-weight: 500;
}

.c-event-achievements .achievements-txt p{
	font-weight:500;
}

.c-event-achievements .home-btn{
	margin-top:3rem;
	max-width:280px;
}

.c-event-achievements .home-btn .btn-link{
	max-width:280px;
}

.c-event-achievements .achievements-image{
	width:100%;
	order: 1;
}

.c-event-achievements .achievements-image img{
	border-radius: 30px;
}

.c-event-achievements .bg-fff6ea{
	background-color:#fff6ea;
	padding:4rem 0 6rem; 
}

.c-event-achievements .event-state-list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.c-event-achievements .event-state-list li{
	width:48%;
	margin-bottom: 1rem;
}

.c-event-achievements .event-state-list li a{
	display:block;
	width: 100%;
	line-height: 1;
}

.c-event-achievements .event-state-list li a img{
	border-radius:15px;
}

/* 女性就労支援
--------------------------------*/
.page-bg-woman{
	background-image: url(img/sp/employmentsupport-title.jpg);
}

.c-woman{
	padding:4rem 0 5rem;
}

.c-woman .swiper-container{
	position:relative;
	margin-bottom: 3.5rem;
}

.c-woman .swiper-container .swiper-slide {
	width: 100%;
	height: 165px;
	overflow: hidden;
}

.c-woman .swiper-container .swiper-slide img {
	object-fit: cover;
}

.c-woman .swiper-container h2{
	font-size: 1rem;
	font-weight: 500;
	text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.58);
	color: #fff;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 300;
	letter-spacing: .1em;
	line-height: 25px;
	width: 100%;
	text-align: center;
}

.c-woman .swiper-container h2 .pc-br{
	display:block;
}

.c-woman .program-txt{
	padding:4rem 1.5rem;
	border:4px solid #ffdbb0;
	border-radius:30px;
	margin-bottom:3rem;
}

.c-woman .program-txt p{
	font-size:1.6rem;
	font-weight:500;
}

.c-woman .program-container .swiper-wrapper {
	transition-timing-function: linear !important;
}

.c-woman .program-container .swiper-slide {
	width: 25% !important; /* ← これが超重要 */
	opacity: 1 !important;  /* フェードしないならこれも */
}

.c-woman .program-container .swiper-pagination {
	position: relative;
	text-align: center;
}

.c-woman .program-container .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: #b7b7b7;
	display: inline-block;
	border-radius: 50%;
	margin: 0 5px;
	opacity: 0.5;
	transition: all 0.3s;
}

.c-woman .program-container .swiper-pagination-bullet-active {
	background: #774d15;
	opacity: 1;
}

.c-held-works{
	background-color:#fff6ea;
	padding:5rem 0;
}

.c-held-works .home-title{
	background-color:#fff6ea;
	margin-bottom:3rem;
}

.c-held-works .works-container{
	background-color:#fff;
	padding:3.5rem 2.5rem;
	border-radius:35px;
}

.c-held-works .works-container dl dt,
.c-held-works .works-container dl dd{
	font-weight:500;
	letter-spacing: .1em;
	font-size: 1.7rem;
	line-height: 1.6;
}

.c-held-works .works-container dl dd{
	margin-bottom: 2rem;
}

.c-program{
	padding:6rem 0;
}

.c-program h2{
	font-size:3.2rem;
	letter-spacing:.05em;
	margin-bottom:2rem;
	line-height: 1;
}

.c-program .program-catch{
	font-size:1.7rem;
	font-weight:500;
	margin-bottom: 4rem;
}

.c-program .target-container{
	padding: 3rem 2rem;
	border: 5px solid #ffdbb0;
	border-radius: 35px;
	margin-bottom: 3rem;
}

.c-program .target-container h3{
	font-size:2.2rem;
	text-align:center;
	position:relative;
	width:160px;
	margin:0 auto 2rem;
	letter-spacing: .1em;
	line-height: 1;
}

.c-program .target-container h3::before,
.c-program .target-container h3::after{
	content:"";
	width:18px;
	height:14px;
	background-image: url(img/subtitle-line.svg);
	display: block;
	background-size: cover;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.c-program .target-container h3::before{
	left:0;
}

.c-program .target-container h3::after{
	right:0;
}

.c-program .target-container .target-list li{
	font-size:1.6rem;
	font-weight:500;
	position:relative;
	padding-left: 2rem;
	letter-spacing: .05em;
	line-height: 1.6;
	margin-bottom: 1rem;
}

.c-program .target-container h4{
	font-size:1.8rem;
	font-weight:700;
	color:#fc951a;
	letter-spacing:.05em;
}

.c-program .target-container p{
	font-size:1.6rem;
	font-weight:500;
}

.c-program .target-container .meetup-image{
	margin-top:3rem;
}

.c-program .target-container .meetup-image img{
	width:100%;
	height:auto;
	margin-bottom: 1rem;
}

.c-forcompanies{
	background-color:#fff6ea;
	padding:5rem 0;
}

.c-forcompanies h2{
	font-size:2rem;
	font-weight:700;
	letter-spacing:.15em;
	position:relative;
	max-width:280px;
	margin:0 auto 3.5rem;;
	line-height: 1.6;
}

.c-forcompanies .title-diagonalline::before,
.c-forcompanies .title-diagonalline::after {
	width: 17px;
	height: 27px;
}

.c-forcompanies .forcompanies-catch{
	margin-bottom:5rem;
	font-size: 1.6rem;
}

.c-forcompanies .forcompanies-catch .bd-dotline-sp{
	display:block;
}

.c-forcompanies .forcompanies-catch .bd-dotline-sp::after{
	background-image: url("img/sp/line-dot-orange.svg");
}

.c-forcompanies .wantto-list{
	background-color:#fff;
	padding:3.5rem 2.5rem;
	border-radius:35px;
	margin-bottom:3.5rem;
}

.c-forcompanies .wantto-list li{
	position:relative;
	font-size: 1.6rem;
	font-weight: 500;
	padding-left: 2rem;
	letter-spacing: .05em;
	margin-bottom: 1.5rem;
	line-height: 1.6;
}

.c-forcompanies p{
	font-size:1.6rem;
	font-weight:500;
	letter-spacing: .1em;
}

.c-forcompanies .home-btn{
	max-width:280px;
}

.c-forcompanies .home-btn .btn-link{
	max-width:280px;
}

.woman-common .home-btn{
	font-size:2rem;
	font-weight:500;
	text-align:center;
	margin: 2.5rem auto 0;
}

.woman-common .home-btn .btn-link::before{
	content:"";
	background-image: url(img/icon-mail-orange.svg);
	width:19px;
	height:14px;
	display: inline-block;
	background-size: cover;
}

.woman-common .home-btn .btn-arrow-r:hover {
	background-color: #fff;
	opacity: 0.7;
}

.woman-common .home-btn .btn-arrow-r:hover p{
	color: #fc951a;
}

.c-forwoman{
	background-color:#ffeeee;
	padding:5rem 0;
}

.c-forwoman h2{
	font-size:2rem;
	font-weight:700;
	letter-spacing:.05em;
	position:relative;
	;
	width: 96%;
	margin: 0 auto 2.5rem;
}

.c-forwoman p{
	font-size:1.7rem;
	font-weight:500;
	letter-spacing: .1em;
}

.c-forwoman .home-btn{
	max-width:350px;
}

.c-forwoman .home-btn .btn-link {
	max-width:350px;
}

/* SNS運用代行
--------------------------------*/
.page-bg-c-mediamanagement{
	background-image: url(img/sp/accountconsulting-title.jpg);
}

.c-consulting{
	background-color:#fff6ea;
	padding:5rem 0 7rem;
}

.c-consulting .home-title{
	margin-bottom:2.5rem;
}

.c-consulting .consulting-catch{
	font-size:1.7rem;
	font-weight:700;
	margin-bottom:3rem;
	color: #fc951a;
	line-height: 1.8;
}

.c-consulting .consulting-txt{
	background-color:#fff;
	padding:3.5rem 2.5rem;
	border-radius: 30px;
	margin-bottom: 5rem;
}

.c-consulting .consulting-txt p{
	font-size:1.7rem;
	font-weight:500;
}

.c-consulting .instaconsul-image{
	width:100%;
	line-height: 1;
	margin-bottom: 2.5rem;
}

.c-consulting .instaconsul-image img{
	border-radius:30px;
}

.c-consulting .instaconsul-txt{
	width:100%;
}

.c-consulting .instaconsul-txt h3{
	font-size:2rem;
	font-weight:700;
	color:#fc951a;
	line-height:1.6;
	margin-bottom:2rem;
	letter-spacing: .05em;
}

.c-consulting .meritconsul-container{
	background-color:#fff;
	padding:3rem 1.5rem 4rem;
	margin-top: -3rem;
	border-radius: 30px;
}

.c-consulting .label-subtitle{
	max-width: 320px;
	margin-top: 4.5rem;
	height: 70px;
	line-height: 1.4;
	width: 90%;
	padding: 1rem 3rem;
	text-align: left;
	font-size: 1.8rem;
}

.c-consulting .meritconsul-list{
	position:relative;
	margin-bottom: 7rem;
}

.c-consulting .meritconsul-list::after{
	content:"";
	background-image: url(img/sp/arrow-bottom-orange.svg);
	width:26px;
	height:30px;
	display: inline-block;
	position:absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 300;
}

.c-consulting .meritconsul-list li{
	font-size:1.8rem;
	font-weight:500;
	padding:2rem 0 2rem 3.5rem;
	position:relative;
	letter-spacing: .05em;
	line-height: 1.6;
}

.c-consulting .meritconsul-list li::before{
	content:"";
	background-image: url(img/icon-check.svg);
	width:26px;
	height:26px;
	display: inline-block;
	background-size: cover;
	position:absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.c-consulting .bd-dotline-sp::after{
	background-image: url(img/sp/line-dot-brown-1.svg);
}

.c-consulting .meritconsul-image{
	width:100%;
	text-align: center;
	margin: 0 auto 3.5rem;
}

.c-consulting .meritconsul-image img{
	width:177px;
	height:210px;
	margin-bottom: 2rem;
}

.c-consulting .meritconsul-image p{
	font-size:2rem;
	font-weight:700;
	line-height:1.6;
	color:#fc951a;
}

.c-consulting .merit-consul-txt{
	font-size:1.7rem;
	letter-spacing: .1em;
}

.c-consulting .merit-consul-txt .pc-br{
	display:block;
}

.c-achievement{
	padding:5rem 0 7rem;
}

.c-achievement .pc-br{
	display:block;
}

.c-achievement .home-title{
	margin-bottom:3.5rem;
}

.c-achievement .achievement-image{
	width:100%;
	line-height: 1;
	margin-bottom: 2rem;
}

.c-achievement .achievement-image img{
	border: 5px solid #ffdbb0;
	border-radius: 45px;
	padding: 2rem;
}

.c-achievement .achievement-txt{
	width:100%;
}

.c-achievement .achievement-txt h3{
	font-size:2rem;
	font-weight:700;
	line-height:1.6;
	margin-bottom:2rem;
	color:#fc951a;
	letter-spacing: .05em;
}

.c-achievement .achievement-txt .achievement-catch{
	font-size:1.7rem;
	font-weight:500;
	line-height: 1.8;
}

.c-achievement .home-btn{
	margin:3.5rem auto 5.5rem;
	max-width: 240px;
}

.c-achievement .home-btn .btn-link{
	max-width: 300px;
}

.c-achievement .bg-fff7de-box{
	background-color:#fff7de;
	padding:3.5rem 3rem;
	border-radius:0 45px 0 45px;
}

.c-achievement .bg-fff7de-box p{
	font-size:1.4rem;
	font-weight: 500;
}

.c-consul-flow{
	background-color:#fff6ea;
	padding:5rem 0 7rem;
}

.c-consul-flow .home-title{
	margin-bottom:4rem;
}

.c-consul-flow .label-subtitle {
	max-width: 320px;
	width: 100%;
}

.c-consul-flow .support-container{
	background-color:#fff;
	padding:6rem 1rem;
	border-radius:35px;
	margin-top: -2rem;
}

.c-consul-flow .c-fl-column {
	display: flex;
	flex-wrap:wrap;
}

.c-consul-flow .flow-txt{
	width:100%;
	order: 2;
	padding: 0 1rem;
}

.c-consul-flow .flow-txt h4{
	font-size:1.8rem;
	font-weight:700;
	color:#fc951a;
	line-height:1;
	letter-spacing: .1em;
}

.c-consul-flow .flow-txt h4 span{
	border-left:5px solid #fc951a;
	border-bottom:1px solid #fc951a;
	padding-left: 7px;
	padding-bottom: 5px;
	margin-bottom: 1rem;
	display: inline-block;
}

.c-consul-flow .flow-txt .sec-wrap-m-t2{
	margin-top:2rem;
}

.c-consul-flow .flow-txt p{
	font-size:1.4rem;
	letter-spacing: .1em;
	text-align: left;
}

.c-consul-flow .flow-txt .arrow-btm{
	margin-bottom:3rem;
	position:relative;
}

.c-consul-flow .flow-txt .arrow-btm::after{
	content:"↓";
	display: inline-block;
	position:absolute;
	bottom:-35px;
	left: 0;
}

.c-consul-flow .study-content{
	width:100%;
	order: 1;
	margin-bottom: 3.5rem;
}

.c-consul-flow .study-content table{
	width: 100%;
	border-collapse: collapse;
	display: table;
	border-top: 1px solid #fc951a;
	border-left: 1px solid #fc951a;
}

.c-consul-flow .study-content table tr{
	display:flex;
}

.c-consul-flow .study-content table th,
.c-consul-flow .study-content table td{
	letter-spacing:.1em;
	padding: 1rem;
	border-bottom: 1px solid #fc951a;
	line-height: 1.8;
	font-weight: 400;
}

.c-consul-flow .study-content table th{
	width: 60px;
	border-right: 1px solid #fc951a;
	display: flex;
	align-items: center;
	justify-content: center;
}

.c-consul-flow .study-content table .study-title{
	font-size:1.6rem;
	font-weight:500;
	background-color:#ffe9d2;
}

.c-consul-flow .study-content table td,
.c-consul-flow .study-content table .theme-title{
	width:calc(100% - 60px);
}

.c-consul-flow .study-content table td{
	border-right: 1px solid #fc951a;
}

.c-consul-flow .price-box{
	margin-top: 3.5rem;
}

.c-consul-flow .price-box .price-title{
	font-size:2.2rem;
	letter-spacing:.2em;
	position: relative;
	width: 150px;
	margin: 0 auto 1rem;
	line-height: 1;
}

.c-consul-flow .price-box .price-title::before,
.c-consul-flow .price-box .price-title::after{
	content:"";
	width:18px;
	height:13px;
	background-image: url(img/subtitle-line.svg);
	display: block;
	background-size: cover;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.c-consul-flow .price-box .price-title::before{
	left:0;
}

.c-consul-flow .price-box .price-title::after{
	right:0;
}

.c-consul-flow .price-box .title-dot{
	font-size:1.8rem;
	font-weight:500;
	position:relative;
	letter-spacing: .1em;
	text-align: center;
	width: 70%;
	margin: 0 auto 1rem;
	min-width: 220px;
}

.c-consul-flow .price-box .title-dot::before{
	content:"";
	width:8px;
	height:8px;
	background-color:#fc951a;
	display:block;
	border-radius:50%;
	position: absolute;
	top: 25px;
	left: -15px;
}

.c-consul-flow .price-box .price{
	font-size:2.5rem;
	padding: 0 1rem;
}

.c-consul-flow .price-box .attention{
	font-weight:500;
}

.c-consul-flow .price-box .attention .sp-br{
	display:block;
}

.c-plan{
	padding:6rem 0;
}

.c-plan .home-title{
	margin-bottom:3.5rem;
}

.c-plan .plan-catch{
	font-size:1.6rem;
	font-weight:500;
}

.c-plan .worries-container{
	margin-bottom:6rem;
}

.c-plan .worries-catch{
	font-size:2.4rem;
	letter-spacing:.1em;
	text-align:center;
	margin-top: 3.5rem;
}

.c-plan .worries-catch .dot{
	position:relative;
	font-size: 3rem;
}

.c-plan .worries-catch .dot::after{
	content:"";
	width:6px;
	height:6px;
	background-color:#ff7676;
	border-radius:50%;
	position:absolute;
	top:-3px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-plan .worries-image{
	width:100%;
	margin:2rem auto 5rem;
	position:relative;
	line-height: 1;
}

.c-plan .worries-image img{
	width:100%;
	height:auto;
}

.c-plan .worries-image::after{
	content:"";
	width:30px;
	height:33px;
	background-image: url(img/arrow-under-w.svg);
	display: block;
	background-size: cover;
	position:absolute;
	bottom:-45px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-plan .worries-appeal{
	font-size:2rem;
	font-weight:700;
	color:#fc951a;
	letter-spacing:.1em;
	line-height: 1.8;
}

.c-plan .strengths-container{
	background-color:#fff6ea;
	padding:5rem 0 8rem;
}

.c-plan .strengths-container h3{
	font-size:1.8rem;
	font-weight:700;
	text-align:center;
	letter-spacing:.05em;
	position: relative;
	margin: 0 auto 2.5rem;
	width: 97%;
}

.c-plan .strengths-container .title-diagonalline::before,
.c-plan .strengths-container .title-diagonalline::after {
	top:65%;
}

.c-plan .strengths-container h3 span{
	font-size:3.4rem;
	color:#fc951a;
}

.c-plan .strengths-container .frame-ffdbb0 {
	padding: 1rem 1.5rem 6rem;
}

.c-plan .strengths-point li{
	padding:2.5rem 0;
}

.c-plan .strengths-point .bd-dotline-sp::after{
	background-image: url(img/sp/line-dot-brown-1.svg);
}

.c-plan .strengths-point .point-image{
	width:100px;
	height:100px;
	border:5px solid #ffdbb0;
	border-radius:50%;
	position: relative;
	background-color: #fff;
	margin: 0 auto;
}

.c-plan .strengths-point .point-image img{
	height:auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	position: absolute;
}

.c-plan .strengths-point li:first-child .point-image img{
	width:47px;
}

.c-plan .strengths-point li:nth-child(2) .point-image img{
	width:56px;
}

.c-plan .strengths-point li:nth-child(3) .point-image img{
	width:63px;
}

.c-plan .strengths-point .point-txt h4{
	font-size:1.9rem;
	font-weight:700;
	color:#fc951a;
	letter-spacing:.1em;
	position:relative;
	line-height: 1.6;
	margin-bottom: 3.5rem;
}

.c-plan .strengths-point .point-txt h4 span{
	font-size:1.4rem;
	color:#c6a885;
	display: block;
}

.c-plan .strengths-point .point-txt h4::after{
	content:"";
	width:40px;
	height:2px;
	background-color:#fc951a;
	bottom:-20px;
	left:0;
	display: block;
	position: absolute;
}

.c-plan .strengths-point .point-txt p{
}

.c-plan .plan-container{
	padding-top:5rem;
}

.c-plan .plan-container h3{
	font-size:2rem;
	font-weight:700;
	position:relative;
	border-bottom: 2px solid #fc951a;
	width: 60%;
	letter-spacing: .15em;
	margin: 0 auto 3.5rem;
	text-align: center;
}

.c-plan .plan-box{
	box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.25);
}

.c-plan .scroll-bar-sp {
	position: relative;
	margin-top: 20px;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: #9b9b9b #e5e5e5;
	border-radius: 35px;
	margin-bottom: 25px;
	padding: 0px 10px 25px 10px;
}

.c-plan .plan-list {
	display: flex;
	width: max-content;
	border-radius: 35px;
	box-shadow: 0 0 3.5px rgba(0, 0, 0, 0.25);
}

.c-plan .plan-list > li{
	width: 300px;
	flex-shrink: 0;
	scroll-snap-align: start;
}

.c-plan .plan-list > .standard{
	border-right:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
}

.c-plan .plan-list > li .plan-tile{
	height:140px;
	padding:2rem;
}

.c-plan .plan-list .light .plan-tile{
	background-color:#ffb93e;
	border-radius: 30px 0 0 0;
}

.c-plan .plan-list .standard .plan-tile{
	background-color:#80e0ce;
}

.c-plan .plan-list .premium .plan-tile{
	background-color:#f47171;
	border-radius: 0 30px 0 0;
}

.c-plan .plan-list > li .plan-tile h4{
	font-size:2.2rem;
	font-weight:700;
	color:#fff;
	border-bottom:1px solid #fff;
	line-height: 1;
	padding-bottom: 1.5rem;
	margin-bottom: 1rem;
	text-align: center;
	letter-spacing: .05em;
}

.c-plan .plan-list > li .plan-tile p{
	font-size:1.6rem;
	font-weight:500;
	color:#fff;
	line-height: 1.6;
	letter-spacing: .1em;
}

.c-plan .plan-list > li .plan-contents{
	padding:2.5rem 2rem 3.5rem;
}

.c-plan .plan-list > li .plan-price{
	font-size:1.6rem;
	font-weight:500;
	color:#774d15;
	padding-bottom:1rem;
	margin-bottom:3rem;
	text-align: center;
}

.c-plan .plan-list .bd-dotline-sp::after{
	background-image: url(img/sp/line-dot-brown-2.svg);
}

.c-plan .plan-list > li .plan-price span{
	font-size:3rem;
	line-height: 1.6;
	letter-spacing: .05em;
	margin-right: 5px;
}

.c-plan .plan-list > .light .plan-price span{
	color:#ffb93e;
}

.c-plan .plan-list > .standard .plan-price span{
	color:#80e0ce;
}

.c-plan .plan-list > .premium .plan-price span{
	color:#f47171;
}

.c-plan .plan-list > li .plan-contents ul > li:last-child{
	margin-bottom:0;
}

.c-plan .list-dot .pc-br{
	display:block;
}

.c-plan .list-dot > li{
	font-size: 1.4rem;
	color: #774d15;
	letter-spacing: .05em;
	position: relative;
	padding-left: 1.5rem;
	line-height: 1.8;
	margin-bottom: 1.5rem;
	font-weight: 500;
}

.c-plan .list-dot > li:last-child{
	margin-bottom:0;
}

.c-plan .list-dot li::before{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.c-plan .plan-list > .light ul li::before{
	background-color:#ffb93e;
}

.c-plan .plan-list > .standard ul li::before{
	background-color:#80e0ce;
}

.c-plan .plan-list > .premium ul li::before{
	background-color:#f47171;
}

.c-plan .plan-list > .premium ul li:last-child::before{
	top:17px;
}

.c-plan .plan-container .attention{
	font-size:1.2rem;
	font-weight:500;
	margin-bottom: 6rem;
}

.c-plan .addition-list{
	margin-top: 7rem;
	padding: 0 0.5rem;
}

.c-plan .addition-list > li{
	width:100%;
	border-radius:25px;
	padding: 2rem 2.5rem 2rem;
	margin-bottom: 7rem;
	box-shadow: 0 0 3.5px rgba(0, 0, 0, 0.25);
}

.c-plan .addition-list > li:last-child{
	margin-bottom:1rem;
	padding-bottom: 3rem;
}

.c-plan .addition-list .list-dot > li{
	font-size:1.6rem;
	margin-bottom: 1rem;
}

.c-plan .addition-list .list-dot > li::before{
	background-color:#fc951a;
}

.c-plan .addition-list .list-dot > li::before {
	top: 15px;
}

.c-plan .addition-list > li h4{
	font-size:1.8rem;
	margin-top: -4rem;
	max-width: 320px;
	width: 100%;
	letter-spacing: .05em;
}

.c-plan .addition-list > li .addition-price{
	font-size:1.6rem;
	letter-spacing:.1em;
	font-weight: 500;
	margin-bottom: 2.5rem;
	margin-top: 2.5rem;
	padding-bottom: 1.5rem;
	text-align: center;
	line-height: 1;
}

.c-plan .addition-list .bd-dotline-sp::after {
	background-image: url(img/sp/line-dot-brown-2.svg);
}

.c-plan .addition-list > li .addition-price span{
	font-size:3rem;
	color:#fc951a;
	margin-right: 5px;
	margin-left: 5px;
}

.c-plan .addition-list > li .list-dot{
	padding-top:2rem;
}

.c-plan .addition-list > li .insta-catch{
	font-size:1.6rem;
	font-weight:500;
	line-height:1.8;
	padding-top:2rem;
}

.c-faq{
	background-color:#fff6ea;
	padding:5.5rem 0;
}

.c-faq .home-title{
	margin-bottom:3.5rem;
}

/* 会社概要
--------------------------------*/
.page-bg-company{
	background-image: url(img/sp/about-title.jpg);
}

.about-top{
	background-color:#fff6ea;
	padding:4rem 0;
}

.about-top .employee-box .employee-image{
	width:90%;
	margin-left:auto;
	line-height: 1;
	max-width: 320px;
}

.about-top .employee-box .employee-image img{
	border-radius: 15px;
}

.about-top .employee-box .employee-txt{
	max-width:300px;
	background-color:#fff;
	padding:2.5rem;
	border-radius:15px 0;
	margin-top: -3rem;
	z-index: 300;
	position: relative;
	width: 90%;
}

.about-top .employee-box .employee-txt .employee-cach{
	font-size:1.8rem;
	margin-bottom:0.5rem;
	letter-spacing: .1em;
}

.about-top .employee-box .employee-txt p{
	font-size:1.4rem;
	line-height: 1.8;
}

.c-about{
	background-color:#fff6ea;
	padding:5rem 0 6rem;
}

.c-about .home-title{
	margin-bottom:4.5rem;
}

.c-about .company-container{
	background-color:#fff;
	padding:2rem 2.5rem 5rem;
	width:100%;
	border-radius:30px;
}

.c-about .company-container .pc-br{
	display:block;
}

.c-about .company-container tr{
	display:flex;
}

.c-about .company-container tr th,
.c-about .company-container tr td{
	padding:2.5rem 0;
	font-size:1.4rem;
	letter-spacing:.1em;
	line-height: 1.6;
}

.c-about .company-container tr th{
	width:35%;
	font-weight:500;
	border-bottom: 1px solid #fc951a;
	text-align: left;
	display: flex;
	align-items: center;
}

.c-about .company-container tr td{
	width:75%;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-left: 10px;
}

.c-about .company-container tr td ul li{
	list-style:disc;
	margin-left: 1.5rem;
}

.c-greeting{
	padding:5rem 0 6rem;
}

.c-greeting .home-title{
	margin-bottom:3.5rem;
}

.c-greeting .frame-ffdbb0{
	padding:3.5rem 2.5rem;
}

.c-greeting .frame-ffdbb0 .president-area{
	margin-top:3.5rem;
	width: 60%;
	margin-left: auto;
	letter-spacing: .1em;
	font-size: 1.4rem;
}

.c-greeting .frame-ffdbb0 .president-area .pc-br{
	display:block;
}

.c-greeting .frame-ffdbb0 .president-area .name{
	font-size:1.7rem;
}

.c-access{
	position: relative;
	background: linear-gradient(180deg, #FFF 0%, #FFF 35%, #fff6ea 35%, #fff6ea 100%);
}

.c-access .home-title{
	margin-bottom:3rem;
}

.c-access .ggmap{
	width:100%;
	height:140px;
	margin-bottom:2rem;
}

.c-access .ggmap iframe{
	width:100%;
	height:140px;
	border-radius:30px;
}

.c-access .c-fl-column{
	margin-bottom:7rem;
}

.c-access .address-container .address{
	font-size:1.4rem;
}

.c-access .address-container .address .pc-br{
	display:block;
}

.c-access .address-container .tel {
	font-size:2.5rem;
	letter-spacing: .02em;
}

.c-access .address-container .tel span{
	font-size:1.8rem;
}

.c-access .home-btn{
	margin:2.5rem auto 0;
}

/* 採用情報
--------------------------------*/
.page-bg-recruit{
	background-image: url(img/sp/recruit-title.jpg);
}

.c-recruit{
	padding:5rem 0 6rem;
}

.c-recruit .recruit-catch{
	font-size:2rem;
	font-weight:700;
	text-align:center;
	letter-spacing:.1em;
	position:relative;
	margin: 0 auto 3rem;
	width: 90%;
}

.c-recruit .recruit-image{
	width:100%;
	line-height: 1;
}

.c-recruit .recruit-image img{
	width:100%;
	height:auto;
	border-radius:45px;
}

.c-business{
	background-color:#fff6ea;
	padding:6rem 0;
}

.c-business .home-title{
	margin-bottom:3.5rem;
}

.c-business .home-title span{
	font-size:3.5rem;
	letter-spacing: .03em;
}

.c-business .business-list {
	margin-bottom:4rem;
}

.c-business .business-list li{
	width:100%;
	margin-bottom:3.5rem;
}

.c-business .business-list li .business-image{
	width:100%;
	line-height: 1;
	margin-bottom: 2rem;
}

.c-business .business-list li .business-image img{
	width:100%;
	height:auto;
	border:4px solid #ffdbb0;
	border-radius:45px;
}

.c-business .business-list li h3{
	font-size:2rem;
	font-weight:500;
	text-align:center;
	letter-spacing:.1em;
	color:#fc951a;
	line-height: 1;
}

.c-business .recruitment-catch{
	font-size:1.6rem;
	font-weight:500;
	letter-spacing:.1em;
}

.c-business .recruitment-catch .bd-dotline-sp{
	display:block;
	padding-bottom: 3px;
}

.c-business .recruitment-catch .bd-dotline-sp::after{
	background-image: url("img/sp/line-dot-orange.svg");
}

.c-jobdescription{
	padding:6rem 0;
}

.c-jobdescription .teishi{
	background-color:#fff6ea;
	border-radius:35px;
	padding:3rem 2rem;
	text-align:center;
}

.c-jobdescription .home-title{
	margin-bottom:3rem;
}

.c-jobdescription .home-title span {
	font-size:3.8rem;
	letter-spacing:.03em;
}

.c-jobdescription table{
	background-color:#fff6ea;
	border-radius:35px;
	padding:3rem 2rem 5rem;
	width: 100%;
}

.c-jobdescription table tr{
	display:flex;
	justify-content:space-between;
}

.c-jobdescription table tr th,
.c-jobdescription table tr td{
	padding:2.5rem 0;
	letter-spacing: .1em;
	line-height: 1.8;
}

.c-jobdescription table tr th{
	width:130px;
	border-bottom:1px solid #fc951a;
	display: flex;
	align-items: center;
	font-weight: 500;
}

.c-jobdescription table tr td{
	width:calc(100% - 130px);
	border-bottom:1px solid #ccc;
	padding-left: 1rem;
}

.c-jobdescription table tr td ul{
	padding-left:1.5rem;
}

.c-jobdescription table tr td ul li{
	list-style:disc;
}

.c-selection-flow{
	background-color:#fff6ea;
	padding:5rem 0 9rem;
}

.c-selection-flow .home-title{
	margin-bottom:3rem;
}

.c-selection-flow ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.c-selection-flow ul::after{
	content:"";
	width:30%;
	display:block;
}

.c-selection-flow ul li{
	width:100%;
	margin-bottom: 5rem;
	position: relative;
}

.c-selection-flow ul li .step-number{
	background-color:#fc951a;
	border-radius:0 10px 0 0;
	color:#fff;
	padding:5px 10px;
	width:90px;
	height:30px;
	line-height:25px;
}

.c-selection-flow ul li .step-number span{
	font-size:2rem;
	padding-left: 5px;
}

.c-selection-flow ul li .c-fl-column{
	border:1px solid #fc951a;
	border-radius:0 30px 30px 30px;
	background-color:#fff;
	padding:1rem;
	height: 130px;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.c-selection-flow ul li .c-fl-column::after{
	content:"";
	width:17px;
	height:20px;
	background-image: url(img/arrow-orange-under.svg);
	display: block;
	background-size: cover;
	position:absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-selection-flow ul li:last-child .c-fl-column::after{
	content:none;
}

.c-selection-flow ul li .selection-flow-image{
	width:76px;
	height:76px;
	position:relative;
	background-color:#efefef;
	border-radius:50%;
}

.c-selection-flow ul li .selection-flow-image img{
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.c-selection-flow ul li:first-child .selection-flow-image img{
	width:39px;
}

.c-selection-flow ul li:nth-child(2) .selection-flow-image img{
	width:30px;
}

.c-selection-flow ul li:nth-child(3) .selection-flow-image img{
	width:47px;
}

.c-selection-flow ul li:nth-child(4) .selection-flow-image img{
	width:43px;
}

.c-selection-flow ul li:nth-child(5) .selection-flow-image img{
	width:38px;
}

.c-selection-flow ul li .selection-flow-txt{
	width:calc(100% - 90px);
}

.c-selection-flow ul li .selection-flow-txt h3{
	font-size:1.8rem;
	font-weight:500;
	margin-bottom:1rem;
	color:#fc951a;
	line-height: 1.2;
	letter-spacing: .1em;
}

.c-selection-flow ul li .selection-flow-txt p{
	font-size:1.4rem;
	line-height: 1.6;
	letter-spacing: .05em;
}

.c-selection-flow table{
	width: 100%;
	background-color:#fff;
	padding:0 2.5rem;
	border: 1px solid #fc951a;
}

.c-selection-flow table tr{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
}

.c-selection-flow table tr:nth-of-type(1)::after{
	content: "";
	background-image: url(img/sp/line-dot-brown-1.svg);
	height: 4px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.c-selection-flow table th,
.c-selection-flow table td{
	padding:3.5rem 0;
	letter-spacing: .05em;
}

.c-selection-flow table th{
	width:90px;
	font-weight: 500;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 15px;
}

.c-selection-flow table th::before{
	content: "";
	background-color:#fc951a;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.c-selection-flow table td{
	width:calc(100% - 90px);
}

.c-selection-flow .home-btn{
	max-width:260px;
	margin: 5rem auto 0;
}

.c-selection-flow .home-btn .btn-link p {
}

.c-selection-flow .home-btn .btn-link{
	max-width:260px;
}

.c-selection-flow .home-btn .btn-link::before{
	content:"";
	background-image: url(img/icon-mail-orange.svg);
	width:27px;
	height:20px;
	display: inline-block;
	background-size: cover;
}

.c-selection-flow .home-btn .btn-arrow-r:hover {
	background-color: #fff;
	opacity: 0.7;
}

.c-selection-flow .home-btn .btn-arrow-r:hover p{
	color: #fc951a;
}

/* プライバシーポリシー
--------------------------------*/
.page-bg-privacypolicy{
	background-image: url(img/privacypolicy-title.jpg);
}

.c-privacypolicy{
	background-color:#fff6ea;
	padding: 5rem 0 7rem;
}

.c-privacypolicy .privacy-catch{
	font-size:1.4rem;
}

.c-privacypolicy h2{
	font-size:1.4rem;
	font-weight:500;
	line-height:1;
	border-bottom: 1px solid #ccc;
	padding-bottom:1rem;
	letter-spacing: .05em;
	margin-bottom: 2rem;
	margin-top: 3.5rem;
	color: #fc951a;
}

.c-privacypolicy h2::before {
	content: counter(number)".";
	margin-right: 5px;
	counter-increment: number 1;
}

.c-privacypolicy ul{
	padding-left:2rem;
}

.c-privacypolicy ul li{
	font-size:1.2rem;
	letter-spacing: .05em;
}

.c-privacypolicy .disc-mark{
	padding-left:3rem;
	margin-top: 1rem;
}

.c-privacypolicy .disc-mark li{
	list-style-type: disc;
}

.c-privacypolicy .inquiry{
	color:#fc951a;
	text-decoration:underline;
}

.c-privacypolicy p{
	font-size:1.2rem;
}

/* お問い合わせ
--------------------------------*/
.page-bg-contact{
	background-image: url(img/sp/contact-title.jpg);
}

.c-contact{
	background-color:#fff6ea;
	padding: 5rem 0 8rem;
}

.contact-wrap{
	background-color:#fff;
	padding:5rem 2rem;
	border-radius: 35px;
}

.contact-wrap .contact-catch{
	font-weight:500;
	margin-bottom: 4rem;
	font-size: 1.4rem;
}

.google-recaptcha{
	text-align:center;
}

.google-recaptcha .g-recaptcha > div{
	margin: 0 auto;
}

.protection-recaptcha p {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: .05em;
	text-align: center;
	margin-top: 3rem;
}

.contactpage-form-btn .btn-circle,
.contactpage-form-btn .btn-circle p{
	background-color:#fc951a;
	width:30px;
	height:30px;
	border-radius:50%;
}

.contactpage-form-btn .btn-circle{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.protection-recaptcha p a {
	position: relative;
	text-decoration: underline;
}

/* お問い合わせ(フォーム部分)
--------------------------------*/
.contact-container{
	padding:0 4.5rem;
}

.contactpage-form{
	width: 100%;
}

.contactpage-form .req::after{
	content: "必須";
	color: #FFF;
	font-size: 1.2rem;
	position: absolute;
	right: 25px;
	border-radius: 15px;
	width: 50px;
	text-align: center;
	background-color: #e52525;
	line-height: 1.8;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.contactpage-form .any::after{
	content: "任意";
	color: #FFF;
	font-size: 1.2rem;
	position: absolute;
	right:25px;
	border-radius: 15px;
	width: 50px;
	text-align: center;
	background-color: #cccccc;
	line-height: 1.8;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.contactpage-form table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border-bottom: 1px solid #ccc;
}

.contactpage-form table tr{
	border-top: 1px solid #ccc;
}

.contactpage-form table tr:first-child{
	border-top-style: solid;
}

.contactpage-form table th{
	text-align: left;
	vertical-align: top;
	position: relative;
	font-size: 1.6rem;
	background-clip: padding-box;
	width: 100%;
	font-weight: 500;
	letter-spacing: .1em;
	background-color: #fff6ea;
	padding: 0.6rem 1rem;
	display: flex;
	align-items: center;
}

.contactpage-form table td{
	display: block;
	font-size: 1.6rem;
	position: relative;
	padding: 2rem 0;
}

.contactpage-form table .birth{
	padding-top:1rem;
}

.contactpage-form input,
.contactpage-form textarea{
	padding: 1rem 1.5rem;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	font-size: 1.4rem;
	width: 100%;
	border: 1px solid #ccc;
	color: #595757;
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	height: 40px;
	border-radius: 5px;
	background-color: #fff;
}

.contactpage-form select {
	padding: 1rem;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	border: none;
	width: 100%;
	background-color: #fff;
	border-radius: 3px;
	font-size: 1.4rem;
	border: 1px solid #cccccc;
	color: #595757;
	height: 40px;
}

.contactpage-form textarea {
	padding: 2.2rem;
	height: 230px;
}

.contactpage-form input[type="checkbox"]{
	border-radius:15px;
	padding: 0.8rem;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	box-shadow: 1px 1px 1px 0px rgba(196, 207, 214, .8) inset;
	border: 1px solid #d2dadf;
	font-size: 1.6rem;
	width: auto;
}

.contactpage-form input::placeholder,
.contactpage-form textarea::placeholder{
	color:#595757;
	font-size:1.4rem;
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
}

.contactpage-form input:hover,
.contactpage-form textarea:hover{
	box-shadow:inset 2px 2px 3px #CCCCCC;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
}

.contactpage-form input:focus,
.contactpage-form textarea:focus{
	background-color: #FFFFE1;
	box-shadow:inset 2px 2px 3px #CCCCCC;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
}

.contactpage-form .checkbox-adjust span{
	width: 31%;
	margin-left: 0px !important;
}

.contact-privacy{
	border: 1px solid #CCC;
	margin: 4rem auto 5rem;
	padding: 3rem 1.5rem;
	box-sizing: border-box;
	width: 100%;
}

.contact-privacy p{
}

.contact-privacy p span{
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: .05em;
}

.contact-privacy a{
	color:#fc951a;
	text-decoration: underline;
}

.contact-privacy .cp-title{
	font-weight: 500;
	margin-bottom: 1rem;
	display: block;
	font-size: 1.6rem;
}

.contact-privacy .privacy-check{
	text-align:center;
	margin-top: 3rem;
	line-height: 2;
}

.contact-privacy .privacy-check .mwform-checkbox-field-text{
	font-size: 1.6rem;
}

.contact-privacy input {
	margin-right: 5px;
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.contactpage-check .contact-privacy,
.contactpage-check .txt-sample,
.c-input-complete .contactpage-form-btn .back-btn{
	display:none;
}

.contactpage-check table tr{
	background-color:#efefef; 
	margin-bottom:1rem;
}

.contactpage-check table th{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.contactpage-check table td{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.contactpage-form-btn{
	text-align: center;
	margin: 4rem auto 0;
	display: flex;
	justify-content: space-between;
	width: 200px;
	position: relative;
	height: 50px;
	line-height: 50px;
}

.contactpage-form-btn:hover {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	opacity: 0.7;
}

.contactpage-form-btn input[type="submit"],
.contactpage-form-btn button[type="submit"]{
	width:200px;
	height:50px;
	position:relative;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .05em;
	border: 2px solid #fc951a;
	border-radius: 35px;
	line-height: 1.6;
	color: #fc951a;
	margin: 0 auto;
	background-color: #fff;
}

.contactpage-form-btn input[type="submit"]:hover,
.contactpage-form-btn button[type="submit"]:hover {
	background-color: #fc951a;
	border-radius: 35px;
	color:#fff;
}

.contactpage-form-btn .contactpage-circle{
	width:36px;
	height:36px;
	background-color:#fc951a;
	border-radius:35px;
	position: relative;
}

.contactpage-form-btn img{
	position: absolute;
	width: 12px;
	height: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/* お問い合わせ(送信完了)
--------------------------------*/
.c-complete .contact-wrap{
	padding:3.5rem 2.5rem;
}

.contact-complete .thanks{
	font-size:1.7rem;
	font-weight:500;
	margin-bottom: 3rem;
	text-align:center;
}

.contact-complete p{
	font-size:1.2rem;
}

.contact-complete .home-btn{
	margin:4rem auto 0;
}

/* 採用フォーム
--------------------------------*/
.page-bg-entry{
	background-image: url(img/sp/contact-title.jpg);
}

.c-entry{
	background-color: #fff6ea;
	padding:5rem 0 8rem;
}

/* 採用フォーム(フォーム部分)
--------------------------------*/
.c-entry .contactpage-form table th{
	/*! width: 100％; */
	padding-right: 8.5rem;
}

.contactpage-form .select-birthday select{
	width: 100px;
	margin-right: 1rem;
	margin-left: 1rem;
}

.contactpage-form .address{
	margin-top:1rem;
	display: block;
}

.contactpage-form .postcode{
	font-size:1.4rem;
	color: #3f3f3f;
}

.contactpage-form .birth span{
	color:#3f3f3f;
	font-size: 1.2rem;
	display: block;
}

.contactpage-form .birth input{
	width: 45%;
	margin-left: 5px;
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	font-weight: 400;
	max-width: 150px;
}

.contactpage-form .postcode input{
	width: 20%;
	margin-right: 5px;
	margin-left: 5px;
}


/* お知らせ記事一覧(news-archives)
--------------------------------*/
.page-bg-news{
	background-image: url(img/sp/news-title.jpg);
}

.c-page-bg-news{
	background-color:#fff6ea;
	padding:5rem 0 6rem;
}

.news-container{
	padding-top: 10rem;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #3f3f3f;
	padding-bottom: 7.5rem;
}

.news-list > li{
	margin-bottom: 2rem;
}

.news-list > li:last-child{
	margin-bottom:0;
}

.news-list > li > article > a{
	display:flex;
	align-items: center;
	padding:0 5rem 0 1rem;
	background-color: #ffebd1;
	min-height: 80px;
	border-radius: 20px;
	position:relative;
	justify-content: space-between;
}

.news-list > li > article > a > .date{
	font-size: 1.5rem;
	letter-spacing: .05em;
	position:relative;
	border-width: 1px;
	border-right-style: solid;
	border-color: #fff;
	color:#774d15;
	padding-right: 15px;
	height: 80px;
	line-height: 80px;
	font-weight: 500;
}

.news-list > li > article > a > .date::after{
	content:"";
	position:absolute;
	right:0;
	width: 1px;
	height: 80px;
	background-color: #fff;
	top: 0;
}

.news-list > li > article > a > .content-box{
	position: relative;
	width: 100%;
	padding: 1rem 0 1rem 1.5rem;
}


.news-list > li > article > a > .content-box > .cat{
	color: #fff;
	border-radius: 35px;
	text-align: center;
	width: 120px;
	height: 23px;
	line-height: 23px;
	letter-spacing: .05em;
	font-size: 1.4rem;
	display: block;
}

.news-list > li > article > a > .content-box > .notice{
	background-color: #fc951a;
}

.news-list > li > article > a > .content-box > .event{
	background-color: #88e52e;
}

.news-list > li > article > a > .content-box > .media{
	background-color: #4be2c5;
}

.news-wrap .news-list > li > article > a > .content-box > h2{
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 0.5rem;
}

.news-list > li > article > a .btn-circle{
	width:30px;
	height:30px;
	border-radius:50%;
	border: 1px solid #fc951a;
	background-color: #fff;
	position: absolute;
	right: 1rem;
}

.news-list > li > article > a .btn-circle img{
	position: absolute;
	width:11px;
	height:9px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/* お知らせ記事一覧(single-archives)
--------------------------------*/
.news-single{
}

.news-single .news-single-container .date{
	font-size:1.5rem;
	letter-spacing: 0;
}

.news-single .news-single-container .date .date-time{
	margin-right: 10px;
}

.news-single .news-single-container .post-info .cat{
	font-size:1.2rem;
	width:120px;
	height:20px;
	border-radius:35px;
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 19px;
	letter-spacing: 0;
}

.news-single .news-single-container .post-info .notice{
	background-color: #fc951a;
}

.news-single .news-single-container .post-info .event{
	background-color: #88e52e;
}

.news-single .news-single-container .post-info .media{
	background-color: #4be2c5;
}


.news-single .news-single-container h2{
	font-size:1.6rem;
	font-weight:500;
	padding-bottom:1.5rem;
	margin-bottom:2.5rem;
	margin-top:1.5rem;
	line-height: 1;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #ccc;
	letter-spacing: .05em;
}

.nav-below{
	display: flex;
	justify-content: space-between;
	margin: 3rem auto 0;
	align-items: center;
	position:relative;
}

.nav-below::before,
.nav-below::after{
	content: "";
	background-image: url(img/sp/line-dot-brown-1.svg);
	height: 4px;
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
}

.nav-below::before{
	top:0;
}

.nav-below::after{
	bottom:0;
}

.nav-below a:hover{
	opacity: 1;
}

.nav-below .works-list-btn{
	font-size: 1.2rem;
	width: 30%;
	text-align: center;
	display: block;
}

.nav-below .nav-previous,
.nav-below .nav-next{
	width: 40%;
}

.nav-below .nav-previous a i{
	margin: 0;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 50%;
	left: 2rem;
}

.nav-below .nav-next a i{
	margin:0;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 50%;
	right: 2rem;
}

.nav-below a{
	display: flex;
	position:relative;
	letter-spacing: .1em;
	font-weight: 500;
	padding: 2.5rem 0;
	align-items: center;
}

.nav-below a:hover {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	opacity: 0.7;
}

.nav-below a span{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	font-size: 1.2rem;
}

.nav-below a .arrow-icon{
	width:20px;
	height:20px;
	position: relative;
}

.nav-below a .arrow-icon img{
	width:11px;
	height:9px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.nav-below .nav-previous a span{
	opacity: 0.6;
}

.nav-below .nav-previous a img{
	opacity: 0.6;
}

.nav-below .nav-next a span{
	font-weight: 500;
	margin-left: auto;
}

.news-single .media-thumbnail{
	width:100%;
	height:auto;
	line-height:0;
	margin-bottom:3rem;
}

.news-single .media-thumbnail a{
	display:block;
}

.news-single .media-thumbnail a img{
	width:100%;
	height:auto;
	line-height:0;
}

.news-single .media-info{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #ddb692;
}

.news-single .media-info dt{
	position:relative;
	width: 120px;
	border-bottom: 1px solid #ddb692;
	background-color: #fff6ea;
	font-weight: 500;
	padding: 2.5rem 0 2.5rem 1rem;
	letter-spacing: .05em;
	display: flex;
	align-items: center;
}

.news-single .media-info dd{
	position:relative;
	width: calc(100% - 120px);
	border-bottom: 1px solid #ddb692;
	padding: 3rem 0 3rem 2rem;
}

/* コンセプト
--------------------------------*/
.page-bg-concept{
	background-image: url(img/concept-title.jpg);
}

.c-concept .concept-top{
	padding:4.5rem 0 6.5rem;
}

.c-concept .concept-top .pc-br{
	display:block;
}

.c-concept .home-title{
	margin-bottom:2rem;
}

.c-concept .concept-container .concept-image{
	width:100%;
	line-height: 1;
	margin-bottom: 3.5rem;
}

.c-concept .concept-container .concept-txt{
	width:100%;
	border-radius:45px;
	padding: 0 1rem;
}

.home-concept .concept-txt .pc-br{
	display:block;
}

.c-concept .concept-container .concept-txt p{
	font-weight:500;
}

.c-concept .partnership-wrap{
	background-color:#fff6ea;
	padding:6.5rem 0 2.5rem;
}

.c-concept .partnership-wrap .label-subtitle {
	max-width:320px;
	height: 70px;
	width: 90%;
	padding: 1rem 3.5rem;
	font-size: 1.8rem;
	text-align: left;
	line-height: 25px;
}

.c-concept .c-page-bg-white{
	margin-top:-4rem;
	margin-bottom: 6rem;
	padding: 7rem 2.5rem 5rem;
	border-radius: 35px;
}

.c-concept .partnership-wrap .partners-catch{
	font-size:1.8rem;
	letter-spacing:.1em;
	line-height:1.8;
	margin-bottom:2.5rem;
}

.c-concept .partnership-wrap .service-list li{
	position:relative;
	padding: 3rem 0;
}

.c-concept .partnership-wrap .bd-dotline-sp::after{
	background-image: url(img/sp/line-dot-brown-1.svg);
}

.c-concept .partnership-wrap .service-list .service-image{
	width:100%;
	line-height: 1;
	margin-bottom: 2rem;
}

.c-concept .partnership-wrap .service-list .service-image img{
	border-radius:45px;
}

.c-concept .partnership-wrap .service-list .service-txt{
}


.c-concept .partnership-wrap .service-list li h4{
	font-size:1.6rem;
	font-weight:500;
	letter-spacing: .1em;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.c-concept .partnership-wrap .service-list li .detail{
	font-size:1.4rem;
	font-weight:500;
	color: #fc951a;
	line-height: 1.6;
}

.c-concept .partnership-wrap .strengths-point{
	margin-top: 4.5rem;
	line-height: 1.8;
	font-size: 1.8rem;
}

.c-concept .partnership-wrap .label-840{
	padding: 1rem 2rem;
}

.c-concept .partnership-wrap .c-fl-column{
	align-items:center
}

.c-concept .partnership-wrap .party-image{
	line-height: 1;
	width: 100%;
	margin-bottom: 3rem;
}

.c-concept .partnership-wrap .party-image img{
	border-radius:45px;
}

.c-concept .partnership-wrap .party-txt{
	max-width:570px;
	height:60%;
}

.c-concept .partnership-wrap p{
	font-weight:500;
}

.c-concept .partnership-wrap .sec-wrap-m-t3{
	display:block;
}

.c-history{
	padding:5rem 0;
}

.c-history .home-title{
	margin-bottom:3rem;
}

.c-history .history-container{
	background-color:#fff6ea;
	padding:5.5rem 2rem 3.5rem;
	border-radius:45px;
}

.c-history .timeline {
	padding-left: 3rem;
	position:relative;
	padding-bottom: 10rem;
}

.c-history .timeline::after{
	background-color: #fc951a;
	content: "";
	width: 2px;
	position: absolute;
	top: 20px;
	left: 60px;
	z-index: 10;
	height: calc(100% - 135px);
}

.c-history .timeline .event {
	position: relative;
}

.c-history .timeline .may{
	margin-bottom:5rem;
}

.c-history .timeline .july{
	margin-bottom:3rem;
}

.c-history .timeline .event::before {
	content:"";
	display: block;
	background-size: cover;
	position: absolute;
	left: 8px;
	z-index:500;
	width: 47px;
}

.c-history .timeline .may::before {
	background-image: url(img/history-01.svg);
	height: 70px;
	bottom: -20px;
}

.c-history .timeline .july::before {
	background-image: url(img/history-02.svg);
	height: 50px;
	bottom: 25px;
}

.c-history .timeline .august::before {
	background-image: url(img/history-03.svg);
	height: 47px;
	bottom: -50px;
	z-index:300;
}

.c-history .timeline .august::after{
	content:"";
	width:3px;
	height:70px;
	background-image: url(img/line-dot.svg);
	display: block;
	background-size: cover;
	position:absolute;
	bottom:-60px;
	left: 30px;
}

.c-history .timeline .year-number{
	color: #774d15;
	font-size:2.8rem;
	z-index: 300;
	position: relative;
	background-color: #fff6ea;
	line-height: 1.5;
}

.c-history .timeline .year-number::before{
	content:"";
	background-image: url(img/history-line.svg);
	width:20px;
	height:4px;
	display: block;
	position:absolute;
	top:20px;
	left: -30px;
}

.c-history .july-23 .year-number {
	margin-bottom:0;
}

.c-history .timeline .event .ft-fc951a{
	color:#fc951a;
}

.c-history .timeline .event-column {
	color: #774D15;
	margin-left: 7rem;
	margin-top: 3rem;
}

.c-history .july-23 .event-column{
	margin-bottom:1rem;
}

.c-history .timeline .event-column .month{
	font-size:2rem;
	font-weight:500;
	line-height: 1;
}

.c-history .timeline .event-column .month .f-tondo-b{
	font-size:2.8rem;
}

.c-history .timeline .event-column p{
	font-weight:500;
}

.c-history .sp-wrap-m-b1{
	margin-bottom:1rem;
}

.c-media{
	padding-top:7rem;
	background-color: #fff6ea;
	padding-bottom: 15rem;
}

.c-media ul li{
	display:flex;
	padding-bottom: 6rem;
	padding-top: 6rem;
	border-bottom: 5px dotted rgb(221, 182, 146);
	flex-wrap: wrap;
}

.c-media ul li .media-contents{
	position:relative;
	width: 100%;
	order: 2;
}

.c-media ul li .media-contents .date{
	position:relative;
	font-size: 1.4rem;
	font-weight: 500;
	color: #774d15;
}

.c-media ul li .media-contents h3{
	font-size: 1.7rem;
	font-weight: 700;
	color: #fc951a;
	position: relative;
	margin-bottom: 2rem;
	letter-spacing: .05em;
}

.c-media ul li .media-contents h3:after{
	content:"";
	display: block;
	width: 50px;
	height: 2px;
	background-color: #fc951a;
	margin-top: 1rem;
}

.c-media ul li .media-contents .summary{
	position:relative;
	line-height: 1.5;
	margin-bottom: 3.5rem;
}

.c-media ul li .media-contents a{
	width: 200px;
	height: 50px;
	background-color: #FFF;
	border-radius: 30px;
	border: 1px solid #fc951a;
	line-height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px 0 15px;
}

.c-media ul li .media-contents a p{
	position:relative;
	color: #fc951a;
	font-weight: 700;
	font-size: 1.6rem;
	letter-spacing: .2em;
}

.c-media ul li .media-contents a img{
	position:relative;
	width: 30px;
	height: 30px;
}

.c-media ul li .media-thumbnail{
	position:relative;
	width: 100%;
	line-height: 0;
	order: 1;
	margin-bottom: 2.5rem;
}

.c-media ul li .media-thumbnail img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}

/* 実績 共通仕様
--------------------------------*/
.page-bg-advertisement{
	background-image: url(img/sp/works-freepaper-title.jpg);
}

.page-bg-media-management{
	background-image: url(img/works-sns-title.jpg);
}

.page-bg-event{
	background-image: url(img/sp/works-event-title.jpg);
}

.c-page-bg-works{
	background-color:#fff6ea;
	padding:5.5rem 0;
}

.works-menu{
	background-color:#ffebd1;
	height:120px;
	display: flex;
	align-items: center;
}

.works-menu ul{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

.works-menu ul li{
	color:#774d15;
	margin: 1rem;
}

.works-menu ul li a{
	color:#774d15;
	padding: 0.6rem 2rem;
	font-weight: 500;
	font-size: 1.6rem;
	display: block;
	line-height: 1;
	letter-spacing: .05em;
}

.works-menu ul .active a{
	color:#FFF;
	background-color:#fc951a;
	border-radius: 50px;
}

/* 実績 個別記事ページ(single-works.php)
--------------------------------*/
.works-single .title-container{
	position: relative;
}

.works-single .title-container::after{
	content: "";
	background-image: url(img/sp/line-dot-brown-1.svg);
	height: 4px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.works-single .title-container .company-name{
	color:#774d15;
	font-size:1.6rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.works-single .title-container .date{
	color:#c6a885;
	font-size:1.8rem;
	line-height: 1;
	margin-bottom: 1rem;
}

.works-single .title-container h2{
	color:#774d15;
	font-size:1.8rem;
	font-weight: 500;
	margin-bottom: 2rem;
	letter-spacing: .05em;
	line-height: 1.6;
	padding-bottom: 1rem;
}

.works-single .title-container .info{
	position:relative;
	display: flex;
	justify-content: end;
	align-items: center;
	padding-bottom: 2rem;
}

.works-single .title-container .info .industry{
	display: flex;
	margin-right: 2rem;
	font-size: 1.2rem;
}

.works-single .title-container .info .industry dt{
	position:relative;
	color: #c6a885;
	margin-right: 0.5rem;
	font-weight: 500;
}

.works-single .title-container .info .industry dd{
	position:relative;
	color: #c6a885;
	font-weight: 500;
}

.works-single .title-container .info .order{
	color: #fc951a;
	font-weight: 500;
	line-height: 1.6;
	/*! padding-bottom: 2rem; */
	font-size: 1.2rem;
}

.works-single .thumbnail{
	width:100%;
	height:auto;
	line-height:1;
	padding-bottom:3rem;
	padding-top: 3rem;
}

.works-single .thumbnail img{
	width:100%;
	height:auto;
}

.works-single .post-contents{
	font-size:1.6rem;
}

.works-single .post-contents p{
	margin-bottom:2rem;
}

.works-single .information{
	position:relative;
	margin-bottom: 3.5rem;
}

.works-single .information h3{
	position:relative;
	font-weight:700;
	font-size:1.8rem;
	color:#774d15;
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}

.works-single .information h3:before{
	content:"";
	background-color:#fc951a;
	width: 6px;
	height: 6px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.works-single .information dl{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #ddb692;
}

.works-single .information dl dt{
	position:relative;
	width: 120px;
	border-bottom: 1px solid #ddb692;
	background-color: #fff6ea;
	font-weight: 500;
	padding: 2.5rem 0 2.5rem 1rem;
	letter-spacing: .05em;
}

.works-single .information dl dd{
	position:relative;
	width: calc(100% - 120px);
	border-bottom: 1px solid #ddb692;
	padding: 2.5rem 0 2.5rem 2rem;
}

/* 実績 (archive-works.php)
--------------------------------*/
.works-archive > ul{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.works-archive > ul > li{
	width:100%;
	margin-bottom: 4rem;
}

.works-archive > ul > li:last-child{
	margin-bottom: 0;
}

.works-archive > ul > li > a{
	display:block;
	background-color: #FFF;
	border-radius: 30px;
	position: relative;
}

.works-archive > ul > li > a .thumbnail{
	position:relative;
	width:100%;
	height:auto;
	line-height: 0;
}

.works-archive > ul > li > a .thumbnail img{
	border-radius: 30px 30px 0 0;
}

.works-archive > ul > li > a .thumbnail .cat-label{
	line-height: 30px;
	display: inline-block;
	padding: 0 20px;
	text-align: center;
	color: #FFF;
	font-weight: 500;
	border-radius: 0 10px 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
}

.works-archive > ul > li > a .thumbnail .media-management{
	background-color:#80cfff;
}

.works-archive > ul > li > a .thumbnail .event{
	background-color:#ffc043;
}

.works-archive > ul > li > a .thumbnail .advertisement{
	background-color:#73dd7f;
}

.works-archive > ul > li > a .container .company-name{
	font-size:1.4rem;
	color:#c6a885;
	font-weight:500;
	line-height: 1.5;
}


.works-archive > ul > li > a .container .company-name{
	font-size:1.4rem;
	color:#c6a885;
	font-weight:500;
	line-height: 1.5;
	margin-bottom: 5px;
}

.works-archive > ul > li > a .container{
	padding:2rem 2.5rem 3rem;
}

.works-archive > ul > li > a .container .date{
	font-size:1.4rem;
	color:#c6a885;
	font-weight:500;
	line-height: 1.5;
}

.works-archive > ul > li > a .container h2{
	font-size:1.8rem;
	font-weight:500;
	padding-bottom: 15px;
	margin-bottom: 20px;
	position: relative;
	letter-spacing: .05em;
	line-height: 1.6;
}

.works-archive > ul > li > a .container h2::after{
	background-image: url(img/sp/line-dot-brown-1.svg);
}

.works-archive > ul > li > a .container .industry{
	background-color:#ff7b7b;
	color:#FFF;
	display: inline-block;
	width: 70px;
	text-align: center;
	border-radius: 50px;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.works-archive > ul > li > a .container .place{
	color:#fc951a;
	font-size:1.4rem;
	line-height: 1.5;
}

.works-archive > ul > li > a .container .order{
	color:#fc951a;
	font-size:1.4rem;
	line-height: 1.5;
}

.works-archive > ul > li > a .a-btn{
	width:36px;
	height:36px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* 404Error
--------------------------------*/
.error404{
	background-color: #fff6ea;
	padding:5rem 0 8rem;
}

.error404 .home-title{
	margin-bottom:4rem;
	text-align:center;
}

.error404 .error404-container{
	background-color:#FFF;
	padding: 5rem 2rem;
	border-radius: 35px;
}

.error404 .home-title h2{
	margin-top: 1rem;
}

.error404 .home-title p{
	margin-top: 1rem;
}

.error404 .home-btn{
	margin:4rem auto 0;
}