/* CSS Document */
.useful_list > ul { display: flex; flex-wrap: wrap; padding-bottom: 60px;}
.useful_list > ul > li { width: 285px;box-sizing: border-box;border: 1px solid #d7d7d7; margin:0  20px 20px 0;}
.useful_list a { display: block;}
.useful_list a:hover { opacity: 0.6;}
.useful_list a p { padding:0 15px 15px;font-size: 1.8rem;font-weight: 500; line-height: 1.4;}
.useful_list a img { width: 100%; height: 200px; object-fit: cover;}
.useful_list > ul > li ul { display: flex;flex-wrap: wrap; padding: 10px;}
.useful_list > ul > li ul li { color: #fff;font-size: 1.2rem; background: #fa4f12;margin-right: 10px;line-height: 24px;padding: 0 10px;margin-bottom: 5px;}
@media print, screen and (min-width: 768px){
    .useful_list > ul > li:nth-child(4n) { margin-right: 0;}
}
@media screen and (max-width: 767px) {
    .useful_list { margin-bottom: 30px}
    .useful_list > ul { padding-bottom: 20px; justify-content: space-between;}
    .useful_list > ul > li { width: 48%;margin:0  0 15px 0;}
    .useful_list a p { padding:0 10px 10px;font-size: 1.6rem;line-height: 1.3;}
    .useful_list a img { height: 120px;}
    .useful_list > ul > li ul li {font-size: 1rem; margin-right: 5px;line-height: 20px;padding: 0 5px;margin-bottom: 5px;}

}


#useful_title { position: relative; margin-bottom: 50px;}
#useful_title figure img { width: 100%; height: 600px; object-fit: cover;}
#useful_title h1 { background: rgba(0,0,0,0.5);text-align: center;position: absolute;width: 100%;bottom: 0;}
#useful_title h1 span { font-size: 4rem;font-weight: bold; display: block;padding: 15px 0 20px;line-height: 1.3;color: #fff;letter-spacing: 0.15em;}
@media screen and (max-width: 767px) {
    #useful_title { margin-bottom: 30px;}
    #useful_title figure img { height: 300px;}
     #useful_title h1{ text-align: left;} 
    #useful_title h1 span { font-size: 2.3rem;padding: 10px 15px 15px;letter-spacing: 0em;}
}
.useful_tag {}
.useful_tag ul { display: flex;flex-wrap: wrap; margin-bottom: 20px;}
.useful_tag ul li { color: #fff;font-size: 1.4rem; background: #fa4f12;margin-right: 10px;line-height: 25px;padding: 0 10px;margin-bottom: 5px;}
.useful_tag ul li a { color: #fff;}
@media screen and (max-width: 767px) {
    #useful_tag ul li { font-size: 1.2rem; line-height: 22px;padding: 0 5px;}
}

.useful_content:last-of-type { padding-bottom: 50px;}
.useful_content h2 { font-size: 3rem; font-weight: bold;border-bottom: 1px solid #d7d7d7;padding: 0 0 15px 15px; line-height: 1.4;letter-spacing: 0.08em; margin-bottom: 30px;}
.content_body { font-size: 1.8rem; letter-spacing: 0.06em; line-height: 2;font-weight: 300;padding-bottom: 40px;}
.content_body p { margin-bottom: 30px;}
.content_body p:last-of-type { margin-bottom: 0;}
.content_body figure { text-align: center; margin-bottom: 40px;}
.content_body a { color: #fa4f12;font-weight: 400;}
.content_body a:hover { opacity: 0.6;}
@media screen and (max-width: 767px) {
    .useful_content:last-of-type { padding-bottom: 30px;}
    .useful_content h2 { font-size: 2rem;padding: 0 0 10px 5px; margin-bottom: 20px;letter-spacing: 0;}
    .content_body { font-size: 1.6rem;line-height: 1.8;padding-bottom: 30px;}
    .content_body p { margin-bottom: 20px;}
    .content_body figure { text-align: center; margin-bottom: 30px;}
}

#relation_report {}
#relation_report dl { background: #f8ece8;padding: 20px; width: 600px; box-sizing: border-box; margin: 0 auto;}
#relation_report dl dt { text-align: center;font-size: 2rem; padding-bottom: 20px;}
#relation_report dl dd { background: #fff;}
#relation_report dl dd ul { font-size: 1.6rem;list-style: disc;padding:15px 15px 15px 45px;}
#relation_report dl dd ul li { margin-bottom: 5px;}
#relation_report dl dd ul li:last-of-type { margin-bottom: 0;}

@media screen and (max-width: 767px) {
    #relation_report { padding: 0 15px 50px;}
    #relation_report dl { padding: 15px; width: 100%; }
    #relation_report dl dt { font-size: 1.8rem; padding-bottom: 15px;}
    #relation_report dl dd ul { font-size: 1.4rem;padding:10px 10px 10px 35px;}


}

.img_left {float: left;margin: 0 30px 50px 0;max-width: 340px; }
.img_right {float: right;margin: 0 0 50px 30px;max-width: 340px;}
.img_left img,
.img_right img {width: 100%;height: auto;}

i{
	font-style: italic;
}

.text-tiny{
	font-size: 70%;
}
.text-small{
	font-size: 85%;
}
.text-big{
	font-size: 140%;
}
.text-huge{
	font-size: 180%;
}

:root {
	--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
	--ck-highlight-marker-green: hsl(120, 93%, 68%);
	--ck-highlight-marker-pink: hsl(345, 96%, 73%);
	--ck-highlight-marker-blue: hsl(201, 97%, 72%);
	--ck-highlight-pen-red: hsl(0, 85%, 49%);
	--ck-highlight-pen-green: hsl(112, 100%, 27%);
}

.marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}
.marker-green {
    background-color: var(--ck-highlight-marker-green);
}
.marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}
.marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}
.pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}
.pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}

blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}

.table {
    margin: 1em auto;
    margin-bottom: 1em;
    display: table;
}
.table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #bfbfbf;
}
.table tbody{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #bfbfbf;
}
.table th{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #bfbfbf;
    min-width: 2em;
    padding: .4em;
}
.table td{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #bfbfbf;
    min-width: 2em;
    padding: .4em;
}
.content_body ul{
	list-style: disc;
}
.content_body ol{
	list-style: decimal;
}
.content_body li{
	margin-left: 20px;
}

.fs16{
	font-size: 1.6rem;
}
.fs20{
	font-size: 2.0rem;
}