@charset "utf-8";

/*  +++++++++++++++++++++++++ common +++++++++++++++++++++++++ */

body,
html {
  min-width: 100% !important;
}

body {
  word-wrap: break-word;
}

.entry-content pre {
  overflow: scroll;
  word-wrap: normal;
}

input,
textarea,
select {
  font-size: 16px;
}

.pc {
  display: none !important;
}

.sp {
  display: block !important;
}

.pctL,
.pctR {
  float: none;
  text-align: center;
  margin-right: 0px;
  margin-left: 0px;
}

.pctL.no {
  float: left;
  text-align: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.pctR.no {
  float: right;
  text-align: left;
  margin-left: 15px;
  margin-bottom: 15px;
}

img {
  max-width: 100%;
}

.wide {
  width: 100% !important;
  height: auto;
}
#Co .page .scroll p {
  width: 900px;
}
#Co .page .scroll .normal {
  width: 100%;
  white-space: nowrap;
  margin-bottom: 10px;
}

#Co .page .scroll .normal th,
#Co .page .scroll .normal td {
  padding: 15px;
  line-height: 1.6em;
  display: table-cell;
}

#Co .page .scroll {
  overflow-x: scroll;
  margin-bottom: 0;
}

#Co .page .scroll::-webkit-scrollbar {
  height: 5px;
} /*バーの太さ*/

#Co .page .scroll::-webkit-scrollbar-track {
  background: #dddddd;
} /*バーの背景色*/

#Co .page .scroll::-webkit-scrollbar-thumb {
  background: #00a0e9;
} /*バーの色*/
.w10 {
  width: 10% !important;
  margin: auto;
}
.w15 {
  width: 15% !important;
  margin: auto;
}
.w20 {
  width: 20% !important;
  margin: auto;
}
.w30 {
  width: 30% !important;
  margin: auto;
}
.w40 {
  width: 40% !important;
  margin: auto;
}

.w50 {
  width: 50% !important;
  margin: auto;
}

.w60 {
  width: 60% !important;
  margin: auto;
}

.w70 {
  width: 70% !important;
  margin: auto;
}

.w80 {
  width: 80% !important;
  margin: auto;
}

.w90 {
  width: 90% !important;
  margin: auto;
}

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#wrapper #Search_sp .gsc-control-cse {
  background-color: transparent;
  border: none;
}

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

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

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

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

/*------------------------------------*\
$header
\*------------------------------------*/
header #headerInner {
  width: 100%;
  padding: 20px 10px;
  display: block;
  box-sizing: border-box;
}
header #headerInner h1 {
  width: 70%;
}

/*------------------------------------*\
$menu
\*------------------------------------*/

#btnMenu {
  position: fixed;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 10px;
  z-index: 8200;
  transition-duration: 0.3s;
}

#btnMenu.slideMgn,
#Search_sp #btnSearch.slideMgn {
  top: 15px;
}

#btnMenu .menu-trigger {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background-color: rgba(215, 21, 24, 0.9);
}

#btnMenu .menu-trigger span.ico,
#btnMenu .menu-trigger span.point {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

#btnMenu .menu-trigger span.ico {
  position: relative;
  width: 16px;
  height: 10px;
  top: 9px;
}

#btnMenu .menu-trigger span.point {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}

#btnMenu .menu-trigger span.point:nth-of-type(1) {
  top: 0;
}

#btnMenu .menu-trigger span.point:nth-of-type(2) {
  top: 4px;
}

#btnMenu .menu-trigger span.point:nth-of-type(3) {
  bottom: 0;
}

#btnMenu.active .menu-trigger {
  background-color: rgba(0, 0, 0, 0);
}

#btnMenu.active .menu-trigger span.point:nth-of-type(1) {
  -webkit-transform: translateY(4px) rotate(-45deg);
  transform: translateY(4px) rotate(-45deg);
}

#btnMenu.active .menu-trigger span.point:nth-of-type(2) {
  opacity: 0;
}

#btnMenu.active .menu-trigger span.point:nth-of-type(3) {
  -webkit-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
}

#menuBox {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 8100;
  overflow-y: scroll;
}

#menuBox::-webkit-scrollbar {
  display: none;
}

#menuBox .inner {
  margin: 0;
  padding: 50px 30px;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}

#menuBox ul {
  margin: 0;
  padding: 0;
}

#menuBox ul li {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 900;
  color: #fff;
}

#menuBox ul li a {
  margin: 0;
  padding: 0;
  color: #fff;
  text-decoration: none;
}

#menuBox ul li ul {
  margin: 15px 0 40px 0;
  padding: 0 0 0 25px;
}

#menuBox ul li ul li {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 500;
}

#menuBox ul li ul li:last-child {
  margin: 0 30px 0 0;
  padding: 0;
}

