@charset "utf-8";
/* kodate 特集ページ用スタイル: sasaoki style.css から抽出 */
main .border {
  border-bottom: double 2px #000;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
main .cap {
  font-size: 10px;
}
main .image_cap {
  display: block;
  position: relative;
}
main .image_cap .cap {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.1rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 10px;
}
main .center {
  text-align: center;
}
main .right {
  text-align: right;
}
main .right {
  text-align: right;
}
main .large {
  font-size: 2rem;
}
@media screen and (max-width: 740px) {
main .large {
    font-size: 1rem;
  }
}
main .pc {
  display: block;
}
@media screen and (max-width: 740px) {
main .pc {
    display: none;
  }
}
main .sp {
  display: none;
}
@media screen and (max-width: 740px) {
main .sp {
    display: block;
  }
}
main .sp_w {
  max-width: 940px;
  margin: 0 auto;
}
@media screen and (max-width: 740px) {
main .sp_w {
    max-width: 96%;
  }
}
main .s_w {
  max-width: 460px;
  margin: 0 auto;
}
@media screen and (max-width: 740px) {
main .s_w {
    max-width: 96%;
  }
}
main .mt60 {
  margin-top: 60px;
}
main .mt30 {
  margin-top: 30px;
}
main .col2,
main#kodate-page .service,
main#dual-income-page .service,
main#dual-income-page .hapisapo,
main#dual-income-page .common,
main#dual-income-page .point .inner,
main#dual-income-page .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
main .col2 > div,
main#kodate-page .service > div,
main#dual-income-page .service > div,
main#dual-income-page .hapisapo > div,
main#dual-income-page .common > div,
main#dual-income-page .point .inner > div,
main#dual-income-page .images > div,
main .col2 a,
main#kodate-page .service a,
main#dual-income-page .service a,
main#dual-income-page .hapisapo a,
main#dual-income-page .common a,
main#dual-income-page .point .inner a,
main#dual-income-page .images a,
main .col2 li,
main#kodate-page .service li,
main#dual-income-page .service li,
main#dual-income-page .hapisapo li,
main#dual-income-page .common li,
main#dual-income-page .point .inner li,
main#dual-income-page .images li {
  width: 48%;
}
@media screen and (max-width: 740px) {
main .col2 > div,
main#kodate-page .service > div,
main#dual-income-page .service > div,
main#dual-income-page .hapisapo > div,
main#dual-income-page .common > div,
main#dual-income-page .point .inner > div,
main#dual-income-page .images > div,
main .col2 a,
main#kodate-page .service a,
main#dual-income-page .service a,
main#dual-income-page .hapisapo a,
main#dual-income-page .common a,
main#dual-income-page .point .inner a,
main#dual-income-page .images a,
main .col2 li,
main#kodate-page .service li,
main#dual-income-page .service li,
main#dual-income-page .hapisapo li,
main#dual-income-page .common li,
main#dual-income-page .point .inner li,
main#dual-income-page .images li {
    width: 100%;
    margin-bottom: 4%;
  }
}
main .col3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
main .col3 > div,
main .col3 a,
main .col3 li {
  width: 32%;
}
@media screen and (max-width: 740px) {
main .col3 > div,
main .col3 a,
main .col3 li {
    width: 100%;
    margin-bottom: 4%;
  }
}
main .col4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
main .col4 > div,
main .col4 a,
main .col4 li,
main .col4 button {
  width: 22%;
}
@media screen and (max-width: 940px) {
main .col4 > div,
main .col4 a,
main .col4 li,
main .col4 button {
    width: 48%;
    margin-bottom: 4%;
  }
}
main .white {
  color: #fff;
}
main#dual-income-page {
  font-family: "A1明朝", "A1 Mincho";
}
main#dual-income-page .image_cap_normal {
  display: block;
  position: relative;
}
main#dual-income-page .image_cap_normal .cap_left {
  position: absolute;
  bottom: 1%;
  left: 1%;
  padding: 0.1rem;
  color: #fff;
  font-size: 10px;
}
main#dual-income-page .image_cap_normal .cap_right {
  position: absolute;
  bottom: 1%;
  right: 1%;
  padding: 0.1rem;
  color: #fff;
  font-size: 10px;
}
main#dual-income-page .image_cap_normal .cap_left_black {
  position: absolute;
  bottom: 1%;
  left: 1%;
  padding: 0.1rem;
  color: #000;
  font-size: 10px;
}
main#dual-income-page .image_cap_normal .cap_right_black {
  position: absolute;
  bottom: 1%;
  right: 1%;
  padding: 0.1rem;
  color: #000;
  font-size: 10px;
}
main#dual-income-page .bg_blue {
  background-color: #ecf0f3;
  padding: 60px 0;
}
main#dual-income-page .bg_indigo {
  background-image: url(../images/special/kodate/dual-income/img12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 20px;
  color: #fff;
}
@media screen and (max-width: 740px) {
main#dual-income-page .bg_indigo .center {
    text-align: left;
  }
}
main#dual-income-page .bg_purple {
  background-color: #8a91b5;
  padding: 30px 0;
  color: #fff;
}
main#dual-income-page .bg_purple img {
  max-width: 100px;
  margin: 0 auto;
  padding: 0;
}
main#dual-income-page .bg_purple .txt {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: center;
}
main#dual-income-page .bg_purple .txt img {
  width: 10%;
}
main#dual-income-page .bg_purple .txt h3 {
  width: 90%;
}
main#dual-income-page .bg_stripe {
  background-color: #ecf0f3;
  margin: 0;
  padding: 100px 0 60px;
  position: relative;
  z-index: -1;
}
main#dual-income-page .bg_stripe:before {
  position: absolute;
  content: url(../images/special/kodate/dual-income/img56.png);
  width: 30px;
  top: 0;
  left: -30px;
  z-index: -1;
}
main#dual-income-page .bg_stripe:after {
  position: absolute;
  content: url(../images/special/kodate/dual-income/img56.png);
  width: 30px;
  top: 0;
  right: 0;
  z-index: -1;
}
main#dual-income-page .gothic {
  font-family: sans-serif;
  font-weight: normal;
}
main#dual-income-page .bold {
  font-weight: bold;
}
main#dual-income-page .yu-go {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
main#dual-income-page .indigo {
  color: #02284c;
}
main#dual-income-page .gold {
  color: #a5904c;
}
main#dual-income-page .gold_marker {
  display: inline-block;
  background: linear-gradient(transparent 60%, #a5904c 60%);
}
main#dual-income-page .yellow {
  color: #ffff00;
}
main#dual-income-page .purple {
  color: #8a91b5;
}
main#dual-income-page .red {
  color: #c1272d;
}
main#dual-income-page .large {
  font-size: 1.5rem;
}
@media screen and (max-width: 740px) {
main#dual-income-page .large {
    font-size: 1.2rem;
  }
}
main#dual-income-page h2 {
  font-size: 2rem;
}
@media screen and (max-width: 740px) {
main#dual-income-page h2 {
    font-size: 1.4rem;
  }
}
main#dual-income-page h3 {
  font-size: 1.8rem;
}
@media screen and (max-width: 740px) {
main#dual-income-page h3 {
    font-size: 1.2rem;
  }
}
main#dual-income-page h4 {
  font-size: 1.5rem;
}
@media screen and (max-width: 740px) {
main#dual-income-page h4 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 740px) {
main#dual-income-page .images > div {
    width: 48%;
  }
}
main#dual-income-page .datum .data {
  max-width: 80px;
  margin: 30px auto;
}
main#dual-income-page .datum .question:before {
  content: "Q.";
}
main#dual-income-page .datum .brown_box {
  padding: 1rem;
  border: 1px solid #b29e69;
}
main#dual-income-page .datum .brown_box .brown {
  color: #b29e69;
}
main#dual-income-page .datum .purple_box {
  padding: 1rem;
  background-color: #8a91b5;
}
main#dual-income-page .datum .purple_box p {
  font-family: sans-serif;
  color: #f4e13d;
  text-decoration: underline;
}
main#dual-income-page .datum .light_purple_box {
  padding: 1rem;
  background-image: url(../images/special/kodate/dual-income/bg_purple.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 2rem;
}
@media screen and (max-width: 740px) {
main#dual-income-page .datum .light_purple_box {
    background-size: auto 100%;
  }
}
main#dual-income-page .datum .arrow {
  width: 50px;
  margin: 20px auto;
}
main#dual-income-page .light_gold_box {
  background-image: url(../images/special/kodate/dual-income/bg_gold.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 2rem;
  margin: 60px auto;
}
@media screen and (max-width: 740px) {
main#dual-income-page .light_gold_box {
    padding: 1rem;
    background-size: auto 100%;
  }
}
main#dual-income-page .double-border-box {
  position: relative;
  padding: 3rem;
  background-image: url(../images/special/kodate/dual-income/bg_white.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
@media screen and (max-width: 740px) {
main#dual-income-page .double-border-box {
    padding: 1rem;
    background-size: auto 100%;
  }
}
main#dual-income-page .double-border-box img {
  position: absolute;
  width: 100px;
  top: -40px;
  right: 0;
}
@media screen and (max-width: 740px) {
main#dual-income-page .double-border-box img {
    width: 60px;
  }
}
main#dual-income-page dl.type {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #000;
}
main#dual-income-page dl.type dt,
main#dual-income-page dl.type dd {
  padding: 0.5rem 1rem;
}
main#dual-income-page dl.spec {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}
main#dual-income-page dl.spec dt,
main#dual-income-page dl.spec dd {
  padding: 0.5rem 1rem;
}
main#dual-income-page dl.spec dt {
  background-color: #b29e69;
  color: #fff;
}
main#dual-income-page dl.spec dd {
  font-size: 12px;
}
main#dual-income-page .point {
  background-color: #fff;
  margin: 0 auto 30px;
  padding: 1rem;
  position: relative;
}
main#dual-income-page .point > img {
  position: absolute;
  top: -20px;
  left: -20px;
}
main#dual-income-page .point .inner {
  margin-top: 70px;
}
@media screen and (max-width: 740px) {
main#dual-income-page .point .inner {
    margin-top: 120px;
  }
}
main#dual-income-page .point .inner > div:first-child {
  width: 55%;
  font-size: 12px;
  text-align: justify;
}
main#dual-income-page .point .inner > div:last-child {
  width: 40%;
}
main#dual-income-page .wind:before {
  display: inline-block;
  content: url(../images/special/kodate/dual-income/wind.svg);
  width: 30px;
  margin-right: 10px;
}
main#dual-income-page .light:before {
  display: inline-block;
  content: url(../images/special/kodate/dual-income/light.svg);
  width: 30px;
  margin-right: 10px;
}
main#dual-income-page .storage:before {
  display: inline-block;
  content: url(../images/special/kodate/dual-income/storage.svg);
  width: 30px;
  margin-right: 10px;
}
main#dual-income-page .water:before {
  display: inline-block;
  content: url(../images/special/kodate/dual-income/water.svg);
  width: 30px;
  margin-right: 10px;
}
main#dual-income-page .common > div {
  width: 45%;
}
main#dual-income-page .hapisapo {
  align-items: center;
}
main#dual-income-page .service {
  align-items: stretch;
}
main#dual-income-page .service > div {
  width: 45%;
}
@media screen and (max-width: 740px) {
main#dual-income-page .service > div {
    width: 100%;
  }
}
main#dual-income-page .service div.light_purple_box_outline {
  padding: 1rem;
  margin-bottom: 10%;
  background-color: #e7e9f0;
  border: 10px solid #fff;
  box-shadow: 0px 0px 0px 1px #e7e9f0;
}
main#dual-income-page .service div.light_purple_box_outline h5 {
  border-bottom: 1px solid #02284c;
  margin-bottom: 10px;
  color: #02284c;
}
main#dual-income-page .service div.light_purple_box_outline .inner {
  padding: 1rem;
}
main#dual-income-page .service div.light_purple_box_outline .inner > ul {
  margin-top: 20px;
  text-align: left;
}
main#dual-income-page .service div.light_purple_box_outline .inner > ul > li {
  width: 100%;
  text-align: left;
}
main#dual-income-page .service div.light_purple_box_outline .inner > ul > li::before {
  display: inline-block;
  content: url(../images/special/kodate/dual-income/img45.png);
  width: 20px;
  margin-right: 10px;
}
main#dual-income-page .service div.light_purple_box_outline .middle_purple_box {
  margin: 20px auto 0;
  padding: 1rem;
  border-radius: 10px;
  background-color: #cbcedd;
}
@media screen and (max-width: 740px) {
main#dual-income-page .service div.light_purple_box_outline .col3 > div {
    width: 32%;
  }
}
main#dual-income-page a.external_btn {
  display: block;
  width: 400px;
  margin: 60px auto;
}
main#kodate-page {
  font-family: "Noto Serif JP", serif;
}
main#kodate-page .keyColor {
  color: #66cbc4;
}
main#kodate-page h2 {
  font-size: 30px;
  margin-bottom: 10px;
}
@media screen and (max-width: 740px) {
main#kodate-page h2 {
    font-size: 20px;
  }
}
main#kodate-page .ttl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
main#kodate-page .ttl div {
  width: 10%;
}
@media screen and (max-width: 740px) {
main#kodate-page .ttl div {
    width: 100%;
    margin-bottom: 30px;
  }
