/* CSS Document */



body{
    font-size: 1.5em;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: black;
    max-width: 991px;
    margin: auto;
}

.container{
	widht: 100%;
	max-width: 1000px;
}
/* scroll CSS */

html {
    scroll-behavior: smooth;
}

section{
	padding-bottom:20px;
}







.pagetop {
    height: 65px;
    width: 65px;
    position: fixed;
    right: 18px;
    bottom: 86px;
    background: #00cd4a;
    border: solid 2px #14ff7f;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../jujutsu-img/icon-line.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 75%;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}

.icon-line {
	height: 10px;
	width: 10px;
	background-image: url("../jujutsu-img/icon-line.png");
	background-position: center;
}


/* scroll end */


.logo {
    width: 60%;
    margin: auto;
    padding: 15px 0px;
}

.top-mainimg{
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px;
}

.top-genretxt{
    padding: 2px 5px;
    border: 1px solid #cccccc;
    font-size: 10px;
}

.content-1{
    width: 100%;
    font-size: 22px;
    text-align: center;
    padding: 10px 0px;
    font-weight: bold;
}

.textback-1{
    font-size: 17px;
    text-align: center;
    padding: 20px 15px 10px;
}

.conttxt-1{
    width: 90%;
    padding: 10px 10px 10px;
    text-align: left;
    font-size: 16px;
    border: double 4px hwb(0deg 100% 0% / 54%);
    margin: 0px auto 10px;
    background-color: hwb(0deg 0% 100% / 75%);
    border-radius: 50px;
    color: white;
}

.bgimg-1{
	background: url(../daikou-img/bgimg-1.png);
    background-position: bottom;
    background-size: auto;
    background-repeat: no-repeat;
}

.stinfo-doc-l{
    width: 80%;
    padding: 0px 10px;
    margin: 0px 0px 25px auto;
    border-top: #3c000078 1px solid;
    /* border-bottom: #3c000078 1px solid; */
    /* box-shadow: #3c000078 0px 2px 3px; */
    position: relative;
}

.stinfo-img-l{
    width: 164px;
    height: 164px;
    padding: 10px;
    position: absolute;
    left: -23%;
    top: -1%;
    clip-path: circle(50% at 50% 50%);
    background-color: #a4a4a496;
    background-size: cover;
}

.stinfo-title-l{
    color: #965c00;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 5px 0px;
    width: 73%;
    margin: 0px 0px 0px auto;
}

.stinfo-txt-l{
    font-size: 13px;
    line-height: 170%;
    padding: 15px 5px;
    width: 72%;
	margin: 0px 0px 0px auto;
}

.stinfo-doc{
    width: 80%;
    padding: 0px 10px;
    margin: 0px 0px 25px;
    border-top: #3c000078 1px solid;
    /* border-bottom: #3c000078 1px solid; */
    /* box-shadow: #3c000078 0px 2px 3px; */
    position: relative;
}

.stinfo-img{
    width: 164px;
    height: 164px;
    padding: 10px;
    position: absolute;
    right: -23%;
    top: -1%;
    clip-path: circle(50% at 50% 50%);
    background-color: #a4a4a496;
    background-size: cover;
}

.stinfo-title{
    color: #965c00;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 5px 0px;
    width: 78%;
    margin: 0px 0px;
}

.stinfo-txt{
    font-size: 13px;
    line-height: 170%;
    padding: 15px 5px;
    width: 73%;
}

.bgimg-2{
	background: url(../daikou-img/bgimg-2.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgimg-3{
	background: url(../daikou-img/bgimg-3.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgimg-4{
	background: url(../daikou-img/bgimg-4.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgimg-5{
	background: url(../daikou-img/bgimg-5.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.textback-2{
    border-top: 1px solid #bfbfbf;
    width: 87%;
    margin: auto;
    padding: 10px;
    font-size: middle;
}

.voice-doc{
    display: flex;
    padding: 10px 15px;
    flex-wrap: wrap;
}

.voice-1{
    text-align: center;
    width: 20%;
    height: auto;
    padding: 10px 10px;
}
.voice-2{
    font-size: 1.0em;
	width: 70%;
    text-align: left;
    padding: 10px 10px;
}
.voice-3{
    font-size: 1.0em;
    width: 100%;
    text-align: left;
    padding: 20px 10px 10px;
    border-top: 1px solid #cccccc;
    background-color: #f4f4f4;
}

.caution-box{
    background-color: white;
    color: black;
    margin: 15px;
    padding: 15px;
    font-weight: bold;
    line-height: 180%;
}




@media screen and (min-width: 992px) {
	
.logo {
    width: 35%;
    margin: auto;
    padding: 15px 0px;
}

.top-mainimg{
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px;
}

.top-genretxt{
    padding: 2px 5px;
    border: 1px solid #cccccc;
    font-size: 15px;
}

.content-1{
    width: 100%;
    font-size: 25px;
    text-align: center;
    padding: 10px 0px;
    font-weight: bold;
}
	
.textback-1{
    font-size: 25px;
    text-align: center;
    padding: 20px 15px 10px;
}	
	
.conttxt-1{
    width: 90%;
    padding: 10px 10px 10px;
    text-align: left;
    font-size: 25px;
    border: double 4px hwb(0deg 100% 0% / 54%);
    margin: 0px auto 10px;
    background-color: hwb(0deg 0% 100% / 75%);
    border-radius: 50px;
    color: white;
}	
	
.bgimg-1{
        background: url(../daikou-img/bgimg-1.png);
        background-position: bottom;
        background-size: 60% 60%;
        background-repeat: no-repeat;
}	
	
.stinfo-doc-l{
    width: 80%;
    padding: 0px 10px;
    margin: 0px 0px 35px auto;
    border-top: #3c000078 1px solid;
    /* border-bottom: #3c000078 1px solid; */
    /* box-shadow: #3c000078 0px 2px 3px; */
    position: relative;
}

.stinfo-img-l{
    width: 164px;
    height: 164px;
    padding: 10px;
    position: absolute;
    left: -23%;
    top: -1%;
    clip-path: circle(50% at 50% 50%);
    background-color: #a4a4a496;
    background-size: cover;
}

.stinfo-title-l{
    color: #965c00;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 5px 0px;
    width: 100%;
    margin: 0px 0px 0px auto;
}

.stinfo-txt-l{
    font-size: 20px;
    line-height: 170%;
    padding: 15px 5px;
    width: 100%;
	margin: 0px 0px 0px auto;
}
	
.stinfo-doc{
    width: 80%;
    padding: 0px 10px;
    margin: 0px 0px 30px;
    border-top: #3c000078 1px solid;
    /* border-bottom: #3c000078 1px solid; */
    /* box-shadow: #3c000078 0px 2px 3px; */
    position: relative;
}

.stinfo-img{
    width: 164px;
    height: 164px;
    padding: 10px;
    position: absolute;
    right: -23%;
    top: -1%;
    clip-path: circle(50% at 50% 50%);
    background-color: #a4a4a496;
    background-size: cover;
}


.stinfo-title{
        color: #965c00;
        font-size: 25px;
        font-weight: bold;
        padding: 10px 5px 0px;
        width: 100%;
        margin: 0px 0px;
        text-align: right;
}

.stinfo-txt{
        font-size: 20px;
        line-height: 170%;
        padding: 15px 5px;
        width: 100%;
        text-align: right;
}	
	
.bgimg-2{
	background: url(../daikou-img/bgimg-2.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgimg-3{
	background: url(../daikou-img/bgimg-3.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgimg-4{
	background: url(../daikou-img/bgimg-4.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgimg-5{
	background: url(../daikou-img/bgimg-5.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
	
.textback-2{
    border-top: 1px solid #bfbfbf;
    width: 87%;
    margin: auto;
    padding: 10px;
    font-size: larger;
}
	
.voice-doc{
    display: flex;
    padding: 10px 15px;
    flex-wrap: wrap;
}

.voice-1{
    text-align: center;
    width: 10%;
    height: auto;
    padding: 10px 10px;
}
.voice-2{
    font-size: 1.5em;
	width: 70%;
    text-align: left;
    padding: 10px 10px;
}
.voice-3{
    font-size: 1.3em;
    width: 100%;
    text-align: left;
    padding: 20px 10px 10px;
    border-top: 1px solid #cccccc;
    background-color: #f4f4f4;
}	
	
.caution-box{
    background-color: white;
    color: black;
    margin: 60px;
    padding: 15px;
    font-weight: bold;
    line-height: 180%;
}	
	
	
	
}

.logo-side {
    font-size: 14px;
    font-weight: 700;
    width: 34%;
    padding: 6px 2px;
    max-width: 225px;
    background-color: #2977e7;
    margin: 16px auto 7px;
    text-align: center;
    border-radius: 50px;
    border: solid 2px #56b6ff;
    box-shadow: 1px 2px 1px #00449d;
}



.top-comentimg{
    margin: auto;
    padding: 10px 0px 20px;
    width: 85%;
}







.textback-3{
    border-top: 1px solid #bfbfbf;
    width: 87%;
    margin: auto;
    padding: 10px;
    font-size: 0.7em;
    text-align: left;
}







.footer-menu {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: space-evenly;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
    position: fixed;
    bottom: 15px;
    z-index: 100;
    flex-direction: row;
    width: 100%;
    margin: 0px auto 0px auto;
    max-width: 900px;
 }

.footer-menu-box {
    width: 30%;
    text-align: center;
    padding: 10px 2px;
    margin-bottom: 0px;
    font-size: 0.9em;
    min-height: 55px;
    line-height: normal;
    border-collapse: collapse;
    border: 0.5px solid #190023;
	background-image: url("../jujutsu-img/backimg-menu.png");
	background-size: contain;
}

.footer-doc{
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    bottom: 0;
    right: auto;
    left: auto;
    top: 100vh;
	background-color: #0000008f;
}	

.footer{
    font-size: 0.5em;
    padding: 10px;
    background-color: #000000ba;
}

.p-text{
	font-size: 1.0em;
	text-align: center;
	line-height: 200%;
}


.lp-bot1{
    display: block;
    margin: 1rem auto;
    padding: 0.5rem 2rem;
    width: 80%;
    border: 1px solid #ccc;
    border-radius: 50px;
    background: linear-gradient(180deg, #9effb8 0%, #00a924 0%, #b6ffb8 100%);
    text-align: center;
    text-shadow: 2px 1px 5px rgb(0 0 0 / 85%);
    text-decoration: none;
    font-size: 0.9rem;
    color: #fff;
    clear: both;
}

.lp-bot2{
    display: block;
    margin: 1rem auto;
    padding: 0.5rem 2rem;
    width: 80%;
    border: 1px solid #ccc;
    border-radius: 50px;
    background: linear-gradient(180deg, #ff9eaf 0%, #ff2d2d 0%, #ffb6b6 100%);
    text-align: center;
    text-shadow: 2px 1px 5px rgb(0 0 0 / 85%);
    text-decoration: none;
    font-size: 0.9rem;
    color: #fff;
    clear: both;
}

.lp-bot3{
    display: block;
    margin: 1rem auto;
    padding: 0.5rem 2rem;
    width: 47%;
    border: 1px solid #ccc;
    border-radius: 50px;
    background: linear-gradient(180deg, #9f9f9f 0%, #757575 0%, #e5e5e5 100%);
    text-align: center;
    text-shadow: 2px 1px 5px rgb(0 0 0 / 85%);
    text-decoration: none;
    font-size: 0.9rem;
    color: #fff;
    clear: both;
}

.lp-bot4{
    display: block;
    margin: 2rem auto;
    padding: 0.5rem 2rem;
    width: 75%;
    border: 1px solid #ccc;
    border-radius: 50px;
    background: linear-gradient(180deg, #9f9f9f 0%, #757575 0%, #e5e5e5 100%);
    text-align: center;
    text-shadow: 2px 1px 5px rgb(0 0 0 / 85%);
    text-decoration: none;
    font-size: 1.0rem;
    color: #fff;
    clear: both;
}

.lp-bot5{
    display: block;
    margin: 2rem auto;
    padding: 0.5rem 2rem;
    width: 75%;
    border: 1px solid #ccc;
    border-radius: 50px;
    background: linear-gradient(180deg, #73751c 0%, #ffdc57 0%, #8b6726 100%);
    text-align: center;
    text-shadow: 2px 1px 5px rgb(0 0 0 / 85%);
    text-decoration: none;
    font-size: 1.0rem;
    color: #fff;
    clear: both;
}

.lp-bot6{
    margin: 10px 5px;
    padding: 2px 10px;
    border: 1px solid #ccc;
    border-radius: 50px;
    background: linear-gradient(180deg, #96ff8f 0%, #db4977 0%, #8b262e 100%);
    text-align: center;
    text-shadow: 2px 1px 5px rgb(0 0 0 / 85%);
    text-decoration: none;
    font-size: 0.8rem;
    color: #fff;
    clear: both;
}

h1{
    font-size: 1.7em;
    padding: 15px 5px;
    text-align: center;
    color: #d9bb9c;
}

ol,
ul {
    list-style: none;
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #ffffff;
    font-size: 1.0em;
    letter-spacing: 0.1em;
}




.hamburger {
    width: 100%;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	background-color: hsl(0deg 0% 100% / 0%);
    margin: auto;
    z-index: 10;
}

.hamburger .btn-gNav {
    position: absolute;
    top: 12px;
    left: 20px;
    width: 20px;
    height: 24px;
    z-index: 12;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.hamburger .btn-gNav span {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #dfdfdf;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.hamburger .btn-gNav span:nth-child(1) {
    top: 10px;
}

.hamburger .btn-gNav span:nth-child(2) {
    top: 20px;
}

.hamburger .btn-gNav span:nth-child(3) {
    top: 30px;
}

.hamburger .btn-gNav.open span:nth-child(1) {
    background: #ffffff;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger .btn-gNav.open span:nth-child(2),
.hamburger .btn-gNav.open span:nth-child(3) {
    top: 6px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btn-gNav {
    display: none;
}

.gNav .gNav-menu {
    display: flex;
    justify-content: space-between;
}

.gNav .gNav-menu li {
    margin: 0 auto;
    padding: 17px 5px;
}

.txt-style-1{
    color: #ffffff;
    background-color: hwb(0deg 0% 100% / 50%);
    padding: 3px 13px;
    border-radius: 10px;
    font-weight: bold;
    margin: 0px auto;
}

.flex-menu {
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: space-evenly;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
 }

.flex-menu-box {
    width: 32%;
    text-align: center;
    padding: 10px 2px 10px 2px;
    margin-bottom: 5px;
    font-size: 0.9em;
    height: 67px;
	line-height: 180%;
	background-image:url("../jujutsu-img/backimg-menu-3.png");
	background-size: cover;
}

.site-menu{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: space-evenly;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
    z-index: 100;
    flex-direction: row;
    width: 100%;
    margin: 0px auto 0px auto;
    max-width: 900px;
}

.site-menu-box{
    width: 49.333%;
    text-align: center;
    padding: 3px 2px;
    margin-bottom: 0px;
    font-size: 0.7em;
    min-height: 25px;
    line-height: normal;
    border-collapse: collapse;
    border: 0.5px solid #130e21;
}

.content{
	padding: 0px 0px 20px;
	position:relative;
}




.triangle {
    background: hwb(0deg 100% 0% / 50%);
    height: calc(tan(60deg)* 35px / 2);
    width: 90px;
    clip-path: polygon(100% 0, 50% 100%, 0% 0%);
    margin: 10px auto;
}

.triangle-2 {
    background: hwb(0deg 0% 100% / 50%);
    height: calc(tan(60deg)* 35px / 2);
    width: 90px;
    clip-path: polygon(100% 0, 50% 100%, 0% 0%);
    margin: 10px auto;
}



.subtitle-1{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px 35px;
    clip-path: polygon(100% 0, 100% 85%, 60% 85%, 50% 100%, 40% 85%, 0 85%, 0 0);
    background-color: hwb(0deg 0% 100% / 50%);
    margin-bottom: 25px;
}

.subtitle-2{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 3px 0px 0px 43px;
    width: 80%;
    margin: 30px auto;
    position: relative;
}

.icon-1{
    position: absolute;
    bottom: 0;
    left: -8px;
    width: 50px;
}





.formbot{
    color: white;
    background-color: #04cb5b;
    margin: 10px auto 0px;
    text-align: center;
    padding: 10px;
    width: 75%;
    font-size: 20px;
    border-radius: 50px;
    border: solid 2px #ffffffb0;
    box-shadow: 0px 2px 1px #a0a0a0;
}

.friendline{
	color:white;
    background-color: #00cd4a;
    margin: 20px auto;
    text-align: center;
    padding: 10px;
    width: 75%;
    font-size: 20px;
    border-radius: 50px;
    border: solid 2px #a5ffb9;
    box-shadow: 1px 2px 1px #009d13;
}

.friendsignal{
	color:white;
    background-color: #2977e7;
    margin: 20px auto;
    text-align: center;
    padding: 10px;
    width: 75%;
    font-size: 20px;
    border-radius: 50px;
    border: solid 2px #56b6ff;
    box-shadow: 1px 2px 1px #00449d;
}

.info-img{
	width: 100%;
	padding: 0px 10px 10px 10px;
}




.img-icon-doc{
    position: absolute;
    bottom: 28%;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0px auto;
    min-width: 390px;
    max-width: 500px;
}

.img-iconcol-1{
	background-color: #6c0008;
	border: 4px double #ff0000ab;
	border-radius: 10px;
	color: white;
	text-align: center;
}

.img-iconcol-2{
	background-color: hsl(0deg 0% 100% / 80%);
	border: 4px double hsl(0deg 0% 100% / 80%);
	border-radius: 10px;
	color: black;
	text-align: center;
}


.img-icon-1{
    width: 65px;
    height: 65px;
    position: absolute;
    bottom: 28%;
    left: 6%;
    font-size: 2.5em;
    letter-spacing: 2px;
}

.img-icon-2{
    width: 65px;
    height: 65px;
    position: absolute;
    bottom: 28%;
    left: 24%;
    font-size: 2.5em;
    letter-spacing: 2px;
}

.img-icon-3{
    width: 65px;
    height: 65px;
    position: absolute;
    bottom: 28%;
    left: 0;
	right: 0;
	margin: auto;
    font-size: 2.5em;
    letter-spacing: 2px;
}

.img-icon-4{
    width: 65px;
    height: 65px;
    position: absolute;
    bottom: 28%;
    right: 24%;
    font-size: 2.5em;
    letter-spacing: 2px;
}

.img-icon-5{
    width: 65px;
    height: 65px;
    position: absolute;
    bottom: 28%;
    right: 6%;
    font-size: 2.5em;
    letter-spacing: 2px;
}

.img-icon-6{
    width: 90%;
    position: absolute;
    bottom: 4%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0px 10px;
    font-size: 22px;
    line-height: 150%;
    color: white;
    text-align: center;
    text-shadow: black 2px 1px 3px;
}

.img-icon-7{
    width: 90%;
    position: absolute;
    bottom: 4%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0px 10px;
    font-size: 22px;
    line-height: 150%;
    color: white;
    text-align: center;
    text-shadow: black 2px 1px 3px;

}

.img-icon-8{
    width: 90%;
    position: absolute;
    bottom: 44%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0px 10px;
    font-size: 22px;
    line-height: 180%;
    color: white;
    text-align: center;
    text-shadow: black 2px 1px 3px;
}

.img-icon-9{
    width: 90%;
    position: absolute;
    bottom: 45%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0px 10px;
    font-size: 22px;
    line-height: 150%;
    color: white;
    text-align: center;
    text-shadow: black 2px 1px 3px;
}


.backimg-content1{
	background-image: url("../jujutsu-img/backimg-content1.png");
	background-size:cover;
	padding: 20px 5px;
}

.svs-doc{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.svs-cont{
    width: 160px;
	border-radius: 50%;
}
.svs-img{
    width: 100%;
    height: 100%;
	min-height: 160px;
    border-radius: 50%;
	text-align: center;
    padding-top: 45%;
}


/* ■■　当社の強味セクションCSS */







.title-text{
    font-size: 1.0em;
    text-align: center;
    padding: 15px 5px 15px 5px;
}
.title-text-2{
    font-size: 1.2em;
    text-align: center;
    padding: 15px 5px 15px 5px;
}

.re-toppage{
    font-size: 1.0em;
    color: white;
    margin: 20px 0px 100px 0px;
    background-color: #290047;
    clip-path: polygon(60% 0%, 0% 0%, 0% 0%, 0% 100%, 50% 100%);
    padding: 5px;
}

.defo-txt-1{
	font-size: 1.2em;
	width: 100%;
	padding: 20px;
}

.defo-txt-2{
    font-size: 1.1em;
    width: 90%;
    padding: 20px;
    margin: 0px auto;
    background-color: hwb(0deg 100% 0% / 21%);
    border: 8px double hwb(0deg 100% 0% / 50%);
    border-radius: 5px;
}



.backimg-top{
	width: 100%;
	height: auto;
	min-height: 500px;
	position:relative;
	background-image: url("../daikou-img/topimg-1.png");
	background-position: top;
	margin-bottom: 5px;
	margin-top: 0px;
}


.pcustam{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl; /* すべて縦方向に表示 */
}

.price-doc{
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

.price-title{
	width: 40%;
	background-color: #670000;
	color: white;
	font-size: 1.0em;
	padding: 10px 5px;
	float: left;
}

.price-list{
	width: 60%;
	background-color: white;
	color: darkslategray;
	font-size: 1.0em;
	padding: 10px 5px;
	float: left;
}

.adjustment{
	margin: 70px -5px 0px -5px;
	padding: 10px;
    background-color: #652a2ad1;
	background-size: contain;
	background-image: url("../jujutsu-img/backimg-menu-2.png")
}

.adjustment-2{
	margin: 0px -5px 15px -5px;
	padding: 10px;
    background-color: #b1b1b12b;
}

.genre-doc{
	width: 100%;
    clear: both;
    background-color: #ffffff42;
    padding: 10px;
    margin: 0px auto 20px auto;;
}
.genre-title{
	width: 100%;
    font-size: 1.0em;
    text-align: center;
    float: left;
    padding: 5px 5px 2px 5px;
    background-color: #130022;
    border-radius: 10px;
    margin-bottom: 15px;
}
.genre-img{
    width: 80%;
    padding: 5px;
    margin: auto;
    display: flex;
    align-content: center;
    justify-content: center;
}
.genre-text{
	width: 100%;
	float:left;
	padding: 15px 0px;
	font-size: 0.93em;
	line-height: 180%;
}

.genre-text-2{
	width: 100%;
	float:left;
	padding: 10px 0px;
	font-size:0.8em;
}

.pstyle-1{
    text-align: center;
    padding: 25px 5px 25px 5px;
    /* width: 100%; */
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin: auto;
	font-size: 1.0em;

}

.modaloricon{
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #000000;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modaloricon-2{
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #030c16e0;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modalorititle{
    font-size: 1.05rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #fff7b7;
}


.modaloribot{
    color: #fff;
    font-size: 1.0em;
    text-align: left;
    background-color: #00000091;
    border-color: #2d2700;
    width: 100%;
    min-height: 50px;
    margin-bottom: 5px;
}

.modaloribot-2{
    color: #fff;
    font-size: 1.0em;
    text-align: left;
    background-color: #133c5591;
    border-color: #ffffff70;
    width: 100%;
    min-height: 50px;
    margin-bottom: 5px;
}

.modaloriimgicon{
    width: 73px;
    height: auto;
    position: absolute;
    left: 1px;
    top: 1px;
	clip-path: polygon(100% 0%, 0% 0%, 0% 0%, 0% 100%, 77% 100%);
}

.modalori-menu {
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: space-evenly;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
 }

.modalori-box {
    width: 100%;
}



.titletext-1{
    color: #691100;
    font-size: 1.0em;
    text-align: left;
    padding: 10px 0px;
    display: block;
}


.genre-img-2{
	width: 100%;
    padding: 5px;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-between;
}

.genre-img-content{
	width: 32.3333%;
	padding: 5px 0px;
}

.furigana{
	font-size:0.8em;
	padding: 0px 5px;
}


.txtcolor-1{
    color: #ffffff;
}

.color-1{
	background-color: #901717;
	color: white;
}

.color-2{
	background-color: #ffb100;
	color: white;
}

.color-3{
	background-color: #959595;
	color: white;
}

.font-color-1{
    color: darkred;
    font-size: larger;
    background-color: #ffff6e;
}


@media screen and (min-width: 768px) {

	
}

@media screen and (min-width: 992px) {
	


}