#menuBox .inner ul li a:before {
  content: "";
  background: url(../images/menu_point_01.png) no-repeat;
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  position: relative;
  top: 0px;
}

#menuBox .inner ul li ul li a:before {
  content: "";
  background: url(../images/menu_point_02.png) no-repeat;
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
  width: 8px;
  height: 12px;
  position: relative;
  top: -1px;
}

/*アコーディオン
-------------------------------------*/

/* 折り畳み部分を隠す */

#Search_sp {
  width: 100%;
  z-index: 1000;
  display: block;
}

#Search_sp #btnSearch {
  text-align: center;
  position: fixed;
  top: 20px;
  right: 46px;
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background-color: rgba(236, 168, 76, 0.9);
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#SearchSub {
  margin: 0px;
  position: fixed;
  top: 55px;
  left: 0;
  width: 100%;
  padding: 30px 0 10px 0;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.8);
}

#Search_sp #SearchSub .btnClose {
  display: block;
  padding: 10px 0px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}

#googleSearch_sp {
  margin: 0px auto;
  text-align: center;
}

#googleSearch_sp #cse-search-box .siteSearch {
  background: url(../images/ico_search_02.png) no-repeat 10px 8px #f3f3f3;
  border: none;
  padding: 10px;
  color: #999999;
  text-indent: 2em;
  box-sizing: border-box;
}

#googleSearch_sp #cse-search-box .submit.siteSubmit {
  background: #74c172;
  color: #ffffff;
  border: none;
  padding: 9px 10px;
}

#googleSearch_sp input[type="submit"],
#googleSearch_sp input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0px;
  font-size: 0.875em;
}

#googleSearch_sp input[type="submit"]::-webkit-search-decoration,
#googleSearch_sp input[type="button"]::-webkit-search-decoration {
  display: none;
}

#googleSearch_sp input[type="submit"]::focus,
#googleSearch_sp input[type="button"]::focus {
  outline-offset: -2px;
}

#googleSearch_sp input[type="text"] {
  font-size: 0.875em;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0px;
}

#googleSearch #cse-search-box .siteSearch {
  background: url(../images/ico_search.png) no-repeat 10px 8px #f3f3f3;
  border: none;
  padding: 10px;
  color: #999999;
  text-indent: 2em;
  width: 218px;
}

#googleSearch #cse-search-box .submit.siteSubmit {
  background: #74c172;
  color: #ffffff;
  border: none;
  height: 37px;
  padding: 0px 5px;
}

/*------------------------------------*\
$main
\*------------------------------------*/
#main {
  background: url(../images/main_sp.jpg) 0 0 no-repeat;
  background-size: cover;
  margin-bottom: 30px;
  position: static;
  height: auto;
}

#main #mainInner {
  width: 100%;
  position: static;
  height: auto;
  padding: 30px;
  transform: inherit;
  box-sizing: border-box;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#main #mainInner ul {
  width: 100%;
}

#main #mainInner h2 {
  margin-bottom: 20px;
}

#main.localmain {
  height: 80px;
  margin-bottom: 30px;
}

#main.localmain #mainInner {
  max-height: 80px;
  height: 80px;
}

#main.localmain #mainInner h2 {
  font-size: 2rem;
}

/*------------------------------------*\
$Co
\*------------------------------------*/
#Co {
  padding: 0 10px 50px 10px;
  box-sizing: border-box;
}

#Co p {
  font-size: 1.4rem;
}

#Co .photoBox {
  margin-bottom: 50px;
  display: block;
}
#Co .photoBox .photoBoxInner:first-child,
#Co .photoBox .photoBoxInner:last-child {
  width: 100%;
}

/*------------------------------------*\
#Co #indexCo
\*------------------------------------*/

#Co #indexCo {
  width: 100%;
}

#CoL {
  width: 100%;
  float: none;
  margin-right: 0;
}

#CoR {
  width: 100%;
  float: none;
}

/*-- informationBox --*/
#Co #indexCo #informationBox {
  margin-bottom: 30px;
  width: 100%;
}

#Co #indexCo #informationBoxsub {
  padding: 10px;
}

#Co #indexCo #informationBox h2 {
  font-size: 1.7rem;
  line-height: 130%;
  font-weight: 900;
  color: #fff;
  padding: 15px 10px 12px 45px !important;
  letter-spacing: 0.02rem;
  position: relative;
}

#Co #indexCo #informationBox h2:before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  width: 28px;
  height: 21px;
  margin-right: 10px;
}

#Co #indexCo #informationBox #informationBoxInner {
  padding: 20px;
}

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

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

#Co #CoL #newsBox .newsBoxInner a {
  display: block;
}

