@charset "utf-8";
/* CSS Document */


a { text-decoration: none;}
a:hover { text-decoration: none;}
a:link { color: none; }　/*リンクの色*/
a:visited { color: none; }　/*訪問済みリンクの色*/
a:hover { color: none; }　/*マウスオン時のリンクの色*/
a:active { color: none; }　/*クリックしている時のリンクの色*/


/* パソコンで見た時はclass名pc-onlyだけ表示 */
.pc-only{
    display: block;
}
.sp-only{
    display: none;
}

/* スマホで見た時はclass名sp-onlyだけ表示 */
@media screen and (max-width: 980px){
    .pc-only{
        display: none;
    }
    .sp-only{
        display: block;
    } 
} 


.wrap {
	overflow: hidden;
}

.c{
	text-align: center;
}

.r{
	text-align: right;
}


.b{
	font-weight: 600;
}

.bb{
	font-weight: 700;
}

.s {
	font-size: 0.8em;
}

.ss {
	font-size: 0.6em;
}

.sss {
	font-size: 0.4em;
}

.s2 {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 10px 0;
}

.b1 {
	font-size: 1.2em;
}

.b2 {
	font-size: 1.4em;
}

.b3 {
	font-size: 1.6em;
}

.b4 {
	font-size: 1.8em;
}

.b5 {
	font-size: 2em;
}

.b6 {
	font-size: 3em;
}

.margin10 {
	margin: 10px 0;
}

.margin20 {
	margin: 20px 0;
}

.margin30 {
	margin: 30px 0;
}

img.p10 {
	padding: 10px;
}

img.p20 {
	padding: 20px;
}

img.p30 {
	padding: 30px;
}

.cp_hr11 {
	height: 3px;
	border-width: 0;
	background-color: #ffccbc;
	background-image: -webkit-linear-gradient(135deg,
	#8f4600 0px,#8f4600 2px, transparent 2px, transparent 4px,
	#8f4600 4px, #8f4600 6px, transparent 6px, transparent);
	background-image:         linear-gradient(-45deg,
	#8f4600 0px,#8f4600 2px, transparent 2px, transparent 4px,
	#8f4600 4px, #8f4600 6px, transparent 6px, transparent);
	background-size: 6px 6px;
}

html {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-feature-settings: "palt";
	font-size: 16px;
	background-color: #ff6615;
	background-image: url("img/bg008.png");
	background-repeat: repeat;
}

header {
	width: 100%;
	margin: 0px;
	border-bottom-left-radius: 50% 20%;
	border-bottom-right-radius: 50% 20%;
}


body {
	font-weight: 500;
	color: #475d5b;
	-webkit-text-size-adjust: 100%;
}


h1 {
	width: 960px;
	font-size: 0.8em;
	font-weight: bold;
    transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
	color: #f9f4ef;
	margin: auto;
	padding: 10px auto !important;
}

h2 {
	font-size: 3em;
	margin: 20px 0;
	color: #f25393;
	text-align: center;
	line-height: 1.6em;
    transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

h2 strong {
	font-weight: 900;
	background: linear-gradient(transparent 80%, #dbeff6 80%);
}

h3 {
	background: #cc5500;
	box-shadow: 0px 0px 0px 5px #cc5500;
	border: dashed 3px #fff7ed;
	padding: 0.2em 0.5em;
	font-size: 2em;
	font-weight: 800;
	color: #fff7ed;
	text-align: center;
	width: 600px;
}

h3.yellow {
	background: #ffed00;
	margin: 20px 0 0 0;
	box-shadow: 0px 0px 0px 5px #ffed00;
	border: dashed 3px #000000;
	padding: 0.2em 0.5em;
	font-size: 2em;
	font-weight: 800;
	color: #000000;
	text-align: center;
	width: 600px;
}

h3.orange {
	background: #ffa500;
	margin: 20px 0 0 0;
	box-shadow: 0px 0px 0px 5px #ffa500;
	border: dashed 3px #fff;
	padding: 0.2em 0.5em;
	font-size: 2em;
	font-weight: 800;
	color: #fff;
	text-align: center;
	width: 600px;
}

h3.white {
	background: #fff;
	margin: 40px 0 0 0;
	box-shadow: 0px 0px 0px 5px #fff;
	border: dashed 3px #917f68;
	padding: 0.2em 0.5em;
	font-size: 2em;
	font-weight: 800;
	color: #917f68;
	text-align: center;
	width: 600px;
}

h3.none {
	text-align: center;
}

h6 {
	font-size: 1.2em;
	font-weight: bolder;
	padding: 0.3em 0;
    transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}


/* ヘッダークラス */

#top {
	padding: 10px 0px;
}

#title {
	width: 100%;
	background-color: #FFF9E2;
}


#title .cont {
	width: 960px;
	margin: auto;
	padding: 10px;
}

#title .cont img {
	margin: 0 10px;
}

