*{
    font-family: heisei-maru-gothic-std,'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
    font-weight: 400;
    font-style: normal;
}
body {
    color: #000000;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
p {
    font-size: 1.3vw;
    line-height: 2.1vw;
    margin: 0;
}
h1,h2 {
    margin: 0;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.top__header {
    background-color: #ffffff;
    margin-top: -25px;
    padding: 1vw 1.5vw;
    box-shadow: 0px 0px 4px #b1b1b1;
}
.top__header__title {
    display: inline-flex;
}
.top__header__title span {
    font-weight: bold;
    font-size: 1.7vw;
    position: relative;
    top: 1.5vw;
    letter-spacing: 0.5px;
}
.top__header__title img {
    margin-left: 6px;
    width: 15.429vw;
}
.top__firstview {
    padding: 2.8vw;
}
.top__firstview__content--text {
    position: relative;
    z-index: 2;
}
.top__firstview__content--text1 {
    margin: 0.5vw 0vw 1vw;
}
.top__firstview__content--text1 p {
    color: #000000;
    font-size: 2vw;
    line-height: 2.5vw;
    font-weight: 600;
    margin-left: 3.5vw;
}
.top__firstview__content--text2 {
    border-style: dotted;
    border-width: 0.2vw 0vw 0.2vw 0vw;
    margin: 1vw 6.5vw 0vw 2vw;
    padding: 0.7vw 0vw 0.7vw 1.4vw;
    font-weight: bold;
}
.top__firstview__content--img {
    position: absolute;
    left: -44vw;
    top: -2.8vw;
    z-index: 1;
}
.top__firstview__content--img img {
    width: 49.5vw;
}
.top__firstview__content {
    margin-left: 49.5vw;
    position: relative;
}
.top__firstview__content--copy img {
    width: 40.858vw;
    padding-top: 0.5vw;
    position: relative;
    z-index: 2;
}
.top__achievement {
    background-color: #ffeac6;
    margin-top: 1vw;
    padding: 2vw;
    padding-top: 5vw;
    text-align: center;
    z-index: -3;
}
.top__achievement__content--text3 p.bold_copy {
    font-size: 2.5vw;
    letter-spacing: 0.1vw;
    margin-bottom: 0.5vw;
    font-weight: bold;

}
.highlight {
    background: linear-gradient(transparent 60%, #ffa95c 0%);
    line-height: 1.3em;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
    font-weight: bold;
}
.top__achievement__content--text3 p {
    font-size: 1.1vw;
}
.top__achievement___book .book_wrap img {
    width: 9.858vw;
    margin: 0vw 0.1vw;
}
.top__achievement___book .book_wrap {
    padding: 1vw 10vw 0vw;
}
.menu {
    background-color: #564c49;
    text-align: center;
}
.menu ul li {
    display: inline-flex;
    padding: 0.6vw 1.4vw;
}
.menu ul li img {
    width: 1.929vw;
    height: 1.929vw;
    margin-top: 0.4vw;
}
.menu a {
    color: #ffffff;
    font-size: 1.8vw;
    font-weight: bold;
    padding-left: 0.8vw;
}
.alreadypaper {
    background-image: url(../image/pc/alreadypaper_bg.jpg);
    background-size: cover;
    padding: 2.5vw 0vw;
    text-align: center;
    position: relative;
}
img.alreadypaper_content_bg {
    width: 65.715vw;
    margin: auto;
}
.alreadypaper_content p {
    top: 9vw;
    left: 24vw;
    text-align: left;
    position: absolute;
    font-weight: bold;
}
.alreadypaper_content span {
    color: #248bd4;
    text-decoration: underline;
    font-weight: bold;
}
.conversion {
    height: 14vw;
    background-image: url(../image/pc/conversion_bg.jpg);
    background-size: cover;
    text-align: center;
}
.conversion__btn {
    display: inline-flex;
    width: 85.715vw;
}
.conversion__btn--document img,.conversion__btn--inquiry img,.conversion__btn--apply img {
    width: 100%;
}
.conversion__btn img {
    padding: 1vw 1vw 0vw;
    margin-top: 2vw;
}
h1 {
    font-weight: bold;
    font-size: 3vw;
    letter-spacing: 0.5px;
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0.8vw 6vw 0.1vw;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
}
.overview {
    position: relative;
    padding: 4.2vw 0vw;
}
.overview__copy {
    padding: 2.8vw 0vw 2vw 0vw;
}
.overview img {
    margin: auto;
}
.overview__content__device--text p {
    position: absolute;
    left: 47.8vw;
    top: 30vw;
    width: 35.072vw;
}
img.pc.deviceimg {
    position: absolute;
    left: 17vw;
    top: 12vw;
    width: 47.286vw;
}
img.pc.illustration {
    position: absolute;
    left: 67.5vw;
    top: 14vw;
    width: 14.643vw;
}
.overview p {
    padding: 2.3vw 2vw;
    margin: auto;
    background-color: #0970a8;
    color: #ffffff;
}
.overview__content__bg1 {
    background-color: #dcf4ff;
    height: 26.5vw;
    margin-top: 8.5vw;
}
.overview__content__graph--text--img img {
    position: absolute;
    left: 42.3vw;
    top: 54vw;
    width: 40.715vw;
    z-index: 1;
}
.overview__content__graph--text-content {
    position: absolute;
    left: 17vw;
    top: 49vw;
    width: 27.5vw;
}
.overview__content__graph--text-content p {
    padding: 2.3vw 3.8vw;
}
.overview__content__device--text p,.overview__content__graph--text-content>div {
    box-shadow: 2px 2px 4px #b3b3b3;
}
.overview__content__graph--text-content>div>p.text1 {
    text-align: center;
    font-size: 2.5vw;
    letter-spacing: 0.2vw;
    line-height: 3vw;
    padding-bottom: 0;
    font-weight: bold;
}
.overview__content__graph--text-content>div>p.text2 {
    padding-top: 0.5vw;
}
.overview__content__graph--text-content span {
    color: #ffda69;
    font-weight: bold;
}
.overview__content__bg2 {
    background-color: #dcf4ff;
    height: 17vw;
    margin-top: 14vw;
}
.overview__copy img,.overview__store img {
    width: 65.715vw;
}
.overview__storehandling {
    margin-top: 6.5vw;
}
h2 {
    color: #ff8023;
    font-size: 2.5vw;
    font-weight: bold;
    text-decoration: underline;
}
.point {
    position: absolute;
    top: -4.5vw;
    left: 27.5vw;
    z-index: 1;
    width: 10.786vw;
}
.feature {
    text-align: center;
    background-image: url(../image/pc/feature_bg.jpg);
    background-repeat: repeat;
    padding: 4.2vw 0vw;
}
.feature__content p {
    text-align: left;
    font-weight: bold;
}
.feature__content--title {
    background-color: #ffffff;
    margin: auto;
    margin-bottom: 1.8vw;
    padding: 3.2vw 1.5vw 0.7vw;
    position: relative;
}
.feature__content {
    text-align: center ;
    border: 5px #ff8023 solid ;
    z-index: 100 ;
    background: #fff ;
    background-color: #ffeac6;
    width: 65.715vw;
    margin: auto;
    margin-bottom: 2.8vw;
    padding: 5vw 3.5vw 3.5vw 3.5vw;
    border-radius: 20px;
    box-shadow: 1px 3px 5px #989290;
    position: relative;
}
.feature__content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px #ff8023 solid;
    margin: 5px;
    display: block;
    z-index: -1;
    background: #ffeac6;
    border-radius: 14px;
}
.feature__content::after {
    content: "" ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    border: 2px #0000ff solid ;
    margin: 5px ;
    display: block ;
    z-index: -5 ;
    background: #fff ;
    border-radius: 20px;
}
.feature__wrap {
    padding-top: 5.3vw;
    position: relative;
}
.title_l::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 9vw solid transparent;
    border-left: 2vw solid #ffeac6; 
    position: absolute;
    z-index: 100;
}
.title_l::after {
    content: "";
    right: 0;
    border-bottom: 9vw solid #ffeac6;
    border-left: 2vw solid transparent;
    position: absolute;
    z-index: 100;
    bottom: 0;
}
.feature__content--editor {
    background-color: #ffffff;
    border: solid 3px #000000;
    margin-top: 1.8vw;
    padding: 1.5vw;
    padding-top: 2.5vw;
}
.feature__content--text--imgwrap {
    padding-right: 3.4vw;
}
.feature__content--text--imgwrap img {
    width: 15.715vw;
}
.feature__content--text {
    display: inline-flex;
}
.feature__content.content1>.feature__content--title {
    width: 47vw;
}
.feature__content1--wrap>p {
    text-align: center!important;
    color: #ffffff;
    background-color: #000000;
    background-image: repeating-linear-gradient( 
218deg,#242424, #242424 7px,transparent 0, transparent 14px);
padding: 1vw 6vw 0.5vw;
    margin: 0vw 3vw 1.6vw 3vw;
    font-size: 2vw;
    font-weight: bold;
    letter-spacing: 0.1vw;
    line-height: 2.4vw;
}
.feature__content--text p {
    margin-top: 0;
}
.feature__content2--text p.head {
    font-size: 2vw;
    margin-bottom: 1.5vw;
}
.feature__content2--wrap {
    display: flex;
}
.feature__content2--wrap img {
    padding-right: 2vw;
    width: 20.0vw;
}
.feature__content.content2>.feature__content--title {
    width: 58vw;
}
.content2 {
    margin: 6vw auto 6vw;
}
p.pdotitle {
    text-align: center!important;
    background-color: #248bd4;
    color: #ffffff;
    border-radius: 22vw;
    margin: 0vw 5vw 1.8vw;
    padding: 1.3vw 1vw 0.7vw;
    font-size: 2vw;
}
.feature__content3--wrap {
    background-color: #ffffff;
    border: solid 3px #248bd4;
    padding: 1.5vw 4vw;
    color: #248bd4;
    margin-top: 1.8vw;
}
.feature__content3--wrap>p {
    text-align: center;
    font-size: 2vw;
    padding-bottom: 0.7vw;
}
.feature__content3--text>p {
    margin: 0vw 3.5vw 0vw 8.2vw;
}
.feature__content.content3>.feature__content--title {
    width: 46vw;
}
.feature__content:nth-child(3) {
    margin-bottom: 0;
}
.flow {
    background-image: url(../image/pc/flow_bg.jpg);
    background-size: cover;
    padding: 4.2vw 0vw;
    position: relative;
}
.flow__step--step.step1 img {
    position: absolute;
    width: 38vw;
    left: 31.2vw;
    top: 12.8vw;
}
.flow__step {
    position: absolute;
    top: 22.2vw;
    left: 18.9vw;
    display: inline-flex!important;
}
.flow__step img {
    width: 12.286vw;
    margin-right: 0.5vw;
}
.flow__step--step.step6 img {
    width: 10.6vw;
}
.flow__step--step--wrap {
    text-align: center;
}
img.flow__step--content_bg {
    width: 67.715vw;
    margin: 1vw auto -1.3vw;
}
.voice {
    background-image: url(../image/pc/vioce_bg.jpg);
    background-size: contain;
    background-position: bottom;
    padding: 4.2vw 0vw;
}
.voice_content {
    margin: 5.5vw 17.143vw;
    margin-bottom: 0;
    background-color: #ffffff;
    border: solid 3px #000000;
    display: inline-flex;
    position: relative;
    box-shadow: 12px 11px 0px #000000;
}
.voice_content--text {
    padding: 1.7vw 2vw;
    font-weight: bold;
}
.voice_content img {
    position: relative;
    top: -3.5vw;
    left: 2vw;
    width: 14.86vw;
    height: 16.5vw;
    margin-right: 4vw;
}
footer img {
    width: 25.858vw;
    margin: 4vw auto 1vw;
}
footer {
    width: 100%;
    height: 100%;
    text-align: center;
}
.footer--text>p {
    padding-bottom: 1.5vw;
    line-height: 1.9vw;
}
p.copy {
    background-color: #000000;
    color: #ffffff;
    padding: 1vw 4vw;
    font-size: 1vw;
    font-weight: normal;
}