#Co #CoL #newsBox h2 {
  font-size: 1.7rem;
  padding: 15px 10px 12px 45px;
}

#Co #CoL #newsBox h2:before {
  width: 29px;
  height: 22px;
}

#Co #newspage #CoL #newsBox h2 {
  margin: 0 0 20px 0;
  font-size: 2rem;
}

#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-size: 34px;
  padding-left: 44px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

#Co #CoL #newsBox .newsBoxInner .day {
  font-size: 1.4rem;
  width: 100%;
}

#Co #CoL #newsBox .newsBoxInner .day .ico {
  padding: 4px 5px;
  margin: 0 5px;
}

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

#Co #CoL #newsBox .btn {
  width: 80%;
}

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

#Co #indexCo #CoL #kikikanri h2 {
  margin-bottom: 5px;
}
#Co #indexCo #CoL #kikikanri .ss {
  font-size: 1.3rem;
  line-height: 140%;
}

#Co #indexCo #CoL #kikikanri .ss strong {
  color: #d22628;
}

/*-- movieBox --*/
#Co #indexCo #CoL #movieBox {
  background: #fdf1e2;
  padding: 10px 10px 0 10px;
  margin-bottom: 30px;
}

/*------------------------------------*\
$CoR
\*------------------------------------*/

#Co #indexCo #CoR #bannerBox ul {
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content: space-between;
  margin: 0 auto;
}

#Co #indexCo #CoR #bannerBox li {
  margin-bottom: 10px;
  width: 48.5%;
}

#Co #indexCo #CoR #bannerBox li:last-child {
  margin-bottom: 0;
}

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

footer #footerInner {
  width: 100%;
  margin: 0 auto;
  padding: 20px 10px;
  display: block;
  box-sizing: border-box;
}

footer #footerInner h2 {
  margin-bottom: 20px;
  text-align: center;
}

footer #footerInner .second {
  clear: both;
}

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

footer #footerInner .contactBtn {
  width: 80%;
  margin: 0 auto;
}

footer .copy {
  text-align: center;
  padding: 5px 0;
  background: #313232;
  color: #fff;
}

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

#Co #facebookBox {
  width: 100%;
}

#Co #facebookBox #facebookBoxInner {
  padding: 10px;
}

#Co #facebookBox h2 {
  font-size: 1.6rem;
}

#Co #facebookBox h2:before {
  width: 24px;
  height: 24px;
}

#Co #facebookBox .box02 {
  display: block;
  margin-bottom: 0 !important;
}

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

#Co #facebookBox .box02 .box02Inner:first-child {
  margin-bottom: 20px;
}

#Co #facebookBox .box02 .box02Inner .btn {
  width: 100%;
  margin-bottom: 20px !important;
}

#Co #facebookBox .box02 .box02Inner .btn:last-child {
  margin-bottom: 0 !important;
}

#Co #facebookBox .box02 .box02Inner .btn a {
  padding: 12px 5px;
  font-size: 1.4rem;
}

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

.page h2 {
  margin: 0 0 20px 0;
  font-size: 2rem;
}

.page h3 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
  color: #222;
  padding-bottom: 20px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e3e6ea;
}

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

.page h5 {
  font-size: 1.6rem;
}

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

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

.page .point01 li {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

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

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

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

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

.page .mainBox {
  padding: 10px;
}

.page .mainBox h3 {
  font-size: 1.7rem;
  line-height: 130%;
  font-weight: 900;
  color: #fff;
  padding: 15px 10px 12px 10px;
  letter-spacing: 0.02rem;
  position: relative;
}

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

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

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

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

#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 {
  width: 21px;
  height: 31px;
  margin-right: 10px;
}

.page#hazardmappage h3 {
  background-position: left center;
  background-size: 22px;
  padding-left: 35px;
}

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

.page#hazardmappage .btn a {
  text-align: left !important;
  padding-left: 30px !important;
  padding: 12px 5px 10px 30px !important;
}

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

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

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

.page#hazardmappage .mainBox .mainBoxInner ul li {
  width: 100%;
}

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

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

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

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

.page#bousai_hirobapage .box02 {
  display: block;
}

.page#bousai_hirobapage .box02 .box02Inner.mainBox.first {
  margin-bottom: 20px !important;
}

.page#bousai_hirobapage .box02 .box02Inner {
  width: 100%;
}
.page#bousai_hirobapage .box02 .box02Inner .photo {
  margin-bottom: 10px !important;
}

.page#bousai_hirobapage .box02 .box02Inner .makeBox:last-child {
  margin-bottom: 30px !important;
}

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

.page#bousai_hirobapage .btn_s {
  width: 60%;
}

.page#bousai_hirobapage .btn a {
  width: 80%;
  margin: 0 auto !important;
  padding: 15px 0 !important;
}