main#kodate-page .ttl div img {
    max-width: 60px;
    margin: 0 auto;
  }
}
main#kodate-page .ttl h3 {
  width: 85%;
  font-size: 30px;
  margin-bottom: 10px;
}
@media screen and (max-width: 740px) {
main#kodate-page .ttl h3 {
    width: 100%;
    font-size: 20px;
  }
}
main#kodate-page h3 {
  font-size: 30px;
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 740px) {
main#kodate-page h3 {
    font-size: 20px;
  }
}
main#kodate-page h4 {
  font-size: 30px;
  line-height: 1.5em;
  text-align: center;
}
@media screen and (max-width: 740px) {
main#kodate-page h4 {
    font-size: 20px;
  }
}
main#kodate-page p {
  font-size: 16px;
  line-height: 1.7em;
  text-align: justify;
}
@media screen and (max-width: 740px) {
main#kodate-page p {
    font-size: 14px;
  }
}
main#kodate-page .center {
  text-align: center;
}
main#kodate-page .image_cap .cap {
  font-family: "Noto Serif JP", serif;
  background-color: transparent;
  color: #000;
  font-size: 12px;
}
@media screen and (max-width: 740px) {
main#kodate-page .image_cap .cap {
    font-size: 10px;
  }
}
main#kodate-page .image_cap .cap.white {
  color: #fff;
}
main#kodate-page p.cap {
  font-family: "Noto Serif JP", serif;
  font-size: 12px;
}
@media screen and (max-width: 740px) {
main#kodate-page p.cap {
    font-size: 10px;
  }
}
main#kodate-page p.go {
  font-family: "Noto Serif JP", serif;
}
main#kodate-page .large {
  font-size: 2rem;
}
main#kodate-page .bg_lightGreen {
  background-color: #e2f0f3;
  padding: 60px;
}
@media screen and (max-width: 740px) {
main#kodate-page .bg_lightGreen {
    padding: 30px;
  }
}
main#kodate-page .bg_green {
  background-color: #66cbc4;
  padding: 30px;
  color: #fff;
}
main#kodate-page .bg_green .original {
  max-width: 100px;
  margin: 0 auto;
  padding: 0;
}
main#kodate-page .bg_green .col2,
main#kodate-page .bg_green .service,
main#kodate-page .bg_green main.plan-single-page .txt .area,
main.plan-single-page .txt main#kodate-page .bg_green .area,
main#kodate-page .bg_green main.plan-single-page .image .tab_btns,
main.plan-single-page .image main#kodate-page .bg_green .tab_btns,
main#kodate-page .bg_green main#dual-income-page .images,
main#dual-income-page main#kodate-page .bg_green .images,
main#kodate-page .bg_green main#dual-income-page .point .inner,
main#dual-income-page .point main#kodate-page .bg_green .inner,
main#kodate-page .bg_green main#dual-income-page .common,
main#dual-income-page main#kodate-page .bg_green .common,
main#kodate-page .bg_green main#dual-income-page .hapisapo,
main#dual-income-page main#kodate-page .bg_green .hapisapo {
  max-width: 700px;
  margin: 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
