@charset "utf-8";

/*  +++++++++++++++++++++++++ common +++++++++++++++++++++++++ */
html {
  font-size: 62.5%;
}

body,
html {
  height: 100%;
  min-width: 1040px;
}

* {
  box-sizing: border-box;
}

body {
  background-size: contain;
  color: #313232;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-feature-settings: "palt";
  /* font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; */
  font-size: 1rem;
  font-weight: 500;
  height: 100%;
  line-height: 1.8em;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-text-size-adjust: 100%;
}

.sp {
  display: none;
}

.cl {
  clear: both;
}

.svgParts {
  display: none;
}

.mask-wrap {
  display: table;
  overflow: hidden;
}

.mask-wrap .mask {
  display: table;
  left: -100%;
  margin-bottom: 0.25em;
  overflow: hidden;
  position: relative;
}

.mask-wrap .mask-bg {
  background: #ff8203;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

a.tel {
  color: #111111 !important;
  text-decoration: none !important;
}

.typ {
  opacity: 0;
}

.typ span {
  opacity: 0;
}

#wrapper {
  overflow: hidden;
}

a.pdf[target="_blank"]:after {
  background: url(../images/ico_pdf.png) no-repeat 0 0;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 17px;
  margin-left: 7px;
  margin-top: -5px;
  vertical-align: middle;
  width: 14px;
}

a.blank[target="_blank"]:after {
  background: url(../images/ico_blank.png) no-repeat 0 0;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 7px;
  vertical-align: middle;
  width: 10px;
}

.pre {
  font-size: 1.8rem !important;
  font-weight: 900;
}

#wrapper header .gsc-control-cse {
  background: rgba(240, 240, 240, 0.8);
  background-color: #ffffff;
  border: none;
}

#wrapper header .gsc-control-cse {
  padding: 0.5em 1em !important;
}

#wrapper header table.gsc-search-box td.gsc-input {
  padding-right: 0 !important;
}

#wrapper header .gsc-search-button-v2 {
  background-color: #136434 !important;
  border: none;
  border-radius: 0 4px 4px 0 !important;
  padding: 8px 20px !important;
}

#wrapper header .gsc-search-button-v2:hover {
  background-color: #1e7941 !important;
}

/*------------------------------------*\
$header
\*------------------------------------*/

header {
  background: url(../images/bg_town.png) repeat-x 0 bottom #43a852;
}

header #headerInner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px 0;
  text-align: left;
  width: 1020px;
}

header #headerInner h1 {
  margin-right: 50px;
  position: relative;
  width: 427px;
  z-index: 1000;
}

#headerR {
  display: flex;
  flex-wrap: wrap;
  width: 543px;
}

#headerR .headerRInner:first-child {
  margin-right: 3%;
  width: 60%;
}
#headerR .headerRInner:last-child {
  width: 37%;
}

#headerR .headerRInner .contactBtn {
  margin-top: 3px;
}

.contactBtn {
  width: 200px;
}

.contactBtn a {
  background: rgb(255, 166, 49);
  background: -moz-linear-gradient(
    180deg,
    rgba(255, 166, 49, 1) 50%,
    rgba(255, 142, 2, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 166, 49, 1) 50%,
    rgba(255, 142, 2, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(255, 166, 49, 1) 50%,
    rgba(255, 142, 2, 1) 100%
  );
  border-bottom: 3px solid #bc761b;
  border-radius: 6px;
  color: #ffffff;
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa631",endColorstr="#ff8e02",GradientType=1);
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 100%;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.contactBtn a:hover {
  background: rgb(255, 142, 2);
  background: -moz-linear-gradient(
    180deg,
    rgba(255, 142, 2, 1) 50%,
    rgba(255, 166, 49, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 142, 2, 1) 50%,
    rgba(255, 166, 49, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(255, 142, 2, 1) 50%,
    rgba(255, 166, 49, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8e02",endColorstr="#ffa631",GradientType=1);
}

.contactBtn a:before {
  background-image: url(../images/ico_mail.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  vertical-align: middle;
  width: 20px;
}

/*------------------------------------*\
$nav
\*------------------------------------*/
nav {
  border-top: 3px solid #2b7739;
}

nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 1020px;
}

nav ul li {
  width: 22%;
}

nav ul li:first-child {
  width: 12%;
}

nav ul li:first-child a {
  border-left: 1px solid #e5e5e5;
}

nav ul li a {
  border-right: 1px solid #e5e5e5;
  color: #2b7739;
  display: block;
  font-size: 1.4rem;
  font-weight: 900;
  padding: 25px 0 23px 0;
  text-decoration: none;
}

nav ul li a:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

nav ul li a:hover {
  background: #2b7739;
  color: #ffffff;
}

nav ul li a .ss {
  font-size: 1.2rem;
}

nav ul li:nth-child(1) a:before {
  background-image: url(../images/ico_navi_01.png);
  height: 20px;
  width: 23px;
}
nav ul li:nth-child(1) a:hover:before {
  background-image: url(../images/ico_navi_01_on.png);
  height: 20px;
  width: 23px;
}

nav ul li:nth-child(2) a:before {
  background-image: url(../images/ico_navi_02.png);
  height: 20px;
  width: 14px;
}
nav ul li:nth-child(2) a:hover:before {
  background-image: url(../images/ico_navi_02_on.png);
  height: 20px;
  width: 14px;
}

nav ul li:nth-child(3) a:before {
  background-image: url(../images/ico_navi_03.png);
  height: 20px;
  width: 13px;
}
nav ul li:nth-child(3) a:hover:before {
  background-image: url(../images/ico_navi_03_on.png);
  height: 20px;
  width: 13px;
}

nav ul li:nth-child(4) a:before {
  background-image: url(../images/ico_navi_04.png);
  height: 20px;
  width: 20px;
}
nav ul li:nth-child(4) a:hover:before {
  background-image: url(../images/ico_navi_04_on.png);
  height: 20px;
  width: 20px;
}

nav ul li:nth-child(5) a {
  padding: 20px 0 19px 0;
}
nav ul li:nth-child(5) a:before {
  background-image: url(../images/ico_navi_05.png);
  height: 29px;
  width: 20px;
}
nav ul li:nth-child(5) a:hover:before {
  background-image: url(../images/ico_navi_05_on.png);
  height: 29px;
  width: 20px;
}

/*------------------------------------*\
$main
\*------------------------------------*/
#main {
  background: url(../images/main.jpg) 0 0 no-repeat;
  height: 540px;
  margin-bottom: 50px;
  max-height: 540px;
  position: relative;
}

#main #mainInner {
  left: 50%;
  margin: 0 auto;
  margin: auto;
  position: absolute;
  text-align: left;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 1020px;
}

#main #mainInner h2 {
  margin-bottom: 40px;
  text-align: center;
}

#main #mainInner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 700px;
}

#main #mainInner ul li {
  letter-spacing: 0.02rem;
  width: 30%;
}

#main.localmain {
  background: rgb(48, 124, 58);
  background: url(../images/bg_local.png),
    -moz-linear-gradient(94deg, rgba(48, 124, 58, 1) 0%, rgba(98, 185, 104, 1)
          100%);
  background: url(../images/bg_local.png),
    -webkit-linear-gradient(94deg, rgba(48, 124, 58, 1) 0%, rgba(
            98,
            185,
            104,
            1
          )
          100%);
  background: url(../images/bg_local.png),
    linear-gradient(94deg, rgba(48, 124, 58, 1) 0%, rgba(98, 185, 104, 1) 100%);
  background-position: center right, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 30%, 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#307c3a",endColorstr="#62b968",GradientType=1);
  height: 130px;
  margin-bottom: 0;
  max-height: 130px;
}

#main.localmain #mainInner {
  text-align: center;
}

#main.localmain #mainInner h2 {
  color: #ffffff;
  font-size: 3.6rem;
  line-height: 110%;
  margin-bottom: 0;
}

/*------------------------------------*\
$Co
\*------------------------------------*/
#Co {
  background: url(../images/bg_town.png) repeat-x left bottom;
  padding-bottom: 100px;
}

#Co .title_g {
  background: rgb(70, 172, 85);
  background: -moz-linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46ac55",endColorstr="#247332",GradientType=1);
  padding: 15px 10px 12px 10px !important;
}

#Co p {
  font-size: 1.6rem;
  line-height: 1.875;
  margin-bottom: 20px;
}

#Co .ss {
  font-size: 1.4rem;
}

#Co .kome {
  color: #e18e27;
}

.btn {
  margin: 0 !important;
}

.btngroup {
  margin: 0 auto;
  width: 65%;
}

.btn a {
  background: rgb(255, 166, 49);
  background: -moz-linear-gradient(
    180deg,
    rgba(255, 166, 49, 1) 50%,
    rgba(255, 142, 2, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 166, 49, 1) 50%,
    rgba(255, 142, 2, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(255, 166, 49, 1) 50%,
    rgba(255, 142, 2, 1) 100%
  );
  border-bottom: 3px solid #bc761b;
  border-radius: 6px;
  color: #ffffff;
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa631",endColorstr="#ff8e02",GradientType=1);
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 100% !important;
  margin: 0 auto !important;
  padding: 15px 0 !important;
  position: relative;
  text-align: center !important;
  text-decoration: none !important;
  width: 250px;
}

.btn a:hover {
  background: #242413;
  color: #ffffff !important;
}

.btn a:before {
  border-right: solid 2px #242413;
  border-top: solid 2px #242413;
  content: "";
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
  width: 8px;
}

.btn a:hover:before {
  border-right: solid 2px #ffffff;
  border-top: solid 2px #ffffff;
  content: "";
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
  width: 8px;
}

.btngroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.btngroup li {
  width: 45%;
}

#Co .box02,
#Co .box03,
#Co .box04,
#Co .box05,
#Co .box06,
#Co .photoBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

#Co .reverse {
  flex-flow: row-reverse;
}

#Co .box03::after {
  content: "";
  display: block;
  width: 31.5%;
}

#Co .box02 .box02Inner,
#Co .box02 li {
  width: 48.5%;
}

#Co .box03 .box03Inner,
#Co .box03 li {
  width: 31.5%;
}

#Co .box04 .box04Inner,
#Co .box04 li {
  width: 23.5%;
}

#Co .box05 .box05Inner,
#Co .box05 li {
  width: 18.5%;
}

#Co .box06 li {
  width: 15.1%;
}
#Co .photoBox {
  margin-bottom: 50px;
}
#Co .photoBox .photoBoxInner:first-child {
  width: 44.5%;
}
#Co .photoBox .photoBoxInner:last-child {
  width: 52.5%;
}

/*------------------------------------*\
#Co #indexCo
\*------------------------------------*/
#Co #indexCo {
  margin: 0 auto 50px auto;
  text-align: left;
  width: 1020px;
}

#CoL {
  float: left;
  margin-right: 30px;
  width: 740px;
}

#CoR {
  float: left;
  width: 250px;
}

/*-- informationBox --*/
#Co #indexCo #informationBox {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2O8ffvWf1VVNUYGJIDCgYlTKAgAme8EBpI6qIwAAAAASUVORK5CYII=)
    repeat #f3f3f3;
  box-sizing: border-box;
  margin-bottom: 50px;
  position: relative;
  width: 1020px;
}

#Co #indexCo #informationBoxsub {
  background: url(../images/bg_town_02.png) no-repeat 0 bottom;
  background-size: contain;
  padding: 30px;
}

