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


/*======================
トップページ用イントロcss
======================*/
#index body {
  font-family: sans-serif;
  overflow: hidden; /* イントロ中はスクロール禁止 */
}

/* イントロ全体ラッパー */
.intro-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #f8f8f8; /* 背景色 */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  flex-direction: column;
}

/* SVGアニメーション */
.svg-wrapper {
  position: absolute; /* 中央に重ねる */
}

.svg-wrapper svg {
  width: 80vw;
  height: auto;
}

.svgpath {
  fill: transparent; /* 塗りつぶしを透明にして線だけ表示 */
  stroke: #6b8e23;	 /* 線の色 */
  stroke-dasharray: 3000; /* 破線パターン。線を「2500px分の点線」に分割 */
  stroke-dashoffset: 3000;/* 破線の開始位置をずらす（全部隠れる状態） */
  stroke-width: 1;/* 線の太さ */
  animation: stroke 3s ease-in-out forwards;
}

@keyframes stroke {
  0%   { stroke-dashoffset: 3000; fill: transparent; }/*線が全部オフセットされて見えない。塗りは透明。*/
  80%  { stroke-dashoffset: 0;    fill: transparent; }
  100% { stroke-dashoffset: 0;    fill: #6b8e23; }/*線だけ描かれたあと、最後に中が塗りつぶされる。*/
}


/* SVGフェードアウト */
.svg-wrapper {
  animation: fadeOut 1s ease forwards;
  animation-delay: 3s; /* SVGアニメ終了後 */
}

@keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; visibility: hidden; }
}

/* 外部SVG画像フェードイン */
.fade-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  opacity: 0;
  width: 70vw;
  height: auto;
  animation: fadeInZoomPause 4s linear forwards;
  animation-delay: 3s; /* SVG終了後 */
}
@media screen and (min-width:768px){
	.svg-wrapper svg {
		width: 50vw;
	}
	.fade-image {
		width: 30vw;
	}
}

@keyframes fadeInZoomPause {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6);
  }
  40% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2); /* 拡大完了 */
  }
  60% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2); /* ここで静止 */
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2); /* 静止継続 */
  }
}

	/* 本文 */
.mainContent {
  opacity: 0;
  transition: opacity 1s ease;
}

.mainContent.show {
  opacity: 1;
}

/*======================
トップページ用css
======================*/
/* インデックスのみナビ指定 */
#index header{
    background-color: transparent;
}
#index main{
    margin-top: 0;
}
#index header.active {
    background-color: #6b8e23; /* 色を付ける */
    transition: background 0.3s ease;/* ゆっくり出る */
}

/* ヒーローイメージ */
#index .hero{
    width: 100%;
    height: auto;
    background-image: url("../images/mosaic_main_sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;/* 100% auto 横幅100%、縦は比率維持 */
    background-position: top center;
	clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);
    z-index: -5;
}
#index h1 img{
    display: block;
    width: 50%;
    padding-top: 150px;
    margin: 0 auto;
}
.hero p{
    font-size: 20px;
    font-family: "Kosugi Maru", sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,1),0 0 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.7),0 0 6px rgba(0,0,0,0.5);
    padding-bottom: 100px;
}

.here,.plan,.access{
	margin-top: 60px;
}

@media screen and (min-width:768px) and (orientation: landscape){
    #index .hero{
        height: 95vh;
        background-image: url("../images/mosaic_main.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center; /* 横・縦の中央に配置 */
		clip-path: polygon(0 0, 100% 0%, 100% 90%, 50% 100%, 0 90%);
    }
    #index h1 img{
        width: 25%;
    }
    .hero p{
        padding-top: 20px;
        font-size: 24px;
    }
	
	.here,.plan,.access{
		margin-top: 100px;
	}
}


/* みんなのカルチャースペース */
.aboutArea,.plan{
    padding-top: 60px;
    text-align: center;
    padding-bottom: 60px;
}
.aboutArea img{
    width: 350px;
    max-width: 90%;
    height: auto;
    padding: 30px 0;
}
.aboutArea p{
    line-height: 2;
}
.sarviceicon{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto;
 }
