@charset "UTF-8";

/* =========================================================

老眼鏡・遠近両用コンタクトレンズ特集

========================================================= */
.fixcenter {
	width: auto;
}

#rougan {
  color: #000000;
  font-weight: 400;
  font-size: 14px;
}

#rougan * {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 2;
  letter-spacing: 0.101em;
}

#rougan *::before,
#rougan *::after {
  box-sizing: border-box;
}

#rougan div,
#rougan p,
#rougan span,
#rougan h1,
#rougan h2,
#rougan h3,
#rougan ul,
#rougan li,
#rougan a {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

#rougan a {
  color: #000;
}

#rougan h1,
#rougan h2,
#rougan h3 {
  font-weight: bold;
}

#rougan em {
  font-style: normal;
}

#rougan img[data-copy-code] {
  cursor: pointer;
}

#rougan img {
  max-width: 100%;
  vertical-align: bottom;
}

#rougan * + p {
  margin-top: 20px;
}

#rougan .emp {
  color: #0b8496;
}

#rougan .main_ov {
  overflow: hidden;
}

/*メインビジュアル*/
#rougan .mainvisual_area {
  width: 100%;
  margin: auto;
  padding: 0 4%;
  background: url(/campaign/rougankyo/img/main_bg.png) no-repeat center center;
  background-size: cover;
}

#rougan .mainvisual_area img {
  display: block;
  margin: 0 auto;
  padding: 0;
}

/*キャッチ*/
#rougan .catch_area {
  width: 1040px;
  margin: 0 auto;
  padding: 80px 0;
}

#rougan .catch_title {
  display: block;
  margin-bottom: 44px;
  color: #000;
  font-size: 18.94px;
  text-align: center;
}

#rougan .catch_text {
  width: 740px;
  margin: 0 auto 28px;
  font-size: 14px;
}

#rougan .catch_text:last-child {
  margin: 0 auto;
}

/*目次*/
#rougan .toc_area {
  padding: 67px 0;
  background: #0b8496;
}

#rougan .toc_inner {
  width: 1040px;
  margin: 0 auto;
}

#rougan .toc_list_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 800px;
  margin: 0 auto;
}

#rougan .toc_title {
  display: block;
  margin-bottom: 40px;
  color: #fff;
  font-size: 24.7px;
  letter-spacing: 0.1em;
  text-align: center;
}

#rougan .toc_list {
  width: 420px;
  padding-left: 64px;
}

#rougan .toc_list:last-child {
  margin: 0;
  padding-left: 20px;
}

#rougan .toc_list li {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 14px;
}

#rougan .toc_list li a {
  color: #fff;
}

#rougan .toc_list_inner {
  padding-left: 34px;
}

#rougan .toc_list_inner li {
  font-weight: 500;
  font-size: 12px;
}

/*老眼について*/
#rougan .about_area {
  width: 1040px;
  margin: 0 auto;
  padding: 87px 0;
}

#rougan .about_title_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

#rougan .about_title_wrap.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#rougan .about_title_box {
  width: 50%;
  height: 480px;
  text-align: center;
}

#rougan .about_title {
  text-align: center;
}

#rougan .about_title span {
  display: block;
  line-height: 1.1;
}

#rougan .about_title span:nth-child(2) {
  font-size: 28px;
}

#rougan .about_title span.line2 {
  line-height: 1.5;
}

#rougan .about_title.t01 {
  padding-top: 180px;
}

#rougan .about_title.t02 {
  padding-top: 112px;
}

#rougan .about_title_text {
  width: 357px;
  margin: 0 auto;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 16.5px;
  line-height: 2;
  text-align: left;
}

#rougan .about_content {
  width: 840px;
  margin: 0 auto 57px;
  padding: 0 0 30px;
  border-bottom: solid 2px #000;
}

#rougan .about_content:last-child {
  margin: 0 auto;
}

#rougan .about_content_title {
  margin-bottom: 20px;
  font-size: 20px;
}

#rougan .about_content_text {
  margin-bottom: 23px;
}

#rougan .about_title_img {
  position: relative;
  width: 50%;
}

#rougan .about_title_img img {
  position: absolute;
  right: -440px;
  width: calc(100% + 440px);
  max-width: none;
}

#rougan .about_title_img_left {
  position: relative;
  width: 50%;
}