.page#bousai_hirobapage #linkBox li {
  width: 48.5%;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
}

.page#bousai_hirobapage #linkBox li a {
  padding: 20px;
  width: 100%;
  font-size: 1.2rem;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page#bousai_hirobapage .catch {
  margin: 0px auto 20px auto;
  text-align: center;
}

.page#bousai_hirobapage .catch .line {
  font-size: 1.5rem;
  padding: 0px;
}

.page#bousai_hirobapage .catch .line:before {
  width: 30px;
}
.page#bousai_hirobapage .catch .line:after {
  width: 30px;
}

.page#bousai_hirobapage .catch .line:before {
  left: -11%;
}
.page#bousai_hirobapage .catch .line:after {
  right: -53%;
}

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

#main.localmain #mainInner h2#movie:before {
  width: 30px;
  height: 22px;
}

#Co .page#moviepage #movieBox {
  padding: 20px 20px 0 20px;
  margin-bottom: 30px;
}

#Co .page#moviepage #movieBox ul {
  padding: 10px 10px 0 10px;
}

#Co .page#moviepage .photoBox {
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}

#Co .page#moviepage .photoBox .photoBoxInner:first-child {
  width: 30%;
  margin-bottom: 20px;
}

#Co .page#moviepage .photoBox .photoBoxInner:last-child {
  width: 65%;
}

#Co .page#moviepage .movienav li {
  margin-bottom: 10px !important;
  width: 100%;
}

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

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

#main.localmain #mainInner h2#moshimo_howto:before {
  width: 20px;
  height: 35px;
}

.page#moshimo_howtopage h3 {
  background-position: 0 20px;
  background-size: 14px;
  padding-left: 24px;
}

#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: block;
  margin-bottom: 30px;
}

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

#Co .page#moshimo_howtopage .moshimoBox .moshimoBoxL,
.page.formpage#timelinepage .moshimoBox .moshimoBoxL {
  margin-bottom: 20px;
}

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

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

.page.formpage#timelinepage .moshimoBox02 {
  display: block;
  width: 100%;
}

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

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

#Co .page#moshimo_howtopage .moshimoBox02 .moshimoBox02R .box02,
.page.formpage#timelinepage .moshimoBox02 .moshimoBox02R .box02 {
  margin-bottom: 0;
}

#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 {
  padding: 20px;
  margin-bottom: 30px;
  display: block;
}

#Co .page#moshimo_howtopage .sampleBox li:first-child,
.page.formpage#timelinepage .sampleBox li:first-child {
  width: 100%;
  font-size: 1.4rem;
  margin-bottom: 10px;
}

#Co .page#moshimo_howtopage .sampleBox li:last-child,
.page.formpage#timelinepage .sampleBox li:last-child {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

#Co .page#moshimo_howtopage .normal {
  border-bottom: none;
}

#Co .page#moshimo_howtopage th,
#Co .page#moshimo_howtopage td {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #cecece;
}

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

#Co .page#moshimo_howtopage .moshimoBox04 .moshimoBox04L,
#Co .page#moshimo_howtopage .moshimoBox04 .moshimoBox04R {
  width: 100%;
}

#Co .page#moshimo_howtopage .moshimoBox04 .moshimoBox04L .box03 {
  margin-bottom: 10px;
}

#Co .page#moshimo_howtopage .moshimoBox04 .moshimoBox04L .box03 li {
  width: 49%;
}

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

#Co .page#moshimo_howtopage .sonotaBox .box03 li {
  width: 49%;
}

#Co .page#moshimo_howtopage .sonotaBox h5 {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

#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 .moshimoBox05 .moshimoBox05L,
#Co .page#moshimo_howtopage .moshimoBox05 .moshimoBox05R,
#Co .page.formpage#timelinepage .moshimoBox05 .moshimoBox05L,
#Co .page.formpage#timelinepage .moshimoBox05 .moshimoBox05R {
  width: 100%;
}

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

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

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

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

#Co .page#moshimo_howtopage .moshimoBox06,
#Co .page.formpage#timelinepage .moshimoBox06 {
  display: block;
}

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

/*------------------------------------*\
$training
\*------------------------------------*/
#main.localmain #mainInner h2#training:before {
  width: 20px;
  height: 29px;
}

.page#trainingpage h3 {
  background-image: url(../images/ico_navi_05.png);
}

.page#trainingpage #trainingBox {
  padding: 10px;
  display: block;
}

.page#trainingpage #trainingBox h3 {
  font-size: 1.7rem;
  line-height: 130%;
  font-weight: 900;
  color: #fff;
  padding: 15px 10px 12px 10px;
  letter-spacing: 0.02rem;
  position: relative;
}