.sarviceicon figure {
  margin: 0;/* デフォルトマージン削除 */
  padding: 0 0 20px 0;
}
.sarviceicon figure img{
    width: 110px;
    display: block;      /* imgの下の余白をなくす */
    margin: 0;
    padding: 0;
}
.sarviceicon figcaption{
	text-align: center;
    font-size: 12px;
    font-family: "Kosugi Maru", sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #6b8e23;
}

@media screen and (min-width:768px) and (orientation: landscape){
    .sarviceicon{
        margin: 60px auto;
    }
    .sarviceicon figure img{
        width: 150px;
    }
}


/* 学びも楽しみも、ここから */
.hereArea{
    background: url("../images/hereArea_bg.jpg") center center no-repeat;
	background-size: auto 100%;
	padding:30px 0;
}
.hereAreatext p{
	padding-top: 30px;
}
.lessonCard{
	width: 90%;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    margin: -10px auto;
}
.lessonCard li img{
	display: block;
	width: 185px;
	margin: 0 -10px;
    padding: 0;
}
@media screen and (min-width:768px) and (orientation: landscape){
	.hereArea{
		background-size: 100% auto;
		padding: 60px 0;
	}
	.lessonCard li img{
		width: 230px;
		margin: 0 -10px;
	}
}



/* ご利用プラン */
.planPrice{
	display: flex;
	flex-wrap: wrap-reverse;
    justify-content: center;
    margin: 30px auto;
}
.planPrice li img{
	display: block;
	width: 160px;
	padding-right: 10px;
}
.planPrice li img:nth-child(2n){
	padding-right: 0;
}

@media screen and (min-width:768px) and (orientation: landscape){
	.planPrice{
		flex-wrap: nowrap;
	}
	.planPrice li:first-child{
		order: 1;
	}
	.planPrice li:nth-child(2){
		order: 2;
	}
}

/* 動くイメージエリア */
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-50%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 60s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 2.5);
}
.scroll-infinity__item>img {
  width: 100%;
}
.scroll-infinity{
	margin-bottom: 60px;
}
@media screen and (min-width:768px) and (orientation: landscape){
	.scroll-infinity__item {
	  width: calc(100vw / 5);
	}
	.scroll-infinity{
		margin-bottom: 100px;
	}
}


/* アクセス */
.access iframe{
	width:100%;
}


/* 最新情報 */
.newsArea{
	background-color: #a0c84e;
	padding: 30px 0;
}
.newsArea table{
	color: #fff;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	border-top: 1px dotted #fff;
}
.newsArea table tr{
	border-bottom: 1px dotted #fff;
	width: 100%; 
	display: block;       /* tr をブロック化 */
    margin: 15px 0;   /* 行間を空ける */
}
.newsArea table th,.newsArea table td{
	display: block;
    width: 100%;
    text-align: center;   /* 中央寄せ */
    padding: 3px 0;
}
.newsArea table td{
	padding-bottom: 15px;
}
.newsArea h3{
	color: #fff;
	font-size: 16px;
}
.newsArea img{
	width: 70px;
}
.newsArea p{
	color: #fff;
}

@media screen and (min-width:768px) and (orientation: landscape){
	.newsArea table{
		width: 640px;
		max-width: 65%;
		text-align: left;  /* 横並び時は左寄せ */
	  }
	  .newsArea table tr{
		display: table-row;   /* trを元に戻す */
	  }
	  .newsArea table th,
	  .newsArea table td{
		display: table-cell;  /* th/tdを元に戻す */
		padding: 20px 0;
		text-align: left;
	  }
	.newsArea table th{
		width: 210px;
		padding-left: 50px;
	}
	.newsArea table td{
		width: auto;
	}
	 .newsArea table td{
		padding-bottom: 0;
	  }
	.newsArea img{
		width: 50px;
	}
}


