@charset "utf-8";
/* CSS Document */

/*各末端2021冬
スマートフォン：320px〜540px
タブレット：600px〜1024px
PC：1,280px〜*/

/**/

/*パソコン対応（基準）*/
body {
    background-color: white;
    width: 100%;
}

.about-flex {
    background-color: white;
    display: flex;
    width: 68%;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 30px;
}
.about-jp {
    background-color: white;
    width: 50%;
    margin-left: 10%;
    line-height: 170%;/*行間の値（正確には、フォントサイズと上下の余白合計値）*/
}

.about-en {
    background-color: white;
    color: #005361;
    width: 50%;
    line-height: 170%;/*行間の値（正確には、フォントサイズと上下の余白合計値）*/
}
.about-2 {
    background-color: white;
    width: 80%;
    margin: 0 auto 50px;
    margin-top: 20px;
}

.about-2jp {
    background-color: white;
    font-size: 15px;
    width: 68%;
    margin: 0 auto;
    line-height: 170%;
}

.about-2en {
    background-color: white;
    width: 68%;
    margin: 0 auto;
     line-height: 170%;/*行間の値（正確には、フォントサイズと上下の余白合計値）*/
}
.line-solid-about {
    width: 85%;
    border-top: solid 1px;
    margin: 20px auto;
}

.line-dashed-about {
    width: 50%;
    border-top: dashed 1px;
    text-align:left;
margin-left:0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.under-line {
    color: #000000;
    border-bottom: 1px solid #000000;
}




/*レスポンシブウェブデザイン は、閲覧者の画面サイズまたはウェブブラウザに応じてデスクトップウェブページが閲覧できることを目指したウェブデザインの手法。
加えて、1つのウェブサイトで多様なデバイスを同様にサポートすることもレスポンシブウェブデザインのタスクに含まれている点を理解しておくことが重要である。*/
/*スマホ・タブレット対応*/
@media screen and (max-width: 1024px) {
        /*コーディング時は320pxで表示崩れ（横スクロールなど）が無いか確認しながら行うのが確実です。*/  
.about-flex {
    background-color: white;
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 20px;
}
.about-jp {
    background-color: white;
    width: 90%;
    margin-left: 0;
    line-height: 170%;/*行間の値（正確には、フォントサイズと上下の余白合計値）*/
    margin: auto;
}

.about-en {
    background-color: white;
    color: #005361;
    width: 90%;
    line-height: 170%;/*行間の値（正確には、フォントサイズと上下の余白合計値）*/
    margin: auto;
    margin-top: 80px;
}
.about-2 {
    background-color: white;
    width: 100%;
    margin: 0 auto 50px;
    margin-top: 20px;
}

.about-2jp {
    background-color: white;
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    line-height: 170%;
}

.about-2en {
    background-color: white;
    width: 90%;
    margin: 0 auto;
     line-height: 170%;/*行間の値（正確には、フォントサイズと上下の余白合計値）*/
}
.line-solid-about {
    width: 90%;
    border-top: solid 1px;
    margin: 20px auto;
}

.line-dashed-about {
    width: 50%;
    border-top: dashed 1px;
    text-align:left;
margin-left:0px;
    margin-top: 20px;
    margin-bottom: 20px;
}



}