@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
#mainContents {padding-bottom: 0;}

/* ---------------------------------------------------------------- */
#sectionBasic {padding: 60px 0; width: 88%;}

/* ---------------------------------------------------------------- */
.contents_basic {width: 60% !important; margin: 0 auto; max-width: 1200px;}

/* ---------------------------------------------------------------- */
#sectionTitle {font-size: 36px; margin-bottom: 30px;}
#sectionHeadline {font-size: 36px; margin-bottom: 15px;}
#sectionTitle p {font-size: 18px;}

#sectionTitle.in_page {font-size:30px;}

@media print, screen and (max-width:1919px){
#sectionTitle {font-size: 2vw;}
#sectionHeadline {font-size: 1.8vw;}
}


@media print, screen and (max-width:1200px){
#sectionTitle {font-size: 22px;}
#sectionHeadline {font-size: 20px;}
#sectionTitle.in_page {margin-bottom: 30px;}
}


/* ---------------------------------------------------------------- */
#sectionTitle.vel_style {
position: absolute;
max-width: 145px;
left: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

/* ---------------------------------------------------------------- */
dl#section_titleBox {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}


/* ---------------------------------------------------------------- */
#sectionHeadline p {margin-left: 3em; font-size: 26px;}

@media print, screen and (max-width:1200px){
#sectionHeadline p {font-size: 22px;}
}


/* ---------------------------------------------------------------- */
#onePeriod {margin-bottom: 60px; font-size: 22px;}
#onePeriod p {margin-bottom: 1.4em;}
#onePeriod p:last-of-type {margin-bottom: 0;}


@media print, screen and (max-width:1919px){
#onePeriod {font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#onePeriod {font-size: 14px;}
}

/* ---------------------------------------------------------------- */
#wide_twoLayout {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
background: #0b2e59;
}

#wide_twoLayout #onePeriod {font-size: 22px; padding-bottom: 60px;}
#wide_twoLayout #onePeriod p {margin-bottom: 3px;}


@media print, screen and (max-width:1919px){
#wide_twoLayout #onePeriod {font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#wide_twoLayout #onePeriod{font-size: 14px;}
}


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

dl#wide_twoLayout dt#wide_headelineBloc {width: 37%; height:calc(100vh + 120px);  position: sticky; top: 0; z-index: 1; }
dl#wide_twoLayout dd#wide_contentsBloc {width: 63%;padding: 45px 0; padding-bottom: 120px;}

.wide_inner {width: 80%;}


/* ---------------------------------------------------------------- */
#wide_twoLayout #section_titlePhoto {padding-top: 120px; }
#wide_twoLayout #section_titlePhoto img { object-fit: cover; height: 100vh; object-position: center top;}

/* ---------------------------------------------------------------- */
#periodHeadline {margin-bottom: 15px; font-size: 36px;}
#periodHeadline p {margin-left: 3em;}


@media print, screen and (max-width:1919px){
#periodHeadline {font-size: 2vw;}
}

@media print, screen and (max-width:1200px){
#periodHeadline{font-size: 22px;}
}

/* ---------------------------------------------------------------- */
#btnMore {font-size: 22px; max-width: 360px; width: 36%;}
#btnMore a {padding: 10px 1.4em;}

@media print, screen and (max-width:1919px){
#btnMore {font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#btnMore{font-size: 14px;}
}


/* ---------------------------------------------------------------- */
#btnMore span {width: 15%;top: 60%;right: 1em;}
#btnMore span:after {right: .3em;top: -.6em; height: .8em;}


/*----------------------------------------------------------*/
.mark_new {font-size: 12px; display: block;}


/*----------------------------------------------------------*/
#titleBg, #titleBg img {min-height: 360px; max-height: 700px; }

/*----------------------------------------------------------*/
#pageTitle {top: 76%; font-size: 38px;}

@media print, screen and (max-width:1919px){
#pageTitle {font-size: 2.2vw;}
}

@media print, screen and (max-width:1200px){
#pageTitle{font-size: 24px;}
}


/*----------------------------------------------------------*/
#Coming {font-size: 48px; padding: 12vw 0;}

@media print, screen and (max-width:1000px){
#Coming {font-size: 36px;}
}

/*----------------------------------------------------------*/
.info_cap {font-size: 20px;}