#Co #indexCo #informationBox h2 {
  color: #ffffff;
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 0.02rem;
  line-height: 110%;
  padding: 25px 20px 20px 20px;
}

#Co #indexCo #informationBox h2:before {
  background-image: url(../images/ico_info.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 36px;
  margin-right: 15px;
  vertical-align: middle;
  width: 52px;
}

#Co #indexCo #informationBox #informationBoxInner {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 3px solid rgba(49, 50, 50, 0.4);
  padding: 30px 190px 30px 30px;
  position: relative;
}

#Co #indexCo #informationBox #informationBoxInner p:last-child {
  margin-bottom: 0 !important;
}

#Co #indexCo #informationBox #informationBoxInner .chara {
  bottom: 20px;
  position: absolute;
  right: 20px;
}

/*------------------------------------*\
$CoL
\*------------------------------------*/

/*-- newsBox --*/
#Co #CoL #newsBox {
  margin-bottom: 30px;
}

#Co #CoL #newsBox h2 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.02rem;
  line-height: 110%;
  padding: 22px 20px 17px 20px;
}

#Co #CoL #newsBox h2:before {
  background-image: url(../images/ico_news.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 36px;
  margin-right: 15px;
  vertical-align: middle;
  width: 46px;
}

#Co #newspage #CoL #newsBox h2 {
  border-left: solid 5px #2d7b39;
  clear: both;
  color: #313232;
  font-size: 3rem;
  line-height: 1.8;
  margin: 0 0 30px 0;
  padding: 0 0 0 18px;
}

#Co #newspage #CoL #newsBox h2:before {
  content: none;
}

#Co #newspage #CoL h3 {
  background-image: url(../images/ico_news_02.png);
  background-position: 0 22px;
  background-repeat: no-repeat;
  background-size: 34px;
  margin-bottom: 20px;
  padding-left: 44px;
}

#Co #CoL #newsBox .newsBoxInner a {
  -js-display: flex;
  border-bottom: 1px dotted #cccccc;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  position: relative;
  text-decoration: none;
}

#Co #CoL #newsBox .newsBoxInner a:hover {
  background: rgba(243, 150, 24, 0.06);
}

#Co #CoL #newsBox .newsBoxInner a:before {
  border-right: solid 2px #2d7b39;
  border-top: solid 2px #2d7b39;
  content: "";
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
  width: 8px;
}

#Co #CoL #newsBox .newsBoxInner a:hover:before {
  border-right: solid 2px #f39618;
  border-top: solid 2px #f39618;
  content: "";
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
  width: 8px;
}

#Co #CoL #newsBox .newsBoxInner p {
  margin-bottom: 0 !important;
}

#Co #CoL #newsBox .newsBoxInner .day {
  color: #000000;
  font-size: 1.6rem;
  font-weight: 900;
  text-align: left;
  width: 26%;
}

#Co #CoL #newsBox .newsBoxInner .text {
  width: 70%;
}

#Co #CoL #newsBox .newsBoxInner .day .ico,
#Co #CoL #detailnewsBox .day .ico {
  box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 100%;
  margin: 0 15px;
  min-width: 72px;
  padding: 4px 10px;
  text-align: center;
}

/*お知らせ*/
#Co #CoL #newsBox .newsBoxInner .day .ico01,
#Co #CoL #detailnewsBox .day .ico01 {
  background: #d22628;
}

/*更新情報*/
#Co #CoL #newsBox .newsBoxInner .day .ico02,
#Co #CoL #detailnewsBox .day .ico02 {
  background: #f4bb1d;
  color: #313232;
}

#Co #CoL #newsBox .btn {
  margin: 30px auto 0 auto !important;
  width: 40%;
}

#Co #CoL #newsBox .btn a {
  background: #f3f3f3;
  border-bottom: 3px solid #ccd5dd;
  border-radius: 0;
  border-radius: 6px;
  color: #313232;
  display: block;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 100%;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

#Co #CoL #newsBox .btn a .ss {
  font-size: 1.1rem !important;
}

#Co #CoL #newsBox .btn a:hover {
  background: #2c7b39 !important;
  color: #ffffff;
}

#Co #CoL #newsBox .btn a:before {
  border-right: solid 2px #2c7b39;
  border-top: solid 2px #2c7b39;
  content: "";
  height: 8px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
  width: 8px;
}

#main.localmain #mainInner h2#news:before {
  background-image: url(../images/ico_news.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 38px;
  margin-right: 15px;
  vertical-align: middle;
  width: 50px;
}

/*-- ニュース下層 --*/
#Co #CoL #detailnewsBox .day {
  font-size: 1.2rem;
  font-weight: 900;
  margin-bottom: 10px;
}

#Co #CoL #detailnewsBox img {
  max-width: 100%;
}

/*------------------------------------*\
$movieBox
\*------------------------------------*/

/*-- movieBox --*/
#Co #indexCo #CoL #movieBox {
  background: #fdf1e2;
  border-bottom: 3px solid #d8be9c;
  padding: 30px 30px 0 30px;
}

/*------------------------------------*\
$CoR
\*------------------------------------*/
#Co #CoR h2 {
  border: none;
  margin-bottom: 5px;
  padding: 0;
}

#Co #CoR .ss {
  font-size: 1.3rem;
  line-height: 140%;
}

#Co #CoR .ss strong {
  color: #d22628;
}

#Co #CoR .menuBox {
  margin-bottom: 20px;
}

#Co #CoR .menuBox h3 {
  border: none;
  color: #ffffff;
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  line-height: 110%;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
}

#Co #CoR .menuBox h3 span {
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  background-size: contain;
  display: block;
  padding: 15px 10px 12px 10px;
  width: 100%;
}

#Co #CoR .menuBox .menuBoxInner {
  border: 3px solid #ebebeb;
}

#Co #CoR .menuBox .menuBoxInner li a {
  border-bottom: 1px solid #ebebeb;
  display: block;
  font-size: 1.4rem;
  line-height: 110%;
  padding: 20px 5px 20px 10px;
  text-decoration: none;
}

#Co #CoR .menuBox .menuBoxInner a:hover {
  background: rgba(243, 150, 24, 0.08);
}

#Co #CoR .menuBox .menuBoxInner li a:before {
  border-color: transparent transparent transparent #f39618;
  border-style: solid;
  border-width: 4.5px 0 4.5px 8px;
  content: "";
  display: inline-block;
  height: 0;
  margin-right: 8px;
  width: 0;
}

#Co #CoR .menuBox#mapBox h3 {
  background: rgb(246, 184, 106);
  background: -moz-linear-gradient(
    180deg,
    rgba(246, 184, 106, 1) 0%,
    rgba(234, 146, 34, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(246, 184, 106, 1) 0%,
    rgba(234, 146, 34, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(246, 184, 106, 1) 0%,
    rgba(234, 146, 34, 1) 100%
  );
  border-bottom: 3px solid #c67f29;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6b86a",endColorstr="#ea9222",GradientType=1);
}

#Co #CoR .menuBox#mapBox h3 span {
  background-image: url(../images/bg_side_01_L.png),
    url(../images/bg_side_01_R.png);
}

#Co #CoR .menuBox#studyBox h3 {
  background: rgb(62, 173, 227);
  background: -moz-linear-gradient(
    180deg,
    rgba(62, 173, 227, 1) 0%,
    rgba(39, 139, 189, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(62, 173, 227, 1) 0%,
    rgba(39, 139, 189, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(62, 173, 227, 1) 0%,
    rgba(39, 139, 189, 1) 100%
  );
  border-bottom: 3px solid #1d749d;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3eade3",endColorstr="#278bbd",GradientType=1);
}

#Co #CoR .menuBox#studyBox h3 span {
  background-image: url(../images/bg_side_02_L.png),
    url(../images/bg_side_02_R.png);
}

#Co #CoR .menuBox#studyBox .menuBoxInner li a:before {
  border-color: transparent transparent transparent #2093c9;
  border-style: solid;
  border-width: 4.5px 0 4.5px 8px;
  content: "";
  display: inline-block;
  height: 0;
  margin-right: 8px;
  width: 0;
}

#Co #CoR .menuBox#studyBox .menuBoxInner a:hover {
  background: rgba(32, 147, 201, 0.08);
}

#Co #CoR #bannerBox li {
  margin-bottom: 10px;
}

/*------------------------------------*\
$facebookBox
\*------------------------------------*/

#Co #facebookBox {
  margin: 0 auto;
  text-align: left;
  width: 1020px;
}
#Co #facebookBox #facebookBoxInner {
  background: #f7fafe;
  box-sizing: border-box;
  padding: 30px;
}

#Co #facebookBox h2 {
  background: #17aafc;
  background: -moz-linear-gradient(top, #17aafc 0%, #0268e2 100%);
  background: -webkit-linear-gradient(top, #17aafc 0%, #0268e2 100%);
  background: linear-gradient(to bottom, #17aafc 0%, #0268e2 100%);
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17aafc', endColorstr='#0268e2',GradientType=0 );
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.02rem;
  line-height: 110%;
  padding: 15px 10px 12px 10px !important;
  text-align: center;
}

#Co #facebookBox h2:before {
  background-image: url(../images/ico_facebook.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  margin: 0 auto 10px auto;
  margin-right: 6px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}

#Co #facebookBox .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px !important;
}

#Co #facebookBox .box02 .box02Inner {
  width: 48.5%;
}

#Co #facebookBox .box02 .box02Inner .btn {
  width: 100%;
}

#Co #facebookBox .box02 .box02Inner .btn a {
  background: #0268e2;
  border-bottom: 3px solid #014da9;
  border-radius: 0;
  border-radius: 6px;
  color: #ffffff;
  display: block;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 100%;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  width: 100% !important;
}

#Co #facebookBox .box02 .box02Inner .btn a:hover {
  background: #17aafc !important;
  color: #ffffff;
}

#Co #facebookBox .box02 .box02Inner .btn a:before {
  border-right: solid 2px #ffffff;
  border-top: solid 2px #ffffff;
  content: "";
  height: 8px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
  width: 8px;
}

/*------------------------------------*\
$footer
\*------------------------------------*/

footer {
  clear: both;
}

footer #footerTop {
  background: #2d7b39;
}

footer #footerTop a {
  display: block;
  padding: 10px;
  text-align: center;
}

footer #footerInner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 30px 0 25px 0;
  text-align: left;
  width: 1020px;
}

footer #footerInner h2 {
  margin-bottom: 10px;
}

footer #footerInner dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 5px 0;
}

footer #footerInner dt,
footer #footerInner dd {
  font-size: 1.2rem;
}

footer #footerInner dt {
  background: #2d7b39;
  color: #ffffff;
  font-size: 1rem;
  margin-right: 5px;
  padding: 0 5px;
}

footer #footerInner .first dd {
  margin-right: 15px;
}

footer #footerInner .first dd:before {
  background-image: url(../images/ico_sendai.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  width: 19px;
}

footer #footerInner .second dd:before {
  background-image: url(../images/ico_smt.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 17px;
  margin-right: 5px;
  vertical-align: middle;
  width: 18px;
}

footer #footerInner p {
  color: #636464;
}

footer #footerInner .contactBtn {
  margin-bottom: 10px;
  width: 250px;
}

footer #footerInner .copy {
  text-align: right;
}

