
/*
.index-001 {
    margin-bottom: 30px;
    border: 2px solid #ff5757;
    border-radius: 3px;
}

.index-001 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #ff5757;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.index-001 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3.8%2017.2h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.8-.8-.8zm0-15h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8V3c-.1-.4-.4-.8-.8-.8zm0%207.6h-3c-.5%200-.8.3-.8.7v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.7-.8-.7zM23.2%2018h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8zm0-15h-15c-.4%200-.7.3-.7.8v1.5c0%20.4.3.7.7.7h15c.5%200%20.8-.3.8-.8V3.8c0-.5-.3-.8-.8-.8zm0%207.5h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8z%22%2F%3E%3C%2Fsvg%3E');
    content: '';
}

.index-001 ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}

.index-001 > ol {
    padding: 1em 1em 1em 3em;
}

.index-001 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.index-001 li {
    padding: 5px 0;
    font-weight: 600;
}

.index-001 ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.index-001 a {
    color: #333;
    text-decoration: none;
}



.index-001 a:hover {
    color: #34B7A8 !important;
}



.box-001 {
    max-width: 400px;
    /*margin: 0 auto;* 
    padding: .5em 1.5em 1em;
    border-top: 5px solid #34b7a8;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #f2f2f2;
}

.box-001 > div {
    margin-bottom: .5em;
    color: #737373 !important;
    font-weight: 600;
    font-size: 1.05em;
}

.box-001 > p {
    margin: 0;
    color: #333;
}

.box-002 {
    max-width: 400px;
   /* margin: 0 auto;* 
    border: 2px solid #34b7a8;
    border-radius: 5px;
    color: #333333;
}

.box-002 div {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -13px;
    /*left: 10px;* 
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #34b7a8;
    font-weight: 600;
    vertical-align: top;
}

.box-002 p {
    color: #5d6371 !important;
}

.box-002 svg {
    padding-right: 4px;
}

.box-002 p {
    margin: 0;
    padding: 0 1.5em 1em;
}

.box-003 {
    position: relative;
    max-width: 400px;
    /*margin: 1.5em auto;* 
    padding: 2.5em 1.5em 1.5em;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #92d3c8;
    color: #333333;
}

.box-003 span {
    position: absolute;
    top: -15px;
    transform: translateX(-.3em) rotate(-5deg);
    padding: .5em 2em;
    border-right: 2px dotted rgb(0 0 0 / 10%);
    border-left: 2px dotted rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: rgb(255 255 255 / 40%);
    font-weight: 600;
}

.box-003 p {
    margin: 0;
}

.box-004 {
    position: relative;
    max-width: 400px;
    /*margin: 0 auto;* 
    padding: 1em 1.5em;
    background-color: #92d3c8;
    color: #333;
}

.box-004::after {
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 20px 20px 0;
    border-style: solid;
    border-color: #72b3a8 #fff;
    box-shadow: -1px 1px 1px rgb(0 0 0 / 5%);
    content: '';
}


.qa-001 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa-001 dt::before,
.qa-001 dd::before {
    margin-right: .4em;
}

.qa-001 dt::before {
    content: "Q.";
}

.qa-001 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #ffe5eb;
    color: #333333;
}

.qa-001 dd::before {
    content: "A.";
}


.qa-002 dt {
    margin-bottom: 1em;
    color: #3e3c3c;
    font-weight: 600;
}

.qa-002 dt::before,
.qa-002 dd::before {
    margin-right: .4em;
}

.qa-002 dt::before {
    content: "Q.";
}

.qa-002 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #92D3C8;
    color: #3e3c3c;
}

.qa-002 dd::before {
    content: "A.";
}



.list-004 {
    list-style-type: none;
    padding: 1em;
    border: 2px solid #ff5757;
    counter-reset: li;
}

.list-004 li {
    display: flex;
    align-items: center;
    padding: .3em;
}

.list-004 li::before {
    display: inline-block;
    min-width: 1.7em;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #ff5757;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 1.7em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}

.align-left {
    margin-right: auto;
}

.align-right {
    margin-left: auto;
}

.align-center {
    margin: 0 auto;
}

.list-001 {
    list-style-type: none;
    padding: 1em;
    border: 2px solid #ff5757;
}

.list-001 li {
    display: flex;
    align-items: center;
    gap: 0 10px;
    position: relative;
    padding: .3em .3em .3em 1.5em;
}

.list-001 li::before,
.list-001 li::after {
    position: absolute;
    content: '';
}

.list-001 li::before {
    left: 0;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background-color: #ff5757;
}

.list-001 li::after {
    left: .6em;
    transform: translateX(-75%) rotate(-45deg);
    width: .3em;
    height: .3em;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.list-002 {
    list-style-type: disc;
    padding: 1em 1em 1em 2.5em;
    border-left: 5px solid #ff5757;
    background-color: #f2f2f2;
}

.list-002 li {
    padding: .3em .3em .3em 0;
}

.list-002 li::marker {
    color: #ff5757;
    font-size: 1.1em;
}

.list-003 {
    background-color: #f2f2f2;
}

.list-003 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #ff5757;
    color: #fff;
    font-weight: 600;
}

.list-003 ul {
    list-style-type: disc;
    margin: 0;
    padding: 1em 1em 1em 2.5em;
}

.list-003 li {
    padding: .3em .3em .3em 0;
}

.list-003 li::marker {
    color: #ff5757;
    font-size: 1.1em;
}

.button-001 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #34b7a8;
    color: #ffffff !important;;
    font-weight: 600;
    font-size: 1em;

    
}

.button-001:hover{
    background-color: #24a798 !important;
}
*/

