@charset "utf-8";

.cf:after {
content:" ";
display: block;
clear: both;
}

.view-pc {
display: block;
}
.view-sp {
display: none;
}

@media only screen and (max-width: 850px) {
.view-pc { display: none;}
.view-sp { display: block;}
}

.stretched-link::after{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1
;pointer-events:auto;
content:"";
background-color:rgba(0,0,0,0)
}

.imgresize {
max-width: 100%;
width: 100%;
}

.titleanime {
animation: titleanime 1.35s ease forwards;
}

@keyframes titleanime {
from{
opacity: 0;
transform: translateY(45px);
}

to{
opacity: 1;
transform: translateY(0);
}
}

.titleanime_s {
animation: titleanime 3.0s ease forwards;
}

@keyframes titleanime_s {
from{
opacity: 0;
transform: translateY(33px);
}

to{
opacity: 1;
transform: translateY(0);
}
}

.cntinnerbox {
width: 100%;
max-width: 75%;
margin: 0 auto ;
box-sizing: border-box;
}

@media only screen and (max-width: 1200px) {
.cntinnerbox {
width: 100%;
max-width: 100%;
padding: 0 3%;
}
}

.zoomIn img {
transform: scale(1);
transition: .3s ease-in-out;
}

.zoomIn img:hover{
transform: scale(1.1);
}

.mask{
display: block;
line-height: 0;
overflow: hidden;
}

.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
}

.bgc-w {
background: #fff;
}

.detailbt {
width: 100%;
margin: 0 auto;
background: #e60012;
border-radius: 2px;
display: block;
margin-top:  30px;
}

.detailbt a {
opacity: 1.0;
color: #fff;
display: block;
text-align: center;
letter-spacing: 0.04em;
text-decoration: none;
padding: 4%;
}

.detailbt a:hover {
background: #FF3645;
border-radius: 2px;
color: #fff;
}

.detailbt_left {
width: 100%;
background: #e60012;
border-radius: 2px;
display: block;
margin-top:  30px;
}

.detailbt_left a {
opacity: 1.0;
color: #fff;
display: block;
text-align: center;
letter-spacing: 0.04em;
text-decoration: none;
padding: 4%;
}

.detailbt_left a:hover {
background: #FF3645;
border-radius: 2px;
color: #fff;
}

.detailbt_top {
width: 35%;
float: left;
background: #fff;
border-radius: 2px;
}

.detailbt_top a {
opacity: 1.0;
text-align: center;
font-weight: 600;
display: block;
letter-spacing: 0.04em;
text-decoration: none;
padding: 4%;
}

.detailbt_top a:hover {
background: #fff;
color: #e50113;
border-radius: 2px;
}

.detailbt_arrow {
text-align: center;
}

.detailbt_arrow a {
text-decoration: none;
}

.detailbt_arrow p {
font-size: 17px;
}

.detailbt_arrow p:after {
font-family: "Font Awesome 6 Free";
content: "\f138";
font-weight: 900;
margin: 0 0 0 10px;
color: #363425;
}

.bt-100 {
width: 100%;
}

.bt-50 {
width: 50%;
}

.bt-40 {
width: 40%;
}

.bt-30 {
width: 30%;
}

@media only screen and ( max-width : 850px ) {
.detailbt a {
padding: 3%;
font-size: 14px;
}

.detailbt_left {
width: 100%;
margin: 20px auto 0 auto;
}

.detailbt_left a {
padding: 3%;
font-size: 14px;
}

.detailbt_top {
width: 60%;
}

.detailbt_top a {
padding: 3%;
font-size: 14px;
}

.bt-100 {
width: 80%;
}

.bt-50 {
width: 80%;
}

.bt-40 {
width: 80%;
}

.bt-30 {
width: 80%;
}
}

.sec_s {
margin-bottom: 55px;
}

.sec_m {
margin-bottom: 75px;
}

.sec_l {
margin-bottom: 100px;
}

ul.caption {
padding-bottom: 40px;
}

ul.caption li.txt {
max-width: 90%;
margin: 0 auto;
}

ul.caption li.txt p {
line-height: 180%;
text-align: center;
}

ul.box-align_2 {
width: 100%;
margin: 0 auto;
}

ul.box-align_2 li {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0 2% 2% 0;
}