/*------------------------------------*\
$page
\*------------------------------------*/
.page {
  margin: 0 auto;
  text-align: left;
  width: 1020px;
}

.page h2 {
  border-left: solid 5px #2d7b39;
  clear: both;
  font-size: 3rem;
  line-height: 1.8;
  margin: 0 0 30px 0;
  padding: 0 0 0 18px;
}

.page h2.second {
  line-height: 1;
}

.page h2.second .ss {
  color: #d22628;
  font-size: 1.6rem !important;
}

.page h3 {
  border-bottom: 1px solid #e3e6ea;
  border-top: 3px solid #2d7b39;
  color: #222222;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
  padding: 20px 0;
}

.page h4 {
  border-bottom: 1px solid #e3e6ea;
  color: #2d7b39;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.page h5 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 20px;
  padding-left: 25px;
  position: relative;
}

.page h5::before {
  background: #2d7b39;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 10px;
}

.page h6 {
  border-bottom: 2px solid #99cc00;
  color: #99cc00;
  font-size: 1.7rem;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.page strong {
  color: #d22628;
}

.page .catchBox {
  margin-bottom: 50px;
}

.page .point01 li {
  font-size: 1.6rem;
  line-height: 160%;
  margin-bottom: 15px;
  padding: 0 0 0 18px;
  position: relative;
}

.page .point01 li:before {
  border-color: transparent transparent transparent #f39618;
  border-style: solid;
  border-width: 4.5px 0 4.5px 8px;
  content: "";
  display: inline-block;
  height: 0;
  left: 0;
  margin-right: 8px;
  position: absolute;
  top: 6px;
  width: 0;
}

.page p.btn a {
  width: 40%;
}

.page .btn a {
  background: #f3f3f3;
  border-bottom: 3px solid #ccd5dd;
  border-radius: 0;
  border-radius: 6px;
  color: #313232;
  display: block;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 100%;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.page .btn a .ss {
  font-size: 1.1rem !important;
}

.page .btn a:hover {
  background: #2c7b39 !important;
  color: #ffffff;
}

.page .btn a:before {
  border-right: solid 2px #2c7b39;
  border-top: solid 2px #2c7b39;
  content: "";
  height: 8px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
  width: 8px;
}
.page .btn a:hover:before {
  border-right: solid 2px #ffffff !important;
  border-top: solid 2px #ffffff !important;
}

.page .photoBoxInner .photo {
  position: relative;
}

.page .photoBoxInner strong {
  color: #2d7b39;
  font-size: 1.8rem;
}

.page .photoBoxInner .photo:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQYV2NkwAIYQWK61Zb/L7ceB7NBAM5A1kC8IAAvMwQGuHXQoQAAAABJRU5ErkJggg==)
    repeat;
  content: "";
  display: block;
  height: 100%;
  opacity: 0.6;
  position: absolute;
  right: -15px;
  top: 15px;
  width: 100%;
  z-index: -1;
}

.page .normal {
  border: 1px solid #cecece;
  margin-bottom: 30px;
  padding: 15px;
  text-align: left;
  width: 100%;
}

.page .normal th,
.page .normal td {
  border: 1px solid #cecece;
  font-size: 1.4rem;
  line-height: 160%;
  padding: 15px;
  text-align: left;
  vertical-align: middle;
}

#Co .page .normal td .ss {
  color: #666666;
  display: block;
  font-size: 1.3rem;
  line-height: 140% !important;
  margin-top: 5px;
}

.page .normal th {
  background-color: #f1f9f1;
  font-weight: bold;
}

.page .mainBox {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2O8ffvWf1VVNUYGJIDCgYlTKAgAme8EBpI6qIwAAAAASUVORK5CYII=)
    repeat #f3f3f3;
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 30px;
  position: relative;
}

.page .mainBox h3 {
  background: rgb(70, 172, 85) !important;
  background: -moz-linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  background: linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  border-top: none;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46ac55",endColorstr="#247332",GradientType=1);
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 0.02rem;
  line-height: 110%;
  margin-bottom: 0;
  padding: 20px 20px 15px 20px;
  text-align: center;
}

.page .mainBox .mainBoxInner {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 3px solid rgba(49, 50, 50, 0.4);
  padding: 30px;
  position: relative;
}

/*------------------------------------*\
$pan
\*------------------------------------*/

#pan {
  border-bottom: 1px solid #2d7b39;
  margin-bottom: 50px;
  padding: 20px 0;
}

#pan ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1020px;
}

#pan ul li {
  font-size: 1.2rem;
}

#pan ul li a {
  color: #e18e27;
}

#pan ul li a:hover {
  text-decoration: none;
}

#pan ul li:after {
  content: ">";
  margin: 0 5px;
}

#pan ul li:last-child:after {
  content: none;
}

/*------------------------------------*\
$hazardmap
\*------------------------------------*/

#main.localmain #mainInner h2#hazardmap:before {
  background-image: url(../images/ico_navi_02_on.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 43px;
  margin-right: 15px;
  vertical-align: middle;
  width: 29px;
}

.page#hazardmappage h3 {
  background-image: url(../images/ico_navi_02.png);
  background-position: 0 20px;
  background-repeat: no-repeat;
  background-size: 22px;
  margin-bottom: 20px;
  padding-left: 32px;
}

.page#hazardmappage h3 .ss {
  font-size: 1.6rem;
}

.page#hazardmappage .btn {
  margin-bottom: 15px !important;
}

.page#hazardmappage .btn:last-child {
  margin-bottom: 0 !important;
}

.page#hazardmappage .btn:last-child {
  margin-bottom: 0 !important;
}

.page#hazardmappage .mainBox .mainBoxInner ul {
  margin-bottom: 15px;
}

.page#hazardmappage .mainBox .mainBoxInner {
  padding: 30px 30px 0 30px;
}

/*------------------------------------*\
$bousai_hiroba
\*------------------------------------*/

#main.localmain #mainInner h2#bousai_hiroba:before {
  background-image: url(../images/ico_navi_04_on.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 31px;
  margin-right: 15px;
  vertical-align: middle;
  width: 32px;
}

.page#bousai_hirobapage h3 {
  background-image: url(../images/ico_mov.png);
  background-position: 0 24px;
  background-repeat: no-repeat;
  background-size: 30px;
  margin-bottom: 20px;
  padding-left: 40px;
}

.page#bousai_hirobapage h4 {
  background: #009944;
  border-radius: 10px;
  color: #ffffff;
  padding: 1.5rem 2rem;
  position: relative;
}

.page#bousai_hirobapage .btn {
  margin: 0 0 20px 0 !important;
}

.page#bousai_hirobapage .btn_s {
  margin: 0 auto !important;
  width: 40%;
}
.page#bousai_hirobapage .btn_s a {
  background: #df3138;
  border-radius: 300px;
  color: #ffffff;
  display: block;
  font-family: "RocknRoll One", sans-serif;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.page#bousai_hirobapage .btn_s a:hover {
  opacity: 0.6;
}

.page#bousai_hirobapage .btn a {
  background: #ffeb3b !important;
  border-bottom: 3px solid #d8c200;
  margin: 0 auto !important;
  padding: 20px 0 !important;
  width: 50%;
}

.page#bousai_hirobapage .btn a:hover {
  color: #2c7b39 !important;
}

.page#bousai_hirobapage .box02 .point01 li {
  width: 100%;
}

.page#bousai_hirobapage h4:after {
  border-color: #009944 transparent transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  bottom: -9px;
  content: "";
  height: 0;
  left: 1em;
  position: absolute;
  width: 0;
}

.page#bousai_hirobapage #linkBox li {
  margin-bottom: 15px;
  position: relative;
}

.page#bousai_hirobapage #linkBox li:after {
  background: url(../images/ico_blank.png) no-repeat 0 0;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 10px;
  margin: auto;
  margin-left: 7px;
  position: absolute;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 10px;
}

.page#bousai_hirobapage #linkBox li a {
  border: solid 1px #cdcdcd;
  color: #313232;
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  outline: none;
  padding: 25px 20px;
  position: relative;
  text-decoration: none;
  transition: all 0.3s;
}

.page#bousai_hirobapage #linkBox li a::before,
.page#bousai_hirobapage #linkBox li a::after,
.page#bousai_hirobapage #linkBox li a span::before,
.page#bousai_hirobapage #linkBox li a span::after {
  border: 2px solid transparent;
  box-sizing: content-box;
  content: "";
  height: 0;
  position: absolute;
  transition: all 0.3s;
  visibility: hidden;
  width: 0;
  z-index: 2;
}

.page#bousai_hirobapage #linkBox li a::before {
  border-left-color: #2d7b39;
  left: -2px;
  top: -2px;
}

.page#bousai_hirobapage #linkBox li a::after {
  border-right-color: #2d7b39;
  bottom: -2px;
  right: -2px;
}

.page#bousai_hirobapage #linkBox li a span::before {
  border-bottom-color: #2d7b39;
  bottom: -2px;
  left: -2px;
}

.page#bousai_hirobapage #linkBox li a span::after {
  border-top-color: #2d7b39;
  right: -2px;
  top: -2px;
}

.page#bousai_hirobapage #linkBox li a:hover {
  color: #2d7b39;
}

.page#bousai_hirobapage #linkBox li a:hover::before,
.page#bousai_hirobapage #linkBox li a:hover::after {
  height: 100%;
  visibility: visible;
}

.page#bousai_hirobapage #linkBox li a:hover span::before,
.page#bousai_hirobapage #linkBox li a:hover span::after {
  visibility: visible;
  width: 100%;
}

.page#bousai_hirobapage .makeBox {
  border: 2px solid #009944;
}

.page#bousai_hirobapage .makeBox h5 {
  background: #009944;
  color: #ffffff;
  font-size: 1.6rem;
  padding: 10px 15px;
}

.page#bousai_hirobapage .makeBox h5::before {
  content: none;
}

.page#bousai_hirobapage .makeBox ul {
  padding: 0 15px;
}

.page#bousai_hirobapage .makeBox p {
  font-size: 1.7rem;
  margin-bottom: 10px !important;
  padding-left: 14px;
}

.page#bousai_hirobapage .makeBox strong {
  color: #313232;
}

.page#bousai_hirobapage .catch {
  margin: 0 auto 20px auto;
  text-align: center;
}
.page#bousai_hirobapage .catch .line {
  background: linear-gradient(transparent 60%, #ffff66 60%);
  border: none;
  color: #262626;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 0 45px;
  position: relative;
  text-align: center;
}

.page#bousai_hirobapage .catch .red {
  color: #df3138;
}

.page#bousai_hirobapage .catch .line:before {
  background-color: black;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: rotate(-120deg);
  width: 44px;
}
.page#bousai_hirobapage .catch .line:after {
  background-color: black;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: rotate(120deg);
  width: 44px;
}

.page#bousai_hirobapage .catch .line:before {
  left: 0;
}
.page#bousai_hirobapage .catch .line:after {
  right: 0;
}

/*------------------------------------*\
$movie
\*------------------------------------*/

#main.localmain #mainInner h2#movie:before {
  background-image: url(../images/ico_movie.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  margin-right: 15px;
  vertical-align: middle;
  width: 40px;
}

#Co .page#moviepage #movieBox {
  background: #fdf1e2;
  border-bottom: 3px solid #d8be9c;
  margin-bottom: 40px;
  padding: 30px 30px 0 30px;
}

