@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');

.sp, .sp_in{
	display:none;
}

.pc{
	display: block;
}

.pc_in{
	display: inline;
}

/*------body------*/
#back_white {
    width: 100%;
    padding: 30px 0;
    background: #fefefe;
}

#kv img {
    display: block;
    width: 100%;
}

.contents {
	width: 64%;
	font-family: 'Noto Sans JP', sans-serif;
    margin: 0 auto;
    font-weight: 500;
    color: #323232;
}

@media screen and (max-width: 1236px) {
    .contents {
        width: 95%;
    }
}

#back_white .contents h1 {
    text-align: center;
    font-size: 42px;
    font-weight: 900;
}

#back_white .contents h1 span {
    display: block;
    font-size: 80%;
    color: #CC0000;
}

#back_white .contents h2 {
    width: 100%;
    text-align: center;
    padding: 20px 0 15px 0;
    color: #0C1733;
    font-size: 30px;
    font-weight: 900;
    border-bottom: 3px solid #0C1733;
}

.caption {
    text-align: right;
    font-size: 14px;
}

/*pr ここから*/
.pr {
    text-align: center;
    margin-bottom: 40px;
	font-size: 24px;
	font-weight: 800;
}
/*pr ここまで*/

/*overviewing ここから*/
.overviewing {
    text-align: center;
	font-size: 22px;
	font-weight: bold;
}
/*overviewing ここまで*/

/*promo ここから*/
.promo .flow ul {
    margin-top: 40px;
}

.promo ul li.pr_information {
    font-size: 18px;
    font-weight: 700;
    margin-left: 1.2em;
    text-indent: -1.2em;
}

.promo ul li.pr_information span {
    font-size: 16px;
    font-weight: 500;
}

.promo h3 {
    margin: 80px 0 20px 0;
    font-size: 22px;
    font-weight: 900;
}

.promo h3 span.patterna {
    display: block;
    color: #bc0022;
}

.promo ul li.pr_attention {
    font-size: 16px;
    margin-left: 1.2em;
    text-indent: -1.2em;
}
/*promo ここまで*/

/*introduction_pattern01 ここから*/
.introduction_pattern01 {
    width: 100%;
    text-align: center;
    margin: 60px 0;
}

.introduction_pattern01 img {
    width: 100%;
    max-width: 700px;
}

.introduction_pattern01 p {
    margin-top: 20px;
    font-size: 16px;
}
/*introduction_pattern01 ここまで*/

/*introduction_pattern02 ここから*/
.introduction_pattern02 {
    width: 100%;
    margin: 40px 0;
}

.introduction_pattern02 .full img {
    max-width: 100%;
    margin-top: 20px;
}

.introduction_pattern02 p {
    text-align: center;
    font-size: 18px;
    margin: 20px 0;
}
/*introduction_pattern02 ここまで*/

/*entry ここから*/
.entry {
    font-family: 'Noto Sans JP', sans-serif;
    width: 60%;
    max-width: 750px;
    margin: 50px auto;
}

.entry_btn {
    width: 100%;
    text-align: center;
    background: linear-gradient(to right, #cc0000 20%,#eb5514 60%,#ffb900);
    font-size: 24px;
    font-weight: bold;
    border-radius: 8px;
}

.entry_btn p {
    padding: 15px 0;
    color: #fefefe;
}

.entry_btn:hover {
    opacity: 0.7;
}

.entry_txt {
    text-align: center;
    font-size: 18px;
    color: #bc0022;
    font-weight: bold;
    margin-top: 20px;
}
/*entry ここまで*/

/*aten ここから*/
.aten {
    width: 100%;
    margin: 80px 0;
    background: #fefefe;
    border: 6px double #bc0022;
}

.aten p {
    text-align: left;
    padding: 30px;
    font-size: 22px;
    font-weight: 700;
    color: #bc0022;
}

.aten p span {
    display: block;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    font-weight: 900;
}
/*aten ここまで*/