main#kodate-page .bg_green .col2 div:first-child,
main#kodate-page .bg_green .service div:first-child,
main#kodate-page .bg_green main.plan-single-page .txt .area div:first-child,
main.plan-single-page .txt main#kodate-page .bg_green .area div:first-child,
main#kodate-page .bg_green main.plan-single-page .image .tab_btns div:first-child,
main.plan-single-page .image main#kodate-page .bg_green .tab_btns div:first-child,
main#kodate-page .bg_green main#dual-income-page .images div:first-child,
main#dual-income-page main#kodate-page .bg_green .images div:first-child,
main#kodate-page .bg_green main#dual-income-page .point .inner div:first-child,
main#dual-income-page .point main#kodate-page .bg_green .inner div:first-child,
main#kodate-page .bg_green main#dual-income-page .common div:first-child,
main#dual-income-page main#kodate-page .bg_green .common div:first-child,
main#kodate-page .bg_green main#dual-income-page .hapisapo div:first-child,
main#dual-income-page main#kodate-page .bg_green .hapisapo div:first-child {
  width: 20%;
}
@media screen and (max-width: 740px) {
main#kodate-page .bg_green .col2 div:first-child,
main#kodate-page .bg_green .service div:first-child,
main#kodate-page .bg_green main.plan-single-page .txt .area div:first-child,
main.plan-single-page .txt main#kodate-page .bg_green .area div:first-child,
main#kodate-page .bg_green main.plan-single-page .image .tab_btns div:first-child,
main.plan-single-page .image main#kodate-page .bg_green .tab_btns div:first-child,
main#kodate-page .bg_green main#dual-income-page .images div:first-child,
main#dual-income-page main#kodate-page .bg_green .images div:first-child,
main#kodate-page .bg_green main#dual-income-page .point .inner div:first-child,
main#dual-income-page .point main#kodate-page .bg_green .inner div:first-child,
main#kodate-page .bg_green main#dual-income-page .common div:first-child,
main#dual-income-page main#kodate-page .bg_green .common div:first-child,
main#kodate-page .bg_green main#dual-income-page .hapisapo div:first-child,
main#dual-income-page main#kodate-page .bg_green .hapisapo div:first-child {
    width: 100%;
  }