.mt-50{
    margin-top: 50px !important;
}

.mt-20{
    margin-top: 20px !important;
}

.mt-10{
    margin-top: 10px !important;
}

.mt-5{
    margin-top: 5px !important;
}

.mt-1{
    margin-top: 1px !important;
}

.mb-50{
    margin-bottom: 50px !important;
}

.mb-20{
    margin-bottom: 20px !important;
}

.mb-10{
    margin-bottom: 10px !important;
}

.mb-5{
    margin-bottom: 5px !important;
}

.mb-1{
    margin-bottom: 1px !important;
}
/*
.single-entry{

>h1 {
    padding:0 .4em .2em;
    border-bottom: 3px solid #ff5757 !important;
    background-color: #ffffff !important;
    color: #333333 !important;
}

>h2 {
    position: relative;
    padding: .5em .7em;
    background-color: #ff5757;
    color: #fff;
}

>h2::before {
    position: absolute;
    top: 100%;
    left: 0;
    border-bottom: solid 10px transparent;
    border-right: solid 20px #ef4747;
    content: '';
}

>h3 {
    padding:0 .4em .2em;
    border-bottom: 3px dotted #ff5757 !important;
    background-color: #ffffff !important;
    color: #333333 !important;
}

>h4 {
    padding: .5em .7em;
    border-left: 5px solid #ff5757 !important;
    color: #333333 !important;
}



}


.title_h2 {
    position: relative;
    padding: .5em .7em;
    background-color: #ff5757;
    color: #fff;
}

.title_h2::before {
    position: absolute;
    top: 100%;
    left: 0;
    border-bottom: solid 10px transparent;
    border-right: solid 20px #ef4747;
    content: '';
}


.title_h1{
    padding:0 .4em .2em;
    border-bottom: 3px solid #ff5757 !important;
    background-color: #ffffff !important;
    color: #333333 !important;
}

.title_h4{
    padding: .5em .7em;
    border-left: 5px solid #ff5757 !important;
    color: #333333 !important;
}

.title_h3{
    padding:0 .4em .2em;
    border-bottom: 3px dotted #ff5757 !important;
    background-color: #ffffff !important;
    color: #333333 !important;
}





.entry-header {
	border: 0;
}
*/

@media (max-width: 575.98px) {
	.entry-body {
		font-size: 16px;
	}

	h1.entry-title {
		font-size: 25px;
	}
}


.entry-meta_items_term {
	margin-left: auto;
}

.entry-meta_items_term_button {
	padding: 0;
	background: none;
	border: 0;
	font-weight: bold;
}

.entry-meta_items_term_button {
	color: #FFA726;
}


.entry-meta_items_term_button:hover {
	color: #26A69A;
	border: 0;
}

span.entry-meta-tag {
	font-size: 12px;
	margin-left: .8em;
}


span.entry-meta-tag a {
	color: #555;
	text-decoration: none;
	margin-right: 8px;
}

.entry-meta {
    position: relative;
}

.entry-meta .entry-meta-tag {
    display: block;
    margin: 10px 0 0;
}

.entry-meta .entry-meta_items_term {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.tag:hover a:hover{
    color: #24bd9a !important;
}

.entry-body .thumbnail img {
	width: 100%;
}




/*フォント*/

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
	font-display: swap;
}


.H2heading {
padding: 1rem 2rem;
border-left: 5px solid #34B7A8;
background: #f4f4f4;
font-size: 20px;
font-weight: bold;
}

.H3heading {
font-size: 20px;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 2em;
position: relative;
border-bottom: solid 3px #e3e3e2;/* 線 */
color: #2da742;/* フォント色 */
}

.H3heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #34B7A8;
width: 15%;
bottom: -3px;
}


.H4heading {
padding: 0.2rem;
margin-bottom: 0.2rem;
border-bottom: 3px dotted #34B7A8;
font-weight: bold;
font-size: 20px;
}




.heading-3 {
padding:0 .4em .2em;
border-bottom: 3px dotted #2589d0;
background-color: #ffffff;
color: #333333;
}

.heading-31 {
position: relative;
padding: .3em 0 .2em 1em;
border-bottom: 3px solid #2589d0;
color: #333333;
}

.heading-31::before {
position: absolute;
top: 0;
left: .3em;
transform: rotate(55deg);
height: 11px;
width: 12px;
background: #2589d0;
content: '';
}

