@charset"UTF-8";

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');
  /*
'Montserrat' is licensed under the Open Font License.
https://fonts.google.com/specimen/Montserrat
*/
<link href="https://fonts.googleapis.com/earlyaccess/kokoro.css" rel="stylesheet">
*/

/* 基本設定 */
:root {
    --mainColor: #dba386;
}
html {
    background: transparent;
    font-size: 62.5%;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
/* 段落、余白 */
.main-wrap {
    padding: 10px 0;
    margin: 5vh auto 10vh 35%;
    width: 55%;
     max-width: 900px;
}
.main-wrap a {
    color: #109196;
    transition: .1s;
}
a:hover {
    opacity: .6;
}
/* 文字の色 */
body {
    min-height: 100vh;
    color: #333333;	/* グレー */
    font-size: 1.5rem;
	font-family: 'BIZ UDPGothic', sans-serif;
    letter-spacing: 0.2em;
    line-height: 1.8;
	}
.container{
display: flex;
flex-direction: column;
min-height: 100vh;
}

/* リンク */
a {
    text-decoration: none;
}

.main-wrap a {
    color: #109196;
    transition: .1s;
}
a:link {
    color: #109196;
}
a:visited {
    color: #333;
}

a:hover {
    color: #109196;
    opacity: 0.6;
}

.button-2 {
    display: flex
;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin: 3% auto;
    padding: .9em 2em;
    border: none;
    border-radius: 25px;
    background-color: #13d0c3;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}
/* 区切り線 装飾*/
hr {
	margin:2% 5% 2% 0.5%;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #808080;   /* 線色 */
   height: 1px;         /* 高さ(※古いIE用) */
}

/* フォント指定まとめて */
.site-name{
color: inherit;
}
.site-name a{
color: inherit;
}

.site-name,a:visited,a:hover{
color: inherit;
}
p,
h2,
h3,
h4,
.time,
.tsuiki,
.main-nav,
.back-top {
	font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: normal;
}
p {
	box-sizing: border-box;
	margin:1% auto 2% auto;
    font-size: 16px ;
 }
h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    word-break: break-all;
    font-size: 22px ;
}
h2::before {
    content: '';
    display: block;
    width: 100px;
    height: 6px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-top: #66e3bf solid 6px;
    box-sizing: border-box;
}
h3 {
    margin: 20px 0 10px;
    font-size: 20px ;
}
h3 > span {
    display: inline-block;
    padding: 2px 10px;
    background: #66e3bf;
}
h4 {
    margin: 0px;
    color: #756f63;
}
em {
    text-decoration: underline;
}
strong {
    font-weight: bolder;
}
ul,
ol {
    list-style: none;
}
/* フッター */
.main-footer{
	display: block;
	margin: 15vh 0 0;
	background-color: #13d0c3;
	color: #fff;
	font-size: 0.8rem;
	text-align: left;
	padding: 1em 2em;
	width: 80%;
}

/* 連絡用 */

.sentan01 {
    padding: .5em .7em;
    border-left: 5px solid #13d0c3;
    color: #333333;
}
/* 取り消し線 */
.Torikeshi {
text-decoration: line-through;
}

/* 透明化 */
.Kakushi {
	color: transparent;
}
/* 下線 */
.Kasen {
text-decoration: underline;
	}

/* スマホ用 */
@media screen and (max-width: 900px){
#css{width: auto;
}
/** 段落、余白、メインコンテンツ **/

#link-info {
     width: 100%;/* 要素を横幅一杯に */
     margin: 0;
}

.main-wrap {
     width: 100vw;/* 要素を横幅一杯に */
     display: block;
     margin: auto 0 5vh 0;/* 左右の余白を良い感じにする */
     padding: 0;
     overflow-x: hidden;
}
/* リンク */
a {
    text-decoration: none;
}

.main-wrap a {
    color: #109196;
    transition: .1s;
}
a:link {
    color: #109196;
}
a:visited {
    color: #333;
}

a:hover {
    color: #109196;
    opacity: 0.6;
}

/* フォント指定まとめて */
.container {
display: flex;
flex-direction: column;
min-height: 100vh;
}

.site-name{
color: inherit;
}
.site-name a{
color: inherit;
}
p
h2,
h3,
h4,
.time,
.tsuiki,
.main-nav,
.back-top {
	font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: normal;
	box-sizing: border-box;
	}

p {
	width: 95%;
    margin: 0.5% auto 1% auto;
    padding: 0;

}

/* 文字の色 */
body {
    margin: 0 auto;
    width: 100vw;
    margin-top: 15vh;
    min-height: 100vh;
    color: #333333;	/* グレー */
    font-size: 1.5rem;/* 大きめ */
	font-family: 'BIZ UDPGothic', sans-serif;
    letter-spacing: 0.2em;
    line-height: 1.8;
    overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
    }

h2 {
    display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-items: center;
    margin: 0;
    padding: 0;
    font-size: 1.5em;/* 大きめ */
    text-align: center;
    text-transform: uppercase;
	box-sizing: border-box;
	    word-break: break-all;

}
h2::before {
    content: '';
    display: block;
    width: 100px;
    height: 6px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-top: #66e3bf solid 6px;
	box-sizing: border-box;

}
h3 {
	width: 100vw;
	box-sizing: border-box;

}
h3 > span {
    display: inline-block;
    background: #66e3bf;
    box-sizing: border-box;
}
h4 {
    margin: 0px;
    color: #756f63;
    width: 100vw;
    box-sizing: border-box;


}
em {
    text-decoration: underline;
}
strong {
    font-weight: bolder;
}
ul,
ol {
    list-style: none;
}
/* フッター */
.main-footer{
	display: block;
	width: 100%;
	height: 3vh;
	min-height: 3vh;
	background-color: #13d0c3;
	color: #fff;
	font-size: 1rem;/* 大きめ */
	text-align: center;
	bottom: 0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: fixed;
}

/* 連絡用 */
.sentan01 {
    border-left: 5px solid #13d0c3;
    color: #333333;
}
	}