.img-wrap img {
background-size: cover; /* 画像をコンテナのサイズに合わせてカバーする */
background-position: center; /* 画像をコンテナの中央に配置する */
background-repeat: no-repeat; /* 画像を繰り返し表示しない */
width: 100%; /* コンテナの幅を親要素に合わせて100%に設定 */
height: auto; /* コンテナの高さを自動調整 */
}

.example {/*親div*/
position: relative;/*相対配置*/
}

.example img {
width: 100%;
}

font{
font-weight:normal;
text-shadow:none;
box-shadow:none;
}

h1 {
font-size:12px;
font-weight:normal;
text-shadow:none;
box-shadow:none;
float: ;
}

h2{
font-size:24px;
text-shadow:none;
box-shadow:none;
}

h3{
font-size:18px;
font-weight:bold;
text-shadow:none;
box-shadow:none;
}

.fukidashifont {
font-size: 120%; 
}

#back_info{
background-color: #fff;
}

ul {
list-style:none;
}

.relative {
position: relative;
}
.absolute {
position: absolute;
left: 0px;
top: 0px;
}

.wordBreak {
word-break: break-all;
}

dl.search1 {
  position: relative;
  background-color: #fff;
  border: 5px solid #000;
  border-radius: 50px;
}

dl.search1 dt {
  margin-right: 40px;
  margin-bottom: 0;
  padding: 8px 20px;
}

dl.search1 dt input {
  width: 100%;
  height: 25px;
  line-height: 25px;
  background: none;
  border: none;
  font-size: 12px;
}

dl.search1 dd {
  position: absolute;
  top: 0;
  right: 0;
}

dl.search1 dd button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: ;
  border: 0;
  border-radius: 0 50px 50px 0;
  width: 44px; /* アイコンのサイズに合わせて調整 */
  height: 41px; /* 必要に応じて調整 */
  cursor: pointer;
  font-size: 18px; /* アイコンの大きさを調整 */
}

dl.search1 dd button i {
  pointer-events: none; /* アイコン自体がクリック対象にならないように */
}


.liquid{
padding: 0px;
}

.liquid-col_03{
padding: 2px;
box-sizing: border-box;
float: left;
width: 33.3%;
}

@media screen and (min-width: 1081px){
.liquid-col_03{
width: 16.6%;
}
h1 {
font-size:12px;
}
p{
font-size: 15px;
}
}

@media screen and (max-width: 1080px){
.none_01 {
display:none
}
p{
font-size: 15px;
}
}

@media only screen and (min-width:1280px){
.liquid-col_03{
width: 16.6%;
}
p{
font-size: 16px;
}
}

@media only screen and (max-width:960px){
.none_02 {
display:none
}
}

@media only screen and (max-width:850px){
.liquid-col_03{
width: 33.3%;
}
}

@media only screen and (min-width:780px){
.none_03 {
display:none
}
.bigfonttop {
font-size:36px;
line-height: 140%;
}
.bigfont {
font-size:28px;
line-height: 140%;
}
.bigfont_02 {
font-size:24px;
}
.smallfont {
font-size:16px;
line-height: 150%;
color: #131a22;
}
}

@media only screen and (max-width:780px){
.none_04 {
display:none
}
h2{
font-size:20px;
text-shadow:none;
box-shadow:none;
}
.bigfonttop {
font-size:28px;
line-height: 130%;
}
.bigfont {
font-size:20px;
line-height: 130%;
}
.bigfont_02 {
font-size:22px;
}
.smallfont {
font-size:14px;
line-height: 140%;
color: #131a22;
}
}

@media only screen and (min-width:701px){
.none_05 {
display:none
}
}

@media only screen and (max-width:700px){
.none_06 {
display:none
}
.liquid-col_03{
width: 33.3%;
float: center;
}
}

@media only screen and (max-width:580px){
.liquid-col_03{
width: 50.0%;
float: center;
}
p{
font-size: 16px;
}
}

@media only screen and (max-width:480px){
}

@media only screen and (max-width:330px){
}