.page#trainingpage #trainingBox .trainingBoxInner {
  width: 100%;
}

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

.page#trainingpage #trainingBox .trainingBoxInner:first-child {
  margin-bottom: 20px;
}

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

#Co .page#trainingpage .cautionBox {
  border: 3px solid #d22628;
  padding: 10px;
  margin-bottom: 30px;
}

#Co .page#trainingpage .cautionBox p {
  font-size: 1.6rem;
}

/*------------------------------------*\
$shakeout
\*------------------------------------*/

.page#trainingpage #trainingBox {
  margin-bottom: 50px;
  padding: 20px;
  display: flex;
}

.page#trainingpage #trainingBox h3 {
  font-size: 1.7rem;
  padding: 8px 20px 12px 20px;
}

.page#trainingpage #trainingBox .trainingBoxInner {
  width: 100%;
}

#Co .page#trainingpage #shakeoutBox h2.no,
#Co .page#trainingpage #tunamiBox h2.no {
  font-size: 2.3rem;
}

#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.6rem;
}

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

#Co .page#trainingpage #shakeoutBox .number,
#Co .page#trainingpage #tunamiBox .number {
  font-size: 2rem;
}

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

#Co .page#trainingpage .damageBox .box02 li:first-child {
  width: 22%;
  font-size: 1.6rem;
}

#Co .page#trainingpage .damageBox .box02 li:last-child {
  width: 78%;
  font-size: 1.4rem;
}

#Co .page#trainingpage #shakeoutBox .normal th,
#Co .page#trainingpage #shakeoutBox .normal td,
#Co .page#trainingpage #tunamiBox .normal th,
#Co .page#trainingpage #tunamiBox .normal td {
  font-size: 1.4rem;
}

#Co .page#trainingpage #shakeoutBox .normal th,
#Co .page#trainingpage #tunamiBox .normal th {
  border-bottom: 2px solid #00a0e9;
  font-size: 1.4rem;
  width: 30%;
}

#Co .page#trainingpage #shakeoutBox .normal td,
#Co .page#trainingpage #tunamiBox .normal td {
  width: 70%;
}

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

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

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

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

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

#Co .page#trainingpage #shakeoutBoxInner03 strong {
  font-size: 1.6rem;
}

#Co .page#trainingpage #shakeoutBoxInner03 .box02 {
  display: block;
}

#Co .page#trainingpage #shakeoutBoxInner03 .box02 .box02Inner {
  width: 100%;
}

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

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

#Co .page#trainingpage #shakeoutBoxInner03 .click {
  position: relative;
  text-align: center;
  top: 0;
  left: 0;
}

#Co .page#trainingpage #shakeoutBoxInner03 .click::after {
  position: absolute;
  top: 135%;
  left: 50%;
  transform: translateY(-50%);
  color: #bf392b;
  font-family: "Font Awesome 5 Free";
  content: "\f103";
  font-weight: 900;
  animation: infinite movearrow 1.5s;
}

@keyframes movearrow {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
  }
}

#Co .page#trainingpage #shakeoutBoxInner03 .box03 li {
  font-size: 1.2rem;
  width: 100%;
  margin-bottom: 15px;
}

#Co .page#trainingpage #shakeoutBoxInner03 .box03 li:last-child {
  margin-bottom: 0;
}

#Co .page#trainingpage #shakeoutBoxInner03 .box03 {
  margin-bottom: 20px;
}

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

.page#trainingpage #tunamiBoxInner02 {
  margin-bottom: 30px;
  padding: 20px;
}

.page#trainingpage #tunamiBoxInner02 h3 {
  font-size: 1.6rem;
  padding: 10px 10px 7px 10px !important;
}

#Co .page#trainingpage #tunamiBox #tunamiBoxInner02 h3 .ss {
  font-size: 1.2rem !important;
}

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

.page#trainingpage #tunamiBoxInner02 .box03 .box03Inner {
  position: relative;
  box-sizing: border-box;
  width: 48.5%;
  margin-bottom: 15px;
}

.page#trainingpage #tunamiBoxInner02 .box03 .box03Inner:last-child {
  margin-bottom: 0;
}

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

.page#trainingpage #tunamiBoxInner02 .box02Inner:first-child {
  width: 100%;
  margin-bottom: 10px;
}

.page#trainingpage #tunamiBoxInner02 .box02Inner:last-child {
  width: 100%;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content: space-between;
}

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

.page#trainingpage #tunamiBoxInner02 .box02Inner:last-child .photoBoxInner {
  margin-bottom: 0;
  width: 48.5%;
}

.page#trainingpage #tunamiBoxInner03 .box03 .box03Inner h5 {
  margin-bottom: 10px;
}

