@charset "utf-8";
/*============================================================

GoogleWebフォントの読み込み

============================================================*/
/*和文フォント：ノトサンズ（400＆700）*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');

/*欧文フォント：ラート、ロボット、クイックサンド：400＆500、ソースセリフプロ*/
@import url('https://fonts.googleapis.com/css?family=Lato|Roboto|Quicksand:400,500|Source+Serif+Pro&display=swap');
/*============================================================

リセットCSS

============================================================*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    vertical-align:baseline;
    background:transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img { 
    display:block;
}
ul {
    list-style:none;
}
input, select {
    vertical-align:middle;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
a {
    text-decoration: none;
}
/*END：リセットCSS*/


/*============================================================

フォントサイズ

============================================================*/
/*
ルートのフォントサイズ（ブラウザの基準）
---------------------------------------------------------*/
/*ユーザがブラウザのフォントサイズを変更できるように％で設定*/
/*「1rem=100％=16px」を「1rem=62.5％=10px」に変更*/
html{
    font-size: 62.5%;
}

/*
デフォルトのフォントサイズ
---------------------------------------------------------*/
/*chromeにバグがあるため「rem」ではなく「em」で設定*/
body{
    font-size: 1.6em;
}
@media print,screen and (max-width: 375px){
    body{
        font-size: 1.4em;
    }
}
/*
レスポンシブフォントサイズ responsive-font
---------------------------------------------------------*/
@media print,screen and (min-width: 679px) {
    h1,.h1 {font-size: 3.6rem;}
    h2,.h2 {font-size: 2.8rem;}
    h3,.h3 {font-size: 2.4rem;}
    h4,.h4 {font-size: 2.1rem;}
    h5,.h5 {font-size: 1.8rem;}
    h6,.h6 {font-size: 1.6rem;}
}
@media print,screen and (min-width: 376px) and (max-width: 678px) {
    h1,.h1 {font-size: 3.2rem;}
    h2,.h2 {font-size: 2.5rem;}
    h3,.h3 {font-size: 2.2rem;}
    h4,.h4 {font-size: 2rem;}
    h5,.h5 {font-size: 1.8rem;}
    h6,.h6 {font-size: 1.6rem;}
}
@media print,screen and (max-width: 375px){
    h1,.h1 {font-size: 2.8rem;}
    h2,.h2 {font-size: 2.3rem;}
    h3,.h3 {font-size: 2rem;}
    h4,.h4 {font-size: 1.8rem;}
    h5,.h5 {font-size: 1.6rem;}
    h6,.h6 {font-size: 1.4rem;}
}
/*
フォントサイズ：固定値
---------------------------------------------------------*/
/*15pxは使用しない*/
.f_14px{font-size: 1.4rem;}
.f_13px {font-size: 1.3rem;}
.f_12px {font-size: 1.2rem;}
.f_11px {font-size: 1.1rem;}
.f_10px {font-size: 1.0rem;}

/*============================================================

p要素

============================================================*/
.paragraph p,.p{
    line-height: 2;
    margin-bottom: 1.5em;
    text-align: justify;
}
@media print,screen and (max-width: 375px) {
    .paragraph p,.p{
        line-height: 1.8;
        margin-bottom: 1.2em;
    }
}
/*============================================================

body要素

============================================================*/
body{
    line-height: 1.8;
    text-align: justify;
    letter-spacing: 0.0em;
}

/*フォントファミリー*/
body {
    font-family:'Lato','Noto Sans JP',sans-serif;
    /*letter-spacing: 0.01em;*/
}
/*フォントのレンダリング*/
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* フォントカラー */
body,a {
    color:#756b62;
    color:#000;
}

body{
    line-height:1.2;
}

/*スマホ横向きのスタイルリセット*/
body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/* 横幅の最小値 */
@media print,screen and (max-width: 320px) {
    body{
        min-width: 320px;
    }
}