#Co .page#moviepage #movieBox ul {
  background: #ffffff;
  padding: 20px 20px 0 20px;
}

#Co .page#moviepage .photoBox .photoBoxInner:first-child {
  width: 250px;
}

#Co .page#moviepage .photoBox .photoBoxInner:last-child {
  width: 720px;
}

#Co .page#moviepage .movienav li {
  margin-bottom: 20px !important;
}

#Co .page#moviepage .movienav li a {
  padding-left: 30px !important;
  text-align: left !important;
}

/*------------------------------------*\
$moshimo_howto
\*------------------------------------*/

#main.localmain #mainInner h2#moshimo_howto:before {
  background-image: url(../images/ico_navi_03_on.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 56px;
  margin-right: 15px;
  vertical-align: middle;
  width: 32px;
}

.page#moshimo_howtopage h3 {
  background-image: url(../images/ico_navi_03.png);
  background-position: 0 20px;
  background-repeat: no-repeat;
  background-size: 18px;
  margin-bottom: 20px;
  padding-left: 30px;
}

#Co .page#moshimo_howtopage .moshimoBox,
#Co .page#moshimo_howtopage .moshimoBox02,
#Co .page#moshimo_howtopage .moshimoBox04,
#Co .page#moshimo_howtopage .moshimoBox05,
.page.formpage#timelinepage .moshimoBox,
.page.formpage#timelinepage .moshimoBox02,
.page.formpage#timelinepage .moshimoBox05 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.page.formpage#timelinepage .moshimoBox02 {
  margin-bottom: 0;
}

#Co .page#moshimo_howtopage .moshimoBox .moshimoBoxL,
#Co .page#moshimo_howtopage .moshimoBox .moshimoBoxR,
.page.formpage#timelinepage .moshimoBox .moshimoBoxL,
.page.formpage#timelinepage .moshimoBox .moshimoBoxR {
  width: 49%;
}

#Co .page#moshimo_howtopage .moshimoBox .moshimoBoxL .detailBox,
.page.formpage#timelinepage .moshimoBox .moshimoBoxL .detailBox {
  height: 263.3px;
}

#Co .page#moshimo_howtopage .moshimoBox .detailBox,
.page.formpage#timelinepage .moshimoBox .detailBox {
  border: 2px solid #2b71b9;
  width: 100%;
}

#Co .page#moshimo_howtopage .moshimoBox .moshimoBoxR .detailBox:first-child,
.page.formpage#timelinepage .moshimoBox .moshimoBoxR .detailBox:first-child {
  margin-bottom: 20px;
}

#Co .page#moshimo_howtopage .moshimoBox .detailBox .inner,
.page.formpage#timelinepage .moshimoBox .detailBox .inner {
  padding: 15px;
}

#Co .page#moshimo_howtopage .moshimoBox .detailBox h4,
.page.formpage#timelinepage .moshimoBox .detailBox h4 {
  background: #2b71b9;
  color: #ffffff;
  margin-bottom: 0;
  padding: 15px;
  text-align: center;
}

#Co .page#moshimo_howtopage .moshimoBox02 {
  margin-bottom: 0;
}

#Co .page#moshimo_howtopage .moshimoBox02 .moshimoBox02L,
.page.formpage#timelinepage .moshimoBox02 .moshimoBox02L {
  width: 75%;
}

#Co .page#moshimo_howtopage .moshimoBox02 .moshimoBox02R,
.page.formpage#timelinepage .moshimoBox02 .moshimoBox02R {
  width: 22%;
}

#Co .page#moshimo_howtopage .moshimoBox02 .moshimoBox02R li,
.page.formpage#timelinepage .moshimoBox02 .moshimoBox02R li {
  margin-bottom: 15px;
}

#Co .page#moshimo_howtopage .sampleBox,
.page.formpage#timelinepage .sampleBox {
  background: #f4f1e7;
  border: 1px solid #231916;
  margin-bottom: 15px;
  margin-bottom: 50px;
  padding: 30px 20px;
}

#Co .page#moshimo_howtopage .sampleBox li:first-child,
.page.formpage#timelinepage .sampleBox li:first-child {
  font-size: 1.6rem;
  line-height: 1.875;
  width: 68.5%;
}

#Co .page#moshimo_howtopage .sampleBox li:last-child,
.page.formpage#timelinepage .sampleBox li:last-child {
  width: 30%;
}

#Co .page#moshimo_howtopage th {
  text-align: center;
  width: 50px;
}

#Co .page#moshimo_howtopage td {
  width: 350px;
}

#Co .page#moshimo_howtopage * + h2 {
  margin-top: 50px;
}

#Co .page#moshimo_howtopage .catch {
  font-weight: 900;
  margin-bottom: 30px;
  padding-left: 24px;
  position: relative;
}

#Co .page#moshimo_howtopage .catch::before {
  border: 4px solid #99cc00;
  border-radius: 50px;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 14px;
}

#Co .page#moshimo_howtopage .moshimoBox04 {
  margin-bottom: 0;
}

#Co .page#moshimo_howtopage .moshimoBox04 .moshimoBox04L {
  width: 55%;
}

#Co .page#moshimo_howtopage .moshimoBox04 .moshimoBox04R {
  width: 43.5%;
}

#Co .page#moshimo_howtopage .moshimoBox04 .moshimoBox04L .point01 li {
  font-size: 1.4rem;
}

#Co .page#moshimo_howtopage .sonotaBox {
  background: #fffdf2;
  border: 1px solid #d22628;
  margin-bottom: 50px;
  padding: 30px 20px 10px 20px;
}

#Co .page#moshimo_howtopage .sonotaBox h5 {
  border: none;
  color: #d22628;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

#Co .page#moshimo_howtopage .sonotaBox h5::before {
  background: #d22628;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 10px;
}

#Co .page#moshimo_howtopage .sonotaBox .box03 {
  margin-bottom: 0;
}

#Co .page#moshimo_howtopage .sonotaBox li {
  font-size: 1.4rem;
}

#Co .page#moshimo_howtopage .moshimoBox04 {
  margin-bottom: 0;
}

#Co .page#moshimo_howtopage h4.ico_tv:before,
#Co .page.formpage#timelinepage h4.ico_tv:before {
  background-image: url(../moshimo_howto/img/ico_01.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  width: 30px;
}

#Co .page#moshimo_howtopage h4.ico_pc,
#Co .page.formpage#timelinepage h4.ico_pc {
  margin-top: 30px;
}

#Co .page#moshimo_howtopage h4.ico_pc:before,
#Co .page.formpage#timelinepage h4.ico_pc:before {
  background-image: url(../moshimo_howto/img/ico_02.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  width: 34px;
}

#Co .page#moshimo_howtopage .moshimoBox05 .moshimoBox05L,
#Co .page#moshimo_howtopage .moshimoBox05 .moshimoBox05R,
#Co .page.formpage#timelinepage .moshimoBox05 .moshimoBox05L,
#Co .page.formpage#timelinepage .moshimoBox05 .moshimoBox05R {
  width: 48.5%;
}

#Co .page#moshimo_howtopage .moshimoBox05detail,
#Co .page.formpage#timelinepage .moshimoBox05detail {
  display: flex;
  justify-content: space-between;
}

#Co .page#moshimo_howtopage .moshimoBox05 .detailInner:first-child,
#Co .page.formpage#timelinepage .moshimoBox05 .detailInner:first-child {
  width: 80%;
}

#Co .page#moshimo_howtopage .moshimoBox05 .moshimoBox05R .detailInner:first-child,
#Co .page.formpage#timelinepage .moshimoBox05 .moshimoBox05R .moshimoBox05detail .detailInner:first-child {
width: 70%;
}

#Co .page#moshimo_howtopage .moshimoBox05 .moshimoBox05detail.twitterBox .detailInner:first-child,
#Co .page.formpage#timelinepage .moshimoBox05 .moshimoBox05detail.twitterBox .detailInner:first-child {
  width: 61%;
}

#Co .page#moshimo_howtopage .moshimoBox05 .detailInner:last-child,
#Co .page.formpage#timelinepage .moshimoBox05 .detailInner:last-child {
  width: 13%;
}

#Co .page#moshimo_howtopage .moshimoBox05 .moshimoBox05R .detailInner:last-child,
#Co .page.formpage#timelinepage .moshimoBox05 .moshimoBox05R .moshimoBox05detail .detailInner:last-child {
width: 23%;
}

#Co .page#moshimo_howtopage .moshimoBox05 .moshimoBox05detail.twitterBox .detailInner:last-child,
#Co .page.formpage#timelinepage .moshimoBox05 .moshimoBox05detail.twitterBox .detailInner:last-child {
  width: 32%;
}

#Co .page#moshimo_howtopage .moshimoBox05 h6,
#Co .page.formpage#timelinepage .moshimoBox05 h6 {
  margin-top: 30px;
}

#Co .page#moshimo_howtopage .moshimoBox05 p,
#Co .page.formpage#timelinepage .moshimoBox05 p {
  margin-bottom: 0 !important;
font-size: 1.6rem;
line-height: 1.6;
}

#Co .page#moshimo_howtopage .moshimoBox05 .qrBox p,
#Co .page.formpage#timelinepage .moshimoBox05 .qrBox p {
font-size: 1rem;
    color: #2d7b39;
font-weight: 900;
text-align: center;
}

#Co .page#moshimo_howtopage .moshimoBox05 .qrBox p img,
#Co .page.formpage#timelinepage .moshimoBox05 .qrBox p img {
margin-bottom: 5px;
}

#Co .page#moshimo_howtopage .moshimoBox05 ul,
#Co .page.formpage#timelinepage .moshimoBox05 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#Co .page#moshimo_howtopage .moshimoBox05 ul li,
#Co .page.formpage#timelinepage .moshimoBox05 ul li {
  width: 48.5%;
text-align: center;
}

#Co .page#moshimo_howtopage .moshimoBox06,
#Co .page.formpage#timelinepage .moshimoBox06 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#Co .page#moshimo_howtopage .moshimoBox06 .moshimoBoxdetail,
#Co .page.formpage#timelinepage .moshimoBox06 .moshimoBoxdetail {
  width: 48.5%;
}

/*------------------------------------*\
$training
\*------------------------------------*/
#main.localmain #mainInner h2#training:before {
  background-image: url(../images/ico_navi_05_on.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 47px;
  margin-right: 15px;
  vertical-align: middle;
  width: 32px;
}

.page#trainingpage h3 {
  background-image: url(../images/ico_navi_05.png);
  background-position: 0 20px;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.page#trainingpage #trainingBox .trainingBoxInner .inner {
  padding: 30px;
}

.page#trainingpage #trainingBox .trainingBoxInner .inner h3 .ss {
  padding: 30px;
}

#Co .page#trainingpage #shakeoutBoxInner03 .red {
  color: #bf392b;
}

.page#trainingpage #trainingBox .trainingBoxInner p.btn a {
  width: 80%;
}

.under {
  font-weight: 900;
  text-decoration: underline;
}

.page .marker {
  background: linear-gradient(transparent 75%, #ff7f7f 60%);
  display: inline !important;
  font-weight: bold;
}

/*------------------------------------*\
$shakeout
\*------------------------------------*/
.page#trainingpage #trainingBox {
  -js-display: flex;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2O8ffvWf1VVNUYGJIDCgYlTKAgAme8EBpI6qIwAAAAASUVORK5CYII=)
    repeat #f3f3f3;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
  padding: 30px;
  position: relative;
}

