@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

body {
	width: 100% !important;
	color: #333;
	line-height: 1.8;
	overflow: hidden;
	font-size: clamp(1.5rem,1.6vw,1.6rem);
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "Noto Sans JP", serif!important;
	font-weight: 500;
	letter-spacing: 0.05em;
	background: #FFFFFF;
}

img {
    border: none;
    vertical-align: bottom;
    line-height: 1;
    -ms-interpolation-mode: bicubic;
    width: auto;
    max-width: 100%;
    height: auto;
}

p,
h1,
h2,
h3,
h4,
h5,
span{
	font-weight: 500;
	font-size: clamp(1.5rem,1.6vw,1.6rem);
	line-height: 1.8;
}

a {
	text-decoration: none;	
}

a:link {
	color: #333;
}

a:visited {
	color: #333;
}

a:active {
	color: #333;
}

    .gnav__menu__item a, .gnav__menu__item p {
        color: #fff;
	}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	width: 100%;
	margin: 80px auto 0;
	height: 80vw;
	position: relative;
	max-height: 744px;
	min-height: 500px;
}

.bg_yt{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	display: flex;
	align-items: baseline;
	z-index: -1;
	overflow: hidden;
}

.bg_yt video{
	width: 100%;
	height: 100%;
	object-fit:cover;
}

/* 
.bg_yt iframe{
	width: 100%;
	height: 141%;
	object-fit:cover;
	pointer-events:none;
	object-position: bottom;
} */

.bg_yt iframe{
    box-sizing: border-box;
    height: 57.25vw !important;
    left: 50% !important;
    min-height: 101%;
    min-width: 100%;
    position: absolute;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: 177.777778vh !important;
    border: none !important;	
}

.cov-div{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cov_div1{
	background:#FFFFFFcc;
	padding: 4.547%;
	border-radius: 10px;
}

.cov_div1 .img{
	margin:0 auto 32px;
	max-width:728px;
	width:100%;
}

.cov_div1 .top{
	display:flex;
	align-items: center;
}

.cov_div1 .top .left{
	display:flex;
	justify-content:space-between;
	flex-shrink:0;
	align-items:center;
	margin-right: 24px;
	margin-bottom: 5px;
}

.cov_div1 .top .left p{
	line-height: 1.458333;
}

.cov_div1 .top .left img{
	margin-right:8px;
}

.cov_div1 .top .right{
width: 100%;
max-width: 410px;
border-top: 4px dotted #CCCCCC;
height: 1px;
}

.mv_list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.mv_list li{
	background:#fff;
	border-radius:50px;
	border:2px solid #02017D;
	color:#02017D;
	font-weight:700;
	font-size: clamp(1.6rem,1.6vw,1.8rem);
	margin-right: 2%;
	padding: 0 12px;
	line-height: 1;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
}

/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

#main {
	width: 100%;
	margin: 0px auto 0;
}





.mainTit{
	line-height: 1;
	font-weight:700;
	font-size: clamp(2.4rem,2.4vw,3rem);
}

.ttl_sou1{
	position:relative;
	text-align:center;
	max-width:max-content;
	margin:0 auto;
	padding:0 98px;
	height: 70px;
	display: flex;
	align-items: center;
}

.ttl_sou1:before,
.ttl_sou1:after{
	position:absolute;
	content:"";
	width: 82px;
	height:70px;
	top:0;
	bottom:0;
	margin:auto;
}

.ttl_sou1:before{
	background: url(../img2/common/title_sou1_l.svg)no-repeat;
	background-size:contain;
	left:0;
}
.ttl_sou1:after{
	background:url(../img2/common/title_sou1_r.svg)no-repeat;
	background-size:contain;
	right:0;
}

.ttl_sou2{
	position:relative;
	text-align:center;
	max-width:max-content;
	margin:0 auto;
	padding:0 98px;
	height: 70px;
	display: flex;
	align-items: center;
}

.ttl_sou2:before,
.ttl_sou2:after{
	position:absolute;
	content:"";
	width: 27%;
	height:70px;
	max-width:82px;
	top:0;
	bottom:0;
	margin:auto;
}

.ttl_sou2:before{
	background:url(../img2/common/title_sou2_l.svg)no-repeat;
	background-size:contain;
	left:0;
}
.ttl_sou2:after{
	background:url(../img2/common/title_sou2_r.svg)no-repeat;
	background-size:contain;
	right:0;
}