.page#trainingpage #tunamiBoxInner03 .box03 .box03Inner {
  width: 48.5%;
}

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

#main.localmain #mainInner h2#contact:before {
  width: 30px;
  height: 22px;
  margin-right: 10px;
}

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

#Co .page#contactpage .normal {
  border-top: none;
}

#Co .page#contactpage .normal tr th,
#Co .page#contactpage .normal tr td {
  display: block;
  width: 100%;
  border: none;
  border-top: 1px solid #cecece;
  box-sizing: border-box;
}

#Co .page#contactpage .normal tr td {
  border-bottom: none;
}

#btnCheck input[type="submit"],
#btnSent input[type="submit"] {
  width: 80%;
  padding: 15px 0 !important;
  font-size: 1.4rem;
}

input[type="file"] {
  font-size: 1.4rem;
}

#btnSent li:first-child input[type="submit"] {
  padding: 15px 0 !important;
  font-size: 1.4rem;
}

#btnSent ul li {
  width: 48.5%;
}

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

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

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

.page#timelinepage #timelinemain.main_02 {
  padding: 20px 40px;
}

.mytimelineindex#timelinepage h2 {
  margin-bottom: 20px;
}

.mytimelineindex#timelinepage h2:before {
  bottom: 0px;
}

.page#timelinepage #timelineBox {
  margin-top: 30px;
  padding: 20px 10px;
}

.page#timelinepage #timelineBox #timelineBoxInner {
  padding: 20px 10px;
}

.page#timelinepage #timelineBox #timelineBoxInner .aRight {
  text-align: left !important;
}

.mytimelineindex#timelinepage h3,
.page.formpage#timelinepage .mytimeformBox h3 {
  font-size: 1.9rem;
  margin-bottom: 15px !important;
}

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

.mytimelineindex#timelinepage h3 span:after,
.page.formpage#timelinepage .mytimeformBox h3 span:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 8px;
}

.page.formpage#timelinepage h3.house:before {
  width: 28px;
  height: 30px;
}

.page.formpage#timelinepage h3.light:before {
  width: 26px;
  height: 30px;
}

.page.formpage#timelinepage h3.file:before {
  width: 21px;
  height: 30px;
}

.page.formpage#timelinepage h3.phone:before {
  width: 17px;
  height: 30px;
}

.mytimelineindex#timelinepage h4 {
  font-size: 1.8rem;
  margin: 0 0 20px 0;
}

.page#timelinepage .btnmain .box02Inner {
  display: block;
  width: 100%;
}

.page#timelinepage .btnmain .box02Inner:first-child a {
  margin-bottom: 20px;
}

.page#timelinepage .btnmain .box02Inner a p {
  width: 30%;
  text-align: center;
  margin: 0 auto;
}

.page#timelinepage .btnmain a:after {
  width: 10px;
  height: 10px;
  border-top: solid 3px #222;
  border-right: solid 3px #222;
}

.page#timelinepage #timelineBox #timelineBoxInner .detailBox {
  padding: 20px 10px;
}

.page#timelinepage #timelineBox #timelineBoxInner .detailBox {
  display: block;
}

.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBox
  .box02Inner:first-child {
  width: 50%;
  text-align: center;
  margin: 0 auto 20px auto;
}

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

.page#timelinepage #timelineBox #timelineBoxInner h3 {
  margin-bottom: 40px;
}

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

.page#timelinepage #timelineBox #timelineBoxInner .detailBoxInner h4 {
  font-size: 1.4rem;
}

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

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

.page#timelinepage
  #timelineBox
  #timelineBoxInner
  .detailBox
  .box02Inner
  p.btn
  a:before {
  content: none;
}
#masamune_01 {
  right: -10px;
  top: 18px;
  width: 50px;
}

#masamune_02 {
  right: 10px;
  top: 245px;
  width: 50px;
}

#masamune_03 {
  right: 20px;
  top: 195px;
  width: 50px;
}

.page ul#stepBreadcrumb {
  margin: 0 0 20px;
}
.page ul#stepBreadcrumb li {
  font-size: 0.85rem;
  line-height: 1.4;
  padding: 10px 0;
  width: 15%;
}

.page ul#stepBreadcrumb li:not(:last-child)::before,
.page ul#stepBreadcrumb li:not(:last-child)::after {
  border-width: 25px;
  border-left-width: 12px;
}
.page ul#stepBreadcrumb li span {
  display: none;
}
.page ul#stepBreadcrumb li.current {
  width: 70%;
}
.page ul#stepBreadcrumb li.current span {
  display: block;
}
.page ul#stepBreadcrumb.c04 li.current {
  width: 70%;
}
.page ul#stepBreadcrumb.c04 li {
  width: 10%;
}
.page ul#stepBreadcrumb.c05 li.current {
  width: 68%;
}
.page ul#stepBreadcrumb.c05 li {
  width: 8%;
}

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

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