.page#trainingpage #shakeoutBoxInner02 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2O8ffvWf1VVNUYGJIDCgYlTKAgAme8EBpI6qIwAAAAASUVORK5CYII=)
    repeat #f3f3f3;
  box-sizing: border-box;
  position: relative;
}

.page#trainingpage #trainingBox h3 {
  background: rgb(70, 172, 85) !important;
  background: -moz-linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  background: linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  border-top: none;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46ac55",endColorstr="#247332",GradientType=1);
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 0.02rem;
  line-height: 110%;
  margin-bottom: 0;
  padding: 8px 20px 12px 20px;
  text-align: center;
}

.page#trainingpage #trainingBox .trainingBoxInner {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 3px solid rgba(49, 50, 50, 0.4);
  box-sizing: border-box;
  position: relative;
  width: 48.5%;
}

.page#trainingpage video {
  width: 100%;
}

#Co .page#trainingpage #shakeoutBox aside {
  font-size: 1.2rem;
  text-align: right;
}

#Co .page#trainingpage #shakeoutBox h2.no,
#Co .page#trainingpage #tunamiBox h2.no {
  border: none;
  font-size: 3rem;
  padding-left: 0;
  text-align: center;
}

#Co .page#trainingpage #shakeoutBox h2 span,
#Co .page#trainingpage #tunamiBox h2 span {
  display: inline-block;
  letter-spacing: 0.25rem;
  margin: 0 auto;
  position: relative;
}

#Co .page#trainingpage #shakeoutBox h3 .ss,
#Co .page#trainingpage #tunamiBox h3 .ss {
  font-size: 1.8rem !important;
}

#Co .page#trainingpage #shakeoutBox .catch,
#Co .page#trainingpage #tunamiBox .catch {
  font-size: 1.8rem;
  letter-spacing: 0.25rem;
  margin-bottom: 50px;
  text-align: center;
}

#Co .page#trainingpage #shakeoutBox .big,
#Co .page#trainingpage #shakeoutBox .bigR,
#Co .page#trainingpage #tunamiBox .big,
#Co .page#trainingpage #tunamiBox .bigR {
  font-size: 2rem;
  font-weight: 900;
}

#Co .page#trainingpage #shakeoutBox .number,
#Co .page#trainingpage #tunamiBox .number {
  font-family: "Oxygen", sans-serif;
  font-size: 2.4rem;
}

#Co .page#trainingpage #shakeoutBox .bigR,
#Co .page#trainingpage #tunamiBox .bigR {
  color: #d22628;
}

#Co .page#trainingpage .damageBox .box02 {
  margin-bottom: 10px;
}

#Co .page#trainingpage .damageBox .box02 li:first-child {
  align-items: center;
  background: #2d7b39;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  font-size: 1.8rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.25rem;
  width: 15%;
}

#Co .page#trainingpage .damageBox .box02 li:last-child {
  background: rgba(45, 123, 57, 0.08);
  box-sizing: border-box;
  font-size: 1.6rem;
  letter-spacing: 0.25rem;
  line-height: 180%;
  padding: 15px 15px;
  width: 85%;
}

#Co .page#trainingpage #shakeoutBox .normal,
#Co .page#trainingpage #tunamiBox .normal {
  border: none;
}

#Co .page#trainingpage #shakeoutBox .normal th,
#Co .page#trainingpage #shakeoutBox .normal td,
#Co .page#trainingpage #tunamiBox .normal th,
#Co .page#trainingpage #tunamiBox .normal td {
  background: #ffffff;
  border: none;
  font-size: 1.6rem;
  letter-spacing: 0.25rem;
  padding: 15px 0;
}

#Co .page#trainingpage #shakeoutBox .normal th,
#Co .page#trainingpage #tunamiBox .normal th {
  border-bottom: 3px solid #2d7b39;
  font-size: 1.8rem;
}

#Co .page#trainingpage #shakeoutBox .normal td,
#Co .page#trainingpage #tunamiBox .normal td {
  border-bottom: 1px solid #cecece;
}

#Co .page#trainingpage #shakeoutBox .normal th i,
#Co .page#trainingpage #tunamiBox .normal th i {
  color: #d22628;
  font-size: 1.2rem;
  margin-right: 10px;
}

#Co .page#trainingpage #shakeoutBoxInner02 {
  margin-bottom: 40px;
  padding-bottom: 20px;
}

#Co .page#trainingpage #shakeoutBoxInner02 h2 {
  padding: 30px 0 0 0;
}

#Co .page#trainingpage #shakeoutBoxInner02 #trainingBox {
  margin-bottom: 0;
  padding: 0 30px;
}

#Co .page#trainingpage #shakeoutBoxInner02 #trainingBox .trainingBoxInner {
  margin-bottom: 20px;
}

#Co .page#trainingpage #shakeoutBoxInner02 .aRight {
  margin: 0 20px 20px 0;
}

#Co .page#trainingpage #shakeoutBoxInner03 strong {
  color: #222222;
  font-size: 1.8rem;
}

#Co .page#trainingpage #shakeoutBoxInner03 .btnarea {
  position: relative;
}

#Co .page#trainingpage #shakeoutBoxInner03 .btn {
  margin: 25px 0 0 0 !important;
}

#Co .page#trainingpage #shakeoutBoxInner03 .btn a {
  margin: 0 0 30px 0 !important;
  width: 60%;
}

#Co .page#trainingpage #shakeoutBoxInner03 .click {
  bottom: 23%;
  color: #bf392b;
  font-weight: 900;
  position: absolute;
  right: 5%;
}

#Co .page#trainingpage #shakeoutBoxInner03 .click::after {
  animation: infinite movearrow 1.5s;
  color: #bf392b;
  content: "\f100";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: -25px;
  position: absolute;
  top: 0;
}

@keyframes movearrow {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
  }
}

#Co .page#trainingpage #shakeoutBoxInner03 .box03 li {
  font-size: 1.4rem;
  text-align: center;
}

#Co .page#trainingpage #shakeoutBoxInner03 .box03 li img {
  margin: 0 0 10px 0 !important;
}

#Co .page#trainingpage .cautionBox {
  border: 5px solid #d22628;
  margin-bottom: 50px;
  padding: 20px;
}

#Co .page#trainingpage .cautionBox p {
  font-size: 1.8rem;
  font-weight: 900;
  margin: 0 !important;
  text-align: center;
}

/*------------------------------------*\
$tunami
\*------------------------------------*/

.page#trainingpage #tunamiBoxInner02 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2O8ffvWf1VVNUYGJIDCgYlTKAgAme8EBpI6qIwAAAAASUVORK5CYII=)
    repeat #f3f3f3;
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 30px;
  position: relative;
}

.page#trainingpage #tunamiBoxInner02 h3 {
  background: rgb(70, 172, 85) !important;
  background: -moz-linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  background: linear-gradient(
    180deg,
    rgba(70, 172, 85, 1) 0%,
    rgba(36, 115, 50, 1) 100%
  ) !important;
  border-top: none;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46ac55",endColorstr="#247332",GradientType=1);
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0.02rem;
  line-height: 110%;
  margin-bottom: 0;
  padding: 13px 15px 11px 15px;
  text-align: center;
}

.page#trainingpage #tunamiBoxInner02 .box03 {
  margin-bottom: 50px;
}

.page#trainingpage #tunamiBoxInner02 .box03 .box03Inner {
  box-sizing: border-box;
  position: relative;
}

.page#trainingpage #tunamiBoxInner02 .box02 {
  margin-bottom: 0;
}

.page#trainingpage #tunamiBoxInner02 .box02Inner:first-child {
  width: 69%;
}

.page#trainingpage #tunamiBoxInner02 .box02Inner:last-child {
  width: 29%;
}

.page#trainingpage
  #tunamiBoxInner02
  .box02Inner:last-child
  .photoBoxInner:first-child {
  margin-bottom: 20px;
}

/*------------------------------------*\
$contact
\*------------------------------------*/

#main.localmain #mainInner h2#contact:before {
  background-image: url(../images/ico_mail.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 27px;
  margin-right: 15px;
  vertical-align: middle;
  width: 36px;
}

#Co .page#contactpage .contactBox {
  border: 3px #3aa970 solid;
  font-size: 0.875em;
  margin: 30px 0 30px 0;
  padding: 20px;
}

#Co .page#contactpage tr th {
  width: 25%;
}

#Co .page#contactpage tr th .hissu {
  background: #d50000;
  border-radius: 30px;
  color: #ffffff;
  display: block;
  float: right;
  font-size: 11px;
  line-height: 1.6em;
  margin-top: 2px;
  padding: 1px 15px;
  text-align: right;
}

#Co .page#contactpage tr th .nini {
  background: #cccccc;
  border-radius: 30px;
  color: #ffffff;
  display: block;
  float: right;
  font-size: 11px;
  line-height: 1.6em;
  margin-top: 2px;
  padding: 1px 15px;
  text-align: right;
}

#Co .page input[type="text"],
#Co .page textarea {
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #3e3e3e;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 15px;
  width: 100%;
}

/*IE対応*/
select::-ms-expand {
  display: none;
}

input[type="submit"],
input[type="button"] {
  background: none;
  border: none;
}

#btnCheck {
  text-align: center;
}

#btnSent ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#btnCheck input[type="submit"],
#btnSent input[type="submit"] {
  background: #2d7b39;
  border: none;
  border-radius: 200px;
  color: #ffffff !important;
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 100% !important;
  margin: 0 auto !important;
  padding: 20px 0 !important;
  position: relative;
  text-align: center !important;
  width: 320px;
}

#btnSent li:first-child input[type="submit"] {
  background: #e1e1e1;
  border-radius: 200px;
  color: #545454 !important;
  display: inline-block;
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 100% !important;
  margin: 0 auto !important;
  padding: 20px 0 !important;
  position: relative;
  text-align: center !important;
}

#btnSent ul li {
  width: 48.5%;
}

#Co .page.formpage#timelinepage.finish #btnSent ul li {
  width: 30%;
}

#btnSent ul li input[type="submit"],
#btnSent ul li input[type="button"] {
  width: 100%;
}

#btnSent ul {
  margin: 0;
  text-align: center;
}

#btnSent ul a {
  text-decoration: none;
}

/*------------------------------------*\
$timelinepage
\*------------------------------------*/
.page#timelinepage .line_r {
  color: #ff2626;
  font-weight: 900;
  text-decoration: underline;
}

.page#timelinepage #timelinemain {
  background: #00a0e9;
  margin: 30px 0;
}

.page#timelinepage #timelinemain.main_02 {
  padding: 50px 0;
}

.page#timelinepage h2 {
  border: none;
  margin-bottom: 50px;
  padding: 1.5rem;
  position: relative;
  text-align: center;
}

.page#timelinepage#timelinepage h2:before {
  background: #00a0e9;
  border-radius: 3px;
  bottom: -10px;
  content: "";
  height: 5px;
  left: calc(50% - 30px);
  position: absolute;
  width: 60px;
}

.mytimelineindex#timelinepage h3,
.page.formpage#timelinepage .mytimeformBox h3 {
  border: none;
  font-size: 2.2rem;
  margin-bottom: 40px;
  padding: 0;
  padding: 0 65px;
  position: relative;
  text-align: center;
}