ul.box-align_2 li:nth-child(2n) {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0 0 2% 0;
}

ul.box-align_2 li p.tit {
font-weight: 600;
padding: 8px 0 0 0;
}

ul.box-align_2 li p.cnt {
padding: 1.3% 0;
}

ul.box-align_2 li p.tit_top {
font-weight: 600;
font-size: 20px;
padding: 8px 0 0 0;
}

ul.box-align_2 li p.cnt_top {
padding: 1.3% 0;
font-size: 16px;
}

ul.box-align_2 p.bt {
background: #0E0101;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
border:transparent 3px solid;
box-sizing:border-box;
}

ul.box-align_2 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
font-weight: 600;
text-decoration: none;
}

ul.box-align_2 p.bt:hover {
border-radius: 4px;
background: #fff;
border: 3px solid #526276;
}

ul.box-align_2 p.bt:hover a {
color: #252525;
font-weight: bold;
opacity: 1.0;
}

ul.box-align_2 li img {
max-width: 100%;
width: 100%;
}

ul.box-align_2_strength {
width: 100%;
margin: 0 auto;
}

ul.box-align_2_strength li {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0 2% 2% 0;
}

ul.box-align_2_strength li:nth-child(2n) {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0 0 2% 0;
}

ul.box-align_3 {
width: 100%;
margin: 0 auto;
}

ul.box-align_3 li {
position: relative;
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 2% 2% 0;
}

ul.box-align_3 li:nth-child(3n) {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 0 2% 0;
}

ul.box-align_3 li p.tit {
font-weight: 700;
padding-top: 8px;
font-size: 16px;
}

ul.box-align_3 li a{
text-decoration: none;
}

ul.box-align_3 li p.tit_2 {
font-weight: 600;
font-size: 14px;
padding-top: 8px;
}

ul.box-align_3 li p.cnt {
padding: 1.3% 0;
font-size: 14px;
}

ul.box-align_3 li p.link {
font-size: 14px;
}

ul.box-align_3 li p.link a {
font-size: 14px;
}

ul.box-align_3 p.bt {
background: #545454;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
}

ul.box-align_3 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
}

ul.box-align_3 p.bt a:hover {
border-radius: 4px;
opacity: 0.6;
}

ul.box-align_3 li img {
max-width: 100%;
width: 100%;
}

ul.box-align_4 {
width: 100%;
margin: 0 auto;
}

ul.box-align_4 li {
display: inline-block;
vertical-align: top;
width: 23%;
margin: 0 2% 2% 0;
}

ul.box-align_4 li:nth-child(4n) {
display: inline-block;
vertical-align: top;
width: 23%;
margin: 0 0 2% 0;
}

ul.box-align_4 li p.tit {
font-weight: 600;
padding-top: 8px;
font-size: 16px;
color: #e50113;
}

ul.box-align_4 li p.cnt {
padding: 1.3% 0;
font-size: 14px;
}

ul.box-align_4 p.bt {
background: #313131;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
}

ul.box-align_4 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
}

ul.box-align_4 p.bt a:hover {
border-radius: 4px;
opacity: 0.6;
}

ul.box-align_4 li img {
max-width: 100%;
width: 100%;
}

ul.layout_hr01 {
width: 100%;
padding-bottom: 120px;
}

ul.layout_hr01 li.img {
float: right;
width: 40%;
}

ul.layout_hr01 li.img img {
width: 100%;
max-width: 100%;
}

ul.layout_hr01 li.movie {
float: left;
width: 40%;
}

ul.layout_hr01 li.movie .morsp {
position: relative;
padding-top: 56.25%;
}

ul.layout_hr01 li.movie .morsp iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

ul.layout_hr01 li.txt {
float: left;
width: 57%;
}

ul.layout_hr01 li.txt p.tit {
font-weight: 600;
font-size: 24px;
color: #E50113;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr01 li.txt p.tit_flow {
font-weight: 600;
font-size: 24px;
padding-bottom: 20px;
letter-spacing: 0.07em;
}

ul.layout_hr01 li.txt p.tit_flow .num {
font-weight: 600;
font-size: 25px;
background: #E50113;
font-family: 'Montserrat', sans-serif;
border-radius: 7px;
color: #fff;
padding: 1.5%;
margin-right: 10px;
letter-spacing: 0.07em;
}