/*　メニュー */

#menu{
	width: 960px;
	color: #8f4600;
    transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
	margin: auto;
}

#menu table {
	margin: 0px;
}

#menu td {
	text-align: center;
	width: 160px;
	margin: 0px;
	padding: 10px;
}

#menu td a {
	color: #8f4600;
	transition: all .4s;
}

#menu td a:hover {
	color: #cc6400;
}


/*　固定ヘッダー */


.header-change{
    background: #ff6615;
	z-index: 9999;
    padding: 20px 0 0 0;
    position: fixed;
    top: -115px;
    transition: 1s;
    width: 100%;
	margin: auto;
}


.header-change .gnav{
	width: 960px;
	margin: auto;
}

.header-change.show{
    top: 0px;
}

.header-change .gnav__menu {
	text-align: center;
}

.header-change .gnav__menu__item a{
    color: #fff;
    text-decoration: none;
}

table.gnav {
	margin: auto !important;
	width: 960px !important;
}

td.hc {
	text-align: center;
	width: 160px;
	margin: 0px;
	padding: 10px;
}

td.hc a {
	color: #8f4600;
	transition: all .4s;
}

td.hc a:hover {
	color: #cc6400;
}


/* スライダー */

#slider {
	margin: 0px;
	padding: 0px;
}

.swiper-container {
	width: 960px;
	height: 398px;
	margin: 20px 0px;
	padding: 0px;
	border-radius: 15px;
}

.swiper-slide {
	width: 100%;
}


/* スライダー02 */


.slider2 {
	width: 250px;
	height: 250px;
	margin: 10px;
	padding: 0px;
	border-radius: 15px;
}

.swiper-slide2 {
	width: 250px;
}



/* メインコンテンツ */


/* ABOUT */

#about {
	background-image: url("img/bg001.jpg");
	background-size: cover;
	background-position: top center;
	width: 100%;
	margin: auto;
	padding: 30px 0 0 0;
}


#about .content {
	background-image: url("img/hr_dog01.png");
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 100px 0;
}

#about .catch {
	background-image: url("img/about.png");
	background-repeat:no-repeat;
	background-position: top left;
	margin: -30px 0 0 0;
}

#about .space {
	height: 20px;
}

#about .icon {
    background: #ff6615;
	text-align: center;
	color: #fff7ed;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;*/
	margin: 30px auto;
	padding: 15px;
}

#about .status1 {
	text-align: center;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#about .status2 {
	text-align: center;
	margin: 20px 0 0 0;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#about .font{
	padding: 0;
	text-align: center;
}

#about table {
	width: 900px;
	margin: auto;
}

#about .img01 {
	width: 30%;
	margin: auto 20px;
}

#about .text01 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 10px 20px;
	color: #463931;
	font-size: 1.2em;
	border: solid 5px #463931;
	box-sizing: border-box;
	border-radius: 15px;
	line-height: 1.6em;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}


#about .text01:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #463931;
  z-index: 2;
}



#about .text01:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #463931;
  z-index: 1;
}


#about .text01 b.about {
	font-size: 1.2em;
	letter-spacing: 0.08em;
}


/* サービス */

#service {
	width: 100%;
	background-image: url("img/bg006.jpg");
	background-size: contain;
	background-position: top center;
	margin: 0;
}

#service .catch {
	background-image: url("img/service.png");
	background-repeat:no-repeat;
	background-position: top left;
	margin: 0;
}

#service .content {
	background-image: url("img/hr_dog02.png");
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
}

#service .content_bottom {
	background-image: url("img/hr_cat.png");
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0;
	padding: 0 0 40px 0;
}

.space {
	height: 40px;
}

.space10 {
	height: 10px;
}

.space60 {
	height: 60px;
}

#service .content2 {
	width: 960px;
	margin: auto;
	padding: auto;
}

.line {
	text-align: center;
	margin: 30px;
}