.mytimelineindex#timelinepage h3:before,
.page.formpage#timelinepage .mytimeformBox h3:before {
  background: #222222;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: calc(50% - 1px);
  width: 100%;
}

.mytimelineindex#timelinepage h3 span,
.page.formpage#timelinepage .mytimeformBox h3 span {
  background: #ffffff;
  padding: 0 1em;
  position: relative;
}

.mytimelineindex#timelinepage h3.pen {
  padding: 0;
  text-align: left;
}

.mytimelineindex#timelinepage h3.pen:before {
  content: none;
}

.mytimelineindex#timelinepage h3.pen span {
  background: transparent;
  background: linear-gradient(transparent 60%, #ffff66 60%);
  padding: 0;
  position: relative;
}

.mytimelineindex#timelinepage h4 {
  border: none;
  color: #222222;
  font-size: 2.4rem;
  line-height: 1.4;
  margin: 0 0 30px 0;
  padding: 0;
}

.page#timelinepage .red {
  color: #ed6d1f;
  font-weight: 900;
}

.page#timelinepage #timelineBox {
  background: #f5f5f5;
  margin-top: 50px;
  padding: 30px;
}

.page#timelinepage #timelineBox #timelineBoxInner {
  background: #ffffff;
  padding: 30px;
}

.page#timelinepage .btnmain {
  margin-bottom: 10px;
}

.page#timelinepage .btnmain .box02Inner {
  display: flex;
  width: 48.5%;
}

.page#timelinepage .btnmain .box02Inner a {
  background-color: #e9f8ff;
  border: 1px solid #00a0e9;
  border-radius: 6px;
  display: block;
  padding: 20px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.page#timelinepage .btnmain .box02Inner a:hover {
  opacity: 0.6;
}

.page#timelinepage .btnmain .box02Inner:last-child a {
  background-color: #e2e2e2;
  border: 1px solid #b9b9b9;
}

.page#timelinepage .btnmain a:after {
  border-right: solid 5px #222222;
  border-top: solid 5px #222222;
  content: "";
  height: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
  width: 20px;
}

.page#timelinepage #timelineBox {
  position: relative;
}

.page#timelinepage #timelineBox #timelineBoxInner .detailBox {
  background: #fcfbe8;
  margin-bottom: 0;
  padding: 30px;
}

.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBox
  .box02Inner:first-child {
  width: 25%;
}

.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBox
  .box02Inner:last-child {
  width: 70%;
}

.page#timelinepage #timelineBox #timelineBoxInner h3 {
  margin-bottom: 30px;
  padding: 0;
}

.page#timelinepage #timelineBox #timelineBoxInner .detailBoxInner {
  margin-bottom: 20px;
}

.page#timelinepage #timelineBox #timelineBoxInner .detailBoxInner h4 {
  border-left: 3px solid #00a0e9;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 20px;
  padding: 0 0 0 10px;
  text-align: left;
}

.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBoxInner
  .box02Inner:first-child,
.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBoxInner
  .box02Inner:last-child {
  width: 48.5%;
}

.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBox
  .box02Inner
  p.btn
  a {
  background: #ffffff;
  width: 100%;
}

.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBox
  .box02Inner
  p.btn
  a:hover {
  background: #00a0e9 !important;
  color: #ffffff;
  width: 100%;
}
.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBox
  .box02Inner
  p.btn
  a:before {
  border-right: solid 2px #00a0e9;
  border-top: solid 2px #00a0e9;
}

.masamune {
  position: absolute;
  z-index: 100;
}

.masamune img {
  width: 100%;
}

#masamune_01 {
  right: 50px;
  top: -10px;
  width: 100px;
}

#masamune_02 {
  right: 50px;
  top: 280px;
  width: 100px;
}

#masamune_03 {
  right: 50px;
  top: 190px;
  width: 100px;
}

.page ul#stepBreadcrumb {
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 50px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.page ul#stepBreadcrumb li {
  align-items: center;
  background: #dfdfdf;
  box-sizing: border-box;
  color: #999999;
  display: flex;
  font-size: 1.6rem;
  font-weight: 900;
  justify-content: center;
  line-height: 1.5;
  padding: 13px 0;
  position: relative;
  text-align: center;
  width: 33.333%;
}

.page ul#stepBreadcrumb li:not(:last-child)::before,
.page ul#stepBreadcrumb li:not(:last-child)::after {
  border: 37px solid transparent;
  border-left: 20px solid #dfdfdf;
  content: "";
  left: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.page ul#stepBreadcrumb li:not(:last-child)::before {
  border-left-color: #ffffff;
  margin-left: 1px;
}

.page ul#stepBreadcrumb li.current {
  background: #00a0e9;
  color: #ffffff;
  z-index: 1;
}

.page ul#stepBreadcrumb li.current:not(:last-child)::after {
  border-left-color: #00a0e9;
}

.page ul#stepBreadcrumb li.current:not(:last-child)::before {
  border-left: none;
}

.page ul#stepBreadcrumb.c04 li {
  width: 25%;
}

.page ul#stepBreadcrumb.c05 li {
  width: 20%;
}

/*------------------------------------*\
$timelinepage
\*------------------------------------*/

footer#timelinefooter #footerInnerR {
  display: flex;
  flex-direction: column;
}

footer#timelinefooter #footerInnerR {
  display: flex;
  flex-direction: column;
}

footer#timelinefooter #footerInnerR .copy {
  margin-top: auto;
}

.page.formpage#timelinepage {
  position: relative;
}

.page.formpage#timelinepage {
  position: relative;
}

.page.formpage#timelinepage h2.step span {
  background: #00a0e9;
  border-radius: 6px;
  color: #ffffff;
  font-size: 2rem;
  margin-right: 15px;
  padding: 5px 15px;
  position: relative;
}

.page.formpage#timelinepage h2.step span:before {
  border: 6px solid transparent;
  border-left: 10px solid #00a0e9;
  content: "";
  left: 100%;
  margin-top: -6px;
  position: absolute;
  top: 50%;
}

.page.formpage#timelinepage h3 {
  border-top: 3px solid #00a0e9;
}

.page.formpage#timelinepage h3.house:before {
  background-image: url(../mytimeline/img/ico_house.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 51px;
  margin-right: 10px;
  vertical-align: middle;
  width: 50px;
}

.page.formpage#timelinepage h3.light:before {
  background-image: url(../mytimeline/img/ico_light.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 50px;
  margin-right: 10px;
  vertical-align: middle;
  width: 50px;
}

.page.formpage#timelinepage h3.file:before {
  background-image: url(../mytimeline/img/ico_file_02.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 50px;
  margin-right: 10px;
  vertical-align: middle;
  width: 35px;
}

.page.formpage#timelinepage h3.phone:before {
  background-image: url(../mytimeline/img/ico_phone.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 50px;
  margin-right: 10px;
  vertical-align: middle;
  width: 28px;
}

.page.formpage#timelinepage .photoBox.first .photo {
  margin: 0 auto 20px auto;
  width: 50%;
}
.page.formpage#timelinepage .photoBox .photoBoxInner li {
  margin-bottom: 15px !important;
}

.page.formpage#timelinepage .photoBox .photoBoxInner li:last-child {
  margin-bottom: 0 !important;
}

.page.formpage#timelinepage .photoBox .photoBoxInner p a,
.page.formpage#timelinepage .more a {
  color: #00a0e9 !important;
}

.page.formpage#timelinepage .btn a:hover {
  background: #00a0e9 !important;
}

.page.formpage#timelinepage .btn a:before {
  border-right: solid 2px #00a0e9;
  border-top: solid 2px #00a0e9;
}

.page.formpage#timelinepage .photoBoxInner strong,
.page.formpage#timelinepage .actionBox .actionBoxInner .textBoxAll p strong {
  color: #222222;
}

.page.formpage#timelinepage .number_title .number {
  color: #00a0e9 !important;
  font-size: 2.4rem;
  font-weight: 900;
}

.page.formpage#timelinepage .photoBoxInner .detailBox {
  background: #f9f9f9;
  color: #222222;
  margin-bottom: 30px;
  padding: 30px;
}

.page.formpage#timelinepage .photoBoxInner .detailBox h4 {
  border-bottom: none;
  color: #222222;
  font-size: 2rem;
  margin-bottom: 15px;
}

.page.formpage#timelinepage .photoBoxInner .detailBox .deep li {
  font-size: 1.6rem;
  line-height: 1.6;
  padding-left: 105px;
  position: relative;
}

.page.formpage#timelinepage .photoBoxInner .detailBox .deep li:before {
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  left: 0;
  position: absolute;
  top: -5px;
  vertical-align: middle;
  width: 95px;
}

.page.formpage#timelinepage
  .photoBoxInner
  .detailBox
  .deep.first
  li:nth-child(1):before {
  background-color: #516bb3;
}

.page.formpage#timelinepage
  .photoBoxInner
  .detailBox
  .deep.first
  li:nth-child(2):before {
  background-color: #0099ff;
}

.page.formpage#timelinepage
  .photoBoxInner
  .detailBox
  .deep.first
  li:nth-child(3):before {
  background-color: #a7e2ff;
}

.page.formpage#timelinepage .photoBoxInner .detailBox .deep.second li:before {
  top: 0;
}
.page.formpage#timelinepage
  .photoBoxInner
  .detailBox
  .deep.second
  li:nth-child(1):before {
  background-color: #fff466;
}

.page.formpage#timelinepage
  .photoBoxInner
  .detailBox
  .deep.second
  li:nth-child(2):before {
  background-color: #da2129;
}

.page.formpage#timelinepage .photoBoxInner .urgent {
  background: #ff2626;
  padding: 15px;
  text-align: center;
}

.page.formpage#timelinepage .photoBoxInner .detailBox .deep.second li {
  margin-bottom: 20px !important;
}

.page.formpage#timelinepage
  .photoBoxInner
  .detailBox
  .deep.second
  li:last-child {
  margin-bottom: 0 !important;
}

.page.formpage#timelinepage .photoBoxInner .detailBox .deep.second li strong {
  font-size: 1.6rem;
}

.page.formpage#timelinepage .more {
  margin-bottom: 50px;
  text-align: center;
}

.page.formpage#timelinepage .mytimeformBox {
  border: 30px solid #f5f5f5;
  padding: 30px;
}

.page.formpage#timelinepage .mytimeformBox.mb {
  margin-bottom: 30px;
}

.page.formpage#timelinepage .mytimeformBox h3 {
  margin-bottom: 20px;
}

.page.formpage#timelinepage .mytimeformBox h4 span {
  background-color: #0099ff;
  padding: 3px 5px;
}

.page.formpage#timelinepage .mytimeformBox h4 {
  border: none;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
}