@media print, screen and (max-width:1919px){
.info_cap {font-size: 1vw;}
}

@media print, screen and (max-width:1200px){
.info_cap {font-size: 12px;}
}


/*=========================================================================
FIRSTVIEW
=========================================================================*/
ul#pictureList li img{background-position: left top;}
ul#pictureList li#pic01 img{background-image:url('../img/firstview/01.jpg');}
ul#pictureList li#pic02 img{background-image:url('../img/firstview/02.jpg');}
ul#pictureList li#pic03 img{background-image:url('../img/firstview/03.jpg');}

.swiper-slide-active img,
.swiper-slide-duplicate-active img,
.swiper-slide-prev img{
-moz-animation: loop 145s ease-out infinite;
animation: loop 145s ease-out ;
transition: 1.8s cubic-bezier(0.65, 0, 0.35, 1);
}

/* ---------------------------------------------------------------- */
#siteLogo {left: 3%; top:16px; width: 22%; max-width: 180px;}

#viewCopy {right: 3%; bottom: 16%; width: 60%; max-width: 560px;}

/* ---------------------------------------------------------------- */
#firstView.only {padding: 70px 0; display: flex; flex-wrap: wrap; align-items: center;　justify-content: center; }
#firstView.only #pageTitle {
font-size: 22px;
width: 100%;
-ms-transform: translate(0,0);
-moz-transform: translate(0,0);
-webkit-transform: translate(0,0);
transform: translate(0,0);
position: static;
text-align: center;
}


#page-Other #siteLogo { left: 3%; top:16px; width: 30%; max-width: 140px;}

/*=========================================================================
TOP：ABOUT
=========================================================================*/
section#About {background-image: url('../img/top/bg_about.jpg'); padding-bottom: 19% !important;padding-top: 10%;}

/* ---------------------------------------------------------------- */
section#About dl#section_titleBox {margin-bottom: 120px;}

/* ---------------------------------------------------------------- */
section#About dl#section_titleBox dt {width: 38%;}
section#About dl#section_titleBox dd {width: 62%;}

/* ---------------------------------------------------------------- */
section#About #sectionTitle.vel_style {left:70%; top: 43%; width:18%; max-width: 140px;}

/* ---------------------------------------------------------------- */
#onePeriod.greeting {width:60%; max-width: 1200px; font-size: 22px;}
#onePeriod.greeting #periodHeadline {margin-bottom: 6%; font-size: 38px;}


@media print, screen and (max-width:1919px){
#onePeriod.greeting {font-size: 1.2vw;}
#onePeriod.greeting #periodHeadline {font-size: 2vw;}
}

@media print, screen and (max-width:1200px){
#onePeriod.greeting {font-size: 14px;}
#onePeriod.greeting #periodHeadline {font-size: 22px;}
}


/* ---------------------------------------------------------------- */
#bgAbout {
position: absolute;
z-index: -1;
width: 90%;
height: auto;
top: -90px;
left: 50%;
min-width:680px;
max-width:680px;
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform:translateX(-50%);
transform: translateX(-50%);
}
#bgAbout img {width: 100%; height: auto; display: block; object-fit: cover;}




/*=========================================================================
TOP：稽古案内
=========================================================================*/
section#Lesson {padding-bottom: 120px;}
section#Lesson dl#section_titleBox {margin-bottom: 9%;}

/* ---------------------------------------------------------------- */
section#Lesson dl#section_titleBox dt {width: 100%;padding-top: 22%;}
section#Lesson #sectionTitle.vel_style {
width:8%;

top: 90%; 
left: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

/* ---------------------------------------------------------------- */
section#Lesson #section_titleBox dd {width: 100%;}


/* ---------------------------------------------------------------- */
dl#lesson_infoBloc {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
align-items: stretch;
padding-bottom: 45px;
margin-bottom: 45px;
width: 60%;
max-width: 1200px;
}

dl#lesson_infoBloc dt {width: 16%;font-size: 36px; margin-right: 2%;}
dl#lesson_infoBloc dd {width: 82%;}
dl#lesson_infoBloc dd,dl#lesson_infoBloc dd p {font-size: 20px;}

