html {
    /* height: 100%; */
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}


#ayumi-page {
    margin: 0;
    padding: 0;
    font-synthesis: none;
    font-kerning: none;
    font-variant-ligatures: none;
    font-feature-settings: "kern" 0, "calt" 0, "liga" 0, "clig" 0, "dlig" 0, "hlig" 0;
    /* font-family: "æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“", YuGothic, "æ¸¸ã‚´ã‚·ãƒƒã‚¯ Medium", "Yu Gothic Medium", "æ¸¸ã‚´ã‚·ãƒƒã‚¯", "Yu Gothic", sans-serif; */
    font-family: "Noto Sans JP", serif;
    font-size: small;
    letter-spacing: 0.02em;
    color: #332626;   
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricprecision;
    white-space: normal;
    background: #fff;
    line-height: 1.5
}

#ayumi-page li {
    text-align: unset;
}

#ayumi-page a {
    text-decoration: underline;
    color: inherit;
}

#ayumi-page img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    /* user-drag: none; */
    -webkit-touch-callout: none;
}

.button-play {
    /* background-color: #ff0000; */
    opacity: 0.8;
    width: 80%;
    height: auto;
}

.container {
    max-width: 700px;
    margin: auto;
    /*padding: 0px;*/
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: 1rem 1fr 1fr 1fr 1rem;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto 8rem;
    z-index:0;
    width: 100%;
    /* min-width: 120px; */
    height: auto;
}

.content-section1 {
    grid-column: 2 / 5;
    grid-row: 1 / 1;
}

.content-section2-title {
    grid-column: 2 / 5;
    grid-row: 2 / 2;
    width: 100%;
}

.content-section2 {
    grid-column: 2 / 5;
    grid-row: 3 / 3;
    width: 100%;
    max-width: 630px;
}

.content-section3-title {
    grid-column: 2 / 5;
    grid-row: 4 / 4;
    width: 100%;
}
.content-section3 {
    grid-column: 2 / 5;
    grid-row: 5 / 5;
}
.content-section4-title {
    grid-column: 2 / 5;
    grid-row: 6 / 6;
    width: 100%;
}
.content-section4 {
    grid-column: 2 / 5;
    grid-row: 7 / 7;
    width: 100%;
    max-width: 630px;
}
.content-section5-title {
    grid-column: 2 / 5;
    grid-row: 8 / 8;
    width: 100%;
}
.content-section5 {
    grid-column: 2 / 5;
    grid-row: 9 / 9;
    width: 100%;
    max-width: 630px;
}
.content-section6-title {
    grid-column: 2 / 5;
    grid-row: 10 / 10;
    width: 100%;
}
.content-section6 {
    grid-column: 2 / 5;
    grid-row: 11 / 11;
    max-width: 630px;
    width: 100%;
}
.content-section7-title {
    grid-column: 2 / 5;
    grid-row: 12 / 12;
    width: 100%;
}
.content-section7 {
    grid-column: 2 / 5;
    grid-row: 13 / 13;
    max-width: 630px;
    width: 100%;
}
.content-section8-title {
    grid-column: 2 / 5;
    grid-row: 14 / 14;
    width: 100%;
}
.content-section8 {
    grid-column: 2 / 5;
    grid-row: 15 / 15;
    max-width: 630px;
    width: 100%;
}
.content-section9 {
    grid-column: 2 / 5;
    grid-row: 16 / 16;
    width: 100%;
    max-width: 630px;
}
/* font */
/* .font-about-title {
    font-weight: 700;
    font-size: 22pt;
    font-family: "Yu Gothic UI", "æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“", YuGothic, "æ¸¸ã‚´ã‚·ãƒƒã‚¯ Medium", "Yu Gothic Medium", "æ¸¸ã‚´ã‚·ãƒƒã‚¯", "Yu Gothic", sans-serif;
} */

