@charset "utf-8";


/*-----------------------------------

mainContainer

-----------------------------------*/

#mainContainer {
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	padding-bottom: 120px;
}

#mainContainer section .inner {
}

#sec01 dl {
	display: flex;
	flex-wrap: wrap;
}

#sec01 dt {
	order: 1;
	width: 100%;
	font-size: 2.8rem;
	margin-bottom: 30px;
}

#sec01 .date {
	order: 2;
	margin-right: 65px;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	color: #bfbfbf;
	font-weight: bold;
}

#sec01 .date:after {
	content: '';
	width: 1px;
	height: 1em;
	position: absolute;
	top: 7px;
	right: -30px;
	background: #333;
}

#sec01 .cate {
	order: 3;
	margin-top: -1px;
}

#sec01 .explain {
	order: 4;
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eee;
	line-height: 2.2;
}

#sec01 .explain>p {
    margin-bottom: 1.25em;
}

#sec01 .explain>ul {
    margin-bottom: 1.25em;
}

#sec01 .explain>ul li {
    margin-left: 1em;
    text-indent: -1em;
}

#sec01 .explain .box01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 50px;
}

#sec01 .explain .box01 p {
    width: 480px;
}

#sec01 .explain .box01 div {
    width: 430px;
}

#sec01 .explain .box01 div img {
    width: 100%;
}

#sec01 .explain .box01 div p {
    font-size: 1.4rem;
    margin-top: 5px;
}

#sec01 .explain .box02 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 90px;
}

#sec01 .explain .box02 div {
    margin-right: 20px;
}

#sec01 .explain .box02 div p{
    font-size: 1.4rem;
    margin-top: 5px;
}

#sec01 .explain h3 {
    font-size: 1.8rem;
    padding-bottom: 5px;
    border-bottom: 1px solid #fcaf16;
    margin-bottom: 30px
}

#sec01 .explain dl.list01 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

#sec01 .explain dl.list01 dt {
    width: 80px;
    order: 1;
    font-size: 1.4rem;
    padding-left: 5px;
    text-align: right;
    position: relative;
    margin: 0;
}

#sec01 .explain dl.list01 dt:before {
    content: '';
    border-left: 3px solid #fcaf16;
    position: absolute;
    top: 0.45em;
    left: 0;
    height: 1em;
}

#sec01 .explain dl.list01 dd {
    order: 2;
    font-size: 1.4rem;
}

#sec01 .explain dl.list02 {
    display: block;
    margin-bottom: 60px
}

#sec01 .explain dl.list02 dt {
    order: 1;
    font-size: 1.4rem;
    padding-left: 13px;
    position: relative;
    margin: 0;
}

#sec01 .explain dl.list02 dt:before {
    content: '';
    border-left: 3px solid #fcaf16;
    position: absolute;
    top: 0.45em;
    left: 0;
    height: 1em;
}

#sec01 .explain dl.list02 dd {
    order: 2;
    font-size: 1.4rem;
}

#sec01 .explain .btn01 {
    text-align: center;
}

#sec01 .explain .btn01.lv01 {
    margin-top: 100px;
}

#sec01 .explain .btn01 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 425px;
    height: 65px;
    background: #fcaf16 url("../../images/common/icon_arrow09.png") 97% center no-repeat;
    color: #000;
    text-decoration: none;
    margin: 0 auto;
    font-size: 1.8rem;
}

#sec01 .explain .btn01 p {
    margin-top: 5px
}

/*230725b*/

#sec01 .explain .box03 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
}

#sec01 .explain .box03 div {
    width: 480px;
}

#sec01 .explain .box03 h3 {
    color: #fcaf16;
    margin-bottom: 0;
}

#sec01 .explain .box03 p {
    margin-top: 20px;
}

#sec01 .explain .box03 img {
    max-width: 430px;
}



@media screen and (max-width: 559px) {

#mainContainer {
	padding-bottom: 20vw;
}

#sec01 dt {
	order: 1;
	font-size: 2.2rem;
	margin-bottom: 8vw;
}

#sec01 .date {
	order: 2;
	margin-right: 10.67vw;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	color: #bfbfbf;
	font-weight: bold;
}

#sec01 .date:after {
	content: '';
	width: 1px;
	height: 1em;
	position: absolute;
	top: 2vw;
	right: -5.33vw;
	background: #333;
}

#sec01 .cate {
	order: 3;
	margin-top: -1px;
	width: 60vw;
}

#sec01 .explain {
	order: 4;
	width: 100%;
	margin-top: 5.33vw;
	padding-top: 5.33vw;
	border-top: 1px solid #eee;
	line-height: 2.2;
}

#sec01 .explain .box01 {
    display: block;
    margin-bottom: 5.33vw;
}

#sec01 .explain .box01 p {
    width: 100%;
    margin-bottom: 10.67vw;
}

#sec01 .explain .box01 div {
    width: 100%;
}

#sec01 .explain .box01 div img {
    width: 100%;
}

#sec01 .explain .box01 div p {
    font-size: 1.4rem;
    margin: 1.3vw 0 0;
}

#sec01 .explain .box02 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 18vw;
}

#sec01 .explain .box02 div {
    margin-right: 0;
    width: 47%;
    margin-bottom: 5.33vw;
}

#sec01 .explain .box02 div img {
    width: 100%;
}

#sec01 .explain .box02 div p{
    font-size: 1.4rem;
    margin-top: 1.4vw;
}

#sec01 .explain h3 {
    font-size: 1.8rem;
    padding-bottom: 1.3vw;
    margin-bottom: 5.33vw;
}

#sec01 .explain dl.list01 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

#sec01 .explain dl.list01 dt {
    width: 20vw;
    order: 1;
    font-size: 1.4rem;
    padding-left: 1.3vw;
    text-align: right;
    position: relative;
    margin: 0;
}

#sec01 .explain dl.list01 dt:before {
    content: '';
    border-left: 3px solid #fcaf16;
    position: absolute;
    top: 0.45em;
    left: 0;
    height: 1em;
}

#sec01 .explain dl.list01 dd {
    order: 2;
    font-size: 1.4rem;
    width: 70vw;
}

#sec01 .explain dl.list02 {
    display: block;
    margin-bottom: 16vw;
}

#sec01 .explain dl.list02 dt {
    order: 1;
    font-size: 1.4rem;
    padding-left: 1.3vw;
    position: relative;
    margin: 0;
}

#sec01 .explain dl.list02 dt:before {
    content: '';
    border-left: 3px solid #fcaf16;
    position: absolute;
    top: 0.45em;
    left: 0;
    height: 1em;
}

#sec01 .explain dl.list02 dd {
    order: 2;
    font-size: 1.4rem;
}

#sec01 .explain .btn01 {
    text-align: center;
}

#sec01 .explain .btn01.lv01 {
    margin-top: 13.95vw;
}

#sec01 .explain .btn01 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 13.95vw;
    background: #fcaf16 url("../../images/common/icon_arrow09.png") 95% center no-repeat;
    background-size: 4vw auto;
    color: #000;
    text-decoration: none;
    margin: 0 auto;
    font-size: 1.6rem;
}

/*230725b*/

#sec01 .explain .box03 {
    display: block;
    margin-top: 13.95vw;
}

#sec01 .explain .box03 div {
    width: 100%;
    margin-bottom: 4vw;
}

#sec01 .explain .box03 h3 {
    color: #fcaf16;
    margin-bottom: 0;
}

#sec01 .explain .box03 p {
    margin-top: 5.33vw;
}

#sec01 .explain .box03 img {
    max-width: 100%;
}

}