/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 22 2024 | 16:22:45 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	overflow-x: hidden;
}
html{
	overflow-x: hidden;
}
.pum-theme-76 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close{
	    font-size: 28px;
	    right: 40px;
	   top: 40px;
	color: #CF2E2E;
}

#header-position{
	left: 50%;
transform: translateX(-50%)
}

.tatemozi{
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

button {
  cursor: pointer;
  font-weight:400;
  font-family:inter,"sans-serif";
  transition: all .2s;
  padding: 8px 26px;
  border-radius: 100px;
  background: #CF2E2E;
  border: 1px solid transparent;
  color:#fff;
  display: flex;
  align-items: center;
  font-size: 16px;

}

button:hover {
  background: #EB6E6E;
}

button > svg {
  width: 34px;
  margin-left: 10px;
  transition: transform .3s ease-in-out;
}

button:hover svg {
  transform: translateX(5px);
}

button:active {
  transform: scale(0.95);
}

p{
	margin:0px;
}

.flow_design {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow {
  padding-left: 0;
  overflow: hidden;
}

.flow > li {
  list-style-type: none;
  padding: 0 0 1.3em 2.3em;
  margin: 0;
  position: relative;
}

.flow > li .time{
  font-size: 14px;
  display: block;
  color: #0A51A7;
}

.flow > li .time::before {
  content: "";
  display: block;
  width: 12px;
  border-top: solid 3px #0A51A7;
  position: absolute;
  top: 10px;
  left: 12px;
}

.flow > li::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #0A51A7;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
}

.flow > li:not(:last-child)::after {
  content: "";
  display: block;
  height: 100%;
  border-left: solid 5px #bbb;
  position: absolute;
  top: 20px;
  left: 3px;
}

.flow > li dl::after {
    content: "";
    width: 100%;
    display: block;
    border-bottom: solid 3px #0A51A7;
    position: absolute;
    bottom: 22px;
    left: 21px;
}

.flow > li dl::before {
    content: "";
    height: calc(100% - 35px);
    display: block;
    border-left: solid 3px #0A51A7;
    position: absolute;
    top: 10px;
    left: 21px;
}

.flow > li dl dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0px;
}

.flow > li dl dd {
  margin-left: 0;
	padding:8px;
}