@charset "UTF-8";

/**
 * Theme Name: Propeller Studio
 * Description: Propeller Studio様用のテンプレートです
 * Author: M.Yago
 * Version: 1.0.0
 */

/* -------------------
common
--------------------- */
:root {
    --primary-black: #3e3e3e;
    --primary-gray: #f3f3f3;
    --contentWidth: 77.6%;
    --contentPadding: 11.2%;
}

html {
    font-size: 62.5%;
}

/* 共通 */
body{
    color: var(--primary-black, #3e3e3e);
    font-style: normal;
    font-weight: 400;
    line-height: 220%; 
}

/* 和文フォント */
body.lang-ja {
    font-family: "Noto Sans JP", Arial, sans-serif;
    font-size: 1.4rem;
}

/* 欧文フォント */
body.lang-en {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.6rem;
}

.numberTxt {
    font-family: "Cormorant Infant", serif;
    font-size: 1.6rem;
    font-weight: 400;
    font-style: normal;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

.topic {
    font-family: "Cormorant Garamond";
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 120%;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 0.8rem;
    width: 15.3rem;
    height: 3.2rem;
    border: 0.1rem solid;
    background: transparent;
    text-decoration: none;
    color: var(--primary-black);
    text-align: center;
    color: #3E3E3E;
    text-align: center;
    font-family: "Cormorant Garamond";
    font-weight: 700;
    line-height: 257%;
    position: relative; 
}

.btn::after {
    content: '';
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    background-image:url(../images/icon_arrow.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 8%;
}

.btnNoarrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.6rem;
    height: 2.8rem;
    border: 0.1rem solid;
    background: transparent;
    text-decoration: none;
    color: var(--primary-black);
    text-align: center;
    font-family: "Cormorant Garamond";
    font-weight: 700;
    line-height: 143%;
    font-size: 1.4rem;
}

/* common pc */
@media screen and (min-width: 769px) {
    .topic {
        font-size: 3.2rem;
        font-weight: 600;
        line-height: 122%;
    }

    .btn {
        padding-right: 0.8rem;
        width: 16.3rem;
        border: 0.1rem solid;
        font-weight: 500;
        line-height: 225%;
    }

    .btn::after {
        top: 30%;
    }
}
/*  pc 769px */

/* -------------------
404
--------------------- */
.page404 {
    padding: 5rem 0;
    width: 77%;
    margin: 0 auto;
}

.page404 p {
    margin-top: 2rem;
    font-size: 1.4rem;
}

.section-title {
    font-size: 1.6rem;
}