#rougan .about_title_img_left img {
  position: absolute;
  left: -540px;
  width: calc(100% + 540px);
  max-width: none;
}

#rougan .about_compare {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: auto;
  margin: 0 auto;
}

#rougan .about_compare_text {
  width: 420px;
}

#rougan .about_compare_img {
  width: 398px;
}

/*老眼鏡のメリット・デメリット*/
#rougan .merit_area {
  width: 1040px;
  margin: 0 auto;
  padding: 0 0 100px;
}

#rougan .merit_title_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

#rougan .merit_title_wrap.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#rougan .merit_title_box {
  width: 50%;
  height: 480px;
  text-align: center;
}

#rougan .merit_title {
  text-align: center;
}

#rougan .merit_title span {
  display: block;
  line-height: 1.1;
}

#rougan .merit_title span:nth-child(2) {
  font-size: 28px;
}

#rougan .merit_title span.line2 {
  line-height: 1.5;
}

#rougan .merit_title.t02 {
  padding-top: 112px;
}

#rougan .merit_title_text {
  width: 357px;
  margin: 0 auto;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 16.5px;
  line-height: 2;
  text-align: left;
}

#rougan .merit_content {
  width: 840px;
  margin: 0 auto 80px;
  padding: 0;
}

#rougan .merit_content:last-child {
  margin: 0 auto;
}

#rougan .merit_content_title {
  margin-bottom: 20px;
  font-size: 20px;
}

#rougan .merit_content_text {
  margin-bottom: 23px;
}

#rougan .merit_title_img {
  position: relative;
  width: 50%;
}

#rougan .merit_title_img img {
  position: absolute;
  right: -440px;
  width: calc(100% + 440px);
  max-width: none;
}

#rougan .merit_title_img_left {
  position: relative;
  width: 50%;
}

#rougan .merit_title_img_left img {
  position: absolute;
  left: -425px;
  width: calc(100% + 450px);
  max-width: none;
}

#rougan .merit_compare {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: auto;
  margin: 0 auto;
}

#rougan .merit_compare_text {
  width: 420px;
}

#rougan .merit_compare_img {
  width: 398px;
}

/*老眼鏡のメリット・デメリット*/
#rougan .reason_area {
  width: 840px;
  margin: 0 auto;
  padding: 60px 0 30px;
  background: #ede9de;
}

#rougan .reason_title {
  margin: 0 auto 44px;
  font-size: 20px;
  text-align: center;
}

#rougan .reason_block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 740px;
  margin: 0 auto 60px;
}

#rougan .reason_block:nth-child(3) {
  margin: 0 auto 60px;
  padding: 0 0 60px;
  border-bottom: solid 2px #000;
}

#rougan .reason_block:last-child {
  margin: 0 auto;
  padding: 0 0;
}

#rougan .reason_img {
  width: 290px;
}

#rougan .reason_textwrap {
  width: 430px;
}

/*老眼鏡の選び方*/
#rougan .choice_area {
  width: 1040px;
  margin: 0 auto;
  padding: 0 0 80px;
}

#rougan .choice_title_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

#rougan .choice_title_wrap.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#rougan .choice_title_box {
  width: 50%;
  height: 480px;
  text-align: center;
}

#rougan .choice_title {
  text-align: center;
}

#rougan .choice_title span {
  display: block;
  line-height: 1.1;
}

#rougan .choice_title span:nth-child(2) {
  font-size: 28px;
}

#rougan .choice_title span.line2 {
  line-height: 1.5;
}

#rougan .choice_title.t01 {
  padding-top: 180px;
}

#rougan .choice_title.t02 {
  padding-top: 112px;
}

#rougan .choice_title_text {
  width: 357px;
  margin: 0 auto;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 16.5px;
  line-height: 2;
  text-align: left;
}

#rougan .choice_content {
  width: 840px;
  margin: 0 auto 49px;
  padding: 0;
}

#rougan .choice_content:last-child {
  margin: 0 auto;
}

#rougan .choice_content_title {
  margin-bottom: 20px;
  font-size: 20px;
}

#rougan .choice_content_text {
  margin-bottom: 23px;
}

#rougan .choice_title_img {
  position: relative;
  width: 50%;
}

#rougan .choice_title_img img {
  position: absolute;
  right: -440px;
  width: calc(100% + 440px);
  max-width: none;
}