.line p{
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

h4 {
	height: 90px;
	position: relative;
	margin: 50px 0 0 0;
	color: #463931;
	font-weight: 700;
	font-size: 2.3em; 
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

h4 strong {
	font-weight: 800;
	letter-spacing: 5px;
	background: linear-gradient(transparent 70%, #ffed00 70%);
}

h5 {
	margin: 20px 0;
	font-size: 1.8em;
	text-align: center;
	color: #463931;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

h5 strong.blue {
	font-weight: 700;
	background: linear-gradient(transparent 70%, #36d1d1 70%);
}

h5 strong.orange {
	font-weight: 700;
	background: linear-gradient(transparent 70%, #ff9d14 70%);
}

.wide1 {
	width: 80%;
}

.wide2 {
	width: 70%;
}

.wide80 {
	width: 80%;
}

.wide45 {
	width: 45%;
}

#service table {
	width: 880px ;
	margin: 20px 0 0 25px;
}

table.cont01 {
	margin: 60px 0;
}

#service .under p{
	background: linear-gradient(transparent 70%, #f25393 70%);
	border-width:5px;
}

#service .bg {
	width: 930px;
	margin: auto;
	padding: 0 0 30px 0;
	background:rgba(255,247,237,0.7);
	border-radius: 0px 10px 10px 10px;
}

#service .bg2 {
	font-size: 20px;
	text-align: center;
	width: 930px;
	height: auto;
	margin: 30px 0 80px 0;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#service .waku {
	padding: 0.5em 0.5em;
    margin: 10px;
    border: dashed 5px #cc5500;
	border-radius: 0px 8px 8px 8px;
	outline-offset: dashed -10px #cc5500;
}

#service .waku p {
    margin: 0; 
    padding: 0;
}

#service td.img3 {
    width: 30%;
    padding: 20px;
}

#service .img2 {
    width: 25%; 
	padding: 0 0 0 10px;
}


#service td.txt {
	font-size: 1.2em;
    width: auto; 
    padding: 20px;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}


#service .txt2 {
	padding: 20px 0 0 30px;
	font-size: 1.4em;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#service .txt2_sp {
	padding: 30px 0 15px 30px;
	font-size: 2em;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#service .txt3 {
    width: auto; 
	font-size: 1.2em;
	font-weight: 700;
	padding: 0 0 0 10px;
	text-align: center;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#service .txt4 {
	padding: 20px 0;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#service .waku2 {
	padding: 0.5em 0.5em;
    margin: 2em 0;
}


/* 価格表 */


.price {
	background-color: #FFF;
    transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

.price tr {
	height: 100px;
	border-bottom: 1px;
	border-bottom-color: #463931;
}

.price th,.price td {
	text-align: center;
	width: 20%;
	padding: 15px 0;
}

.pr01 {
	background-color: #f4810e;
	color: #fff;
	border-bottom:1px #fff solid;
}

.pr02 {
	background-color: #FFF9E2;
	border-bottom:1px #463931 solid;
}

.pr03 {
	background-color: #FFF;
	border-bottom:1px #463931 solid;
}

.pr04 {
	background-color: #f4810e;
	color: #fff;
}

.pr05 {
	background-color: #FFF;
}

.pr06 {
	background-color: #333C5E;
	color: #fff;
	border-bottom:1px #FFF solid;
}

.pr07 {
	background-color: #333C5E;
	color: #fff;
}

#service .tax {
	width: 880px;
	text-align: right;
    transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#service .pink {
	background: #f25393;
	font-size: 2em;
	font-weight: 800;
	color: #fff;
	text-align: center;
	margin: auto;
	width: 80%;
}

/* ご利用の流れ */

#reserv {
	width: 100%;
	background-image: url("img/bg007.png");
	background-repeat: repeat;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#reserv .content2 {
	width: 960px;
	margin: auto;
	padding: 0;
}

#reserv .space {
	height: 40px;
}

#reserv .space60 {
	height: 60px;
}

#reserv .bg {
	width: 800px;
	margin: auto;
	padding: 50px 30px 30px 30px;
	background:#FFF9E2;
	border-radius: 20px;
}

.tc {
	margin: -50px 0 50px -40px
}

#reserv .txt2 {
	font-size: 25px;
	font-weight: 800;
	padding: 30px 0px 5px 20px;
}

#reserv td.txt5 {
	font-size: 1.3em;
	padding: 20px 10px 10px 20px;
}

#reserv table {
	width: 800px;
	margin: auto;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#reserv td.img3 {
	width: 30%;
	padding: 15px 15px;
}

.bigimg {
	width: 250px;
	height: 250px;
}


strong.yellow {
	font-weight: 800;
	font-size: 2.2em;
	margin: 0 0 50px 0;
	color: #000000;
	background: linear-gradient(transparent 0%, #ffed00 0%);
}

.arrow {
	padding: 0 0 30px 0;
}

/* エリア */

#area {
	width: 100%;
	background-image: url("img/bg007.png");
	background-repeat: repeat;
	background-color: #fff;
	margin: -20px 0 0 0;
	padding: 0;
}

#area .bg {
	width: 800px;
	margin: auto;
	padding: 50px 30px 30px 30px;
	background: #f5f5f5;
	border-radius: 20px;
}

#area .content {
	width: 960px;
	margin: auto;
}

#area .txt1 {
	margin: 0;
	text-align: left;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

