.highlight {
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}@charset "utf-8";
/* CSS Document */

/*ボックス https://yunico-fluffylife.com/entry/box-design */	

.box11p {
    background-color: #fff;
    padding: 1.5em 1em 1em 1em;
    position: relative;
    border: solid 2px #BC8F8F;
}

.box11p .box-title {
    background-color: #BC8F8F;
    font-size: 17px;
    font-weight: normal;
    color: #FFFFFF;
    padding: 7px 10px;
    line-height: 1;
    position: absolute;
    top: -12px;
    left: 15px;
}

.box11g {
    background-color: #fff;
    padding: 1.5em 1em 1em 1em;
    position: relative;
    border: solid 2px #696969;
}

.box11g .box11g-title {
    background-color: #696969;
    font-size: 17px;
    font-weight: normal;
    color: #FFFFFF;
    padding: 7px 10px;
    line-height: 1;
    position: absolute;
    top: -12px;
    left: 15px;
}



.box-k1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #323232;/*文字色*/
    background: #DFE8DB;
    border: solid 3px #4A8828;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box-k1 p {
    margin: 0; 
    padding: 0;
}

.box-k2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #323232;/*文字色*/
    background: #D5E2F3;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box-k2 p {
    margin: 0; 
    padding: 0;
}

.box-k3 {
	display:inline-block; 
	background:#fff; 
	padding:10px; 
	border:1px solid #F4B0BA;
}
.box-k3 p {
    margin: 0; 
    padding: 0;
}


/* アンダーライン */

.pic-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 600px;
    height: 338px;
    padding: 0 6rem;
    box-sizing: border-box;
    background-color: #fefefe;
}

.line2 {
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #a9a9a9  0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 50% 10%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 26px;
}

.line3 {	
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #861B1D  0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 30% 10%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 26px;
}

.line_link {
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #a9a9a9  0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 30% 10%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 26px;
}

	
	
/* 点線 青 */	
.cp_hr02 {
	border-width: 2px 0 0 0;
	border-style: dashed;
	border-color: #133563;
}



/* メニューボタン */		
.button04 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0.3em; /*　0 0.3em; */
  padding: 0.1em; /*　0.5em 1em; */
  width: 200px;
  color: #2285b1;
  font-size: 18px;
  font-weight: 700;
  border: 3px solid #A4ACB0;;
  border-radius: 5px; /*　角の丸み */
}

.button04 a::after {
  content: '';
  width: 5px;
  height: 5px;
  /*border-top: 3px solid #A4ACB0; /*　矢印上 */
  /*border-right: 3px solid #A4ACB0; /*　矢印下 */
  /*transform: rotate(45deg); /*　回転（傾き） */
}

.button04 a:hover {  /*　マウス乗せた時 */
  color: #333333;
  text-decoration: none;
  /*background-color: #A4ACB0; /*　背景 */
border: 3px solid #747373;	/*　枠 */
}

.button04 a:hover::after {
  /*border-top: 3px solid #333333;*/
  /*border-right: 3px solid #333333;*/
}

.cp_navi05 {
  position: relative;
  overflow: hidden;
  width: 360px;
  height:360px;
}
.cp_navi05 a {
  position: absolute;
  left: -110px;
  width: 110px;
  padding: 15px 5px 15px 20px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 0 5px 5px 0;
  transition: all 0.3s;
}
.cp_navi05 a:hover {
  left: -10px;
}
.cp_navi05 #home {
  top: 20px;
  background-color: #da3c41;
}
.cp_navi05 #news {
  top: 80px;
  background-color: #1b2538;
}
.cp_navi05 #contact {
  top: 140px;
  background-color: #2e9b72;
}
.cp_navi05 #about {
  top: 200px;
  background-color: #a62e7a;
}


.highlight {	/* ラインマーカー */
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: #BC8F8F; /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}

.highlight02 {	/* ラインマーカー */
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 1.0em; /* 線の太さ */
  text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}


.ib{
	
	border: solid 1px #454545;
}