.page.formpage#timelinepage h2.step span {
  font-size: 1.4rem;
  padding: 5px 10px;
}

.page.formpage#timelinepage h3.house {
  padding-left: 3em;
  text-indent: -2.4em;
}

.page.formpage#timelinepage h3.house:before {
  width: 30px;
  height: 30px;
}

.page.formpage#timelinepage .photoBox {
  margin-bottom: 30px !important;
}

.page.formpage#timelinepage .photoBox .photoBoxInner .box02 {
  margin-bottom: 10px !important;
}

.page.formpage#timelinepage .photoBox .photoBoxInner li {
  margin-bottom: 10px !important;
}

.page.formpage#timelinepage .photoBox .photoBoxInner strong {
  font-size: 1.4rem;
}

.page.formpage#timelinepage .btn a {
  text-align: left !important;
  padding-left: 30px !important;
  padding: 12px 0 10px 30px !important;
}

.page.formpage#timelinepage .number_title .number {
  font-size: 2rem;
}

.page.formpage#timelinepage .photoBoxInner .detailBox {
  padding: 20px;
}

.page.formpage#timelinepage .photoBoxInner .detailBox h4 {
  font-size: 1.6rem;
}

.page.formpage#timelinepage .photoBoxInner .detailBox .deep li {
  padding-left: 70px;
  font-size: 1.4rem;
}

.page.formpage#timelinepage .photoBoxInner .detailBox .deep li:before {
  width: 60px;
}

.page.formpage#timelinepage .photoBoxInner .detailBox .deep.second li {
  margin-bottom: 15px !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 {
  text-align: center;
  margin-bottom: 20px;
}

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

.page.formpage#timelinepage .mytimeformBox h4 {
  font-size: 1.6rem;
  margin-bottom: 5px;
}

.page.formpage#timelinepage .mytimeformBoxInner {
  display: block;
  margin-bottom: 0;
}

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

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox {
  width: 100%;
  margin-bottom: 20px;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox:last-child {
  border-left: 1px solid #e3e6ea;
}

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

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

.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.4rem;
}

.page.formpage#timelinepage
  .mytimeformBoxInner
  .InnerBox
  li:not(:first-child)
  input[type="text"] {
  width: 100% !important;
  display: block;
  margin-top: 5px;
}

.page.formpage#timelinepage .mytimeformBox h3 {
  padding: 0 10px;
}

.page.formpage#timelinepage .mytimeformBoxInner .InnerBox .timingBox {
  padding: 20px 10px;
}

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

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

.page.formpage#timelinepage .hinanBoxInner {
  display: block;
  margin-bottom: 30px;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner {
  width: 100%;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner:first-child {
  margin-bottom: 20px;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner .detailBox {
  padding: 15px;
}

.page.formpage#timelinepage .hinanBoxInner .box02Inner .button a {
  width: 100%;
  padding: 15px 0;
  font-size: 1.4rem;
}

.page.formpage#timelinepage .namePlate {
  padding: 20px;
}

.page.formpage#timelinepage .namePlate input {
  width: 100% !important;
  margin-bottom: 10px;
}

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

.page.formpage#timelinepage .datingBox {
  margin: 10px 0 30px 0;
}

.page.formpage#timelinepage .datingBox p {
  font-size: 1.4rem;
}

.page.formpage#timelinepage .datingBox input {
  width: 15% !important;
}
.page.formpage#timelinepage .datingBox input:nth-child(2),
.page.formpage#timelinepage .datingBox input:nth-child(3) {
  width: 10% !important;
}

.page.formpage#timelinepage .actionBox {
  width: 100%;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.page.formpage#timelinepage .actionBox.purpleBox {
  margin-bottom: 20px;
}

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

.page.formpage#timelinepage .actionBox:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  display: block;
  z-index: 1;
  border-top-style: solid;
  border-top-width: 15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0 solid transparent;
  border-top-color: #fff;
}

.page.formpage#timelinepage .actionBox:after {
  content: "";
  width: 5%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.page.formpage#timelinepage .actionBox.yellowBox:before {
  border-top-color: #ebe036;
}
.page.formpage#timelinepage .actionBox.yellowBox:after {
  background: #ebe036;
}
.page.formpage#timelinepage .actionBox.redBox:before {
  border-top-color: #cd2922;
}
.page.formpage#timelinepage .actionBox.redBox:after {
  background: #cd2922;
}
.page.formpage#timelinepage .actionBox.purpleBox:before {
  border-top-color: #7c2b78;
}
.page.formpage#timelinepage .actionBox.purpleBox:after {
  background: #7c2b78;
}