@media print, screen and (max-width:1919px){
dl#lesson_infoBloc dt{font-size: 1.9vw;}
dl#lesson_infoBloc dd,dl#lesson_infoBloc dd p {font-size: 1.1vw;}
}

@media print, screen and (max-width:1200px){
dl#lesson_infoBloc dt {font-size: 22px;}
dl#lesson_infoBloc dd,dl#lesson_infoBloc dd p {font-size: 13px;}
}


/* ---------------------------------------------------------------- */
#info_detailTitle, dl#lesson_infoBloc dd p  {font-weight: 400;}


/*=========================================================================
TOP：入門見学・武道体験
=========================================================================*/
dl#tourContainer {
width: 100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
dl#tourContainer dt, dl#tourContainer dd {width: 50%;}
dl#tourContainer dd {position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
section#Tour #sectionTitle {margin-bottom: 3%; font-weight: 600;}

/* ---------------------------------------------------------------- */
#top_tourHeadline {
width: 90%;
height: auto;
margin: 10% 0 0 10%;
/*
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
*/
font-size: 22px;
}

@media print, screen and (max-width:1400px){
#top_tourHeadline {font-size: 20px;}
}
@media print, screen and (max-width:1200px){
#top_tourHeadline {font-size: 1.5vw;}
}

/* ---------------------------------------------------------------- */
dl#tourContainer #btnMore {margin-top: 9%; font-size: 20px; width: 76%; max-width: 440px;}
dl#tourContainer #btnMore a {padding-top:15px; padding-bottom: 15px; }

@media print, screen and (max-width:1400px){
dl#tourContainer #btnMore {font-size: 18px;}
}
@media print, screen and (max-width:1200px){
dl#tourContainer #btnMore{font-size: 1.5vw;}
dl#tourContainer #btnMore a {padding-top:10px; padding-bottom: 10px; }
}

/* ---------------------------------------------------------------- */
dl#tourContainer #btnMore span {width: 15%;top: 60%;right: 1em;}
dl#tourContainer #btnMore span:after {right: .2.5em;top: -.6em; height: .7em;}


/*=========================================================================
お知らせ
=========================================================================*/
section#Information #sectionBasic {width: 100%; max-width: inherit; position: relative; z-index: 1; padding: 90px 0 90px;}

/* ---------------------------------------------------------------- */
ul#topicsList.top {width: 60%; padding-top: 5em; margin: 0 auto; max-width: 1200px;}
ul#topicsList.top li {align-items:flex-start; width: 96%; margin-left: auto;}


/* ---------------------------------------------------------------- */
section#Information #sectionTitle.vel_style {
left: 16%;
top: 45%;
width:18%;
max-width: 110px;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

@media print, screen and (max-width:1200px){
section#Information #sectionTitle.vel_style {left: 14%;}
}

/* ---------------------------------------------------------------- */
section#News #sectionBasic {max-width: inherit; width: 100%;}

/* ---------------------------------------------------------------- */
ul#topicsList {margin-bottom: 4%; width:60%; max-width: 1200px; }

ul#topicsList #sectionTitle {margin-bottom:60px; }
ul#topicsList li {padding: 25px 0; display: -webkit-flex;display: flex;flex-wrap: wrap; justify-content: flex-start; }


/* ---------------------------------------------------------------- */
#upDate {width: 16%; margin-right:3%; font-size: 20px;}
#topicsTitle {width: 81%; font-size: 20px; font-weight: 300;}
#topicsTitle a {display: block; width: 100%;}

ul#topicsList.top #upDate {width: 12%;}
ul#topicsList.top #topicsTitle {width: 85%;} 


@media print, screen and (max-width:1919px){
#upDate, #topicsTitle {font-size: 1.1vw;}
}

@media print, screen and (max-width:1200px){
#upDate, #topicsTitle {font-size: 13px;}

}


/* ---------------------------------------------------------------- */
@media print, screen and (max-width:1000px){
ul#topicsList #upDate {width: 20%;}
ul#topicsList #topicsTitle {width: 77%;} 

ul#topicsList.top #upDate {width: 16%;}
ul#topicsList.top #topicsTitle {width: 81%;} 
}

/* ---------------------------------------------------------------- */
#linkMore {font-size: 20px; margin-top: 4%;}