/* トップページフッター上 */
.footerUp{
	background-color: #f9f9f7;
	text-align: center;
	padding: 60px 0;
}
.footerUp img{
	width: 300px;
	height: auto;
	padding-bottom: 50px;
}
.footerUp p{
	color: #6b8e23;
}
.footerUp p img{
	width: 70px;
	padding-bottom: 0;
}
@media screen and (min-width:768px) and (orientation: landscape){
	.footerUp p img{
		width: 50px;
	}
}



/*======================
施設紹介ページ用css
======================*/
#facillity .titleArea{
    background: url("../images/facility_head_bg.jpg") center center no-repeat;
	background-size: 100% auto;
}

/* 施設概要 */
#facillityDate,
#useImage,
#planPrice,
.lessonArea,
.eventScheArea,
.flowArea,
.formArea,
.conpanyProf,.another{
	padding: 60px 0;
}

#facillityDate img.floor{
	width: 90%;
}
#facillityDate .items{
	display: flex;
	flex-wrap: wrap;
	gap: 10px; /* すき間調整 */
	justify-content: center;
}
#facillityDate .items figure{
	flex:1 1 calc(50% - 10px); /* 2列（gapぶん引く） */
	min-width: 140px; /* これ以下には縮ませない */
	box-sizing: border-box;
	text-align: center;
}
#facillityDate .items figure img{
	width: 100%;   /* figureに対して100% */
	height: auto;
}
#facillityDate .items figure figcaption{
	font-size: 14px;
}

#facillityDate h3.tochu{
	padding-top: 30px;
}

/* 活用イメージ */
#useImage .slide {
  position: relative;
  width: 100%;
  padding-top: 75%;
  overflow: hidden;
  background-color: #c6c6c6;
	margin: 0 auto;
}
 
@keyframes slideshow {
  0% {
    opacity: 0;
  }
 
  10% {
    opacity: 1;
  }
 
  28% {
    opacity: 1
  }
 
  38% {
    opacity: 0;
  }
 
  100% {
    opacity: 0;
  }
}
 
#useImage .slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation: slideshow 40s linear infinite;
}
 
#useImage .slide img:nth-child(2) {
  animation-delay: 5s;
}
 
#useImage .slide img:nth-child(3) {
  animation-delay: 10s;
}

#useImage .slide img:nth-child(4) {
  animation-delay: 15s;
}

#useImage .slide img:nth-child(5) {
  animation-delay: 20s;
}

#useImage .slide img:nth-child(6) {
  animation-delay: 25s;
}

#useImage .slide img:nth-child(7) {
	animation-delay: 30s;
}

#useImage .useImageSize{
	margin: 0 auto;
	padding-top: 30px;
	}

@media screen and (min-width:768px){
	#facillity .titleArea{
		background-size: 100% auto;
	}
	
	/* 施設概要 */
	#facillityDate,
	#useImage,
	#planPrice,
	.lessonArea,
	.eventScheArea,
	.flowArea,
	.formArea,
	.conpanyProf,.another{
		padding: 100px 0;
	}
	#facillityDate img.floor{
		width: 700px;
		max-width: 85%;
	}
	#facillityDate .items{
		max-width: 1000px;
		margin: 0 auto;
	}
	#facillityDate .items figure {
		flex: 0 0 23%; /* 100% ÷ 4 - 余白 */
	  }
	#facillityDate h3.tochu{
		padding-top: 60px;
	}
	
	/* 活用イメージ */
	#useImage .useImageSize{
		max-width: 700px;
	}
}


/* ご利用料金 */
#planPrice .table{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px; /* すき間調整 */
	justify-content: center;
    font-family: "Kosugi Maru", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
}

#planPrice .table table{
	width: 100%;
}
#planPrice .table th,
#planPrice .table td{
	padding: 10px;
	text-align: left;
	vertical-align: middle;
}
#planPrice .table th,
#planPrice .table tr.hosoku td{
	font-weight: 400;
}
#planPrice .table th.title,
#planPrice .table td{
	font-weight: bold;
	font-size: 20px;
}
#planPrice .table tr.hosokuOya th,
#planPrice .table tr.hosokuOya td{
	padding-bottom: 0;
}
#planPrice .table tr.hosoku td{
	padding-top: 0;
	font-size: 12px;
}