#rougan .choice_compare {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  margin: 0 auto;
}

#rougan .choice_compare.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#rougan .choice_compare_text {
  width: 420px;
}

#rougan .choice_compare_img {
  width: 398px;
}

/*レンズアップル取り扱いフレーム*/
#rougan .frame_area {
  width: 1040px;
  margin: 0 auto;
  padding: 0 0 100px;
}

#rougan .frame_title_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

#rougan .frame_title_wrap.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#rougan .frame_title_box {
  width: 50%;
  height: 480px;
  text-align: center;
}

#rougan .frame_title {
  text-align: center;
}

#rougan .frame_title span {
  display: block;
  line-height: 1.1;
}

#rougan .frame_title span:nth-child(2) {
  font-size: 28px;
}

#rougan .frame_title span.line2 {
  line-height: 1.5;
}

#rougan .frame_title.t01 {
  padding-top: 85px;
}

#rougan .frame_title_text {
  width: 357px;
  margin: 0 auto;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 14px;
  line-height: 2;
  text-align: left;
}

#rougan .frame_title_img_left {
  position: relative;
  width: 50%;
}

#rougan .frame_title_img_left img {
  position: absolute;
  left: -440px;
  width: calc(100% + 440px);
  max-width: none;
}

#rougan .frame_content {
  width: 840px;
  margin: 0 auto 57px;
  padding: 0 0 10px;
}

#rougan .frame_content:last-child {
  margin: 0 auto;
}

#rougan .frame_content_title {
  width: 346px;
  margin: 0 auto 40px;
  background: #8fd4d7;
  color: #000;
  font-size: 24px;
  text-align: center;
}

#rougan .frame_content_text {
  margin-bottom: 23px;
}

#rougan .frame_glasses_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 94px;
}

#rougan .frame_glasses_box {
  width: 204px;
  margin: 0;
}

#rougan .frame_glasses_box a {
  display: block;
  transition: all .3s;
}

#rougan .frame_glasses_box a:hover {
  opacity: .8;
}

#rougan .frame_glasses {
  display: block;
  width: auto;
  margin: 0 auto;
}

#rougan .frame_glasses_name {
  margin: 0;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

#rougan .frame_glasses_btn {
  display: block;
  position: relative;
  width: 840px;
  padding: 30px 0;
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 17.5px;
  text-align: center;
}

#rougan .frame_glasses_btn::after {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -webkit-transition: all 0.3s;
  position: absolute;
  top: 52%;
  right: 280px;
  width: 11px;
  height: 11px;
  transform: translate(0, -50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transition: all 0.3s;
}

#rougan .frame_glasses_btn:hover::after {
  -webkit-transform: translate(10px, -50%) rotate(45deg);
  transform: translate(10px, -50%) rotate(45deg);
}

/*遠近両用コンタクトレンズについてフレーム*/
#rougan .perspective_area {
  width: 1040px;
  margin: 0 auto;
  padding-bottom: 80px;
}

#rougan .perspective_title_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

#rougan .perspective_title_wrap.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#rougan .perspective_title_box {
  width: 50%;
  height: 480px;
  text-align: center;
}

#rougan .perspective_title {
  text-align: center;
}

#rougan .perspective_title span {
  display: block;
  line-height: 1.1;
}

#rougan .perspective_title span:nth-child(2) {
  font-size: 28px;
}

#rougan .perspective_title span.line2 {
  line-height: 1.5;
}

#rougan .perspective_title.t01 {
  padding-top: 178px;
}

#rougan .perspective_title_text {
  width: 357px;
  margin: 0 auto;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 14px;
  line-height: 2;
  text-align: left;
}

#rougan .perspective_title_img {
  position: relative;
  width: 50%;
}

#rougan .perspective_title_img img {
  position: absolute;
  right: -440px;
  width: calc(100% + 440px);
  max-width: none;
}

#rougan .perspective_content {
  width: 840px;
  margin: 0 auto;
  padding: 0;
}

#rougan .perspective_content:last-child {
  margin: 0 auto;
}

#rougan .perspective_content_title {
  width: 346px;
  margin: 0 auto 20px;
  background: #8fd4d7;
  color: #000;
  font-size: 24px;
  text-align: center;
}

#rougan .perspective_content_text {
  margin-bottom: 23px;
}

#rougan .perspective_content_bnr {
  margin-bottom: 12px;
}