@media print, screen and (max-width:1919px){
#linkMore {font-size: 1.1vw;}
}

@media print, screen and (max-width:1200px){
#linkMore {font-size: 13px;}

}


/*=========================================================================
お知らせ：詳細
=========================================================================*/
#sectionBasic.article {padding:75px 0 180px; }

/* ---------------------------------------------------------------- */
dl#newsContainer {width: 60%; max-width: 1200px;}

/* ---------------------------------------------------------------- */
dl#newsContainer dt {margin-bottom: 45px;}

#article_titleBox #upDate {width: 100%; margin-bottom: 15px; font-size: 20px;}
#article_titleBox .mark_new {display: inline-block; padding-left: 1em; }

#articleTitle {font-size: 36px;}


@media print, screen and (max-width:1919px){
#article_titleBox #upDate {font-size: 1.1vw;}
#articleTitle{font-size: 1.9vw;}

}

@media print, screen and (max-width:1200px){
#article_titleBox #upDate {font-size: 13px;}
#articleTitle{font-size: 22px;}
}



/* ---------------------------------------------------------------- */
dl#newsContainer dd {font-size: 22px; margin-bottom: 90px;}


@media print, screen and (max-width:1919px){
dl#newsContainer dd {font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
dl#newsContainer dd {font-size: 14px;}
}



/*=========================================================================
アクセス
=========================================================================*/
section#Access #sectionBasic {width: 60%; max-width: 1200px;}


/* ---------------------------------------------------------------- */
#onePeriod.access_txt, #onePeriod.access_map {margin-bottom: 9%; }
#onePeriod.access_txt p {margin-bottom: 4%;}
#onePeriod.access_txt, #onePeriod.access_txt p  {font-size: 36px;}


@media print, screen and (max-width:1919px){
#onePeriod.access_txt, #onePeriod.access_txt p{font-size: 1.9vw;}
}

@media print, screen and (max-width:1200px){
#onePeriod.access_txt, #onePeriod.access_txt p {font-size: 22px;}
}

/* ---------------------------------------------------------------- */
#onePeriod.access_map p {font-size: 22px;}
#mapBody {padding-bottom: 56.25%; margin-top: 1.4em;}


@media print, screen and (max-width:1919px){
#onePeriod.access_map p {font-size: 1.1vw;}
}

@media print, screen and (max-width:1200px){
#onePeriod.access_map p {font-size: 13px;}
#onePeriod.access_map p span {display: block;}
}



/*=========================================================================
プライバシーポリシー
=========================================================================*/
section#Privacy {padding-bottom: 120px;}

/* ---------------------------------------------------------------- */
section#Privacy #sectionBasic {max-width: 1200px; width: 60%;}

ul#policyList li {margin-bottom: 90px;}
ul#policyList li, ul#policyList li p,
#onePeriod.privacy_greeting p {font-size: 22px;}

@media print, screen and (max-width:1919px){
ul#policyList li, ul#policyList li p,
#onePeriod.privacy_greeting p{font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
ul#policyList li, ul#policyList li p,
#onePeriod.privacy_greeting p{font-size: 13px;}
}

/* ---------------------------------------------------------------- */
#listTitle {font-size: 36px; margin-bottom: 3%;}


@media print, screen and (max-width:1919px){
#listTitle {font-size: 1.8vw;}
}

@media print, screen and (max-width:1200px){
#listTitle {font-size: 22px;}
}

/*=========================================================================
お問い合わせ
=========================================================================*/
section#Inquiry {padding-bottom: 120px;}

/* ---------------------------------------------------------------- */
dl#tel_numBox {padding: 20px 8%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 45px;}
dl#tel_numBox dt, dl#tel_numBox dd {line-height: 140%; font-size: 28px; }
dl#tel_numBox dd span {font-size: 65%;}

dl#tel_numBox dt {width: 10%; margin-right: 2%;}
dl#tel_numBox dd {width: 88%; margin-top: 4px;}

@media print, screen and (max-width:1200px){
dl#tel_numBox dt, dl#tel_numBox dd {font-size: 24px;}
}


/* ---------------------------------------------------------------- */
#onePeriod.inquiry_info {margin-bottom: 90px;}

/* ---------------------------------------------------------------- */
#inquiryHeadline{ font-size: 36px; margin-bottom: 4%;}