/*メインホール装飾*/
#planPrice .table table.mainHallo{
	border: 1px solid #e1ad01;
	background: #fff;
}
#planPrice .table table.mainHallo th.title{
	background: #e1ad01;
	color: #fff;
}
#planPrice .table table.mainHallo tr.color{
	background: #fcf7e4;
}

/*レッスンルーム装飾*/
#planPrice .table table.lessonRoom{
	border: 1px solid #a0c84e;
	background: #fff;
}
#planPrice .table table.lessonRoom th.title{
	background: #a0c84e;
	color: #fff;
}
#planPrice .table table.lessonRoom tr.color{
	background: #f6fde7;
}

@media screen and (min-width:768px){
	#planPrice .table table{
		max-width: 450px;	
	}	
}


/*======================
イベントページ用css
======================*/
#event .titleArea{
    background: url("../images/event_head_bg.jpg") center center no-repeat;
	background-size: 100% auto;
}

/*レギュラーレッスン*/
.lessonList{
	display: flex;
	flex-wrap: wrap;
	gap: 20px; /* ←ここでカード間のスキマを設定（お好みで10〜30px） */
}
#event .lessonCard{
	background-color: #fff;
	padding: 15px;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	box-shadow: 5px 5px 10px rgba(255,215,0,0.3);
}
#event .lessonCard img{
	width: 100%;
  aspect-ratio: 1 / 1; /* ←縦横比を固定 */
  object-fit: cover;    /* ←枠に合わせてトリミング */
  border-radius: 10px;
}
#event .lessonCard .cardText{
	width: 100%;
}
#event .lessonCard h4{
	font-size: 26px;
    font-family: "Kosugi Maru", sans-serif;
	font-weight: bold;
	font-style: normal;
    color: #6b8e23;
    margin: 10px 0;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left
}
#event .lessonCard h4 span{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	text-align: center;
	background-color:#a0c84e;
	color: #fff;
	margin-right: 5px;
}
.lessonTime{
	font-size: 16px;
    font-family: "Kosugi Maru", sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1.5;
	margin-bottom: 10px;
}
#event .lessonCard .cardText p{
	text-align: left
}
p.btncomment{
	padding-bottom: 20px;
}

@media screen and (min-width:768px){
	#event .titleArea{
		background-size: 100% auto;
	}
	.lessonList{
		max-width: 1000px;
		padding-top: 30px;
		margin: 0 auto;
	}
	#event .lessonCard{
		width: calc(50% - 10px); /* gapが20pxなら、半分−10pxでぴったり2枚並び */
		display: flex;
		align-items: flex-start; /* ←画像とテキストの上をそろえる */
	}
	#event .lessonCard img{
		width: 45%;
		aspect-ratio: 1 / 1;
		object-fit: contain;
		object-position: left top; /* 左上固定 */
		border-radius: 10px;
		background-color: #fff;
		margin-right: 15px;
	}
	#event .lessonCard .cardText{
		width: 50%;
		margin-top: -10px;
	}
	#event .lessonCard h4{
		font-size: 22px;
		padding-top: 0;
		vertical-align: bottom;
	}
	#event .lessonCard h4 span{
		width: 35px;
		height: 35px;
	}
	#event .lessonCard .cardText p{
		font-size: 14px;
	}
	p.btncomment{
		padding: 30px 0;
	}
}


/*イベントスケジュール*/
.eventScheArea .ankerBtn{
	padding-top: 0;
}
.eventSchelist{
	padding-bottom: 60px;
	border-top:  4px dotted #6b8e23;
}
.eventScheCard{
	width:100%;
	padding: 30px 0;
	border-bottom: 4px dotted #6b8e23;
}

.eventScheCard img{
	max-width: 100%;
	border-radius: 10px;
} 
.eventScheCard .scheText ul.category li{
	display: inline-block;
	font-size: 14px;
    font-family: "Kosugi Maru", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 5px 10px 0;
}
.eventScheCard .scheText ul.category li.category1{
	background: #785555;
}
.eventScheCard .scheText ul.category li.category2{
	background: #6b8e23;
}
.eventScheCard .scheText ul.category li.category3{
	background: #e1ad01;
}

