@charset "UTF-8";

/* --------------------------------------------------
    COMMON
-------------------------------------------------- */
html { overflow-x: hidden; }
body, p { 
	line-height: 1.8rem !important; }
.border { border-width: 2px !important; }
.bg-lightblue {	background: #f0f6da; 
width: 100vw;}
.bg-lemon {	background: #FDF5E6; 
width: 100vw;}

.logo { width: 37%; }

/* 半円背景各種
-------------------------------------------------- */
/* 半月（背景白） */
/*.half-white:after { background-color: #fff; }
/* 半月（背景薄青） */
.half-lightblue:after { background: #EAF2F4; }
/* 半月（背景緑） */
.half-info:after { background: #9cbb1c; }
/* 共通 */
/*.half {
    width: 120%;
    height: 150px;
    border-top-left-radius: 50% 120px;
    border-top-right-radius: 50% 120px;
    position: absolute;
    top: 0;
    left: -10%;   
}
.half:after {
	content: ' ';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;    
}*/

/* 見出し青丸
-------------------------------------------------- */
.text-orange {
	color: #E07000;
	}
.dot {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}
.dot:before, .dot:after {
	font-family: "Font Awesome 5 Free";/*忘れずに*/
	content: "\f111";/*アイコンのユニコード*/
	font-size: 1.2rem;/*サイズ*/
	color: #9cbb1c;
	padding: 0 10px;
	vertical-align: middle;
}
.dot1 {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}
.dot1:before, .dot1:after {
	font-family: "Font Awesome 5 Free";/*忘れずに*/
	content: "\f111";/*アイコンのユニコード*/
	font-size: 1.2rem;/*サイズ*/
	color: #FFD700;
	padding: 0 10px;
	vertical-align: middle;
}
/* --------------------------------------------------
    header

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

header .jumbotron-fluid {
	width: 100%;
	height: 650px;
	background-image: url(../img/image-top.jpg);
	background-size: cover;
		background-position:center;
}

/*    グローバルナビ
-------------------------------------------------- */
.breadcrumb {
	background: transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: '>';
	color: #fff;
}
/* --------------------------------------------------
    トップページ
-------------------------------------------------- */
.balloon {
	width: 160px;
	height: 130px;
	top: -20px;
	z-index: 10;
	left: -20px;
	font-size: 15px;
}
.balloon-s {
	width: 110px;
	height: 110px;
	top: -20px;
	z-index: 10;
	left: -20px;
	font-size: 14px;
}
.balloon:before, .balloon-s:before {
	content: "";
	position: absolute;
	bottom: -5px;
	right: -5px;
	margin-top: -15px;
	border: 10px solid transparent;
	border-left: 30px solid #007744;
	z-index: 0;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

table tr:last-child {
	border-bottom: 1px solid #DEEBD3;
}
table tr:nth-child(even) {
	background-color: #F9F9F9;
}
table tr:nth-child(odd) {
	background-color: #F2F2F2;
}
/* --------------------------------------------------
    サンプルページ
-------------------------------------------------- */
.season {
	width: 70px;
	height: 70px;
	left: 10px;
	padding: 0.34em;
}
.season div {
	display: block;
	width: 100%;
	height: 100%;
	border: 2.4px dotted #fff;
}
.title {
	border-bottom: 2px solid #007744;
}
.stripe {
	background: repeating-linear-gradient(90deg, #fff 0, #fff 40%, #17a2b8 40%, #17a2b8 60%, #fff 60%, #fff 70%);
}
#page .jumbotron {
    background-image: url(../img/kigyou_3640040_l.jpg);
    background-size: cover;
    border-radius: initial;
	
}

.bg-fooer {
	background-color: #007744;
}
.bg-fooer1 {
	background-color: #CD853F;
}

.badge-orange {
	background-color: #ffd700;
	
}
.badge-pink {
	background-color: #FFBB99;
	
}
.badge-purple {
	background-color: #a398c9;
	
}
.badge-blue {
	background-color: #99DDFF;
	
}
.badge-green {
	background-color: #AADDAA;
	
}
.stitch {
  padding: 1rem !important;
  margin: 1em 0 !important;
  color: #565656;
  background-color: #E5F5C4;
  border-radius: 0px;
}
.stitch1 {
  padding: 1rem !important;
  margin: 1em 0 !important;
  color: #565656;
  background-color: #FFFACD;
  border-radius: 0px;
}
.stitch img{
  width:auto;
  height:auto;
}



.carousel-item .img-fluid {
  width:100%;
  height:auto;
}

.carousel-item{
  height: auto;
}

.carousel-item a {
  display: block;
  width:100%;
}

.carousel-item .show-image {
  display: block;
  width:100%;
}






.img_wrap {
	
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
	
}

/* --------------------------------------------------
    追加ボタン
-------------------------------------------------- */
.btnx-pink{
    background: var(--bs-pink); border: 2px solid var(--bs-pink); 
}


/* --------------------------------------------------
    ショート動画の縦横比が 9:16 になるように指定
-------------------------------------------------- */
.youtube iframe {
  position: relative;
  aspect-ratio:9 /16; /
	padding: 1em;
}

.youtube .video {
  height: 100%;
  margin: 0 auto;
  overflow: visible;
  padding-bottom: 0;
  width: 300px;   /* ビデオ横幅 */
	padding: 1em;
}