@charset "UTF-8";
/* ##############################
499PX以下
(スマホ/タブレット)
############################## */
@media screen and (max-width: 499px) { /* CONTENTS NAME */
  .what-title h1, .nagare-title h1, .mensetsu-title h1, .faq-title h1, .contact-title h1 { font-size: 28px; }
  /* PC用非表示 */
  #header { display: none; }
  /* #Main-visual */
  #main-visual { background-image: url("../img/main-visual-s.jpg"); padding: 120px 0px 0px 0px; }
  #main-visual .main-copy { margin-bottom: 50px; }
  #main-visual .main-copy h1 { font-size: 20px; font-weight: bold; margin-bottom: 30px; text-shadow: 0px 0px 15px #ffffff, 0px 0px 25px #ffffff; }
  #main-visual .main-copy p { font-size: 16px; line-height: 300%; text-shadow: 0px 0px 15px #ffffff, 0px 0px 25px #ffffff; }
  #main-visual .main-logo { padding: 20px 20px; }
  /* Supervision */
  #supervision .supervision-inner { padding: 20px 0px; }
  #supervision .supervision-inner .kanshu { font-size: 18px; }
  #supervision .supervision-inner .kanshu-name { font-size: 20px; }
  #supervision .supervision-inner .daihyou { font-size: 19px; margin-bottom: 15px; }
  /* Prologue */
  #prologue { padding: 20px 15px; }
  #prologue h1 { font-size: 24px; }
  #prologue p { font-size: 16px; line-height: 180%; }
  /* What ojisamaclub */
  #what { padding: 20px 15px; }
  #what h1 { font-size: 24px; margin-top: 30px; margin-bottom: 10px; }
  #what p { font-size: 16px; line-height: 180%; }
  #what p .link a { font-size: 14px; }
  #what .waku p { font-size: 18px; line-height: 200%; padding-left: 1em; text-indent: -0.6em; margin-bottom: 10px; }
  #what .waku p i { margin-right: 3px; }
  #what .waku p span { font-size: 14px; }
  /* Nagare */
  #nagare { padding: 30px 15px; }
  #nagare .midashi h2 { font-size: 18px; padding-left: 1.2em; text-indent: -0.6em; color: #000000; }
  #nagare .midashi h2 i { margin-right: 5px; }
  #nagare .select-btns i { font-size: 70px; margin: 5px 0 10px 0; }
  #nagare .select-btns h2 span { display: none; }
  /* Nagare-A */
  #tourokusei { padding: 40px 15px; }
  #tourokusei .tourokusei-title { margin-bottom: 40px; }
  #tourokusei .midashi .txt-big { font-size: 28px; }
  #tourokusei .midashi h2 { font-size: 18px; }
  #tourokusei p { font-size: 16px; }
  /* Nagare-B */
  #syukkinsei { padding: 40px 15px; }
  #syukkinsei .syukkinsei-title { margin-bottom: 40px; }
  #syukkinsei .midashi .txt-big { font-size: 28px; }
  #syukkinsei .midashi2 h2 { font-size: 18px; }
  #syukkinsei p { font-size: 16px; }
  /* Mensetsu */
  #mensetsu { padding: 30px 15px; /*tool flexbox*/ }
  #mensetsu .midashi3 { padding: 10px; margin-bottom: 10px; }
  #mensetsu .midashi3 img { margin-right: 5px; width: 25px; }
  #mensetsu .midashi3 h2 { font-size: 18px; }
  #mensetsu .contact-3 .tool-1, #mensetsu .contact-3 .tool-2, #mensetsu .contact-3 .tool-3 { width: calc(33.3333% - 10px); /* -10pxの調整 */ margin: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* ←これないと変にカラム落ち */ }
  #mensetsu p { font-size: 16px; }
  #mensetsu p span { font-size: 12px; }
  #mensetsu .arrow { margin: -15px 0 -10px 0; }
  #mensetsu .kazari h2 { font-size: 28px; }
  #mensetsu .kakoi p { font-size: 18px; line-height: 200%; padding-left: 1em; text-indent: -0.6em; margin-bottom: 10px; }
  #mensetsu .kakoi p i { margin-right: 5px; }
  #mensetsu .kakoi p span { font-size: 14px; }
  /* faq */
  #faq { padding: 30px 15px; }
  #faq .question { margin-bottom: 15px; }
  #faq .question h2 { font-size: 20px; }
  #faq .question h2 .gold { font-size: 30px; }
  #faq .answer { margin-bottom: 40px; }
  #faq .answer p { font-size: 16px; }
  #faq .answer p .red { font-size: 25px; color: #cc6666; }
  /* Contact */
  #contact { padding: 40px 15px; /*tool flexbox*/ }
  #contact .contact-3 .tool-1, #contact .contact-3 .tool-2, #contact .contact-3 .tool-3 { width: calc(33.3333% - 10px); /* -10pxの調整 */ margin: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* ←これないと変にカラム落ち */ }
  #contact p { font-size: 16px; line-height: 200%; margin-bottom: 30px; }
  #contact .contactform-inner { padding: 10px 10px; /* メールフォームのth-td設定 */ }
  #contact .contactform-inner table.mailform th, #contact .contactform-inner table.mailform td { width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #contact .contactform-inner table.mailform th { padding: 0px 10px; text-align: left; font-size: 14px; border-bottom: solid 0px #dddddd; }
  #contact .contactform-inner .msg, #contact .contactform-inner .msg2 { font-size: 16px; }
  #contact .contactform-inner .caution { font-size: 16px; }
  /* Footer-copyright */
  #footer { margin-bottom: 80px; }
  #footer .footer-inner p { font-size: 12px; }
  /* Pagetop-btn
.page-top a {
bottom: 65px;
right: 15px;
} */
  /*タブレット用・非表示*/
  #FloatingMenu2 { display: none; } }

/* ##############################
500以上　699PX以下
(スマホ/タブレット)
############################## */
@media screen and (min-width: 500px) and (max-width: 699px) { #header { display: none; }
  /* #main-visual */
  #main-visual { background-image: url("../img/main-visual-s.jpg"); padding: 150px 0px 0px 0px; }
  #main-visual .main-copy { margin-bottom: 50px; }
  #main-visual .main-copy h1 { font-size: 25px; font-weight: bold; margin-bottom: 30px; }
  #main-visual .main-copy p { font-size: 20px; line-height: 300%; }
  /* Supervision */
  #supervision .supervision-inner { padding: 30px 0px; }
  #supervision .supervision-inner .kanshu { font-size: 24px; }
  #supervision .supervision-inner .kanshu-name { font-size: 26px; }
  #supervision .supervision-inner .daihyou { font-size: 22px; margin-bottom: 15px; }
  /* prologue */
  #prologue { padding: 40px 20px; }
  #prologue h1 { font-size: 32px; }
  /* What ojisamaclub */
  #what { padding: 40px 20px; }
  #what h1 { font-size: 25px; }
  /* Nagare */
  #nagare { padding: 40px 20px; }
  #nagare .midashi h2, #nagare .midashi2 h2 { font-size: 20px; }
  #nagare .select-btns h2 span { display: none; }
  /* Mensetsu */
  #mensetsu { padding: 40px 20px; }
  #mensetsu .midashi3 img { width: 30px; }
  #mensetsu .midashi3 h2 { font-size: 20px; }
  /* FAQ */
  #faq { padding: 40px 20px; }
  #faq .question { margin-bottom: 15px; }
  #faq .question h2 { font-size: 25px; padding-left: 2em; text-indent: -2em; }
  #faq .question h2 .gold { font-size: 32px; }
  #faq .answer { margin-bottom: 40px; }
  #faq .answer p { font-size: 18px; padding-left: 2.2em; text-indent: -2.2em; }
  #faq .answer p .red { font-size: 25px; }
  /* Contact */
  #contact { padding: 40px 20px; }
  #contact p { font-size: 18px; line-height: 200%; margin-bottom: 30px; }
  #contact .contactform-inner { /* メールフォームのth-td設定 */ }
  #contact .contactform-inner table.mailform th, #contact .contactform-inner table.mailform td { width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #contact .contactform-inner table.mailform th { padding: 5px 10px; text-align: left; font-size: 16px; border-bottom: solid 0px #dddddd; }
  #contact .contactform-inner .msg, #contact .contactform-inner .msg2 { font-size: 16px; }
  /* Footer-copyright */
  #footer { margin-bottom: 85px; }
  /* フローティング・コンタクトメニュー（スマホ用非表示）  */
  #FloatingMenu { display: none; } }

/* ##############################
700以上　900PX以下
(スマホ/タブレット)
############################## */
@media screen and (min-width: 700px) and (max-width: 900px) { #header { display: none; }
  /* #main-visual */
  #main-visual { background-image: url("../img/main-visual-s.jpg"); padding: 200px 0px 0px 0px; }
  /* Prologue */
  #prologue { padding: 40px 20px; }
  /* What ojisamaclub */
  #what { padding: 40px 20px; }
  #what h1 { font-size: 26px; }
  .what-title h1 br { display: none; }
  /* Nagare */
  #nagare { padding: 40px 20px; }
  /* Mensetsu */
  #mensetsu { padding: 40px 20px; }
  /* FAQ */
  #faq { padding: 40px 20px; }
  #faq .question { margin-bottom: 15px; }
  #faq .question h2 { font-size: 25px; padding-left: 2em; text-indent: -2em; }
  #faq .question h2 .gold { font-size: 32px; }
  #faq .answer { margin-bottom: 40px; }
  #faq .answer p { font-size: 18px; padding-left: 2.2em; text-indent: -2.2em; }
  #faq .answer p .red { font-size: 25px; }
  /* Contact */
  #contact { padding: 40px 20px; }
  #contact p { font-size: 18px; line-height: 200%; margin-bottom: 30px; }
  #contact .contactform-inner { /* メールフォームのth-td設定 */ }
  #contact .contactform-inner table.mailform th, #contact .contactform-inner table.mailform td { width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #contact .contactform-inner table.mailform th { padding: 5px 10px; text-align: left; font-size: 16px; border-bottom: solid 0px #dddddd; }
  #contact .contactform-inner .msg, #contact .contactform-inner .msg2 { font-size: 16px; }
  /* logomark_bottom */
  .logomark_bottom img { width: 350px; height: auto; }
  /* Footer-copyright */
  #footer { margin-bottom: 100px; }
  #footer .footer-inner p { font-size: 12px; }
  /* pagetop-btn */
  .page-top a { bottom: 125px; right: 15px; }
  /* フローティング・コンタクトメニュー（スマホ用非表示）  */
  #FloatingMenu { display: none; } }

/* ##############################
901PX～1079PX
############################## */
@media screen and (min-width: 901px) and (max-width: 1079px) { #header2 { display: none; }
  /* 固定メニュー項目 */
  .top-menu li a { margin: 20px 15px; }
  /* What ojisamaclub */
  .what-title h1 br { display: none; }
  /* フローティング・コンタクトメニュー（非表示）  */
  #FloatingMenu, #FloatingMenu2 { display: none; } }

/* ##############################
1080PX以上
############################## */
@media screen and (min-width: 1080px) { #header2 { display: none; }
  .supervision-inner, .prologue-inner, .what-inner, .nagare-inner, .tourokusei-inner, .syukkinsei-inner, .mensetsu-inner, .faq-inner, .contact-inner, .footer-inner { width: 1040px; margin-left: auto; margin-right: auto; }
  /* What ojisamaclub */
  .what-title h1 br { display: none; }
  .contactform-inner { width: 800px; margin-left: auto; margin-right: auto; }
  /* フローティング・コンタクトメニュー（非表示）  */
  #FloatingMenu, #FloatingMenu2 { display: none; } }

/*# sourceMappingURL=media.css.map */