#rougan .perspective_content_link {
  margin-top: 0;
}

#rougan .perspective_content_link a {
  display: inline-block;
  padding: 0 0 1px;
  border-bottom: solid 1px #000;
}

#rougan .perspective_glasses_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 94px;
}

#rougan .perspective_glasses_box {
  width: 204px;
  margin: 0;
}

#rougan .perspective_glasses {
  display: block;
  width: auto;
  margin: 0 auto;
}

#rougan .perspective_glasses_name {
  margin: 0;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

#rougan .perspective_glasses_btn {
  display: block;
  position: relative;
  width: 840px;
  padding: 30px 0;
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 17.5px;
  text-align: center;
}

#rougan .perspective_glasses_btn::after {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -webkit-transition: all 0.3s;
  position: absolute;
  top: 52%;
  right: 280px;
  width: 11px;
  height: 11px;
  transform: translate(0, -50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transition: all 0.3s;
}

#rougan .perspective_glasses_btn:hover::after {
  -webkit-transform: translate(10px, -50%) rotate(45deg);
  transform: translate(10px, -50%) rotate(45deg);
}

/*遠近両用コンタクトレンズのメリット・デメリット*/
#rougan .perspective_merit_area {
  width: 1040px;
  margin: 0 auto;
  padding-bottom: 0;
}

#rougan .perspective_merit_title_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}

#rougan .perspective_merit_title_wrap.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#rougan .perspective_merit_title_box {
  width: 50%;
  height: 480px;
  text-align: center;
}

#rougan .perspective_merit_title {
  text-align: center;
}

#rougan .perspective_merit_title span {
  display: block;
  line-height: 1.1;
}

#rougan .perspective_merit_title span:nth-child(2) {
  font-size: 28px;
}

#rougan .perspective_merit_title span.line2 {
  line-height: 1.5;
}

#rougan .perspective_merit_title.t01 {
  padding-top: 125px;
}

#rougan .perspective_merit_title_text {
  width: 357px;
  margin: 0 auto;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 14px;
  line-height: 2;
  text-align: left;
}

#rougan .perspective_merit_title_img_left {
  position: relative;
  width: 50%;
}

#rougan .perspective_merit_title_img_left img {
  position: absolute;
  left: -440px;
  width: calc(100% + 440px);
  max-width: none;
}

#rougan .perspective_merit_content {
  width: 840px;
  margin: 0 auto 57px;
  padding: 0 0 30px;
}

#rougan .perspective_merit_content:last-child {
  margin: 0 auto;
}

#rougan .perspective_merit_content_title {
  width: 346px;
  margin: 0 auto 20px;
  background: #8fd4d7;
  color: #000;
  font-size: 24px;
  text-align: center;
}

#rougan .perspective_merit_content_text {
  margin-bottom: 23px;
}

#rougan .perspective_merit_glasses_wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 94px;
}

#rougan .perspective_merit_glasses_box {
  width: 204px;
  margin: 0;
}

#rougan .perspective_merit_glasses {
  display: block;
  width: auto;
  margin: 0 auto;
}

#rougan .perspective_merit_glasses_name {
  margin: 0;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

#rougan .perspective_merit_glasses_btn {
  display: block;
  position: relative;
  width: 840px;
  padding: 30px 0;
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 17.5px;
  text-align: center;
}

#rougan .perspective_merit_glasses_btn::after {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -webkit-transition: all 0.3s;
  position: absolute;
  top: 52%;
  right: 280px;
  width: 11px;
  height: 11px;
  transform: translate(0, -50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transition: all 0.3s;
}

#rougan .perspective_merit_glasses_btn:hover::after {
  -webkit-transform: translate(10px, -50%) rotate(45deg);
  transform: translate(10px, -50%) rotate(45deg);
}

/*老眼鏡のメリット・デメリット*/
#rougan .perspective_reason_area {
  width: 840px;
  margin: 0 auto 80px;
  padding: 60px 0 53px;
  background: #ede9de;
}

#rougan .perspective_reason_title {
  margin: 0 auto 44px;
  font-size: 20px;
  text-align: center;
}

#rougan .perspective_reason_block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 740px;
  margin: 0 auto 14px;
}

#rougan .perspective_reason_block:nth-child(3) {
  margin: 0 auto 60px;
  padding: 0 0 30px;
  border-bottom: solid 2px #000;
}