.page.formpage#timelinepage .mytimeformBoxInner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox {
  border: 1px solid #e3e6ea;
  width: 50%;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox .datalBox {
  padding: 30px 20px;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox h5 {
  border-bottom: 1px solid #e3e6ea;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 0;
  padding: 15px;
  text-align: center;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox h6 {
  border: none;
  font-size: 1.6rem;
  padding: 0 0 0 18px;
  position: relative;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox h6:before {
  border-color: transparent transparent transparent #f39618;
  border-style: solid;
  border-width: 4.5px 0 4.5px 8px;
  content: "";
  display: inline-block;
  height: 0;
  left: 0;
  margin-right: 8px;
  position: absolute;
  top: 6px;
  width: 0;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox h5:before {
  content: none;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox:first-child h5 {
  background: #eaf1f8;
  color: #0099ff;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox:first-child h6 {
  color: #0099ff;
}

.page.formpage#timelinepage
  .mytimeformBoxInner
  .InnerBox:first-child
  h6:before {
  border-color: transparent transparent transparent #0099ff;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox:last-child h5 {
  background: #fbede1;
  color: #ce6731;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox:last-child h6 {
  color: #ce6731;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox:last-child h6:before {
  border-color: transparent transparent transparent #ce6731;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox:last-child {
  border-left: none;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox ul {
  margin-bottom: 25px;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox ul:last-child {
  margin-bottom: 0;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox li {
  font-size: 1.6rem;
  line-height: 160%;
  margin-bottom: 12px;
  position: relative;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox li:last-child {
  margin-bottom: 0;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox {
  display: flex;
  flex-direction: column;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox .timingBox {
  background: rgba(252, 234, 0, 0.08);
  border-top: 3px solid #e3e6ea;
  margin-top: auto;
  padding: 20px;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox .timingBox p {
  font-weight: 900;
  line-height: 1.6;
  margin-bottom: 0;
  text-align: center;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox .timingBox .anser {
  font-size: 1.8rem;
}

.page.formpage#timelinepage
  .mytimeformBoxInner
  .InnerBox
  .timingBox
  .anser
  .big {
  color: #da2129;
  font-size: 2.4rem;
}

.page.formpage#timelinepage #btnCheck input[type="submit"],
#btnSent input[type="submit"] {
  background: #0099ff;
}

.page.formpage#timelinepage h4 {
  color: #0099ff;
  font-size: 2.2rem;
}

.page.formpage#timelinepage h5::before {
  background: #0099ff;
}

.page.formpage#timelinepage .hinanBoxInner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner {
  background: #ffffff;
  border: 20px solid rgba(0, 153, 255, 0.1);
  padding: 20px;
  width: 48.5%;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner .detailBox {
  background: #ffffdb;
  border: 1px solid #ffbf00;
  padding: 20px;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner .detailBox h6 {
  border: none;
  color: #ff7f00;
  font-size: 1.8rem;
  margin-bottom: 10px;
  padding: 0;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner .detailBox p {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 0 !important;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner .button a {
  background: rgb(0, 153, 255);
  background: -moz-linear-gradient(
    176deg,
    rgba(0, 153, 255, 1) 0%,
    rgba(0, 106, 177, 1) 100%
  );
  background: -webkit-linear-gradient(
    176deg,
    rgba(0, 153, 255, 1) 0%,
    rgba(0, 106, 177, 1) 100%
  );
  background: linear-gradient(
    176deg,
    rgba(0, 153, 255, 1) 0%,
    rgba(0, 106, 177, 1) 100%
  );
  border-bottom: 3px solid #003b62;
  border-radius: 6px;
  color: #ffffff;
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0099ff",endColorstr="#006ab1",GradientType=1);
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 100%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  width: 80%;
}

.page.formpage#timelinepage .photoBox.first .photo {
  margin: 0 auto 20px auto;
  width: 50%;
}

#Co p#inputlength01,
#Co p#inputlength02,
#Co p#inputlength03,
#Co p#inputlength04,
#Co p#inputlength05 {
  font-size: 1.4rem;
  margin-bottom: 0;
  text-align: right;
}

.page.formpage#timelinepage .namePlate {
  -js-display: flex;
  background: #44a050;
  display: flex;
  padding: 30px;
}

.page.formpage#timelinepage .namePlate h3 {
  border: none;
  line-height: 1 !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
}

.page.formpage#timelinepage .namePlate p {
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page.formpage#timelinepage .namePlate .namePlateInner:last-child {
  margin-left: 30px;
}

.page.formpage#timelinepage .namePlate .namePlateInner:last-child p img {
  margin-bottom: 3px !important;
}

.page.formpage#timelinepage .datingBox {
  margin: 10px 0 50px 0;
  text-align: right;
}

.page.formpage#timelinepage .datingBox p {
  font-size: 1.8rem;
  font-weight: 900;
}

.page.formpage#timelinepage .actionBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.page.formpage#timelinepage .actionBox .actionBoxInner h4,
.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2) p {
  align-items: center;
  border: none;
  display: flex;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.page.formpage#timelinepage .actionBox .actionBoxInner h4 {
  color: #3c3939;
  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.page.formpage#timelinepage .actionBox.redBox .actionBoxInner h4 {
  color: #cd2922;
}
.page.formpage#timelinepage .actionBox.purpleBox .actionBoxInner h4 {
  color: #7c2b78;
}
.page.formpage#timelinepage .actionBox.blackBox .actionBoxInner h4 {
  color: #ffffff;
}

.page.formpage#timelinepage .actionBox .actionBoxInner h5 {
  font-size: 2.4rem;
  font-weight: 900;
  margin-bottom: 25px;
  padding: 0;
}

.page.formpage#timelinepage .actionBox.redBox .actionBoxInner h5 {
  color: #cd2922;
}

.page.formpage#timelinepage .actionBox.purpleBox .actionBoxInner h5 {
  color: #7c2b78;
}

.page.formpage#timelinepage .actionBox .actionBoxInner h5 .box {
  border: 1px solid #3c3939;
  font-size: 1.6rem;
  padding: 3px 5px;
}

.page.formpage#timelinepage .actionBox.redBox .actionBoxInner h5 .box {
  background: #cd2922;
  border: none;
  color: #ffffff;
}

.page.formpage#timelinepage .actionBox.purpleBox .actionBoxInner h5 .box {
  background: #7c2b78;
  border: none;
  color: #ffffff;
}

.page.formpage#timelinepage .actionBox.blackBox .actionBoxInner h5 .box {
  background: #ffffff;
  border: none;
  color: #000000;
}

.page.formpage#timelinepage .actionBox .actionBoxInner h5::before {
  content: none;
}

.page.formpage#timelinepage .actionBox .actionBoxInner {
  border: 1px solid #c9caca;
  border-right: none;
  padding: 20px;
  width: 80%;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:last-child {
  border-right: 1px solid #c9caca;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(1),
.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2) {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 10%;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2) {
  position: relative;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(3) {
  display: flex;
  flex-direction: column;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2):before {
  background: #ffffff;
  border-right: solid 1px #c9caca;
  border-top: solid 1px #c9caca;
  bottom: -8px;
  content: "";
  height: 15px;
  left: 44.5%;
  margin: auto;
  margin-top: -0;
  position: absolute;
  transform: rotate(135deg);
  width: 15px;
}

.page.formpage#timelinepage
  .actionBox.blackBox
  .actionBoxInner:nth-child(2):before {
  content: none;
}
.page.formpage#timelinepage .actionBox .actionBoxInner .textBoxAll {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .textBoxAll h5 {
  padding-top: 15px;
  width: 60%;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .textBoxAll p {
  background: #ffffff;
  font-size: 1.4rem;
  padding: 5px 10px;
  width: 40%;
}

.page.formpage#timelinepage
  .actionBox
  .actionBoxInner
  .textBoxAll
  p
  .evacuation_area {
  font-size: 1.6rem;
  font-weight: 900;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .InnerBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .InnerBox .detailBox {
  margin-bottom: 20px;
  width: 48.5%;
}

.page.formpage#timelinepage.finish
  .actionBox
  .actionBoxInner
  .InnerBox
  .detailBox {
  margin-bottom: 0;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .InnerBox li {
  font-size: 1.4rem;
  line-height: 160%;
  margin-bottom: 10px;
  padding: 0 0 0 18px;
  position: relative;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .InnerBox li:before {
  background: #ffffff;
  border: 1px solid #333333;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 4.5px;
  width: 12px;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .choiceBtn {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: auto;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .choiceBtn li a {
  background: #ffffff;
  border: 2px solid #3d3939;
  border-radius: 300px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  color: #222222;
  font-size: 1.2rem;
  padding: 3px 10px;
  text-decoration: none;
}

.page.formpage#timelinepage
  .actionBox.yellowBox
  .actionBoxInner
  .choiceBtn
  li
  a {
  border: 2px solid #ebe036;
}

.page.formpage#timelinepage .actionBox.redBox .actionBoxInner .choiceBtn li a {
  border: 2px solid #cd2922;
}

.page.formpage#timelinepage
  .actionBox.purpleBox
  .actionBoxInner
  .choiceBtn
  li
  a {
  border: 2px solid #7c2b78;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .choiceBtn li a:before {
  background-image: url(../mytimeline/img/ico_check.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  width: 21px;
}

.page.formpage#timelinepage
  .actionBox
  .actionBoxInner
  .choiceBtn
  li:last-child
  a:before {
  background-image: url(../mytimeline/img/ico_plus.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  width: 18px;
}

.page.formpage#timelinepage
  .actionBox
  .actionBoxInner
  .choiceBtn
  li:first-child {
  margin-right: 10px;
}

.page.formpage#timelinepage .actionBox.yellowBox {
  background: #fcfbe8;
}
.page.formpage#timelinepage .actionBox.yellowBox .actionBoxInner:nth-child(2) {
  background: #ebe036;
}
.page.formpage#timelinepage
  .actionBox.yellowBox
  .actionBoxInner:nth-child(2):before {
  background: #ebe036;
}
.page.formpage#timelinepage .actionBox.redBox {
  background: #f6e0d3;
}
.page.formpage#timelinepage .actionBox.redBox .actionBoxInner:nth-child(2) {
  background: #cd2922;
}
.page.formpage#timelinepage
  .actionBox.redBox
  .actionBoxInner:nth-child(2):before {
  background: #cd2922;
}
.page.formpage#timelinepage .actionBox.purpleBox {
  background: #e7dced;
}
.page.formpage#timelinepage .actionBox.purpleBox .actionBoxInner:nth-child(2) {
  background: #7c2b78;
}
.page.formpage#timelinepage
  .actionBox.purpleBox
  .actionBoxInner:nth-child(2):before {
  background: #7c2b78;
}

.page.formpage#timelinepage .actionBox.blackBox {
  background: #040000;
  color: #ffffff;
  margin-bottom: 10px;
}

.page.formpage#timelinepage .actionBox.blackBox .actionBoxInner:nth-child(2) {
  background: #ffffff;
}

.page.formpage#timelinepage
  .actionBox
  .actionBoxInner
  .textBoxAll
  p:last-child
  input[type="text"] {
  padding: 7px 5px;
}

.page.formpage#timelinepage .evacuation {
  border-bottom: none;
  padding: 0 65px;
  position: relative;
  text-align: center;
}

.page.formpage#timelinepage .evacuation:before {
  border: 2px dashed #e71f1e;
  content: "";
  left: 0;
  position: absolute;
  top: calc(50% - 1px);
  width: 100%;
}

.page.formpage#timelinepage .evacuation span {
  background: #ffffff;
  padding: 0 1em;
  position: relative;
}

.page.step04 .mytimeformBox {
  margin-bottom: 30px;
}

.page .mytimetbl {
  border: 1px solid #cecece;
  margin-bottom: 30px;
  padding: 15px;
  text-align: left;
  width: 100%;
}