.eventScheCard h3{
	display: block;
	color: #6b8e23;
	font-size: 30px;
	margin: 0;
	margin-bottom: 10px;
}
.eventScheCard time{
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	margin-bottom: 10px;
}
.eventScheCard p{
	text-align: left;
	margin-bottom: 10px;
}

#event .ankerBtn a.active {
  background-color: #534741;
  color: #fff;
  pointer-events: none;
}
.noResultMsg {
  text-align: center;
  padding: 40px 0;
  color: #666;
  font-size: 1.1em;
}

@media screen and (min-width:768px){
	.eventScheArea .ankerBtn{
		padding-top: 30px;;
	}
	.eventSchelist{
		max-width: 1000px;
		margin: 0 auto;
	}
	.eventScheCard .scheText ul.category,
	.eventScheCard h3,
	.eventScheCard time{
		text-align: left;
	}
	.eventScheCard img a{
		max-width:48%;
	}
	.eventScheCard .scheText{
		max-width:48%;
		margin: 0 auto;
	}
	.eventScheCard{
		display: flex;
		gap: 20px; /* ←ここでカード間のスキマを設定（お好みで10〜30px） */
		align-items: flex-start; /* ←画像とテキストの上をそろえる */
		justify-content: center;
	}
	.eventSchelist{
	padding-bottom: 100px;
}
}

/*======================
フォームページ用css
======================*/

#reservation .titleArea{
    background: url("../images/reservation_head_bg.jpg") center center no-repeat;
	background-size: 100% auto;
}

/*流れ*/
.flowArea ul{
	margin-top: 60px;
}
.flowArea ul.floeList li{
	position: relative;   /* ::after/spanを絶対配置する基準 */
	width: 70%;
	margin: 30px auto;
	padding: 15px;
	background: #fff;
	border: 1px solid #e1ad01;
	border-radius: 10px;
	margin-bottom: 60px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
}
.flowArea ul.floeList li img{
	margin-top: -35px;
	margin-bottom: 5px;
}
.flowArea ul.floeList li span.flow{
	display: block;
	font-size: 18px;
    font-family: "Kosugi Maru", sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #6b8e23;
	padding-bottom: 5px;
}
.floeList li .arrow {
  position: absolute;   /* li を基準に絶対配置 */
  bottom: -40px;        /* 枠線の外に */
  left: 50%;            /* 横中央 */
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  background-image: url('../images/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.flowArea h3{
	margin-bottom: -30px;
}
.summaryTerms{
	width:90%;
	margin: 0 auto 30px auto;
}
.summaryTerms li{
	text-align: left;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
	text-indent: -1em;
	margin-bottom: 10px;
}
.summaryTerms li::before{
	content: "●";
	color: #6b8e23;
}
.summaryTerms li span{
	font-weight: bold;
}
.flowArea .hosoku{
	margin-bottom: 20px;
}
.flowArea .btnB{
	margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .floeList {
	 max-width: 1000px;
	  margin: 0 auto;
    display: flex;
	  gap: 45px;
    justify-content: center;
  }
  .floeList li {
    width: 22%;/* 横4列 */
    margin: 0;
  }
  .floeList li .arrow {
    bottom: auto;
    top: 45%;
    left: auto;
    right: -30px;/* 枠線の外に右向き矢印 */
    transform:rotate(30deg);
    background-image: url('../images/arrow.svg'); /* 横向き矢印に差し替え */
  }
	.summaryTerms{
		max-width: 700px;
	}
}

/*フォーム部分*/
.formArea{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.formArea ul {
    width: 90%;         /* フォーム全体の幅 */
    max-width: 700px;   /* PCで広がりすぎない */
    margin: 30px auto;     /* 中央寄せ */
    padding: 0;
    list-style: none;
}

.formArea li {
    margin-bottom: 30px;
}

/* input, select, textarea */
.formArea input[type="text"],
.formArea input[type="email"],
.formArea input[type="tel"],
.formArea textarea {
    width: 100%;          /* li 内でいっぱいに広げる */
    max-width: 800px;     /* 好きな幅に制限 */
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #6b8e23;
    margin: 5px auto 0 auto; /* 中央寄せ */
    display: block;
}
.formArea select{
	width: 100%;
    padding: 10px;
    margin: 5px auto 0 auto;
    border: 1px solid #6b8e23;
    border-radius: 10px;
    background-color: #fff;
    /* ブラウザデフォルトの矢印を維持 */
    appearance: auto;        /* Chrome, Safari */
    -moz-appearance: auto;   /* Firefox */
    -webkit-appearance: menulist-button; /* Safari */
}
.formArea input[type="checkbox"]{
	margin-right: 5px;
}
.formArea select:focus,
.formArea input[type="text"]:focus,
.formArea input[type="email"]:focus,
.formArea input[type="tel"]:focus,
.formArea textarea:focus{
	border: 3px solid #6b8e23;
}

.formArea p a{
	text-decoration: underline;
	color:  #6b8e23;
}
input[type="submit"]{
	width: 90%;
	margin:30px auto 0 auto;
	font-size: 20px;
	color: #fff;
}

@media screen and (min-width: 769px) {
	.flowArea .btnB,
	input[type="submit"]{
		width: 300px;
	}
}


/*======================
運営会社ページ用css
======================*/
#company .titleArea{
    background: #fff;
}
#company .titleArea h1{
	color: #6b8e23;
	text-shadow: none;
}
#company .ankerBtn{
	padding-bottom: 0;
}
/*会社概要*/
table.profTable{
	text-align: left;
	width:100%;
	margin: 0 auto;
}
.conpanyProf .profTable th,
.conpanyProf .profTable td{
	display: block; /* 各セル縦並び用ブロック */
    width: 100%;
	padding: 0 10px;
}
.conpanyProf .profTable th{
	padding-top: 10px;
}
.conpanyProf .profTable td{
	padding-bottom: 10px;
}
@media screen and (min-width: 769px){
	table.profTable{
		max-width: 450px;
	}
	
	.conpanyProf .profTable th,
	.conpanyProf .profTable td{
		display: table-cell; /* 横並び */
        padding: 10px;
		
		width: auto;
	}
}