.mainTit2{
	line-height: 1.4375;
	font-weight: 700;
	font-size: clamp(3rem,3vw,4.8rem);
	padding: 82px 0 9px;
	position: relative;
	text-align:center;
}

.mainTit2 .en_tit{
	color:#F6F5F1;
	line-height: 160px;
	font-weight: 400;
	font-size: clamp(6rem,10vw,16rem);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}

.subTit{
	font-size: 2.4rem;
	line-height:1.2;
	font-weight:700;
	font-size: clamp(2rem,4vw,2.4rem);
}

.ma1920{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
}

.content01{
	padding:80px 0 60px;
}

.content01 .bnr1{
	max-width:592px;
	width:100%;
	margin:48px auto 0;
}



.content02 .ma1920{
    padding: 60px 0 192px;
}

.content02 .img1{
	position:absolute;
	left: 2.102%;
	max-width:400px;
	width: 22%;
	bottom: 16.5%;
	z-index: -1;
}

.content02 .img2{
	position:absolute;
	right: 2.102%;
	max-width:480px;
	width: 26%;
	bottom: 16.5%;
	z-index: -1;
}

.content02 .ft32{
	margin:12px auto 40px;
}

.content02 .text{
	line-height:2;
	font-size: clamp(1.6rem,1.6vw,1.8rem);
}

.cont02_div1{
	text-align:center;
}

.content03{
	background:#FCE774;
}

.content03 .ma1920{
	padding: 80px 0 120px;
	z-index: 1;
}

.content03 .ab_img1{
	position:absolute;
	right:0;
	z-index: -1;
	width: 20%;
	top: 2%;
	max-width: 262.38px;
}

.content03 .ab_img2{
	position:absolute;
	left:0;
	bottom: 1.4%;
	z-index: -1;
}

.nami_top{
	width:100%;
	height:26px;
	background:url(../img2/common/nami_top.png)bottom center;
	background-size: inherit;
	margin-bottom: 26px;
}

.nami_bot{
	width:100%;
	height:26px;
	background:url(../img2/common/nami_bot.png)top center;
	background-size: inherit;
	margin-top: 26px;
}

.ttl_text1{
	margin:24px auto 0;
	font-weight:700;
	font-size: clamp(1.48rem,1.6vw,1.8rem);
	line-height:1.6;
	text-align: center;
}

.co3_list1{
	display:flex;
	margin-top:80px;
	flex-wrap: wrap;
}

.co3_list1 li{
	position:relative;
	height:112px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	border-radius:10px;
	width: 22.116%;
	margin-right: 3.8453333%;
	text-align: center;
}

.co3_list1 li:nth-child(4n+4){
	margin-right:0;
}


.co3_list1 li p{
	font-size: clamp(1.6rem,1.6vw,1.8rem);
	font-weight:700;
}

.co3_list1 li .img{
	position:absolute;
	top:-40px;
}

.co3_list1 li:hover{
	opacity:0.7;
}

.co3_list1 li:before{
	position:absolute;
	content:"";
	width:36px;
	height:36px;
	background:url(../img2/common/arrow_red1.svg)no-repeat;
	background-size:contain;
	bottom:-20px;
	left:0;
	right:0;
	margin:auto;
}

.co3_div{
	padding:120px 0 0;
}

.co3_div1{
	padding-bottom: 40px;
	border-bottom: 4px dotted #02017D;
	margin-bottom: 40px;
}

.co3_div1 .title{
	display:flex;
	align-items:center;
	margin-bottom: 16px;
}

.co3_div1 .title span{
	margin-right:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.6rem;
	font-weight:400;
	height:32px;
	line-height:1;
	padding: 0 16px;
	border-radius: 50px;
}