#rougan .perspective_reason_block:last-child {
  margin: 0 auto;
  padding: 0 0;
}

#rougan .perspective_reason_img {
  width: 290px;
}

#rougan .perspective_reason_textwrap {
  width: 430px;
}

/*おすすめ */
#rougan .recommend_area {
  width: 840px;
  margin: 0 auto;
  padding: 60px 0 5px;
  background: #ede9de;
}

#rougan .recommend_title {
  margin: 0 auto;
  font-size: 20px;
  text-align: center;
}

#rougan .recommend_block {
  width: 740px;
  margin: 0 auto 60px;
}

#rougan .recommend_block:nth-child(2) {
  margin: 0 auto 50px;
  padding: 0 0 10px;
  border-bottom: solid 2px #000;
}

#rougan .recommend_block:last-child {
  margin: 0 auto;
  padding: 0 0;
}

#rougan .recommend_inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 650px;
  margin: 0 auto;
}

#rougan .recommend_img {
  width: 200px;
}

#rougan .recommend_textwrap {
  width: 400px;
}

#rougan .recommend_list {
  margin: 0 auto;
  padding: 15px 0 0;
  font-weight: bold;
}

#rougan .recommend_list li {
  margin: 0;
}

#rougan .recommend_content_bnr a {
  display: block;
  margin: 0 auto;
}

#rougan .recommend_content_link {
  margin: 11px 0 0;
  padding-bottom: 3px;
}

#rougan .recommend_content_link a {
  border-bottom: solid 1px #000;
}

#rougan .accordion_btn {
  position: relative;
  margin-bottom: 40px;
}

#rougan .accordion_btn::after {
  display: block;
  z-index: 0;
  position: absolute;
  top: 7px;
  right: -15px;
  left: 0;
  width: 230px;
  height: 46px;
  margin: 0 auto;
  padding: 3px 0 0;
  border: solid 2px #000;
  content: "";
  font-weight: 500;
  font-size: 17.5px;
  letter-spacing: 0.15em;
  text-align: center;
}

#rougan .accordion_btn a {
  display: block;
  position: relative;
  z-index: 1;
  width: 230px;
  height: 46px;
  margin: 0 auto;
  padding: 3px 0 0;
  border: solid 2px #000;
  background: #fff;
  color: #000;
  font-weight: 500;
  font-size: 17.5px;
  letter-spacing: 0.15em;
  text-align: center;
}

#rougan .accordion_btn a::after {
  -webkit-transform: translate(0, -50%) rotate(135deg);
  -webkit-transition: all 0.3s;
  position: absolute;
  top: 45%;
  right: 20px;
  width: 10px;
  height: 10px;
  transform: translate(0, -50%) rotate(135deg);
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  transition: all 0.3s;
}

#rougan .accordion_btn a:hover {
  opacity: 1;
}

#rougan .accordion_btn a.open::after {
  -webkit-transform: translate(0, -50%) rotate(315deg);
  top: 55%;
  transform: translate(0, -50%) rotate(315deg);
}

#rougan .togglecontent {
  display: none;
}

#rougan .swiper-parentDiv {
  position: relative;
  width: 840px;
  margin: 0 auto;
}

#rougan .swiper_content {
  width: 840px;
  margin: 0 auto;
  overflow: hidden;
}

#rougan .swiper {
  z-index: 1;
  position: relative;
  height: 300px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  list-style: none;
}

#rougan .swiper-slide {
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

#rougan .ageSwiper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 740px;
  height: 20%;
  padding: 0;
  border-bottom: solid 2px #000;
}

#rougan .ageSwiper .swiper-slide {
  -webkit-transition: all 0.3s;
  width: 25%;
  height: 100%;
  padding: 14.5px 0;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  transition: all 0.3s;
}

#rougan .ageSwiper .swiper-slide-thumb-active {
  width: 148px;
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

#rougan .swiper-slide img {
  -o-object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#rougan .ageSwiper2 {
  width: 740px;
  height: 80%;
  margin: 0 50px;
  overflow: hidden;
}

#rougan .swiper-wrapper {
  margin: 0 auto;
}

#rougan .ageSwiper2 .swiper-slide {
  width: 148px;
  padding: 0;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

#rougan .age_title {
  padding: 14px 0;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

#rougan .age_distance_head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  background: #ddf2f3;
}