ul.layout_hr01 li.txt p.tit2 {
font-weight: 600;
font-size: 24px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr01 li.txt p.stit {
font-weight: 600;
font-size: 16px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr01 li.txt p {
line-height: 170%;
}

ul.layout_hr02 {
width: 100%;
padding-bottom: 120px;
}

ul.layout_hr02 li.img {
float: left;
width: 40%;
}

ul.layout_hr02 li.img img {
width: 100%;
max-width: 100%;
}

ul.layout_hr02 li.movie {
float: left;
width: 40%;
}

ul.layout_hr02 li.movie .morsp {
position: relative;
padding-top: 56.25%;
}

ul.layout_hr02 li.movie .morsp iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

ul.layout_hr02 li.txt {
float: right;
width: 57%;
}

ul.layout_hr02 li.txt p.tit {
font-weight: 600;
font-size: 24px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr02 li.txt p.tit2 {
font-weight: 600;
font-size: 24px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr02 li.txt p.stit {
font-weight: bold;
font-size: 16px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr02 li.txt p.cnt {
line-height: 170%;
}

ul.layout_vr {
width: 100%;
padding-bottom: 70px;
}

ul.layout_vr li.img {
max-width: 80%;
margin: 0 auto;
padding-bottom: 30px;
}

ul.layout_vr li.img img {
width: 100%;
max-width: 100%;
}

ul.layout_vr li.txt {
max-width: 90%;
margin: 0 auto;
text-align: left;
}

ul.layout_vr li.txt p.tit {
text-align: center;
font-size: 24px;
color: #e50113;
padding-bottom: 8px;
}

ul.layout_vr li.txt p.tit_greeting {
text-align: center;
font-size: 24px;
color: #B40122;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
padding-bottom: 8px;
}

ul.layout_vr li.cnt_greeting {
max-width: 90%;
margin: 0 auto;
text-align: left;
}

ul.layout_vr li.cnt_greeting p {
line-height: 190%;
font-weight: 500;
font-size: 16px;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

ul.intro {
width: 100%;
padding-bottom: 40px;
}

ul.intro li.txt {
max-width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}

ul.intro li.txt p {
text-align: left;
display: inline-block;
line-height: 170%;
font-size: 18px;
}

.datatable {
padding-bottom: 25px;
}

.datatable li.date {
padding-bottom: 8px;
}

.datatable li.date p {
font-weight: 600;
font-size: 14px;
text-align: right;
}

.datatable li.cap {
padding-bottom: 8px;
}

.datatable li.cap p {
font-weight: 600;
font-size: 16px;
}

.datatable li.at {
padding-top: 8px;
}

.datatable li.at p {
color: #C11004;
font-size: 14px;
font-weight: 600;
}

.datatable table {
width: 100%;
margin: 0 auto;
border: 1px solid #ccc;
border-collapse: collapse;
}

.datatable table tr {
border: 1px solid #ccc;
}

.datatable table td {
border: 1px solid #ccc;
padding: 7px;
}

.datatable table td p.left {
line-height: 200%;
}

.datatable table td p.cener {
text-align: center;
font-weight: 600;
}

.datatable table .red {
background: #ffe7eb;
}

.datatable table .gray {
background: #f9f9f9;
}

.datatable table .beige {
background: #f4f4ea;
}

.datatable table .blue {
background: #daeff8;
}

.datatable table .green {
background: #e2f1e6;
}

.datatable_scroll {
padding-bottom: 25px;
}

.datatable_scroll li.date {
padding-bottom: 8px;
}

.datatable_scroll li.at {
padding-top: 8px;
}

.datatable_scroll li.at p {
color: #C11004;
font-size: 14px;
font-weight: 600;
}

.datatable_scroll table {
width: 100%;
margin: 0 auto;
border: 1px solid #ccc;
border-collapse: collapse;
}

.datatable_scroll table tr {
border: 1px solid #ccc;
}

.datatable_scroll table td {
border: 1px solid #ccc;
padding: 7px;
}

.datatable_scroll table td p {
text-align: center;
}

.datatable_scroll table .red {
background: #ffe7eb;
}

.datatable_scroll table .gray {
background: #f9f9f9;
}

.datatable_scroll table .beige {
background: #f4f4ea;
}

.datatable_scroll table .blue {
background: #daeff8;
}

.datatable_scroll table .green {
background: #e2f1e6;
}

@media only screen and ( max-width : 850px ) {
.datatable {
overflow: auto;
}

.datatable table td {
padding: 7px;
}

.datatable table td .yt_link {
width: 80%;
}

.datatable table td p {
font-size: 13px;
}

.datatable table td p strong {
font-size: 15px;
}

.datatable_scroll {
overflow: auto;
white-space: nowrap;
}

.datatable_scroll table td {
padding: 7px;
}

.datatable_scroll table td .yt_link {
width: 80%;
}

.datatable_scrolle table td p {
font-size: 13px;
}

.datatable_scroll table td p strong {
font-size: 15px;
}
}

@media only screen and ( max-width : 850px ) {
ul.box-align_2 li {
margin: 0 2% 3.5% 0;
}

ul.box-align_2 li:nth-child(2n) {
margin: 0 0 3.5% 0;
}
	
ul.box-align_2 li p.tit {
font-size: 15px;
}

ul.box-align_2 li p.cnt {
font-size: 13px;
}

ul.box-align_2 li p.tit_top {
font-size: 17px;
}

ul.box-align_2 li p.cnt_top {
font-size: 15px;
}

ul.box-align_2_strength {
margin-bottom: 20px;
}

ul.box-align_2_strength li {
width: 100%;
margin: 0 0 2% 0;
}

ul.box-align_2_strength li:nth-child(2n) {
width: 100%;
margin: 0;
}
	
ul.box-align_3 li {
width: 49%;
margin: 0 2% 7% 0;
}

ul.box-align_3 li:nth-child(3n) {
width: 49%;
margin: 0 2% 7% 0;
}

ul.box-align_3 li:nth-child(2n) {
width: 49%;
margin: 0 0 7% 0;
}

ul.box-align_3 li p.tit {
font-size: 14px;
}

ul.box-align_3 li p.cnt {
font-size: 13px;
}

ul.box-align_4 li {
width: 49%;
margin: 0 2% 7% 0;
}

ul.box-align_4 li:nth-child(4n) {
width: 49%;
margin: 0 0 7% 0;
}

ul.box-align_4 li:nth-child(2n) {
width: 49%;
margin: 0 0 7% 0;
}

ul.box-align_4 li p.tit {
font-size: 14px;
}

ul.box-align_4 li p.cnt {
font-size: 13px;
}

ul.layout_hr01 {
padding-bottom: 75px;
}

ul.layout_hr01 li.img {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr01 li.movie {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr01 li.txt {
width: 100%;
}

ul.layout_hr01 li.txt p.cnt {
line-height: 160%;
}

ul.layout_hr01 li.txt p.tit {
font-size: 20px;
}

ul.layout_hr01 li.txt p.tit2 {
font-size: 20px;
}

ul.layout_hr01 li.txt p.tit_flow {
font-size: 19px;
padding-bottom: 20px;
}

ul.layout_hr01 li.txt p.tit_flow .num {
font-size: 19px;
padding: 1.4%;
}

ul.layout_hr02 {
padding-bottom: 75px;
}

ul.layout_hr02 li.img {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr02 li.movie {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr02 li.txt {
width: 100%;
}

ul.layout_hr02 li.txt p.tit {
font-size: 20px;
}

ul.layout_hr02 li.txt p.cnt {
line-height: 160%;
}

ul.layout_vr li.img {
max-width: 100%;
}

ul.layout_vr li.txt {
max-width: 100%;
}

ul.layout_vr li.txt p.tit {
font-size: 20px;
}

ul.layout_vr li.txt p.tit_greeting {
font-size: 22px;
}

ul.layout_vr li.cnt_greeting {
max-width: 100%;
}

}

input {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic";
padding-top: 2px;
letter-spacing: 0.08em;
font-size: 15px;
}

select {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic";
letter-spacing: 0.08em;
font-size: 15px;
}

textarea {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic";
letter-spacing: 0.08em;
font-size: 15px;
}

@media only screen and ( max-width : 850px ) {
input {
font-size: 16px;
}

select {
font-size: 16px;
}

textarea {
font-size: 16px;
}
}