.heading-31::after {
position: absolute;
transform: rotate(15deg);
top: .6em;
left: 0;
height: 8px;
width: 8px;
background: #2589d0;
content: '';
}

.heading-2 {
padding:0 .4em .2em;
border-bottom: 3px solid #2589d0;
background-color: #ffffff;
color: #333333;
}

.heading-22 {
padding: .5em .7em;
border-left: 5px solid #2589d0;
background-color: #f2f2f2;
color: #333333;
}

.heading-11 {
position: relative;
padding: .5em .7em;
background-color: #2589d0;
color: #fff;
}

.heading-11::before {
position: absolute;
top: 100%;
left: 0;
border-bottom: solid 10px transparent;
border-right: solid 20px #1579c0;
content: '';
}

.box-002 {
max-width: 400px;
margin: 0 auto;
border: 2px solid #34b7a8;
border-radius: 5px;
color: #333333;
}

.box-002 div {
display: inline-flex;
align-items: center;
position: relative;
top: -13px;
left: 10px;
margin: 0 7px;
padding: 0 8px;
background: #fff;
color: #34b7a8;
font-weight: 600;
vertical-align: top;
}

.box-002 svg {
padding-right: 4px;
}

.box-002 p {
margin: 0;
padding: 0 1.5em 1em;
}

.box-003 {
position: relative;
/*max-width: 400px;*/
margin: 1.5em auto;
padding: 2.5em 1.5em 1.5em;
box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
background-color: #92d3c8;
color: #333333;
}

.box-003 span {
position: absolute;
top: -15px;
transform: translateX(-.3em) rotate(-5deg);
padding: .5em 2em;
border-right: 2px dotted rgb(0 0 0 / 10%);
border-left: 2px dotted rgb(0 0 0 / 10%);
box-shadow: 0 0 5px rgb(0 0 0 / 20%);
background-color: rgb(255 255 255 / 40%);
font-weight: 600;
}

.box-003 p {
margin: 0;
}

.box-004 {
position: relative;
/*max-width: 400px;*/
margin: 0 auto;
padding: 1em 1.5em;
background-color: #92d3c8;
color: #333;
}

.box-004::after {
position: absolute;
top: 0;
right: 0;
border-width: 0 20px 20px 0;
border-style: solid;
border-color: #72b3a8 #fff;
box-shadow: -1px 1px 1px rgb(0 0 0 / 5%);
content: '';
}


.toc-001 {
margin-bottom: 30px;
padding: 1em 1em 1em 2em;
border: 1px solid #999;
background-color: #ffffff;
color: #333333;
}

.toc-001 div {
display: flex;
align-items: center;
margin: 0;
padding: 5px 0;
}

.toc-001 ol {
list-style-type: decimal;
margin: 0;
padding: 0 1.2em;
overflow: hidden;
}

.toc-001 ol ol {
margin-top: 5px;
}

.toc-001 li {
padding: 5px 0;
}

.toc-001 a {
color: #166c9d;
}


.toc-002 {
margin-bottom: 30px;
border: 2px solid #2589d0;
border-radius: 3px;
}

.toc-002 div {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 10px 0;
background-color: #2589d0;
color: #fff;
font-weight: 600;
font-size: 1.1em;
}

.toc-002 div::before {
display: inline-block;
width: 1em;
height: 1em;
margin-right: 5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
content: '';
}

.toc-002 ol {
list-style-type: decimal;
margin: 0;
overflow: hidden;
}

.toc-002 > ol {
padding: 1em 1em 1em 3em;
}

.toc-002 ol ol {
margin-top: 5px;
padding-left: 1.1em;
}

.toc-002 li {
padding: 5px 0;
font-weight: 600;
}

.toc-002 ol ol li {
font-weight: 500;
font-size: .9em;
}

.toc-002 a {
color: #333;
text-decoration: none;
}


.button-001 {
display: flex;
justify-content: center;
align-items: center;
width: 250px;
margin:0 auto;
padding: .9em 2em;
border: none;
border-radius: 5px;
box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
background-color: #34b7a8;
color: #fff;
font-weight: 600;
font-size: 1em;
}

.button-001:hover {
background-color: #24a798;
}

.heading-5 {
padding:0 .4em .2em;
border-bottom: 3px double #2589d0;
background-color: #ffffff;
color: #333333;
}

.box-018 {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    padding: 1em calc(1.5em + 9px);
    border-top: 1px solid #2589d0;
    border-bottom: 1px solid #2589d0;
    color: #333;
}

.box-018::before,
.box-018::after {
    position: absolute;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% + 20px);
    background-color: #2589d0;
    content: '';
}

.box-018::before {
    left: 9px;
}

.box-018::after {
    right: 9px;
}

@media (min-width: 1200px) {
	.container {
		width: 1800px;
		max-width: 90%;
	}
}

@media (min-width: 992px) {
	.mainSection-col-two {
		width: 72.66667%;
		float: left;
	}

	.sideSection-col-two {
		width: calc(100% - 72.66667% - 3rem);
		float: right;
	}
}