@media print, screen and (max-width:1919px){
#inquiryHeadline {font-size: 1.8vw;}
}

@media print, screen and (max-width:1200px){
#inquiryHeadline {font-size: 22px;}
}


/* ---------------------------------------------------------------- */
dl#form_inputList {margin-bottom: 15px; margin-top: 15px; display: -webkit-flex; display: flex; flex-wrap: wrap;align-items: center;}

dl#form_inputList dt, dl#form_inputList dd {font-size: 22px;position: relative;z-index: 1;vertical-align: middle;}

dl#form_inputList dt {width: 32%; text-align: left; margin-right: 2%; }
dl#form_inputList dd {width: 66%; }
dl#form_inputList dd.type_check {padding: 15px 0 10px;}

#form_inputList label {font-size: 22px;}

@media print, screen and (max-width:1919px){
dl#form_inputList dt, dl#form_inputList dd {font-size: 1.2vw;}
#form_inputList label {font-size: 1.1vw;}
}

@media print, screen and (max-width:1200px){
dl#form_inputList dt, dl#form_inputList dd{font-size: 13px;}
dl#form_inputList dt {width: 36%; }
dl#form_inputList dd {width: 62%; }
#form_inputList label {font-size: 12px;}
}

@media print, screen and (max-width:1000px){
dl#form_inputList dt {width: 100%; margin:0 0 10px 0; }
dl#form_inputList dd {width: 100%; }
}


/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 22px;}

#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select {padding: 20px 1em !important;}
#form_inputList textarea{padding: 20px 1em !important; min-height: 20vh;}


@media print, screen and (max-width:1919px){
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 13px; }
}


/* ---------------------------------------------------------------- */
dl#form_inputList dt span{font-size: 11px; margin-left: .5em; padding: 5px 1em;}

@media print, screen and (max-width:1200px){
dl#form_inputList dt span { font-size: 10px;}
}

/* ---------------------------------------------------------------- */
#form_buttonList { width: 100%; margin-top: 90px; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center;}
#form_buttonList p {width: 49%; margin: 0 2% 15px 0;}
#form_buttonList p:last-of-type {margin-right: 0;}

#form_buttonList input.Agree,
#form_buttonList input.Disagree{padding:13px 1.5em; font-size: 22px; }


#form_buttonList input.Agree {text-align: left;}
#form_buttonList input.Disagree {text-align:right;}


@media print, screen and (max-width:1919px){
#form_buttonList input.Agree,
#form_buttonList input.Disagree{font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#form_buttonList input.Agree,
#form_buttonList input.Disagree{font-size: 13px; }
}

@media print, screen and (max-width:1000px){
#form_buttonList p {width: 68%; margin: 0 0 15px;}
#form_buttonList p:last-of-type {margin: 0;}

#form_buttonList input.Agree,
#form_buttonList input.Disagree{font-size: 12px; }
}


/* ---------------------------------------------------------------- */
#form_buttonList p:before {width: 18%;top: 2em;right: 1.5em;}
#form_buttonList p:after {right: 1.8em;top:1.2em;}

#form_buttonList p#Disagree:before {left: 1.5em;}
#form_buttonList p#Disagree:after {left: 1.8em;}


/* ---------------------------------------------------------------- */
#form_inputList::-ms-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-webkit-input-placeholder{font-size: 12px !important; }

@media print, screen and (max-width:1200px){
#form_inputList::-ms-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-webkit-input-placeholder {font-size: 11px !important; }
}


/* ---------------------------------------------------------------- */
#formCheck {font-size: 14px;}

#agreementNotes02 {font-size: 14px; margin-bottom: 12px;}



/* ---------------------------------------------------------------- */
#agreeHeadline {font-size: 36px; margin-bottom: 2%;}
#agreeMessage {font-size: 14px; padding: 100px 0;}



@media print, screen and (max-width:1919px){
#agreeHeadline {font-size: 1.8vw;}
#agreeMessage{font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#agreeHeadline {font-size: 22px;}
#agreeMessage{font-size: 13px; }
}



/*=========================================================================
入門をお考えの方
=========================================================================*/
#onePeriod.intro_info {
        padding: 15px 0 90px;
}