/* ãƒˆãƒƒãƒ—ã®ã‚¿ã‚¤ãƒˆãƒ« */
.font-about-title {
  /* font-family: "Noto Sans JP", serif; */
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: x-large;
  font-style: normal;
  letter-spacing: 0.2em;
}
/* ç« æ¯Žã®ã‚¿ã‚¤ãƒˆãƒ« */
.font-chapter-title {
    font-optical-sizing: auto;
    font-weight: normal;
    font-size: clamp(13px, 3.7vw, 18px);
    font-style: normal;
}
/* ã‚»ã‚¯ã‚·ãƒ§ãƒ³æ¯Žã®ã‚¿ã‚¤ãƒˆãƒ« */
.font-section-title {
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
/* ayumiãŒç›®æŒ‡ã™ä¸–ç•Œè¦³ã®ãƒ•ã‚©ãƒ³ãƒˆ[w-content-detail1-1] */
.font-worldview-subtitle {
    font-optical-sizing: auto;
    font-weight: 700;
    /* font-size: xx-small; */
    padding: 7px;
    font-size: clamp(9px, 2.6vw, 15px);
    font-style: normal;
}
/* ayumiãŒç›®æŒ‡ã™ä¸–ç•Œè¦³ã®ãƒ•ã‚©ãƒ³ãƒˆ[w-content-detail1-2,2-2,3-2] */
.font-worldview-detail {
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(11px, 2.9vw, 18px);
    letter-spacing: 0.01em;
    text-align: center;
}
/* è§’ä¸¸ã®æž  */
.round-box-50909a {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background-color: #8AB5BB;
    /* width: 90%; */
    padding: 15px 10px;
    text-align: center;
    color: #000000;
}

.round-box-bf9e3f {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background-color: #D4BE7E;
    /* width: 90%; */
    padding: 15px 10px;
    text-align: center;
    color: #000000;
}

.round-box-f3efec {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background-color: #f3efec;
    /* width: 90%; */
    padding: 15px 10px;
    text-align: center;
}

/* â–¼ */
.triangle-d6d3cf {
    height: calc(30px / 2);
    width: 30px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #d6d3cf;
}

/* ãƒ–ãƒ©ãƒ³ãƒ‰ãƒ­ã‚´ã®å¢ƒç•Œç·š */
.brandlog-area-border {
    border: 1px solid #cccccc;
    margin: 1px;
    padding: 0;
}

/* ãƒˆãƒƒãƒ—ã‚¤ãƒ¡ãƒ¼ã‚¸ */
.wrap-topimage {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    text-align: center;
    justify-items: center;
    grid-template-columns: auto;
    grid-template-rows: auto auto 10px auto 10px;
    z-index:0;
    width: 100%;
    /* min-width: 120px; */
    height: auto;
    /* background-color: #ede7e3; */
}

.area-topimage {
    /* margin-bottom: 30px; */
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: 100%;
}

.area-top-title {
    grid-row: 2 / 2;
    grid-column: 1 / 2;
}

.area-top-subtitle {
    grid-row: 4 / 4;
    grid-column: 1 / 2;
}

.top-image {
	height: auto;
	width: 100%;
	/* border-radius: 30px */
}

/* .area-top-subtitle-wrap {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    text-align: center;
    justify-items: center;
    grid-template-columns: 0.5rem auto 0.5rem;
    grid-template-rows: auto;
    z-index:0;
    width: 100%;
    height: auto;
}

.area-top-subtitle-content {
    grid-row: 1 / 1;
    grid-column: 2 / 2;
} */

/* .ayumi-circle {
    grid-row: 4 / 5;
    grid-column: 3 / 3; 
    width: 85px;
    height: 85px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 5px solid #ede7e3;
    position: absolute;
    transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    -webkit-transform: translate(0%, 20%);
}

.ayumi-image {
    width: 100%;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
} */

/* ayumiã¨ã¯ */
.area-about {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: 0.5rem auto auto auto 0.5rem;
    grid-template-rows: 10px auto;
    z-index:0;
    width: 100%;
    /* width: 100%;
    min-width: 120px; */
    height: auto;
}

.about-title {
    grid-row: 1 / 1;
    grid-column: 2 / 4;
}

.about-ayumi {
    grid-row: 1 / 1;
    grid-column: 2 / 4;
    width: 100%;
}

.about-ayumi-detail-wrap {
    grid-row: 2 / 3;
    grid-column: 2 / 4;
}

.about-ayumi-detail {
    position:relative;
    overflow:hidden;
    display:grid;
    /* align-items:center; */
    /* text-align: center; */
    /* justify-items: center; */
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 15px;
    z-index:0;
    width: 95%;
    /* min-width: 120px; */
    height: auto;
}

.about-subtitle {
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}

.about-service {
    grid-row: 2 / 2;
    grid-column: 1 / 1;
    text-decoration-line: underline;
}

.about-content1 {
    grid-row: 3 / 3;
    grid-column: 1 / 1;
}
.about-content2 {
    grid-row: 4 / 4;
    grid-column: 1 / 1;
}

/* ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã§æ€ã„ã‚’ç¶´ã‚Šã€æŒ¯ã‚Šè¿”ã‚‹ */
.area-app {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    /* grid-template-columns: 0rem 0px auto 5% auto 0px 0rem;*/
    grid-template-columns: 0.5rem 5px auto 5% auto 5px 0.5rem;
    grid-template-rows: 30px auto 10px auto 10px auto 20px auto;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}

.app-title {
    grid-row: 2 / 2;
    grid-column: 3 / 6;  
}

.app-image1 {
    grid-row: 4 / 5;
    grid-column: 3 / 3;
    width: 100%;
    max-width: 200px;
    height: auto;
}
.app-image2 {
    grid-row: 4 / 5;
    grid-column: 5 / 5;  
    width: 100%;
    max-width: 200px;
    height: auto;
}
.area-movie {
    grid-row: 6 / 7;
    grid-column: 2 / 7;
    border: 1px solid #8AB5BB;
}
.area-movie a {
    display: block;
    position: relative;
    transition: opacity 0.5s ease-out;
}
.area-movie a:hover{
    opacity: 0.6;
}
.area-movie a:after{
    font-family: 'Material Symbols Outlined';
    content: '\e1c4';
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 100px;
    color: #332626;
}
.area-movie a img{
    display: block;
    width: 100%;
    height: auto;
}
.movie-style {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
/* ayumiãŒç›®æŒ‡ã™ä¸–ç•Œè¦³ */
.area-worldview {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: auto;
    grid-template-rows: 10px auto 20px;
    z-index:0;
    width: 100%;
    max-width: 630px;
    /* min-width: 120px; */
    height: auto;
}

/* .worldview-subtitle {
    grid-row: 2 /2;
    grid-column: 2 / 2;
} */
.worldview-content-wrapper {
    grid-row: 2 /2;
    grid-column: 1 / 1;
}

.area-worldview-content {
    position: relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    justify-items: center;
    grid-template-columns: 45% 10% 45%;
    grid-template-rows: 10px auto 10px auto 2px 20px 2px auto 2px 20px 2px auto 10px auto;
    z-index:0;
    width: 100%;
    /* min-width: 120px; */
    height: auto;
}
.worldview-supervisor {
    grid-row: 14 / 14;
    grid-column: 1 / 4;
    text-align: right;
}

.worldview-subtitle {
    grid-row: 2 / 2;
    grid-column: 1 / 4;
    text-align: center;
}
.worldview-content-detail1 {
    grid-row: 4 / 4;
    grid-column: 1 / 4;
}
.worldview-triangle1 {
    grid-row: 6 / 6;
    grid-column: 2 / 2;
}
.worldview-content-detail2 {
    grid-row: 8 / 8;
    grid-column: 1 / 4;
}
.worldview-triangle2 {
    grid-row: 10 / 10;
    grid-column: 2 / 2;
}
.worldview-content-detail3 {
    grid-row: 12 / 12;
    grid-column: 1 / 4;
}

.worldview-content-detail1 {
    position: relative;
    overflow: hidden;
    display: grid;
    align-items:center;
    text-align: center;
    justify-items: center;
    grid-template-columns: 2% 38% 2% auto;
    grid-template-rows: 7px auto auto auto 5px;
    z-index:0;
    width: 100%;
    /* min-width: 120px; */
    height: auto;
    background-color: #EDE7E3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.w-content-title-detail1 {
    grid-row: 2 / 3;
    grid-column: 2 / 2;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100%;
    padding: 5px 2px;
    text-align: center;
    font-size: clamp(13px, 3.8vw, 17px);
}
.w-content-detail1-1 {
    grid-row: 4 / 5;
    grid-column: 2 / 2;
}
.w-content-detail1-2 {
    grid-row: 2 / 5;
    grid-column: 4 / 4;
}

.worldview-content-detail2 {
    position: relative;
    overflow: hidden;
    display: grid;
    align-items:center;
    text-align: center;
    justify-items: center;
    grid-template-columns: 2% 38% 2% auto;
    grid-template-rows: 7px auto auto auto 5px;
    z-index:0;
    width: 100%;
    /* min-width: 120px; */
    height: auto;
    background-color: #EDE7E3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.w-content-title-detail2 {
    grid-row: 2 / 3;
    grid-column: 2 / 2;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100%;
    padding: 5px 2px;
    text-align: center;
    font-size: clamp(13px, 3.8vw, 17px);
}
.w-content-detail2-1 {
    grid-row: 4 / 5;
    grid-column: 2 / 2;
}
.w-content-detail2-2 {
    grid-row: 2 / 5;
    grid-column: 4 / 4;
}

.worldview-content-detail3 {
    position: relative;
    overflow: hidden;
    display: grid;
    align-items:center;
    text-align: center;
    justify-items: center;
    grid-template-columns: 2% 38% 2% auto;
    grid-template-rows: 7px auto auto 5px auto 5px;
    z-index:0;
    width: 100%;
    /* min-width: 120px; */
    height: auto;
    background-color: #EDE7E3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.w-content-title-detail3 {
    grid-row: 2 / 3;
    grid-column: 2 / 2;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100%;
    padding: 5px 2px;
    text-align: center;
    font-size: clamp(13px, 3.8vw, 17px);
}
.w-content-detail3-1 {
    grid-row: 5 / 6;
    grid-column: 1 / 5;
    width: 100%;
}
.w-content-detail3-2 {
    grid-row: 2 / 4;
    grid-column: 4 / 4;
}

.w-content-detail-col3-1 {
    position: relative;
    overflow: hidden;
    display: grid;
    align-items:center;
    justify-items: center;
    grid-template-columns:  10% 12% 5% 12% 5% 12% 5% 12% 5% 12% 10%;
    grid-template-rows: 1fr auto;
}
.col3span {
    text-wrap: nowrap;
    font-weight: 700;
    font-size: clamp(9px, 2.6vw, 14px);
 /*   font-size: 9px; */
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-60%);
    -ms-transform: translate(-50%,-60%);
    -webkit-transform: translate(-50%,-60%);
}
.col3-1 {
    grid-row: 1 / 1;
    grid-column: 2 / 2;
    position: relative;
}
.col3-2 { 
    grid-row: 1 / 1;
    grid-column: 4 / 4;
    position: relative;
}
.col3-3 { 
    grid-row: 1 / 1;
    grid-column: 6 / 6;
    position: relative;
}
.col3-4 { 
    grid-row: 1 / 1;
    grid-column: 8 / 8;
    position: relative;
}
.col3-5 { 
    grid-row: 1 / 1;
    grid-column: 10 / 10;
    position: relative;
}
.col3-6 { 
    grid-row: 2 / 2;
    grid-column: 6 / 6;
    font-size: 10px;
}
/* ã“ã®ã‚ˆã†ãªæ–¹ã«ãŠã™ã™ã‚ */
.area-recommendation {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    text-align: center;
    justify-items: center;
    grid-template-columns: 0px auto 0px;
    /* grid-template-columns: 0.5rem auto 0.5rem; */
    grid-template-rows: 20px auto 20px;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.recommendation-content-wrapper {
    grid-row: 2 / 2;
    grid-column: 2 / 2;
    width: 100%;
}

.recommendation-content {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: 65% 5% 30%;
    grid-template-rows: auto 10px auto 10px auto;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.recommendation-image {
    width: 95%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.recommendation-content-detail1 {
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}
.recommendation-content-image1 {
    grid-row: 1 / 1;
    grid-column: 3 / 3;
}
.recommendation-content-detail2 {
    grid-row: 3 / 3;
    grid-column: 1 / 1;
}
.recommendation-content-image2 {
    grid-row: 3 / 3;
    grid-column: 3 / 3;
}
.recommendation-content-detail3 {
    grid-row: 5 / 5;
    grid-column: 1 / 1;
}
.recommendation-content-image3 {
    grid-row: 5 / 5;
    grid-column: 3 / 3;
}

/* ä¸»ãªæ©Ÿèƒ½ */
.area-key-features {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: 0.5rem auto 0.5rem;
    grid-template-rows: 20px auto 20px;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.key-features-wrapper {
    grid-row: 2 / 2;
    grid-column: 2 / 2;
    width: 100%;
}
.key-features-content {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    text-align: center;
    justify-items: center;
    grid-template-columns: 35% 2% 63%;
    grid-template-rows: 10px auto 5px auto 10px auto 5px auto 10px auto 5px auto 10px auto 5px auto 10px;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.key-features-content-image1 {
    grid-row: 2 / 5;
    grid-column: 1 / 1;
}
.key-features-content-title1 {
    grid-row: 2 / 2;
    grid-column: 3 / 3;
}
.key-features-content-detail1 {
    grid-row: 4 / 4;
    grid-column: 3 / 3;
}
.key-features-content-image2 {
    grid-row: 6 / 9;
    grid-column: 1 / 1;
}
.key-features-content-title2 {
    grid-row: 6 / 6;
    grid-column: 3 / 3;
}
.key-features-content-detail2 {
    grid-row: 8 / 8;
    grid-column: 3 / 3;
}
.key-features-content-image3 {
    grid-row: 10 / 13;
    grid-column: 1 / 1;
}
.key-features-content-title3 {
    grid-row: 10 / 10;
    grid-column: 3 / 3;
}
.key-features-content-detail3 {
    grid-row: 12 / 12;
    grid-column: 3 / 3;
}
.key-features-content-image4 {
    grid-row: 14 / 17;
    grid-column: 1 / 1;
}
.key-features-content-title4 {
    grid-row: 14 / 14;
    grid-column: 3 / 3;
}
.key-features-content-detail4 {
    grid-row: 16 / 16;
    grid-column: 3 / 3;
}
.key-features-content-image-wrapper {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.key-features-image {
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    width: 100px;
    height: 100px;
    /* border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; */
}

/* ãƒ¢ãƒ‹ã‚¿ãƒ¼ã®å£° */
.area-monitor-voice {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: 0.5rem auto 0.5rem;
    grid-template-rows: 20px auto 20px;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.monitor-voice-content-wrapper {
    grid-row: 2 / 2;
    grid-column: 2 / 2;
}
.monitor-voice-content {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: 25% 75%;
    grid-template-rows: 0px auto 10px auto 10px auto;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.monitor-voice-content-image1 {
    grid-row: 2 / 3;
    grid-column: 1 / 1;
}
.monitor-voice-content-detail1 {
    grid-row: 2 / 2;
    grid-column: 2 / 2;
}
.monitor-voice-content-image2 {
    grid-row: 4 / 5;
    grid-column: 1 / 1;
}
.monitor-voice-content-detail2 {
    grid-row: 4 / 4;
    grid-column: 2 / 2;
}
.monitor-voice-content-image3 {
    grid-row: 6 / 7;
    grid-column: 1 / 1;
}
.monitor-voice-content-detail3 {
    grid-row: 6 / 6;
    grid-column: 2 / 2;
}
.monitor-voice-content-image-wrapper {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: auto;
    grid-template-rows: auto;
    z-index:0;
    width: 100%;
    /* min-width: 120px; */
    height: auto;
}
.monitor-voice-image {
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    width: 100%;
}
/* ãƒ¢ãƒ‹ã‚¿ãƒ¼å‹Ÿé›†ä¸­ */
.area-monitor-recruitment {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    justify-items: center;
    grid-template-columns: 0.5rem auto 0.5rem;
    grid-template-rows: 20px auto 20px;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.monitor-recruitment-content-wrapper {
    grid-row: 2 / 2;
    grid-column: 2 / 2;
}
.monitor-recruitment-content {
    position:relative;
    overflow:hidden;
    display:grid;
    /* align-items:center; */
    /* text-align: center; */
    /* justify-items: center; */
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;    
}
.monitor-recruitment-title {
    grid-row: 1 / 1;
    grid-column: 1 /1;
}
.monitor-recruitment-content-detail {
    grid-row: 2 / 2;
    grid-column: 1 /1;
}

/* å•ã„åˆã‚ã›å…ˆ */
.area-information {
    position:relative;
    overflow:hidden;
    display:grid;
    align-items:center;
    /* text-align: center; */
    /* justify-items: center; */ 
    grid-template-columns: 0.5rem auto 0.5rem;
    grid-template-rows: 20px auto 20px auto;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.information-content-wrapper {
    grid-row: 2 / 2;
    grid-column: 2 /2;
}
.information-content {
    position:relative;
    overflow:hidden;
    display:grid;
    /* align-items: center; */
    /* text-align: center; */
    /* justify-items: center; */
    grid-template-columns: auto;
    grid-template-rows: auto 5px auto 5px auto 20px auto 5px auto 2px auto 10px;
    z-index:0;
    width: 100%;
    min-width: 120px;
    height: auto;
}
.information-hours {
    grid-row: 1 / 1;
    grid-column: 1 /1;
}
.information-title1 {
    grid-row: 3 / 3;
    grid-column: 1 /1;
}
.information-content-detail1 {
    grid-row: 5 / 5;
    grid-column: 1 /1;
    word-break: break-all;
}
.information-title2 {
    grid-row: 7 / 7;
    grid-column: 1 /1;
}
.information-content-detail2 {
    grid-row: 9 / 9;
    grid-column: 1 /1;
}
.information-content-detail3 {
    grid-row: 11 / 11;
    grid-column: 1 /1;
}

.area-information-operator {
    position:relative;
    overflow:hidden;
    display:grid;
    /* align-items: center; */
    /* text-align: center; */
    /* justify-items: center; */
    grid-template-columns: 0.5rem auto 0.5rem;
    grid-template-rows: auto auto 10px;
    z-index:0;
    width: 100%;
    /* min-width: 120px; */
    height: auto;
}
.information-operator-title {
    grid-row: 1 / 1;
    grid-column: 2 /2;
}
.information-operator-detail {
    grid-row: 2 / 2;
    grid-column: 2 /2;
}