.page.formpage#timelinepage .actionBox.blackBox:after {
  background: #000;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(1) {
  display: none;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2),
.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(3) {
  width: 95%;
  display: block;
  margin: 0 0 0 auto;
  border: 1px solid #c9caca;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2) p {
  text-align: center;
  font-weight: 900;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2) p span {
  display: block;
  margin-top: 7px;
  color: #313232;
}

.page.formpage#timelinepage
  .actionBox.redBox
  .actionBoxInner:nth-child(2)
  p
  span,
.page.formpage#timelinepage
  .actionBox.purpleBox
  .actionBoxInner:nth-child(2)
  p
  span {
  color: #fff;
}

.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2):before {
  content: none;
}

.page.formpage#timelinepage .actionBox .actionBoxInner h4,
.page.formpage#timelinepage .actionBox .actionBoxInner:nth-child(2) p {
  display: block;
}

.page.formpage#timelinepage .actionBox .actionBoxInner h5 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  text-align: center;
}

.page.formpage#timelinepage .actionBox .actionBoxInner h5 .box {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .textBoxAll {
  display: block;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .textBoxAll h5 {
  width: 100%;
  padding-top: 0;
}

.page.formpage#timelinepage
  .actionBox
  .actionBoxInner
  .textBoxAll
  p:last-child {
  width: 100%;
  padding: 5px 8px;
  font-size: 1.4rem;
}

.page.formpage#timelinepage
  .actionBox
  .actionBoxInner
  .textBoxAll
  p:last-child
  input {
  width: 80% !important;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .InnerBox {
  display: block;
}

.page.formpage#timelinepage .actionBox .actionBoxInner .InnerBox .detailBox {
  width: 100%;
}

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

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

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

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

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

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

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

.page .mytimetbl {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 30px 0;
  border: none;
}

.page .tblline {
  border-bottom: 3px dotted #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.page .tblline:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.page .tblline .second td {
  background: #fff !important;
}

.page .tblline .mytimetbl {
  margin-bottom: 0;
}

.page .mytimetbl th {
  font-size: 1.4rem;
  padding: 10px 5px;
  text-align: center;
}

.modal__content {
  width: 94%;
}

.modal__content .contentTitle img {
  width: 150px;
}

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

.modal__content .choiceBtn {
  margin-bottom: 20px;
}

.page.formpage#timelinepage .scroll::-webkit-scrollbar-thumb {
  background: #0099ff;
} /*バーの色*/

#Co .page.formpage#timelinepage.finish .suigai_t {
  color: #38a1db;
  background: rgba(56, 161, 219, 0.1);
  margin: 0;
  padding: 15px;
}

#Co .page.formpage#timelinepage.finish .dosya_t {
  color: #d96716;
  background: rgba(217, 103, 22, 0.1);
  margin: 0;
  padding: 15px;
}

#Co .page.formpage#timelinepage.finish .suigai_t:before,
#Co .page.formpage#timelinepage.finish .dosya_t:before {
  content: none;
}

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

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

#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 {
  padding: 15px 0 !important;
  font-size: 1.4rem;
}

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

#Co .page.formpage#timelinepage.finish #btnSent li.ico_floppy:before {
  width: 24px;
  height: 24px;
}

#Co .page.formpage#timelinepage.finish #btnSent li.ico_edit:before {
  width: 24px;
  height: 20px;
}

#Co .page.formpage#timelinepage.finish #btnSent li.ico_top:before {
  width: 24px;
  height: 20px;
}

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

#Co .page.formpage#timelinepage .familyname img {
  width: 100% !important;
  margin-left: 0;
}

#Co .page.formpage#timelinepage.finish .familyname span {
  font-size: 1.8rem;
  margin: 0 0 15px 0;
  display: block;
}

#Co .page.formpage#timelinepage input[type="radio"],
#Co .page.formpage#timelinepage input[type="checkbox"] {
  top: -2px;
}

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

#Co .page#moshimo_howtopage .bihinBox {
  display: block;
  margin-bottom: 30px;
}

#Co .page#moshimo_howtopage .bihinBox .bihinBoxInner {
  width: 100%;
}

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

#Co .page#moshimo_howtopage .moshimoBox06 .moshimoBoxdetail .bihin_item {
  text-align: center;
  width: 70%;
  margin: 0 auto 20px auto;
}

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

#Co .page#moshimo_howtopage .moshimoBox06 .moshimoBoxdetail .bihin_item_03 {
  position: absolute;
  right: 0;
  top: 40%;
  width: 18%;
}

#Co .page#moshimo_howtopage .moshimoBox06 .moshimoBoxdetail .bihin_item_04 {
  position: absolute;
  right: 0;
  top: 33%;
  width: 25%;
}