.map {
	background-image: url("img/map.png");
	width: 600px;
	height: 600px;
	margin: 20px 0 0 0;
	text-align: left;
	font-size: 1.3em;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

.map p {
	margin: 0 0 0 0;
}

strong.orange2 {
	font-weight: 800;
	font-size: 2.2em;
	margin: 0 0 50px 0;
	color: #fff;
	background: linear-gradient(transparent 0%, #ffa500 0%);
}

/* Q&A */

#qa {
	width: 100%;
	background-image: url("img/bg008.jpg");
	background-size: cover;
	background-position: top center;
	margin: auto;
	padding: 0;
}

#qa .content {
	width: 880px;
	margin: auto;
}

#qa table.qatable {
	text-align: left;
	font-size: 1.6em;
	width: 800px;
	border-collapse: separate;
	border-spacing: 5px 0px;
	margin: auto;
	padding: 40px 0;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#qa tr.q {
	color: #d7000f; 
}

#qa td.ico {
	width: 5%;
	font-size: 1.2em;
	margin: 0 0 0 0;
	vertical-align: top;
}

#qa td p.imp {
	margin: 5px 10px 0 10px;
}

#qa th {
	height: 30px;	
}

#qa p.ico {
	margin: 90px 0 0 455px;
	color: #d7000f; 
}



/* 注意事項 */

#partner {
	width: 100%;
	background-image: url("img/bg009.jpg");
	background-size: contain;
	background-position: top center;
	margin: auto;
	padding: 0;
}

#partner .content {
	width: 960px;
	height: 1300px;
	background-image: url("img/att_bg3.png");
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
	padding: 50px 0 40px 0;
}

#partner .waku {
	width: 800px;
	margin: auto;
	text-align: center;
	font-size: 1.5em;
	padding: 50px 0 40px 0;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#partner ul {
	margin: 20px 0;
}

#partner .recruit {
	margin: 40px 0;
	font-size: 1.5em;
	background-color: #f25393;
	color: #fff;
}

#partner .job {
	width: 50%;
	margin: auto;
	font-weight: bolder;
	padding: 10px; /* 余白 */
	background-color: #fff; /* 背景色 */
	border-left: 2px dotted rgba(0,0,0,0.1); /* 左の切れ端 */
	border-right: 2px dotted rgba(0,0,0,0.1); /* 右の切れ端 */
	box-shadow: 0 0 5px rgba(0,0,0,0.2); /* 影 */
}

#partner .job2 {
	width: 70%;
	margin: auto;
	font-weight: 700;
	background-color: #fcf0f1; /* 背景色 */
	padding: 10px; /* 余白 */
	position: relative;
}

#partner .job2:after {
	background: repeating-linear-gradient(-45deg, #f0b8bf, #f0b8bf 5px, #fcf0f1 0, #fcf0f1 10px); /* ストライプ */
	content: '';
	height: 5px; /* ストライプの高さ */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

#partner ul {
	margin: auto;
	padding: 20px 0px;
}


#important table.imptable {
	text-align: left;
	font-size: 1.6em;
	width: 800px;
	border-collapse: separate;
	border-spacing: 0px 15px;
	margin: 40px auto;
	color: #d7000f; 
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#important td.ico {
	width: 5%;
	font-size: 1.2em;
	margin: 0 0 0 0;
	vertical-align: top;
}

#important td p.imp {
	margin: 5px 10px 0 10px;
}

#important p.ico {
	margin: 90px 0 0 455px;
	color: #d7000f; 
}

/* フォーム */


#contact {
	width: 100%;
	background-image: url("img/bg006.jpg");
	background-size: contain;
	background-position: top center;
	margin: 0;
}

#contact .content {
	width: 980px;
	text-align: center;
	margin: auto;
	padding: 20px 0 40px 0;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

#contact iframe {
	width: 860px;
	height: 1300px;
	margin: 20px 0;
	border-radius: 20px;
}

#contact a.btn-border {
	width: 60%;
	display: inline-block;
	color: #fff;
	border: 5px solid #fff;
	border-radius: 10px;
	background: #1dcd00;
	padding: 5px;
	margin: 10px 0 10px 0;
}

#contact a.btn-border:hover {
	color: #1dcd00;
	background: #fff;
}

/* フッター */

#footer {
	width: auto;
	background-color: #8f4600;
}


#footer a {
	color: #fff7ed;
	transition: all .3s;
}

#footer a:hover {
	color: #ffbe80;
}


#footer .content2 {
	color: #fff7ed;
	width: 960px;
	margin: auto;
	transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */
}

.shape1 {
	margin: 0;
}

.f_navi {
    width: 960px;
    font-size: 20px;
    text-align: center;
	padding: 10px;
}

.f_navi_sp {
    width: 960px;
    font-size: 2em;
    text-align: center;
	padding: 10px;
}

.copy {
    text-align: center;
	font-size: 1.2em;
}