main#kodate-page .bg_green .col2 div:first-child img,
main#kodate-page .bg_green .service div:first-child img,
main#kodate-page .bg_green main.plan-single-page .txt .area div:first-child img,
main.plan-single-page .txt main#kodate-page .bg_green .area div:first-child img,
main#kodate-page .bg_green main.plan-single-page .image .tab_btns div:first-child img,
main.plan-single-page .image main#kodate-page .bg_green .tab_btns div:first-child img,
main#kodate-page .bg_green main#dual-income-page .images div:first-child img,
main#dual-income-page main#kodate-page .bg_green .images div:first-child img,
main#kodate-page .bg_green main#dual-income-page .point .inner div:first-child img,
main#dual-income-page .point main#kodate-page .bg_green .inner div:first-child img,
main#kodate-page .bg_green main#dual-income-page .common div:first-child img,
main#dual-income-page main#kodate-page .bg_green .common div:first-child img,
main#kodate-page .bg_green main#dual-income-page .hapisapo div:first-child img,
main#dual-income-page main#kodate-page .bg_green .hapisapo div:first-child img {
    max-width: 60px;
    margin: 10px auto 0;
  }
}
main#kodate-page .bg_green .col2 div:last-child,
main#kodate-page .bg_green .service div:last-child,
main#kodate-page .bg_green main.plan-single-page .txt .area div:last-child,
main.plan-single-page .txt main#kodate-page .bg_green .area div:last-child,
main#kodate-page .bg_green main.plan-single-page .image .tab_btns div:last-child,
main.plan-single-page .image main#kodate-page .bg_green .tab_btns div:last-child,
main#kodate-page .bg_green main#dual-income-page .images div:last-child,
main#dual-income-page main#kodate-page .bg_green .images div:last-child,
main#kodate-page .bg_green main#dual-income-page .point .inner div:last-child,
main#dual-income-page .point main#kodate-page .bg_green .inner div:last-child,
main#kodate-page .bg_green main#dual-income-page .common div:last-child,
main#dual-income-page main#kodate-page .bg_green .common div:last-child,
main#kodate-page .bg_green main#dual-income-page .hapisapo div:last-child,
main#dual-income-page main#kodate-page .bg_green .hapisapo div:last-child {
  width: 75%;
}
@media screen and (max-width: 740px) {
main#kodate-page .bg_green .col2 div:last-child,
main#kodate-page .bg_green .service div:last-child,
main#kodate-page .bg_green main.plan-single-page .txt .area div:last-child,
main.plan-single-page .txt main#kodate-page .bg_green .area div:last-child,
main#kodate-page .bg_green main.plan-single-page .image .tab_btns div:last-child,
main.plan-single-page .image main#kodate-page .bg_green .tab_btns div:last-child,
main#kodate-page .bg_green main#dual-income-page .images div:last-child,
main#dual-income-page main#kodate-page .bg_green .images div:last-child,
main#kodate-page .bg_green main#dual-income-page .point .inner div:last-child,
main#dual-income-page .point main#kodate-page .bg_green .inner div:last-child,
main#kodate-page .bg_green main#dual-income-page .common div:last-child,
main#dual-income-page main#kodate-page .bg_green .common div:last-child,
main#kodate-page .bg_green main#dual-income-page .hapisapo div:last-child,
main#dual-income-page main#kodate-page .bg_green .hapisapo div:last-child {
    width: 100%;
  }