/* ---------------------------------------------------------------- */
dl#entryFee {padding:12px 1.5em; margin-bottom: 15px;}
dl#entryFee.long {margin-top: 45px; margin-bottom: 15px;}

dl#entryFee dt, dl#entryFee dd {font-size: 22px;}
dl#entryFee.large dt, dl#entryFee.large dd {font-size: 36px;}

dl#entryFee dt.large {width: 16%;}
dl#entryFee dd.large {width: 84%;}

dl#entryFee dt {width: 22%;}
dl#entryFee dd {width: 78%;}

@media print, screen and (max-width:1919px){
dl#entryFee.large dt, dl#entryFee.large dd {font-size: 1.8vw;}
dl#entryFee dt, dl#entryFee dd {font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
dl#entryFee.large dt, dl#entryFee.large dd  {font-size: 22px;}
dl#entryFee dt, dl#entryFee dd {font-size: 13px; }
}



/* ---------------------------------------------------------------- */
table#scheduleTable {margin-bottom: 24px;}

table#scheduleTable th {padding:15px 0px;font-size: 28px;}
table#scheduleTable td {padding:30px 10px 20px;font-size: 28px;}

table#scheduleTable td p {font-size: 14px; margin-top: 2em;}


@media print, screen and (max-width:1200px){
table#scheduleTable th {font-size:24px;}
table#scheduleTable td {font-size:24px;}
table#scheduleTable td p {font-size:12px; }
}
@media print, screen and (max-width:1000px){
table#scheduleTable th {font-size:20px;}
table#scheduleTable td {font-size:20px;}
table#scheduleTable td p {font-size:11px; }
}




/* ---------------------------------------------------------------- */
#page-Introduction #wide_headelineBloc.intro #sectionTitle.vel_style {
top: 60px;
width: 20% !important;
-ms-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
min-width: 120px;
max-width: 120px important;
}

/* ---------------------------------------------------------------- */
#btnMore.intro {margin-top: 30px;}
#btnMore.intro a {padding: 10px 6em 10px 1em; }

/* ---------------------------------------------------------------- */
.large_num {font-size: 36px; vertical-align: -2px;}



@media print, screen and (max-width:1919px){
.large_num {font-size: 2vw;}
}

@media print, screen and (max-width:1200px){
.large_num{font-size: 22px;}
}

/*=========================================================================
よくあるご質問
=========================================================================*/
dl#wide_twoLayout.faq {padding: 6% 0;}
dl#wide_twoLayout.faq dt#wide_headelineBloc, dl#wide_twoLayout.faq dd#wide_contentsBloc{padding: 4% 0;}
dl#wide_twoLayout.faq dt#wide_headelineBloc {width: 28%; margin-right: 4%; z-index: 2; height: 100vh;}
dl#wide_twoLayout.faq dd#wide_contentsBloc {width: 67%; }


/* ---------------------------------------------------------------- */
#wide_twoLayout.faq #sectionTitle.vel_style {
width:50%;
height: auto;
left: 62%;
top: auto;
min-width:120px;
max-width: 200px;
-ms-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%);
z-index: 2;
}
#wide_twoLayout.faq #sectionTitle.vel_style img {width: 100%;}

/* ---------------------------------------------------------------- */
ul#faqList li, ul#faqList li p {letter-spacing: 0; font-size: 22px;}

ul#faqList li {margin-bottom: 45px;}
ul#faqList li p {margin-bottom: 15px;}
ul#faqList li span, ul#faqList li p.Question {font-size: 36px;}
ul#faqList li font {font-size: 90%;}


@media print, screen and (max-width:1919px){
ul#faqList li span, ul#faqList li p.Question  {font-size: 2vw;}
ul#faqList li, ul#faqList li p {font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
ul#faqList li span, ul#faqList li p.Question  {font-size: 22px;}
ul#faqList li, ul#faqList li p {font-size: 14px;}
}



/*=========================================================================
武道体験
=========================================================================*/
#page-Introduction #wide_headelineBloc.trial #sectionTitle.vel_style {
top: 60px;
width: 71%;
left: 52%;
-ms-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
min-width: 120px;
max-width: 120px;
}

/* ---------------------------------------------------------------- */
#trial_optionBox {padding: 30px 5%; margin: 60px auto 0;}

}