html[lang="ar"] *, html[lang="ary"] *, html[lang="azb"] *, html[lang^="fa-"] *, html[lang="haz"] *, html[lang="ps"] *, html[lang="ur"] *, html[lang^="zh-"] *, html[lang="bg-BG"] *, html[lang="ru-RU"] *, html[lang="uk"] *, html[lang="bn-BD"] *, html[lang="hi-IN"] *, html[lang="mr-IN"] *, html[lang="el"] *, html[lang="gu-IN"] *, html[lang="he-IL"] *, html[lang="ja"] *, html[lang="ko-KR"] *, html[lang="th"] * {
    letter-spacing: 0px !important;
    letter-spacing: 0.01rem !important;
}
                                    #section-content {
                                        display: block;
                                        position: static;
                                        margin-top: 280px;
                                    }

                                    #section02, #section03, #section04, #section05 {
                                        width: 100vw;
                                        height: 200vh;
                                        overflow: hidden;
                                        position: relative;
                                    }
.post-header {
    margin: -11.25rem 0 0;
    padding: 23.333333vw 0 0;
    width: 100%;
    height: 53.333333vw;
    position: inherit;
    clip-path: inset(0);
    max-height: 400px;
}
                                   

                                    .post-header::before {
                                        content: unset;
                                        position: fixed;
                                        top: 110px;
                                        left: 0;
                                        width: 100vw;
                                        height: unset;
      background: url(<?php the_post_thumbnail_url('large'); ?>) no-repeat;
                                        background-size: cover;
                                        background-position: top center;
                                        padding: 0 0 53.333333333333336%;
                                    }

                                    .post-header h1.entry-title {
                                        z-index: 10;
                                        position: absolute;
                                        text-align: center;
                                        width: 100%;
                                        color: white;
                                        font-weight: bold;
                                        letter-spacing: 1px !important;
                                        font-size: 2rem;
                                    }

                                    .posttext-area {
                                        margin-top: 1rem !important;
                                        width: 96%;
                                        padding: 1%;
                                        z-index: 10;
                                        line-height: 150%;
                                        margin: 0 auto;
                                        font-size: 0.8rem;
                                    }

                                    @media (min-width: 768px) {
										
										.post-header {
    margin: -11.25rem 0 0;
padding: 200px 0px;
    width: 100%;
    height: 53.333333vw;
    position: inherit;
    clip-path: inset(0);
    max-height: 400px;
}
                                        .posttext-area {
                                            width: 50%;
                                            padding: 10px;
                                            z-index: 10;
                                            line-height: 150%;
                                            font-size: unset;
                                            font-size: 0.8rem;
											max-width:550px;
                                   
                                        }
									 .posttext-area p{max-width: 600px;}
                                        .postarea-left {
                                        }

                                        .postarea {
                                            padding: 0 1.25rem 5.9375rem;
                                            background: #fff;
                                            display: -webkit-box;
                                            display: -ms-flexbox;
                                            display: block;
                                            padding: 5.625rem 8.695652173913043% 6.875rem;
											
                                        }
                                    }

                                    .text-area p, .text-area a {
                                        color: black;
                                        font-size: 0.8rem;
                                        line-height: 1.3rem;
                                        text-align: left;
                                    }

                                    .postarea {
                                        padding: 0 1.25rem 5.9375rem;
                                        background: #fff;
										color:white;
										 margin-top: 100px;
                                    }
									.postarea a {color:white;}

                                    .postarea-left {
                                        width: 26.31578947368421%;
                                        padding: 0 1.875rem 0 0;
                                    }

                                    .posttext-area dl {
                                        margin-left: -1.25rem;
                                        margin-right: -1.25rem;
                                        margin-top: .9375rem
                                    }

                                    .posttext-area dl dt {
                             
                                        font-weight: 600;
                                        padding: 1.09375rem 1.5rem 0;
                                    }
									.p1 a{color: #fff;}
	a.p1{color: #fff;}
                                    .posttext-area dl dd {
                                        padding: 0.46875rem 0.25rem 0.09375rem;
                                    }

                                    .posttext-area dl dd:last-child {
                                        padding-bottom: 1.2rem;
                                   
                                    }

                                    .posttext-area dl a {
                                        text-decoration: underline
                                    }

                                    .posttext-area dl a:hover {
                                        text-decoration: none
                                    }

                                    .posttext-area dl h3 {
                                        margin: 0
                                    }

                                    @media (min-width: 768px) {
                                        .posttext-area dl {
                                            margin: 1.5625rem 0 0;
                                            display: -webkit-box;
                                            display: -ms-flexbox;
                                            display: flex;
                                            -ms-flex-flow: wrap;
                                            flex-flow: wrap;
                                            width: 100%
                                        }

                                        .posttext-area dl dt {
                                            padding: 0;
                                            border: none;
                                            font-weight: 300;
                                            width: 10.625rem
                                        }

                                        .posttext-area dl dt:nth-of-type(n+2) {
                                            margin-top: .9375rem
                                        }

                                        .posttext-area dl dd {
                                            padding: 0;
                                            width: calc(100% - 13.625rem);
                                        }

                                        .posttext-area dl dd:nth-of-type(n+2) {
                                            margin-top: .2rem
                                        }

                                        .posttext-area dl dd:last-child {
                                            border: none
                                        }
                                    }
                      

	
body {
    position: inherit;
    clip-path: inset(0);
}
                                   

                          body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(<?php the_post_thumbnail_url('large'); ?>) no-repeat;
    background-size: contain;
    background-position: top center !important;
    z-index: -1; /* 背景を他の要素よりも背面に配置 */
}
	.posttext-area{background:unset;}
	.postarea{background:unset;}
	.site-content-contain{background:unset;}
body, button, input, select, textarea {
		color: #fff;}
	  @media (max-width: 768px) {
	body {
            --device-height: 100vh; /* 初期値として100vhを使用 */
        }

        body::before {
            height: var(--device-height);
		  }}