main#kodate-page .bg_green .col2 div:last-child h3,
main#kodate-page .bg_green .service div:last-child h3,
main#kodate-page .bg_green main.plan-single-page .txt .area div:last-child h3,
main.plan-single-page .txt main#kodate-page .bg_green .area div:last-child h3,
main#kodate-page .bg_green main.plan-single-page .image .tab_btns div:last-child h3,
main.plan-single-page .image main#kodate-page .bg_green .tab_btns div:last-child h3,
main#kodate-page .bg_green main#dual-income-page .images div:last-child h3,
main#dual-income-page main#kodate-page .bg_green .images div:last-child h3,
main#kodate-page .bg_green main#dual-income-page .point .inner div:last-child h3,
main#dual-income-page .point main#kodate-page .bg_green .inner div:last-child h3,
main#kodate-page .bg_green main#dual-income-page .common div:last-child h3,
main#dual-income-page main#kodate-page .bg_green .common div:last-child h3,
main#kodate-page .bg_green main#dual-income-page .hapisapo div:last-child h3,
main#dual-income-page main#kodate-page .bg_green .hapisapo div:last-child h3,
main#kodate-page .bg_green .col2 div:last-child p,
main#kodate-page .bg_green .service div:last-child p,
main#kodate-page .bg_green main.plan-single-page .txt .area div:last-child p,
main.plan-single-page .txt main#kodate-page .bg_green .area div:last-child p,
main#kodate-page .bg_green main.plan-single-page .image .tab_btns div:last-child p,
main.plan-single-page .image main#kodate-page .bg_green .tab_btns div:last-child p,
main#kodate-page .bg_green main#dual-income-page .images div:last-child p,
main#dual-income-page main#kodate-page .bg_green .images div:last-child p,
main#kodate-page .bg_green main#dual-income-page .point .inner div:last-child p,
main#dual-income-page .point main#kodate-page .bg_green .inner div:last-child p,
main#kodate-page .bg_green main#dual-income-page .common div:last-child p,
main#dual-income-page main#kodate-page .bg_green .common div:last-child p,
main#kodate-page .bg_green main#dual-income-page .hapisapo div:last-child p,
main#dual-income-page main#kodate-page .bg_green .hapisapo div:last-child p {
    text-align: center;
  }
}
main#kodate-page .double_line {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  border: 2px double #000;
  margin: 60px 0 0;
  padding: 40px;
}
@media screen and (max-width: 740px) {
main#kodate-page .double_line {
    padding: 30px;
  }
}
main#kodate-page .double_line .col2 > div:first-child,
main#kodate-page .double_line .service > div:first-child,
main#kodate-page .double_line main.plan-single-page .txt .area > div:first-child,
main.plan-single-page .txt main#kodate-page .double_line .area > div:first-child,
main#kodate-page .double_line main.plan-single-page .image .tab_btns > div:first-child,
main.plan-single-page .image main#kodate-page .double_line .tab_btns > div:first-child,
main#kodate-page .double_line main#dual-income-page .images > div:first-child,
main#dual-income-page main#kodate-page .double_line .images > div:first-child,
main#kodate-page .double_line main#dual-income-page .point .inner > div:first-child,
main#dual-income-page .point main#kodate-page .double_line .inner > div:first-child,
main#kodate-page .double_line main#dual-income-page .common > div:first-child,
main#dual-income-page main#kodate-page .double_line .common > div:first-child,
main#kodate-page .double_line main#dual-income-page .hapisapo > div:first-child,
main#dual-income-page main#kodate-page .double_line .hapisapo > div:first-child {
  width: 60%;
}
@media screen and (max-width: 740px) {
main#kodate-page .double_line .col2 > div:first-child,
main#kodate-page .double_line .service > div:first-child,
main#kodate-page .double_line main.plan-single-page .txt .area > div:first-child,
main.plan-single-page .txt main#kodate-page .double_line .area > div:first-child,
main#kodate-page .double_line main.plan-single-page .image .tab_btns > div:first-child,
main.plan-single-page .image main#kodate-page .double_line .tab_btns > div:first-child,
main#kodate-page .double_line main#dual-income-page .images > div:first-child,
main#dual-income-page main#kodate-page .double_line .images > div:first-child,
main#kodate-page .double_line main#dual-income-page .point .inner > div:first-child,
main#dual-income-page .point main#kodate-page .double_line .inner > div:first-child,
main#kodate-page .double_line main#dual-income-page .common > div:first-child,
main#dual-income-page main#kodate-page .double_line .common > div:first-child,
main#kodate-page .double_line main#dual-income-page .hapisapo > div:first-child,
main#dual-income-page main#kodate-page .double_line .hapisapo > div:first-child {
    width: 100%;
  }
}
main#kodate-page .double_line .col2 > div:last-child,
main#kodate-page .double_line .service > div:last-child,
main#kodate-page .double_line main.plan-single-page .txt .area > div:last-child,
main.plan-single-page .txt main#kodate-page .double_line .area > div:last-child,
main#kodate-page .double_line main.plan-single-page .image .tab_btns > div:last-child,
main.plan-single-page .image main#kodate-page .double_line .tab_btns > div:last-child,
main#kodate-page .double_line main#dual-income-page .images > div:last-child,
main#dual-income-page main#kodate-page .double_line .images > div:last-child,
main#kodate-page .double_line main#dual-income-page .point .inner > div:last-child,
main#dual-income-page .point main#kodate-page .double_line .inner > div:last-child,
main#kodate-page .double_line main#dual-income-page .common > div:last-child,
main#dual-income-page main#kodate-page .double_line .common > div:last-child,
main#kodate-page .double_line main#dual-income-page .hapisapo > div:last-child,
main#dual-income-page main#kodate-page .double_line .hapisapo > div:last-child {
  width: 35%;
}
@media screen and (max-width: 740px) {
main#kodate-page .double_line .col2 > div:last-child,
main#kodate-page .double_line .service > div:last-child,
main#kodate-page .double_line main.plan-single-page .txt .area > div:last-child,
main.plan-single-page .txt main#kodate-page .double_line .area > div:last-child,
main#kodate-page .double_line main.plan-single-page .image .tab_btns > div:last-child,
main.plan-single-page .image main#kodate-page .double_line .tab_btns > div:last-child,
main#kodate-page .double_line main#dual-income-page .images > div:last-child,
main#dual-income-page main#kodate-page .double_line .images > div:last-child,
main#kodate-page .double_line main#dual-income-page .point .inner > div:last-child,
main#dual-income-page .point main#kodate-page .double_line .inner > div:last-child,
main#kodate-page .double_line main#dual-income-page .common > div:last-child,
main#dual-income-page main#kodate-page .double_line .common > div:last-child,
main#kodate-page .double_line main#dual-income-page .hapisapo > div:last-child,
main#dual-income-page main#kodate-page .double_line .hapisapo > div:last-child {
    width: 100%;
  }
}
main#kodate-page .arrow {
  max-width: 200px;
  margin: 0 auto 30px;
}
main#kodate-page .arrow > img:first-child {
  width: 60px;
  margin: 0 auto;
}
main#kodate-page .marker {
  display: inline-block;
  background: linear-gradient(transparent 90%, #ffff00 90%);
}
main#kodate-page .yellow {
  color: #ffff00;
}
main#kodate-page .gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
main#kodate-page .border {
  border: 1px solid #66cbc4;
}
main#kodate-page .border .txt > div:last-child {
  padding: 20px 20px 0 0;
}
main#kodate-page .border .graph {
  padding: 20px;
}
@media screen and (max-width: 740px) {
main#kodate-page #security .col2 > div,
main#kodate-page #security .service > div,
main#kodate-page #security main.plan-single-page .txt .area > div,
main.plan-single-page .txt main#kodate-page #security .area > div,
main#kodate-page #security main.plan-single-page .image .tab_btns > div,
main.plan-single-page .image main#kodate-page #security .tab_btns > div,
main#kodate-page #security main#dual-income-page .images > div,
main#dual-income-page main#kodate-page #security .images > div,
main#kodate-page #security main#dual-income-page .point .inner > div,
main#dual-income-page .point main#kodate-page #security .inner > div,
main#kodate-page #security main#dual-income-page .common > div,
main#dual-income-page main#kodate-page #security .common > div,
main#kodate-page #security main#dual-income-page .hapisapo > div,
main#dual-income-page main#kodate-page #security .hapisapo > div {
    width: 48%;
  }
}
@media screen and (max-width: 740px) {
main#kodate-page #structure .col2,
main#kodate-page #structure .service,
main#kodate-page #structure main.plan-single-page .txt .area,
main.plan-single-page .txt main#kodate-page #structure .area,
main#kodate-page #structure main.plan-single-page .image .tab_btns,
main.plan-single-page .image main#kodate-page #structure .tab_btns,
main#kodate-page #structure main#dual-income-page .images,
main#dual-income-page main#kodate-page #structure .images,
main#kodate-page #structure main#dual-income-page .point .inner,
main#dual-income-page .point main#kodate-page #structure .inner,
main#kodate-page #structure main#dual-income-page .common,
main#dual-income-page main#kodate-page #structure .common,
main#kodate-page #structure main#dual-income-page .hapisapo,
main#dual-income-page main#kodate-page #structure .hapisapo {
    align-items: center;
    justify-content: center;
  }
}
main#kodate-page #structure .col2 > div:last-child,
main#kodate-page #structure .service > div:last-child,
main#kodate-page #structure main.plan-single-page .txt .area > div:last-child,
main.plan-single-page .txt main#kodate-page #structure .area > div:last-child,
main#kodate-page #structure main.plan-single-page .image .tab_btns > div:last-child,
main.plan-single-page .image main#kodate-page #structure .tab_btns > div:last-child,
main#kodate-page #structure main#dual-income-page .images > div:last-child,
main#dual-income-page main#kodate-page #structure .images > div:last-child,
main#kodate-page #structure main#dual-income-page .point .inner > div:last-child,
main#dual-income-page .point main#kodate-page #structure .inner > div:last-child,
main#kodate-page #structure main#dual-income-page .common > div:last-child,
main#dual-income-page main#kodate-page #structure .common > div:last-child,
main#kodate-page #structure main#dual-income-page .hapisapo > div:last-child,
main#dual-income-page main#kodate-page #structure .hapisapo > div:last-child {
  width: 40%;
}
@media screen and (max-width: 740px) {
main#kodate-page #structure .col2 > div:last-child,
main#kodate-page #structure .service > div:last-child,
main#kodate-page #structure main.plan-single-page .txt .area > div:last-child,
main.plan-single-page .txt main#kodate-page #structure .area > div:last-child,
main#kodate-page #structure main.plan-single-page .image .tab_btns > div:last-child,
main.plan-single-page .image main#kodate-page #structure .tab_btns > div:last-child,
main#kodate-page #structure main#dual-income-page .images > div:last-child,
main#dual-income-page main#kodate-page #structure .images > div:last-child,
main#kodate-page #structure main#dual-income-page .point .inner > div:last-child,
main#dual-income-page .point main#kodate-page #structure .inner > div:last-child,
main#kodate-page #structure main#dual-income-page .common > div:last-child,
main#dual-income-page main#kodate-page #structure .common > div:last-child,
main#kodate-page #structure main#dual-income-page .hapisapo > div:last-child,
main#dual-income-page main#kodate-page #structure .hapisapo > div:last-child {
    width: 60%;
  }
}
main#kodate-page #hapisapo .border {
  padding: 20px;
}
@media screen and (max-width: 740px) {
main#kodate-page #hapisapo .border .col2,
main#kodate-page #hapisapo .border .service,
main#kodate-page #hapisapo .border main.plan-single-page .txt .area,
main.plan-single-page .txt main#kodate-page #hapisapo .border .area,
main#kodate-page #hapisapo .border main.plan-single-page .image .tab_btns,
main.plan-single-page .image main#kodate-page #hapisapo .border .tab_btns,
main#kodate-page #hapisapo .border main#dual-income-page .images,
main#dual-income-page main#kodate-page #hapisapo .border .images,
main#kodate-page #hapisapo .border main#dual-income-page .point .inner,
main#dual-income-page .point main#kodate-page #hapisapo .border .inner,
main#kodate-page #hapisapo .border main#dual-income-page .common,
main#dual-income-page main#kodate-page #hapisapo .border .common,
main#kodate-page #hapisapo .border main#dual-income-page .hapisapo,
main#dual-income-page main#kodate-page #hapisapo .border .hapisapo {
    justify-content: center;
    align-items: center;
  }
}
main#kodate-page #hapisapo .border .col2 > div:first-child,
main#kodate-page #hapisapo .border .service > div:first-child,
main#kodate-page #hapisapo .border main.plan-single-page .txt .area > div:first-child,
main.plan-single-page .txt main#kodate-page #hapisapo .border .area > div:first-child,
main#kodate-page #hapisapo .border main.plan-single-page .image .tab_btns > div:first-child,
main.plan-single-page .image main#kodate-page #hapisapo .border .tab_btns > div:first-child,
main#kodate-page #hapisapo .border main#dual-income-page .images > div:first-child,
main#dual-income-page main#kodate-page #hapisapo .border .images > div:first-child,
main#kodate-page #hapisapo .border main#dual-income-page .point .inner > div:first-child,
main#dual-income-page .point main#kodate-page #hapisapo .border .inner > div:first-child,
main#kodate-page #hapisapo .border main#dual-income-page .common > div:first-child,
main#dual-income-page main#kodate-page #hapisapo .border .common > div:first-child,
main#kodate-page #hapisapo .border main#dual-income-page .hapisapo > div:first-child,
main#dual-income-page main#kodate-page #hapisapo .border .hapisapo > div:first-child {
  width: 20%;
}
@media screen and (max-width: 740px) {
main#kodate-page #hapisapo .border .col2 > div:first-child,
main#kodate-page #hapisapo .border .service > div:first-child,
main#kodate-page #hapisapo .border main.plan-single-page .txt .area > div:first-child,
main.plan-single-page .txt main#kodate-page #hapisapo .border .area > div:first-child,
main#kodate-page #hapisapo .border main.plan-single-page .image .tab_btns > div:first-child,
main.plan-single-page .image main#kodate-page #hapisapo .border .tab_btns > div:first-child,
main#kodate-page #hapisapo .border main#dual-income-page .images > div:first-child,
main#dual-income-page main#kodate-page #hapisapo .border .images > div:first-child,
main#kodate-page #hapisapo .border main#dual-income-page .point .inner > div:first-child,
main#dual-income-page .point main#kodate-page #hapisapo .border .inner > div:first-child,
main#kodate-page #hapisapo .border main#dual-income-page .common > div:first-child,
main#dual-income-page main#kodate-page #hapisapo .border .common > div:first-child,
main#kodate-page #hapisapo .border main#dual-income-page .hapisapo > div:first-child,
main#dual-income-page main#kodate-page #hapisapo .border .hapisapo > div:first-child {
    width: 40%;
  }
}
main#kodate-page #hapisapo .border .col2 > div:last-child,
main#kodate-page #hapisapo .border .service > div:last-child,
main#kodate-page #hapisapo .border main.plan-single-page .txt .area > div:last-child,
main.plan-single-page .txt main#kodate-page #hapisapo .border .area > div:last-child,
main#kodate-page #hapisapo .border main.plan-single-page .image .tab_btns > div:last-child,
main.plan-single-page .image main#kodate-page #hapisapo .border .tab_btns > div:last-child,
main#kodate-page #hapisapo .border main#dual-income-page .images > div:last-child,
main#dual-income-page main#kodate-page #hapisapo .border .images > div:last-child,
main#kodate-page #hapisapo .border main#dual-income-page .point .inner > div:last-child,
main#dual-income-page .point main#kodate-page #hapisapo .border .inner > div:last-child,
main#kodate-page #hapisapo .border main#dual-income-page .common > div:last-child,
main#dual-income-page main#kodate-page #hapisapo .border .common > div:last-child,
main#kodate-page #hapisapo .border main#dual-income-page .hapisapo > div:last-child,
main#dual-income-page main#kodate-page #hapisapo .border .hapisapo > div:last-child {
  width: 75%;
}
@media screen and (max-width: 740px) {
main#kodate-page #hapisapo .border .col2 > div:last-child,
main#kodate-page #hapisapo .border .service > div:last-child,
main#kodate-page #hapisapo .border main.plan-single-page .txt .area > div:last-child,
main.plan-single-page .txt main#kodate-page #hapisapo .border .area > div:last-child,
main#kodate-page #hapisapo .border main.plan-single-page .image .tab_btns > div:last-child,
main.plan-single-page .image main#kodate-page #hapisapo .border .tab_btns > div:last-child,
main#kodate-page #hapisapo .border main#dual-income-page .images > div:last-child,
main#dual-income-page main#kodate-page #hapisapo .border .images > div:last-child,
main#kodate-page #hapisapo .border main#dual-income-page .point .inner > div:last-child,
main#dual-income-page .point main#kodate-page #hapisapo .border .inner > div:last-child,
main#kodate-page #hapisapo .border main#dual-income-page .common > div:last-child,
main#dual-income-page main#kodate-page #hapisapo .border .common > div:last-child,
main#kodate-page #hapisapo .border main#dual-income-page .hapisapo > div:last-child,
main#dual-income-page main#kodate-page #hapisapo .border .hapisapo > div:last-child {
    width: 100%;
  }
}
main#kodate-page #hapisapo .border .col2 > div:last-child img,
main#kodate-page #hapisapo .border .service > div:last-child img,
main#kodate-page #hapisapo .border main.plan-single-page .txt .area > div:last-child img,
main.plan-single-page .txt main#kodate-page #hapisapo .border .area > div:last-child img,
main#kodate-page #hapisapo .border main.plan-single-page .image .tab_btns > div:last-child img,
main.plan-single-page .image main#kodate-page #hapisapo .border .tab_btns > div:last-child img,
main#kodate-page #hapisapo .border main#dual-income-page .images > div:last-child img,
main#dual-income-page main#kodate-page #hapisapo .border .images > div:last-child img,
main#kodate-page #hapisapo .border main#dual-income-page .point .inner > div:last-child img,
main#dual-income-page .point main#kodate-page #hapisapo .border .inner > div:last-child img,
main#kodate-page #hapisapo .border main#dual-income-page .common > div:last-child img,
main#dual-income-page main#kodate-page #hapisapo .border .common > div:last-child img,
main#kodate-page #hapisapo .border main#dual-income-page .hapisapo > div:last-child img,
main#dual-income-page main#kodate-page #hapisapo .border .hapisapo > div:last-child img {
  max-width: 300px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 740px) {
main#kodate-page #hapisapo .border .col2 > div:last-child img,
main#kodate-page #hapisapo .border .service > div:last-child img,
main#kodate-page #hapisapo .border main.plan-single-page .txt .area > div:last-child img,
main.plan-single-page .txt main#kodate-page #hapisapo .border .area > div:last-child img,
main#kodate-page #hapisapo .border main.plan-single-page .image .tab_btns > div:last-child img,
main.plan-single-page .image main#kodate-page #hapisapo .border .tab_btns > div:last-child img,
main#kodate-page #hapisapo .border main#dual-income-page .images > div:last-child img,
main#dual-income-page main#kodate-page #hapisapo .border .images > div:last-child img,
main#kodate-page #hapisapo .border main#dual-income-page .point .inner > div:last-child img,
main#dual-income-page .point main#kodate-page #hapisapo .border .inner > div:last-child img,
main#kodate-page #hapisapo .border main#dual-income-page .common > div:last-child img,
main#dual-income-page main#kodate-page #hapisapo .border .common > div:last-child img,
main#kodate-page #hapisapo .border main#dual-income-page .hapisapo > div:last-child img,
main#dual-income-page main#kodate-page #hapisapo .border .hapisapo > div:last-child img {
    margin: 20px auto 0;
  }
}
main#kodate-page #afterservice .txt > div:last-child {
  padding: 20px;
}
main#kodate-page #afterservice .col4 h5 {
  background-color: #66cbc4;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
}
main#kodate-page #afterservice .col4 .item p {
  margin-top: 10px;
  font-size: 12px;
  text-align: justify;
}
main#kodate-page #afterservice .col4 .item.w2 {
  width: 48%;
}
@media screen and (max-width: 740px) {
main#kodate-page #afterservice .col4 .item.w2 {
    width: 100%;
  }
}
main#kodate-page #rushing h3 {
  display: block;
  background: linear-gradient(90deg, #af4552, #5a0019);
  color: #fff;
}
main#kodate-page #rushing h3 .small {
  font-size: 12px;
  margin-left: 20px;
}
main#kodate-page #rushing .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 0 1% 0 0;
  border-right: 1px solid #000;
}
@media screen and (max-width: 740px) {
main#kodate-page #rushing .item {
    border-right: none;
  }
}
main#kodate-page #rushing .item:last-child {
  border-right: none;
}
main#kodate-page #rushing .item.noPhoto {
  display: block;
  width: 24%;
}
@media screen and (max-width: 740px) {
main#kodate-page #rushing .item.noPhoto {
    width: 100%;
  }
}
main#kodate-page #rushing .item h5 {
  color: #9e003f;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-align: left;
}
main#kodate-page #rushing .item h5 img {
  width: 35px;
}
main#kodate-page #rushing .item p {
  color: #000;
  font-size: 12px;
  text-align: justify;
}
main#kodate-page #rushing .item > div:first-child {
  width: 65%;
}
main#kodate-page #rushing .item > div:last-child {
  width: 30%;
}
main#kodate-page .service {
  align-items: stretch;
}
main#kodate-page .service > div {
  width: 45%;
}
@media screen and (max-width: 740px) {
main#kodate-page .service > div {
    width: 100%;
  }
}
main#kodate-page .service div.light_purple_box_outline {
  padding: 1rem;
  margin-bottom: 10%;
  background-color: rgba(102, 203, 196, 0.2);
  border: 10px solid #fff;
  box-shadow: 0px 0px 0px 1px #66cbc4;
}
main#kodate-page .service div.light_purple_box_outline h5 {
  border-bottom: 1px solid #66cbc4;
  margin-bottom: 10px;
  color: #66cbc4;
}
main#kodate-page .service div.light_purple_box_outline .inner {
  padding: 1rem;
}
main#kodate-page .service div.light_purple_box_outline .inner > ul {
  margin-top: 20px;
  text-align: left;
}
main#kodate-page .service div.light_purple_box_outline .inner > ul > li {
  width: 100%;
  text-align: left;
}
main#kodate-page .service div.light_purple_box_outline .inner > ul > li::before {
  display: inline-block;
  content: url(../images/special/kodate/dual-income/img45.png);
  width: 20px;
  margin-right: 10px;
}
main#kodate-page .service div.light_purple_box_outline .middle_purple_box {
  margin: 20px auto 0;
  padding: 1rem;
  border-radius: 10px;
  background-color: rgba(102, 203, 196, 0.4);
}
@media screen and (max-width: 740px) {
main#kodate-page .service div.light_purple_box_outline .col3 > div {
    width: 32%;
  }
}
main#kodate-page .bg_indigo {
  background-image: url(../images/special/kodate/dual-income/img12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 120px auto 0;
  padding: 30px 20px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 740px) {
main#kodate-page .bg_indigo {
    text-align: left;
  }
}

/* --- imaichi style.css の .col2/.col3/.col4{width:x%} がflexコンテナ幅を潰す問題の打消し ---
   sasaokiモデルでは col2/col3/col4 はflexコンテナ（幅auto）で、子div側に幅を持たせる。 */
main#kodate-page .col2,
main#kodate-page .col3,
main#kodate-page .col4 {
  width: auto;
}

/* --- kodateページ個別調整 --- */
/* 特集ページ用の背景画像(special.cssの#contents-wrap)を無効化 */
#kodate-page #contents-wrap {
  background-image: none;
}
/* 共通info-areaの中央寄せが main#kodate-page p{text-align:justify} に負けるため復帰 */
main#kodate-page .info-area p {
  text-align: center;
}