#rougan .age_distance_head .distance {
  width: 355px;
  margin: 0 0 0 72px;
  font-weight: 700;
  font-size: 16px;
}

#rougan .age_distance_head .aim {
  width: 265px;
  margin: 0 83px 0 0;
  font-weight: 700;
  font-size: 16px;
}

#rougan .age_distance_body {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: solid 2px #cbcbcb;
}

#rougan .age_distance_body .distance {
  width: 345px;
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}

#rougan .age_distance_body .aim {
  width: 205px;
  margin: 0 130px 0 0;
  font-weight: 500;
  font-size: 16px;
}

#rougan .swiper-button-prev:after,
#rougan .swiper-container-rtl .swiper-button-next:after {
  display: none;
}

#rougan .swiper-button-next:after,
#rougan .swiper-container-rtl .swiper-button-prev:after {
  display: none;
}

#rougan .swiper-button-prev,
#rougan .swiper-button-next {
  width: 21px;
  height: 89px;
}

#rougan .swiper-button-prev {
  position: absolute;
  top: 62%;
  right: auto;
  left: -20px;
  width: 21px;
  height: 89px;
  background-image: url(/campaign/rougankyo/img/left_arrow.png);
}

#rougan .swiper-button-next {
  position: absolute;
  top: 62%;
  right: -20px;
  left: auto;
  width: 21px;
  height: 89px;
  background-image: url(/campaign/rougankyo/img/right_arrow.png);
}

#rougan .swiper-button-prev,
#rougan .swiper-button-next {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

#rougan .bnr_rougan_wrap {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 550px;
  margin: 0 auto;
}

#rougan a.bnr_rougan {
  display: block;
  margin: 0 auto;
  padding: 20px 0 15px;
  background: #1a33ce;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  height: 124px;
}

#rougan a.bnr_rougan .price {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  display: block;
  line-height: 1.7;
  margin-top: 6px;
}

#rougan a.bnr_rougan::after {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -webkit-transition: all 0.3s;
  position: absolute;
  top: 55%;
  right: 20px;
  width: 20px;
  height: 20px;
  transform: translate(0, -50%) rotate(45deg);
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  content: "";
  transition: all 0.3s;
}

#rougan a.bnr_rougan:hover {
  opacity: 0.9;
}

#rougan a.bnr_rougan:hover::after {
  -webkit-transform: translate(10px, -50%) rotate(45deg);
  transform: translate(10px, -50%) rotate(45deg);
}

#rougan .close {
  display: block;
  position: absolute;
  top: -25px;
  right: -25px;
  width: 54px;
  height: 54px;
  border: solid 5px #1a33ce;
  border-radius: 50%;
  background: #fff;
}

#rougan .close::before,
#rougan .close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 25px;
  background: #1a33ce;
  content: "";
}

#rougan .close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

#rougan .close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.tac {
  text-align: center;
}

.p-mb0 {
  margin-bottom: 0 !important;
}

.p-mb5 {
  margin-bottom: 5px !important;
}

.p-mb10 {
  margin-bottom: 10px !important;
}

.p-mb15 {
  margin-bottom: 15px !important;
}

.p-mb20 {
  margin-bottom: 20px !important;
}

.p-mb25 {
  margin-bottom: 25px !important;
}

.p-mb30 {
  margin-bottom: 30px !important;
}

.p-mb35 {
  margin-bottom: 35px !important;
}

.p-mb40 {
  margin-bottom: 40px !important;
}

.p-mb45 {
  margin-bottom: 45px !important;
}

.p-mb50 {
  margin-bottom: 50px !important;
}

.p-mb55 {
  margin-bottom: 55px !important;
}

.p-mb60 {
  margin-bottom: 60px !important;
}

.p-mb65 {
  margin-bottom: 65px !important;
}

.p-mb70 {
  margin-bottom: 70px !important;
}

.p-mb75 {
  margin-bottom: 75px !important;
}

.p-mb80 {
  margin-bottom: 80px !important;
}

.p-mb85 {
  margin-bottom: 85px !important;
}

.p-mb90 {
  margin-bottom: 90px !important;
}

.p-mb95 {
  margin-bottom: 95px !important;
}

.p-mb100 {
  margin-bottom: 100px !important;
}

/*# sourceMappingURL=../maps/css/pc.css.map */