@charset "utf-8";
/* CSS Document */
/* =Reset-------------------------------------- */
html {
    font-size: 100%; /* 通常ブラウザ標準16pxを適用 */
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    scroll-behavior: smooth;
    line-height: 1.6;
	background-color: #383838;
}
* {
    margin: 0;
    padding: 0;
}
*, *::before, *::after {
    box-sizing: border-box;
}
a { color: #fff;
    text-decoration: none;
	
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}
body {
    font-size: 1rem; /* 1rem = 16px (標準) */
    line-height: inherit;
	background-color: #383838;
	
}
button, input, textarea, select {
    font: inherit;
    line-height: inherit;
}
textarea {
  resize: vertical;
}
button, input {
  background: none;
}
/* 禁則処理-------------------------------------- */
p, li, dt, dd, th, td, pre {
    line-break: strict;
    word-break: break-all;
    overflow-wrap: break-word;
}
/* 
 * clearfixクラス：子要素がfloatでレイアウトされる際、親要素が高さを認識できるようにする
 * 疑似要素::afterを使ってフロートを解除し、親要素内での要素整列を正しく表示する
 */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
/* 見出し共通スタイル */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: 0.1rem; /* remで統一 */
	color: #fff;
}
/* サイズは個別指定 */
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.4rem;
}
h3 {
    font-size: 1rem;
}
h4 {
    font-size: 1rem;
}
h5 {
    font-size: 1rem;
}
h6 {
    font-size: 1rem;
}
/*テキスト関連----------------------------------------*/
p {
    line-height: 1.6;
    letter-spacing: 0.05rem; /* 0.5pt相当を約0.05remに置換 */
    color: #171717;
    margin-bottom: 20px;
	color: #fff;
}
/*スマートフォン折り返し解除<br>に付与----------------------------------------*/
.SpBr {}
.PcBr {
    display: none
}
/*Ul LIST----------------------------------------*/
ul {
    list-style: none;
}
ul li {
    line-height: 1.6;
    letter-spacing: 0.05rem; /* 0.5pt相当を約0.05remに置換 */
    font-weight: normal;
}
/*OL LIST----------------------------------------*/
ol {}
ol li {
    line-height: 1.6;
    letter-spacing: 0.05rem; /* 0.5pt相当を約0.05remに置換 */
    font-weight: normal;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
    display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
    outline-offset: -2px;
}

.sec1 { padding: 60px}






/* width 769以上 */
@media screen and (min-width : 769px) {
	
a {transition: color 0.3s ease, background-color 0.3s ease;}	
	
a:hover { color: #54A876;
    text-decoration: none;
}	
	
    /*見出し----------------------------------------*/
    h1 {
        font-size: 2rem
    }
    h2 {
        font-size: 1.4rem
    }
    h3 {
        font-size: 1rem
    }
    h4 {
        font-size: 1rem
    }
    h5 {
        font-size: 1rem
    }
    h6 {
        font-size: 1rem
    }
    /*PC折り返し復活----------------------------------------*/
    .SpBr {
        display: none
    }
    .PcBr {
        display: block
    }
}





/* width 1200以上 */
@media screen and (min-width : 1200px) {}