@charset "utf-8";

/* <link rel="stylesheet" href="./css_document.css" media="all"> */

/*
## privacy.css
### プライバシーポリシーページで使用するスタイル

*/

.section {
    clear: both;
    box-sizing: border-box;
    margin-bottom: 60px;
}
.section p {
	text-align: left;
}

/*小サイズ*/
.mb-s {margin-bottom: 1em;}
/*中サイズ*/
.mb-m {margin-bottom: 2em;}
/*大サイズ*/
.mb-l {margin-bottom: 3em;}


.conceptTitle {
	margin-bottom: 30px;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
    font-size: 22px;
    line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}


.head_block > h2.headline {
    margin: 0 0 25px 0;
    padding: 1px 0;
    border-top: solid 2px #66BACE;
    border-bottom: solid 1px #66BACE;
}
.head_block > h2.headline > .text {
    display: block;
    padding: 1em 0;
    margin: 0;
    border-top: solid 1px #66BACE;
    border-bottom: solid 2px #66BACE;
}

.text-box ul {
    list-style-type: disc;
    margin-left: 30px;
    padding: 0;
}

li {
    line-height: 1.2;
}
.li_mark_circle > * {
    position: relative;
    list-style-type: none;
}
.text-box ul > li {
    margin: 12px 0;
    padding: 0;
}

.li_mark_circle > *:before {
    display: block;
    content: '';
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: -1em;
    background: #555;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    z-index: 100;
}
@media screen and (max-width:600px) {
.text-box ul {
    list-style-type: disc;
    margin-left: 15px;
    padding: 0;
}

.text-box ul li{
    word-wrap: break-word;
}

.li_mark_circle > *:before {
    display: block;
    content: '';
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: -1em;
    background: #555;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    z-index: 100;
}

.text-box ul.maker-link li {
	border-bottom: dotted 1px #D1D1D1;
	padding-bottom: 10px;
}
.maker-link span {
	display: block;
}

.maker-link.li_mark_circle > *:before {
    display: none;
    background: none;
}


}



/* ol
============================================================
*/

ol {
	margin-left: 1em;
}
ol li {
	margin: 0 0 1em 0;
	line-height: 1.5;
}

.text-box ul li a {
	color: #24A59A;
}
.text-box ul li a:hover {
	text-decoration: none;
}