/*企業理念*/
.concept h3{
	font-size: 16px;
	line-height: 2;
}
@media screen and (min-width: 769px){
	.concept h3{
		font-size: 24px;
	}
	
}


/*取り組み*/
.another p{
	margin-bottom: 30px;
}
.another img{
	width:100%;
	margin: 0 auto 30px auto;
}
/* 擬似アイコン追加 */
.another .btnB a::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 6px; /* 文字との間隔 */
  vertical-align: middle; /* 文字と高さを揃える */
  background: url("../images/ohige_insta_icon.svg") no-repeat center/contain;
}
@media screen and (min-width: 769px){
	.another img{
		max-width: 800px;
	}
	.another .btnB{
		width: 300px;
		margin: 0 auto;
	}
}

/*======================
プラポリ・利用規約用css
======================*/
.h2set{
	padding: 30px 0;
	margin-bottom: 30px;
}
.articleSet{
	width: 100%;
	padding-bottom: 60px;
	margin: 0 auto;
}

.articleSet h3,
.articleSet p,
.articleSet li{
	text-align: left;
}
.articleSet h3{
	margin-top: 0;
	margin-bottom: 10px;
}
.articleSet p{
	text-indent: 1em;
	color: #000;
}
.lastSet p{
	text-indent: 0;
}
.content .articleSet h3+p{
		margin-bottom: 0;
}
.articleSet ol,
.articleSet ul{
	margin-top: 10px;
	margin-left: 2em;
}
.articleSet ol{
	list-style: decimal;
}
.articleSet li{
	padding: 5px 0;
}
.content p.btnA:last-child{
	 padding-bottom: 60px;
}

@media screen and (min-width: 769px){
	.articleSet{
		max-width: 800px;
	}
}