@charset "utf-8";

html,body{
padding: 0;
margin: 0;
}
div#tf-home{
padding-top: 100px;
font-size: 110%;
line-height: 1.8;
}
#tf-home h2,
#tf-home h3,
#tf-home h4{
margin: 0;
font-weight: bold;
margin-block-start: 0;
margin-block-end: 0;
margin-bottom: 1.5em;
line-height: 1.8;
}
#tf-home p{
margin: 0;
margin-bottom: 1.8em;
}
#tf-home p.alighright{
text-align: right;
margin-bottom:0;
}
#tf-home img{
width: 100%;
height: auto;
}
.pic_blank{
min-height: 600px;
}
.bg-section{
width: 100%;
display: block;	
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/* iOS をピンポイントで検出して fixed を無効化 */
@supports (-webkit-touch-callout: none) {
  .bg-section.parallax-1{
    background-attachment: scroll !important;
    background-position: center top;
  }
}
.page-section{
width: 100%;
display: block;	
position: relative;
overflow: hidden;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:  0;
color: #000;
}
.contents_bg{
padding: 150px 0;
margin: auto;
width: 85%;
color: #fff;
}
.contents_bg2{
padding: 150px 0;
margin: auto;
width: 85%;
max-width: 1200px;
color: #fff;
}
.contents_page{
padding: 120px 0;
margin: auto;
width: 85%;
}
.contents_bg h2,
.contents_bg2 h2{
font-size: 28px;
text-align: center;
}
.contents_bg h3,
.contents_bg2 h3{
font-size: 18px;
font-weight: bold;
text-align: left;
line-height: 1.8;
padding: 0 0 1em;
}
.contents_page h3{
font-size: 18px;
font-weight: bold;
text-align: left;
line-height: 1.8;
padding: 0 0 1em;
}
.section1_txt{
width: 100%;
max-width: 700px;
margin: auto;
text-align: justify;
}
.section2_txt{
width: 100%;
max-width: 1200px;
margin: 20px auto 0;
display: flex;
justify-content: space-between;
}
.section2_txt_left{
width: 50%;
text-align: left;
padding-right: 5%;
}
.section2_txt_right{
width: 50%;
text-align: left;
padding-left: 5%;
border-left: solid 1px rgba(255,255,255,0.6);
}
.section2_data{
display: none;
}
.section2_txt_right table{
margin-bottom: 1.5em;
}
.section2_txt_right td{
padding-right: 1em;
}
.section2_txt_right td.just{
width: 4.0em;
text-align: center;
padding-right: 0;
}
.section3_txt{
width: 100%;
max-width: 1200px;
margin: auto;
text-align: left;
}
.section3_txt h2{
text-align: left;
}
.section3_txt_wrap{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section3_txt_left{
width: 47%;
text-align: left;
}
.section3_txt_right{
width: 40%;
text-align: left;
}
.bg_gray{
background: #909090;
color: #fff;
}
.section3_txt_left table{
margin-bottom: 1.5em;
}
.section4_txt{
width: 100%;
max-width: 1200px;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section4_txt_left{
width: 30%;
text-align: left;
}
.section4_txt_right{
width: 62%;
text-align: left;
text-align: justify;
}
.bg_white{
background: #fff;
color: #000;
}
.section4_txt_right td{
vertical-align: text-bottom;
}
td.section4_title{
width: 7em;
}
table.tournament{
border-collapse: collapse;
}
table.tournament td{
text-align: center;
padding: 10px;
border: solid 1px #fff;
}
table.tournament tr.noborder td{
border-left: none;
border-right: none;
border-bottom: none;
}
.section5_txt{
width: 100%;
max-width: 1200px;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section5_txt_left{
width: 37%;
text-align: left;
}
.section5_txt_right{
width: 60%;
text-align: justify;
}
.section5_item{
width:180px;
margin: auto;
}
.section5_pic_wrap{
padding: 2em 0;
width: 100%;
max-width: 1200px;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section5_pic{
width: 30%;
text-align: left;
font-size: 90%;
margin-bottom: 3%;
}
.section5_pic div{
aspect-ratio: 16 / 9;
overflow: hidden;
position: relative;
}
.section5_pic div img{
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
}
.section6_txt{
width: 100%;
max-width: 1200px;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section6_txt_left{
width: 43%;
text-align: left;
}
.section6_txt_right{
width: 55%;
text-align: justify;
}
h3.section7{
text-align: center;
color: #fff;
}
.section7_txt{
text-align: center;
}
.btn-contact {
display: inline-block;
margin: 0 1em 0;
cursor: pointer;
box-sizing: border-box;
width: 12em;
padding: 12px 0;
font-size: 14px;
text-decoration: none;
letter-spacing: 2px;
transition: all 0.2s;
color: #111;
background: rgba(255, 255, 255, .8);
}
.btn-contact:hover {
text-decoration: none;
background: rgba(255, 255, 255,1);
color: #000;
}

@media screen and (max-width:1024px){
#tf-home .contents_bg h2,
#tf-home .contents_bg2 h2{
width: 100%;
max-width: 700px;
margin: 0 auto 1em;
font-size: 24px;
line-height: 1.4;
text-align: left;
}
.section2_txt {
max-width: 700px;
flex-wrap: wrap;
}
.section2_txt_left,
.section2_txt_right {
width: 100%;
}
.section2_txt_left{
padding-right: 0;
}
.section2_txt_right{
padding-left: 0;
border-left: none;
margin-top: 3em;
}
h3.section2 br.pconly{
display: none;
}
.section3_txt h2{
font-size: 24px;
text-align: left;
}
}
@media screen and (max-width:870px){
.contents_bg,.contents_bg2 {
padding: 100px 0;
}
.contents_page {
padding: 90px 0;
}
.section3_txt_left,
.section3_txt_right,
.section4_txt_left,
.section4_txt_right,
.section5_txt_left,
.section5_txt_right,
.section6_txt_left,
.section6_txt_right{
width: 100%;
}
.section5_pic{
width: 48%;
}
.div-section {
background-attachment: scroll;
}

}
@media (max-width: 768px) {
    #tf-home {
        background: none !important;
        color: #000;
    }
}
@media screen and (max-width:600px){
.pic_blank {
    min-height: 300px;
}
.section2_txt_right table{
display: none;
}
.section2_data{
display: block;
}
.section6_txt h3 br{
display: none;
}
.section4_table td{
display: block;
width: 100%;
}
.section4_table td.section4_title{
padding-top: 1em;
}
.section5_pic{
width: 100%;
}
.btn-contact {
margin: 0 1em 1em;
}
}