.page .mytimetbl th,
.page .mytimetbl td {
  border: 1px solid #cecece;
  font-size: 1.4rem;
  line-height: 160%;
  padding: 15px;
  text-align: left;
}

.page .mytimetbl th {
  background: #3b8dbe;
  color: #ffffff;
  font-size: 1.8rem;
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
}

.page .mytimetbl tr:nth-child(even) td {
  background: rgba(59, 141, 190, 0.15);
}

.page.formpage#timelinepage input[type="text"],
.modal__content .contentInner input[type="text"] {
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #3e3e3e;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 5px;
  width: 100%;
}

#Co .page.formpage#timelinepage .familyname input[type="text"],
.modal__content .contentInner input[type="text"] {
  padding: 12px 15px;
}

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200000;
}
.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content {
  background: #ffffff;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 35%;
}

.modal__content h4 {
  font-size: 2.3rem;
  padding: 30px 0;
  text-align: center;
}

.modal__content .contentTitle {
  background: #c9caca;
  padding: 10px 0;
}

#modal03 .modal__content .contentTitle,
#modal04 .modal__content .contentTitle {
  background: #ebe036;
}

#modal05 .modal__content .contentTitle,
#modal06 .modal__content .contentTitle {
  background: #cd2922;
}

#modal07 .modal__content .contentTitle,
#modal08 .modal__content .contentTitle {
  background: #7c2b78;
}

.modal__content .contentInner {
  padding: 20px 40px;
}

.modal__content .contentInner ul {
  margin-bottom: 10px;
}

.modal__content .choiceBtn {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: auto;
}

.modal__content .choiceBtn li:first-child {
  margin-right: 15px;
}

.modal__content .choiceBtn li a {
  background: #ffffff;
  border: 2px solid #3d3939;
  border-radius: 300px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  color: #222222;
  font-size: 1.2rem;
  padding: 3px 10px;
  text-decoration: none;
}

.modal__content .choiceBtn li a:before {
  background-image: url(../mytimeline/img/ico_check.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  width: 21px;
}

.modal__content .choiceBtn li:last-child a:before {
  background-image: url(../mytimeline/img/ico_batu.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
  width: 14px;
}

.modal__content .contentInner li {
  font-size: 1.4rem;
  line-height: 160%;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
}

.modal__content .contentInner li:last-child {
  margin-bottom: 0;
}

.modal__content .contentInner p {
  font-size: 1.4rem;
  text-align: left;
}

.modal__content .contentInner #inputlength01,
.modal__content .contentInner #inputlength02,
.modal__content .contentInner #inputlength03,
.modal__content .contentInner #inputlength04 {
  font-size: 1.4rem;
  text-align: right;
}

::placeholder {
  color: #acadad;
}

#Co .page.formpage#timelinepage h4.ico_tv,
#Co .page.formpage#timelinepage h4.ico_pc {
  background: #faebab;
  border-bottom: none;
  border-radius: 6px;
  color: #3c3939;
  padding: 10px 15px;
}

#Co .page.formpage#timelinepage h4.ico_tv:before {
  background-image: url(../mytimeline/img/ico_01.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  width: 30px;
}

#Co .page.formpage#timelinepage h4.ico_pc:before {
  background-image: url(../mytimeline/img/ico_02.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  width: 34px;
}

#Co .page.formpage#timelinepage.finish .risktbl th {
  padding: 15px 0;
}

#Co .page.formpage#timelinepage.finish .risktbl th.wid {
  width: 30%;
}

#Co .page.formpage#timelinepage.finish .risktbl td {
  background: #ffffff !important;
  font-size: 1.6rem;
}

#Co .page.formpage#timelinepage.finish .risktbl th.suigai_t,
#Co .page.formpage#timelinepage.finish .risktbl th.dosya_t {
  line-height: 0.5rem;
  padding: 0 20px;
  writing-mode: vertical-rl;
}

#Co .page.formpage#timelinepage.finish .risktbl th.suigai_t {
  background: rgba(56, 161, 219, 0.1);
  color: #38a1db;
}

#Co .page.formpage#timelinepage.finish .risktbl th.dosya_t {
  background: rgba(217, 103, 22, 0.1);
  color: #d96716;
}

#Co .page.formpage#timelinepage.finish .risktbl td h5 {
  margin-bottom: 5px;
  padding-left: 0;
}

#Co .page.formpage#timelinepage.finish .risktbl td h5 .pen {
  background: transparent;
  background: linear-gradient(transparent 60%, #ffff66 60%);
  padding: 0;
  position: relative;
}

#Co .page.formpage#timelinepage.finish .risktbl td h5::before {
  content: none;
}

#Co .page.formpage#timelinepage.finish .risktbl td h6 {
  border: none;
  color: #0099ff;
  font-size: 1.6rem;
  margin: 0 0 5px 0;
  padding: 0 0 0 18px;
  position: relative;
}

#Co .page.formpage#timelinepage.finish .risktbl td dl {
  font-size: 1.4rem;
  margin: 0 0 10px 0;
  padding-left: 1rem;
}

#Co .page.formpage#timelinepage.finish .risktbl td p {
  font-size: 1.4rem;
  line-height: 160%;
  margin-bottom: 10px;
  padding: 0 0 0 18px;
  position: relative;
}

#Co .page.formpage#timelinepage.finish .risktbl td p:before {
  background: #ffffff;
  border: 1px solid #333333;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 4.5px;
  width: 12px;
}

#Co .page.formpage#timelinepage.finish .risktbl .dosya td h6 {
  color: #d96716;
}

#Co .page.formpage#timelinepage.finish .risktbl td h6:before {
  border-color: transparent transparent transparent #0099ff;
  border-style: solid;
  border-width: 4.5px 0 4.5px 8px;
  content: "";
  display: inline-block;
  height: 0;
  left: 0;
  margin-right: 8px;
  position: absolute;
  top: 6px;
  width: 0;
}

#Co .page.formpage#timelinepage.finish .risktbl .dosya td h6:before {
  border-color: transparent transparent transparent #d96716;
}

#Co .page.formpage#timelinepage.finish .risktbl td h6.red {
  color: #e71f1e !important;
}

#Co .page.formpage#timelinepage.finish .risktbl td h6.red .box {
  border: 1px solid #e71f1e !important;
}
#Co .page.formpage#timelinepage.finish .risktbl td h6.red:before {
  border-color: transparent transparent transparent #e71f1e !important;
}

#Co .page.formpage#timelinepage .risktbl td h6.purple {
  color: #822d7e !important;
}

#Co .page.formpage#timelinepage .risktbl td h6.purple .box {
  border: 1px solid #822d7e !important;
}

#Co .page.formpage#timelinepage .risktbl td h6.purple:before {
  border-color: transparent transparent transparent #822d7e !important;
}

#Co .page.formpage#timelinepage .moshimoBox05 h5 {
  border-bottom: 2px solid #6db131;
  border-left: 3px solid #6db131;
  color: #6db131;
  margin-bottom: 10px;
  padding: 5px 0 10px 10px;
}

#Co .page.formpage#timelinepage .moshimoBox05 h5:before {
  content: none;
}

#Co .page.formpage#timelinepage .moshimoBox05 h6 {
  border-bottom: 0;
  color: #12863b;
  margin-bottom: 5px;
  padding-bottom: 0;
}

#Co .page.formpage#timelinepage .familyname span,
#Co .page.formpage#timelinepage .familyname input {
  width: 230px !important;
}

#Co .page.formpage#timelinepage .familyname img {
  margin-left: 10px;
  width: 590px;
}

#Co .page.formpage#timelinepage.finish .familyname span {
  background: #ffffff;
  border-radius: 6px;
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 900;
  margin-right: 8px;
  padding: 10px 10px 8px 10px;
}

@media all and (-ms-high-contrast: none) {
  #Co .page.formpage#timelinepage.finish .familyname span {
    padding: 15px 10px 5px 10px;
  }
}

.print {
  margin-bottom: 50px;
}

#Co .page.formpage#timelinepage input[type="radio"],
#Co .page.formpage#timelinepage input[type="checkbox"] {
  margin-right: 6px;
  position: relative;
  top: -3px;
}

@media all and (-ms-high-contrast: none) {
  #Co .page.formpage#timelinepage input[type="radio"],
  #Co .page.formpage#timelinepage input[type="checkbox"] {
    position: relative;
    top: -2px;
  }
}

#Co .page.formpage#timelinepage.finish #btnSent ul {
  margin: 0 0 30px 0;
}

#Co .page.formpage#timelinepage.finish #btnSent li input[type="submit"],
#Co .page.formpage#timelinepage.finish #btnSent li input[type="button"],
#Co .page.formpage#timelinepage.finish #btnSent li a {
  background: #0099ff;
  border: none;
  border-radius: 200px;
  color: #ffffff !important;
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 100% !important;
  margin: 0 auto !important;
  padding: 20px 0 !important;
  position: relative;
  text-align: center !important;
  text-decoration: none;
  width: 100%;
}

#Co .page.formpage#timelinepage.finish #btnSent li {
  position: relative;
}

#Co .page.formpage#timelinepage.finish #btnSent li:before {
  background-size: contain;
  content: ""; /*何も入れない*/
  left: 20px;
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  z-index: 10;
}

#Co .page.formpage#timelinepage.finish #btnSent li.ico_floppy:before {
  background-image: url(../mytimeline/img/ico_floppy.png);
  height: 30px;
  width: 30px;
}

#Co .page.formpage#timelinepage.finish #btnSent li.ico_edit:before {
  background-image: url(../mytimeline/img/ico_edit.png);
  height: 26px;
  width: 30px;
}

#Co .page.formpage#timelinepage.finish #btnSent li.ico_print:before {
  background-image: url(../mytimeline/img/ico_print.png);
  height: 31px;
  width: 30px;
}

#Co .page.formpage#timelinepage.finish #btnSent li.ico_top:before {
  background-image: url(../mytimeline/img/ico_top.png);
  height: 26px;
  width: 30px;
}

#Co .page.formpage#timelinepage.finish #btnSent ul li {
  width: 30%;
}


/*  +++++++++++++++++++++++++ bihinBox +++++++++++++++++++++++++ */


#Co .page#moshimo_howtopage .bihinBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

#Co .page#moshimo_howtopage .bihinBox .bihinBoxInner {
  width: 49%;
  border: 2px solid #2b71b9;
}

#Co .page#moshimo_howtopage .bihinBox .bihinBoxInner .detailBox {
  padding: 20px;
}

#Co .page#moshimo_howtopage .bihinBox .bihinBoxInner h4 {
  background: #2b71b9;
  color: #ffffff;
  margin-bottom: 0;
  padding: 15px;
  text-align: center;
}

#Co .page#moshimo_howtopage .bihinBox .bihinBoxInner p:last-child {
  margin-bottom: 0;
}

#Co .page#moshimo_howtopage .moshimoBox06 .moshimoBoxdetail {
  position: relative;
}


#Co .page#moshimo_howtopage .moshimoBox06 .moshimoBoxdetail .bihin_item_02 {
  position: absolute;
  right: 0;
  top: 17%;
}

#Co .page#moshimo_howtopage .moshimoBox06 .moshimoBoxdetail .bihin_item_03,
#Co .page#moshimo_howtopage .moshimoBox06 .moshimoBoxdetail .bihin_item_04 {
  position: absolute;
  right: 0;
  top: 30%;
}