.co3_list2{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.co3_list2 li{
	width:48%;
	background:#fff;
	margin-bottom: 40px;
	position: relative;
}

.co3_list2 li:nth-child(1),
.co3_list2 li:nth-child(2){
	margin-top: 0px;
}

.acc_area .title{
	padding: 3.208%;
	display: flex;
	align-items: center;
	height: 72px;
}

.acc_area .title img{
	margin-right:17px;
}

.acc_cont1{
	padding: 6.412% 6.412% 96px;
}

.co3_div2{
	margin:24px auto 0;
	background:#F6F5F1;
	padding: 5.518%;
}

.co3_div2 .title2{
	display:flex;
	align-items:center;
	line-height:1.6;
}

.co3_div2 .title2 img{
	margin-right:16px;
}

.co3_div2 .text2{
	margin-top:8px;
	font-size:1.4rem;
	line-height:1.8;
}

.co3_div2 .text2 span{
	margin-top:8px;
	display:block;
	font-size: 1.4rem;
}

.btn1{
	display:flex;
	align-items:center;
	justify-content: flex-start;
	font-weight: 700;
}

.co3_list2 .btn1{
	position:absolute;
	bottom:32px;
	left:0;
	right:0;
	margin:0 auto;
	justify-content: center;
}


.btn1 img{
	margin-left:16px;
}

.fuki_btn_area1{
}

.fukidashi {
	margin:auto;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fukidashi span{
	position:relative;
	font-weight:700;
	font-size: clamp(1.6rem,2vw,2.4rem);
	padding:0 32px;
	max-width: max-content;
	width: 100%;
	display: flex;
}

.co3_div4 .fukidashi span{
	font-size: clamp(1.6rem,1.6vw,1.8rem);
	padding:0 32px;
}

.fukidashi span:before,
.fukidashi span:after{
	position:absolute;
	content:"";
	width:2px;
	height:40px;
	background:#333333;
	bottom:0;
}

.fukidashi span:before{
	transform:rotateZ(-30deg);
	left:0;
}

.fukidashi span:after{
	transform:rotateZ(30deg);
	right:0;
}

.co3_div4 .fukidashi span:before,
.co3_div4 .fukidashi span:after{
	height:30px;
}

.btn2{
	display:flex;
	align-items:center;
	justify-content:center;
	max-width:616px;
	width:100%;
	margin:0px auto 0;
	position:relative;
	height:110px;
	background:#A7AE2C;
	color:#fff!important;
	border-radius:10px;
	border:2px solid #868D19;
}

.btn2:before{
	position:absolute;
	content:"";
	width:100%;
	height:42%;
	background:#fff;
	opacity:0.22;
	box-shadow:0 0 32px #FFFFFF;
	top:0;
	left:0;
}

.btn2:after{
	position:absolute;
	content:"";
	width:47px;
	height:47px;
	background:url(../img2/common/arrow_wh1.svg)no-repeat;
	right:20px;
	background-size:contain;
}

.btn2 .text{
	text-align:center;
	font-weight:700;
	font-size: clamp(3rem,2.4vw,4rem);
	text-shadow:0 0 13px #000000c2;
	line-height:1.45;
}

.btn2 .text span{
	display:block;
	line-height:1.4444;
	font-size: clamp(1.6rem,1.6vw,1.8rem);
	font-weight: 700;
}

.btn2 img{
	position:absolute;
	right: 91%;
	max-width: 127px;
	width: 22%;
}


.content03 .btn2{
	margin:16px auto 0;
}

.co3_div3{
	display:flex;
	justify-content:space-between;
}


.co3_div3 .img{
	max-width:496px;
	width:49%;
}

.co3_div3 .text_area{
	max-width:496px;
	width:49%;
}


.co3_div3 .text_area .title{
	display:flex;
	align-items:center;
	line-height:1.458333;
	margin-bottom:16px;
}

.co3_div3 .text_area .title img{
	margin-right:16px;
}

.co3_div3 .btn3{
	margin:40px 0 0;
}

.btn3{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	height:56px;
	max-width:280px;
	font-size:1.6rem;
	font-weight:700;
	width: 100%;
}
.btn3:hover {
    background-color: #A7AE2C;
}

.co3_div4{
	margin-top:60px;
	padding: 7.693%;
	background: #FFFFFF;
}

.co3_div4 .flex{
	margin-bottom:64px;
}

.co3_div4 .flex .img{
	max-width:368px;
	width: 42%;
}

.co3_div4 .flex .text_area{
	max-width:468px;
	width: 55%;
}

.co3_div4 .flex .text_area .title{
	text-align:center;
	margin:8.4px auto 32px;
}

.co3_div4 .flex .text_area .text1.red{
	margin-bottom:16px;
}

.co3_div5{
	display:flex;
	background:#F6F5F1;
}


.co3_div5 .img{
	max-width:368px;
	width: 42%;
}

.co3_div5 .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.co3_div5 .text_area{
	max-width:416px;
	width: 48%;
	margin: 5.456%;
}


.co3_div5 .text_area .title{
	display:flex;
	align-items:center;
}

.co3_div5 .text_area .title img{
	margin-right:8px;
}

.co3_div5 .text_area .text1{
	margin-top:14px;
	line-height:1.6;
}

.co3_div5 .text_area .text2{
	margin:16px 0 27px;
	font-size:1.4rem;
}

.content04{
	padding:80px 0;
}

.co4_div{
	margin:40px auto 0;
}

.co4_div:last-child{
	margin:80px auto 0;
}

.co4_div .title{
	display:flex;
	align-items:center;
	padding-bottom:17px;
	border-bottom:4px dotted #CCCCCC;
}

.co4_div .title img{
	margin-right:8px;
}

.co4_list{
	display:flex;
	flex-wrap:wrap;
}

.co4_list li{
	width: 30.7699%;
	margin-right: 3.84515%;
	margin-top:40px;
}

.co4_list li:nth-child(3n+3){
	margin-right: 0%;
}

.co4_list li a{
	display:flex;
	align-items:center;
	justify-content:center;
	height:72px;
	border:2px solid #02017D;
	border-radius:10px;
	font-size:1.8rem;
	line-height:1.6;
	position:relative;
	font-weight: 700;
}

.co4_list li a:before {
    content: '';
    width: 8px;
    height: 8px;
    border-top: solid 1px #02017D;
    border-right: solid 1px #02017D;
    position: absolute;
    right: 14px;
	transform: rotate(45deg);
	top:0;
	bottom:0;
	margin:auto;
}

.content05 {
	background:#F6F5F1;
}

.content05 .nami_top{
	margin-bottom:106px
}

.content05 .nami_bot{
	margin-top:106px
}

.slider_area{
	margin:64px auto 54px;
	width:100%;
}

.content05 .fuki_btn_area1{
	text-align:center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content05 .fukidashi span{
	font-size:1.6rem;
	line-height:1.8;
	font-weight:700;
}

.content05 .fukidashi span:before,
.content05 .fukidashi span:after {
    height: 53px;
    background: #EA4E19;
}

.content05 .fuki_btn_area1 .btn3{
	margin:16px auto 0;
}

.sld{
	max-width:288px;
	width:98%;
	margin:0 auto;
}


.sld .img{
	position:relative;
	margin-bottom: 16px;
}

.sld .img p{
	position:absolute;
	left:16px;
	top:16px;
	padding: 0px 16px;
	border-radius:18px;
	font-size:1.4rem;
	line-height:2.057;
	font-weight:700;
}

.sld .text1{
	padding: 0px 16px;
	border-radius:18px;
	font-size:1.4rem;
	line-height:2.057;
	background:#fff;
	border:1px solid #02017D;
	max-width:max-content;
	width:100%;
}

.sld .name{
	margin-top:8px;
	
}

.sld .kana{
	margin-top:8px;
	font-size:1.4rem;
	line-height:2.057;
}

.bnr_area{
	margin:130px auto 60px;
}

.bnr_area .bnr1{
	max-width:750px;
	margin:0 auto;
	width: 48%;
	display: flex;
}

.content06{
	padding:60px 0;
}

.content06 .tab-wrap{
	margin:48px auto 0;
}


.content06 .tab-label {
	color: #333333;
	background-color: #fff;
	padding: 0;
	filter: none;
	margin-bottom: 40px;
	border: 4px solid #333333;
	border-radius: 10px;
	max-width: 416px;
	width: 48%;
	height: 74px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight:700;
	font-size: clamp(1.8rem,2vw,2.4rem);
	letter-spacing: 0.05em;
}
.content06 .tab-label:before {
	top: 94%;
	transform: none;
	border: none;
	border-top:none;
	width: 19px;
	height: 16px;
	background:url(../img2/top/co62.svg)no-repeat;
	background-size:contain;
}
.content06 .tab-label:hover {
	color: #999;
}
.content06 .tab-label:last-of-type {
	margin-right: 0;
}
.content06 .tab-content {
	padding: 7.693%;
	margin-bottom: 50px;
	box-shadow: 0 0 10px #00000029;
	border-radius: 10px;
}
.content06 .tab-switch:checked+.tab-label {
	background-color: #333333;
}
.content06 .tab-switch:checked+.tab-label:before {
  border-top: none;
  background: url(../img2/top/co61.svg)no-repeat;
  background-size:contain;
}


.content06 .tab-content ul {
	padding: 0;
}


.content06 .tab-content ul li {
	padding: 32px 0 36px;
	border-bottom: 4px dotted #CCCCCC;
	position: relative;
}

.content06 .tab-content ul li:first-child{
	padding-top:0;
}

.content06 .tab-content ul li:before{
	position:absolute;
	content:"";
	width:36px;
	height:36px;
	background:url(../img2/common/arrow_blu3.svg)no-repeat;
	background-size:contain;
	right:0;
	top:46px;
}

.content06 .tab-content ul li:last-of-type {
	padding-bottom: 0;
	border: none;
}

.content06 .tab-content ul li .date {
	width: auto;
	font-size: 1.4rem;
	color: #02017D;
	margin-right: 16px;
}
.content06 .tab-content ul li .left {
	width: 100%;
}
.content06 .tab-content ul li .right {
	width: 93%;
	padding-left: 0;
	margin-top: 16px;
}
.content06 .tab-content ul li .left .category {
}
.content06 .tab-content ul li .left .category a {
	display: flex;
	width: 100%;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1;
	padding: 0 16px;
	border-radius: 20px;
	justify-content: center;
	align-items: center;
	height: 28px;
	max-width: max-content;
}
.content06 .tab-content ul li .left .c_information {
	background-color: #02017D;
}
.content06 .tab-content ul li .left .c_blog {
	background-color: #A7AE2C;
}
.content06 .tab-content ul li .left .category:hover {
	opacity: .7;
	transition: .3s;
}
.content06 .tab-content ul li .right p{
	padding-left: 0;
}
.content06 .tab-content ul li .right p a{
	padding-left: 0;
	font-size: 1.6rem;
	font-weight: 700;
}

.content06 .btn3{
	margin:0 auto;
}

.content07{
	padding: 60px 0 120px;
}

.co07_list{
	display:flex;
	justify-content:space-between;
}

.co07_list li{
	max-width:496px;
	width:49%;
	margin-top:40px;
	background:#F6F5F1;
	transition:.4s;
}

.co07_list li:hover{
	opacity:0.7;
}

.co07_list li .text_area{
	padding: 4.84%;
}

.co07_list li .text_area .cont{
	display:flex;
	align-items:center;
	flex-wrap: wrap;
	margin-top: 16px;
}

.co07_list li .text_area .cont .date{
	font-size:1.4rem;
	line-height:2.057;
	border:1px solid #02017D;
	padding: 1px 16px;
	border-radius: 23px;
	margin-right: 16px;
}

.co07_list li .text_area .cont .text{
font-weight: 700;
}

.co3_aest{
	background:#fff;
	margin-top:16px;
	padding: 16px;
}

.co3_aest p{
	font-size:1.6rem;
}

.contents .main_ttl .circle .inner .m_logo{
	max-width:393px;
	margin:0 auto;
}

/* petsitter  */

.mainArea{
	background-image: url(../img2/petsitter/h2_bg.jpg);
}

.ym .ym_span{
	display:block;
	font-size:2.2rem;
	font-weight:500;
}

.subBox > .linkArea{
	background: #f9f8f4;
}

.pet_text1{
	line-height: 2;
	margin-bottom: 56px;
}

.petsiter_list1{
	display:flex;
	justify-content:space-between;
}

.petsiter_list1 li{
	width:32%;
	max-width:320px;
	text-align:center;
}

.petsiter_list1 li .img{
	margin-bottom:16px;
}

.kindergartenBox .item01.petsitter01 .inner{
	background: none;
	/* padding: 56px 5% 120px; */
}

.kindergartenBox .item06.petsitter03 .inner .left {
    width: 50%;
    padding: 0;
    max-width: 458px;
}

.kindergartenBox .item06.petsitter03 .inner .right{
	max-width: 262px;
	width: 48%;
}

.kindergartenBox .item07.petsitter04 .inner{
	display:block;
}

.petsiter_list2{
	max-width: 1040px;
	width: 100%;
	margin: auto;
	margin-bottom: 24px;
}

.petsiter_list2 li{
	display:flex;
}

.petsiter_list2 li .lefts{
	width:50%;
	background: #D3DEEB;
	display: flex;
	align-items: center;
	padding: 2%;
	border: 1px solid #fff;
}

.petsiter_list2 li .rights{
	width:50%;
	background: #EEEEEE;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 2%;
}

.petsiter_list2 li .lefts .text1{
	margin-right:16px;
}

.petsiter_list2 li .lefts .text2{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:20px;
	border:1px solid;
	padding:0 16px;
	height:28px;
}

.petsiter_list2 li .rights span{
	margin-left:10px;
}

.petsitter04 .text{
	font-size:1.4rem;
	line-height:2;
	max-width: 1040px;
	width: 100%;
	margin: auto;
}

.kindergartenBox .item.petsitter05  .inner{
	padding: 140px 2% 120px;
}

.petsitter05 .flex{
	max-width:1040px;
	margin:0 auto;
	width:100%;
}

.petsitter05 .text_area{
	max-width:496px;
	width: 50%;
}

.petsitter05 .img_area{
	max-width:445px;
	width: 48%;
}

.petsitter05_div .title_area{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:2%;
	border-radius:10px;
}

.petsitter05_div .title_area.bgyel{
	background:#F4D461;
}

.petsitter05_div .title_area.bggre{
	background:#6DB88B;
}

.petsitter05_div .title_area.bgbro{
	background:#DDE0BB;
}


.petsitter05_div .title_area .left{
	display:flex;
	align-items:center;
	font-size: clamp(1.6rem,1.6vw,1.8rem);
	font-weight:700;
}


.petsitter05_div .title_area .left span{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	width:37px;
	height:37px;
	background:#fff;
	font-weight:700;
	margin-left:8px;
}


.petsitter05_div .title_area .right{
	font-size: clamp(1.8rem,2vw,2.4rem);
	font-weight: 700;
}


.petsitter05_div .title_area .right span{
	margin-left:8px;
	font-size:1.4rem;
}

.petsiter_list3{
	margin-bottom:40px;
}

.petsiter_list3 li{
	margin-top:24px;
}

.petsiter_list3 li .title{
	font-size: clamp(1.6rem,1.6vw,1.8rem);
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:4px dotted #CCCCCC;
	font-weight:700;
}

.petsiter_list3 li .text{
	line-height:1.8;
}

.petsitter05 .img_area .img{
	box-shadow:0 0 10px #00000029;
	margin-bottom:16px;
}

.petsitter05 .img_area .text{
	font-size:1.4rem;
	font-weight:500;
}

.petsitter05 .btn2{
	margin-top:40px;
}

.petsitter05 .btn2 img{
	max-width: 240px;
	width: 40%;
	right: 82%;
}

.h2Area .circle .inner .foot img{
	width: 85px;
}

/* article */

.artcover{
	background:#F6F5F1;
	margin: 80px auto;
	position: relative;
}


.artcover .inner3{
	height:208px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.artcover .pan{
	position:absolute;
	right: 24px;
	top: 24px;
	font-size: 1.4rem;
}

.art01{
	margin: 0 auto 141px;
}

.art01 .flex{
	
}

.art01 .flex .img{
	max-width:496px;
	width:49%;
}

.art01 .flex .text_area{
	max-width:472px;
	width:49%;
}

.art01_list1{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:24px;
}

.art01_list1 li{
	font-size:1.4rem;
	padding:4px 16px;
	line-height:20px;
	margin-right:8px;
	border-radius:14px;
	color:#fff;
	font-weight:500;
	margin-bottom:8px;
}

.list_blue{
	background:#7399D0;
}

.list_red{
	background:#E968A2;
}

.list_green{
	background:#70BE86;
}

.list_yellow{
	background:#FED32B;
}

.list_orange{
	background:#F5B16F;
}

.list_purple{
	background:#B18FC0;
}

.art01 .flex .text_area .title{
	margin-bottom:16px;
}

.art02{
	padding: 0 0 120px;
}

.art02 .mainTit {
    font-size: clamp(2.2rem, 2.4vw, 3rem);
}

.art02_div{
	padding: 5% 7.693%;
	box-shadow: 0 0 10px #00000029;
	border-radius: 10px;
	background:#fff;
	margin: 48px auto 56px;
}

.art02_list li {
	padding: 32px 0;
	border-bottom: 4px dotted #CCCCCC;
	position: relative;
	display:flex;
	flex-wrap:wrap;
}

.art02_list li:last-child{
	border-bottom:0;
	/* padding-bottom:0; */
}

.art02_list li:first-child{
	/* padding-top:0; */
}

.art02_list li:before{
	position:absolute;
	content:"";
	width:36px;
	height:36px;
	background:url(../img2/common/arrow_blu3.svg)no-repeat;
	background-size:contain;
	right:0;
	top:46px;
}

.art02_list li .date {
	width: auto;
	font-size: 1.4rem;
	color: #02017D;
	margin-right: 16px;
}
.art02_list li .left {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
}
.art02_list li .right {
	width: 93%;
	padding-left: 0;
	margin-top: 16px;
}
.art02_list li .left .category {
}
.art02_list li .left .category a {
	display: flex;
	width: 100%;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1;
	padding: 0 16px;
	border-radius: 20px;
	justify-content: center;
	align-items: center;
	height: 28px;
	max-width: max-content;
}
.art02_list li .left .c_information {
	background-color: #02017D;
	border-radius: 20px;
}
.art02_list li .left .category:hover {
	opacity: .7;
	transition: .3s;
}
.art02_list li .right p{
	padding-left: 0;
}
.art02_list li .right p a{
	padding-left: 0;
	font-size: 1.6rem;
	font-weight: 700;
}

.art02 .btn3{
	margin:0 auto;
}

.art03{
	background:#FCE774;
	position: relative;
}

.art03 .inner3{
	padding: 80px 0;
}

.art03 .co3_list1{
	margin-top:-30px;
}

.art03 .co3_list1 li{
	margin-top:112px;
	height: 152px;
}

.art03 .co3_list1 li:before{
	background: url(../img2/yao/next.svg) no-repeat;
	background-size: contain;
}

.art03 .co3_list1 li.gaibu:before{
	background: url(../img2/yao/gaibu.svg) no-repeat;
	background-size: contain;
}

.art03 .nami_bot{
	background: url(../img2/yao/nami.png) top center;
	background-size: inherit;
	height: 13px;
}

.art04{
	background:#F9F8F4;
}

.art04.staffBox .inner.inner3{
	padding: 104px 0 120px;
}

.art04 .ttl_text1{
	margin-bottom:40px;
}

.art04 .fukidashi{
	margin-bottom:30px;
}

.art04 .fukidashi span{
	font-size:1.6rem;
}

.art04 .fukidashi span:before,
.art04 .fukidashi span:after{
	background:#EA4E19;
	bottom: -10px;
}

.art04 .btn3{
	margin:0 auto;
}

.art05{
	padding:120px 0 60px;
}

.art05 .mainTit{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:48px;
}

.art05 .mainTit img{
	margin-right:24px;
	width:80px;
}

.art06{
	padding:60px 0 120px;
}

/*-- 固定ここまで --*/



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/



.content02 .img1{
	left: 1%;
	width: 16%;
	bottom: 5%;
}

.content02 .img2{
	right: 1%;
	width: 24%;
	bottom: 5%;
}

.co3_div4 {
    padding: 7.693% 3%;
}

.co4_list li a{
	font-size:1.6rem;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.ttl_sou2,
.ttl_sou1{
	padding:0 50px;
	height: 70px;
	display: flex;
	align-items: center;
	line-height: 1.6;
}
	
.ttl_sou2:before,
.ttl_sou2:after,
.ttl_sou1:before,
.ttl_sou1:after{
	width: 40px;
	height: 34px;
}

.ttl_sou2{
	padding:0 60px
}

.content01 .ttl_sou1{
	padding:0 40px;
}

.content02 .ma1920 {
    padding: 30px 0 60px;
}

.content02 .img1{
	width: 50%;
	margin: 32px 0 0;
	position: initial;
}

.content02 .img2{
	width: 63%;
	margin: 0px 0 0 auto;
	position: initial;
}


.co3_list1{
	flex-wrap:wrap;
	margin:0;
	justify-content: space-between;
}

.co3_list1 li{
	width:48%;
	margin-top:80px;
	margin-right: 0;
}

.co3_div {
    padding: 80px 0 0;
}

.fukidashi span {
    padding: 0 16px;
}

.fukidashi span:before, .fukidashi span:after {
    height: 30px;
}


.co3_list2 li{
	width:100%;
	margin-bottom: 32px;
}

.acc_area .title {
    padding: 0 16px;
    height: 59px;
	position:relative;
}

.acc_area .title:before,
.acc_area .title:after{
	position:absolute;
	content:"";
	width:16px;
	height:2px;
	background:#fff;
	right:16px;
	transition:.4s;
}

.acc_area .title:after{
	transform:rotateZ(90deg);
}


.acc_area .title.open:after{
	transform:rotateZ(0deg);
}

.acc_cont1 {
    padding:16px 16px 24px;
}

.co3_list2 .btn1 {
    position: initial;
	margin-top:24px;
}

.btn2:after {
    width: 32px;
    height: 32px;
    right: 10px;
}

.btn2 img {
    right: 84%;
}

.co3_div3{
	flex-direction:column;
}


.co3_div3 .img{
	max-width:496px;
	width:100%;
	margin:0px auto 0;
}

.co3_div3 .text_area{
	max-width:496px;
	width:100%;
	margin:24px auto 0;
}


.co3_div4 .flex{
	margin-bottom:32px;
	flex-direction:column;
}

.co3_div4 .flex .img{
	max-width:368px;
	width: 100%;
	margin:0 auto 0;
}

.co3_div4 .flex .text_area{
	max-width:initial;
	width: 100%;
	margin:0 auto 32px;
}

.co3_div5{
	flex-direction:column;
}


.co3_div5 .img{
	max-width:initial;
	width: 100%;
	height: 200px;
}

.co3_div5 .text_area {
    max-width: initial;
    width: 100%;
    margin:0;
	padding:16px;
}

.content03 .ma1920 {
    padding: 60px 0 60px;
}

.co4_list{
	justify-content:space-between;
}

.co4_list li {
    width: 48%;
    margin-right: 0%;
    margin-top: 24px;
}

.co4_div:last-child {
    margin: 40px auto 0;
}


.content05 .nami_top{
	margin-bottom:60px
}

.content05 .nami_bot{
	margin-top:60px
}

.sld {
    width: 95%;
}

.bnr_area {
    margin: 40px auto 20px;
}

.bnr_area .flex{
	flex-direction:column
}

	.bnr_area .flex .bnr1{
		width:100%;
		margin:20px auto 0;
	}

.co07_list li{
	max-width:496px;
	width:100%;
	margin:40px auto 0;
}



.content06 .tab-content {
    padding: 7.693% 16px;
}

.content06 .tab-content ul li:before {
    width: 28px;
    height: 28px;
    top: 32px;
}


.co3_div3 .btn3 {
    margin: 24px auto 0;
}


.co3_aest p {
    font-size: 1.4rem;
}

.petsiter_list1{
	flex-direction:column;	
}

.pet_text1 {
    margin-bottom: 0px;
}

.petsiter_list1 li{
	width:100%;
	margin:24px auto 0;
}

.kindergartenBox .item06.petsitter03 .inner .left {
    width: 100%;
    max-width: initial;
}

.kindergartenBox .item06.petsitter03 .inner .right{
	max-width: 262px;
	width: 100%;
}

.petsiter_list2 li{
	flex-direction:column;
}

.petsiter_list2 li .lefts{
	width:100%;
}

.petsiter_list2 li .rights{
	width:100%;
}

.petsitter05 .flex{
	flex-direction:column;
}
	
.petsitter05 .text_area{
	max-width:initial;
	width: 100%;
}

.petsitter05 .img_area{
	max-width:445px;
	width: 100%;
	margin:0 auto 40px;
}
	
.ym .ym_span {
    font-size: 4.3vw;
}


.kindergartenBox .item.petsitter05  .inner{
	padding: 60px 5vw 120px;
}

.art01 .flex {
	flex-direction:column;
}

.art01 .flex .img{
	width:100%;
	margin:0 auto 32px;
}

.art01 .flex .text_area{
	width:100%;
	max-width:initial;
}

.art01 {
    margin: 0 auto 60px;
}

.art02_div {
    padding: 7.693% 16px;
}

.art02{
	padding: 0 0 60px;
}

.art03 .inner3 {
    padding: 60px 0;
}

.art03 .co3_list1 li {
    margin-top: 85px;
    height: 132px;
}

.art04.staffBox .inner.inner3 {
    padding: 60px 0;
}

.art05 {
    padding: 60px 0 0px;
}

.art06 {
    padding: 60px 0;
}

.art05 .mainTit img {
    margin-right: 12px;
    width: 60px;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.co3_div1 .title{
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
}

.co3_div1 .title span{
	margin-right:0px;
	margin-bottom:8px;
}


.co4_list li {
    width: 100%;
	margin-top:16px;
}

.co07_list li .text_area .cont{
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
}

.co07_list li .text_area .cont .date{
	margin-bottom:8px;
}

.petsitter05 .btn2 img{
	width: 36%;
}

.petsitter05 .btn2 .text{
	font-size: clamp(2.3rem, 2.4vw, 4rem);
}

.petsitter05 .btn2{height: 85px;}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */