body {
	background-color: #f6f6f6;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3",
		"Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial,
		Helvetica, sans-serif
}

/** ヘッダー */
.global_header {
	border-bottom: 8px solid #0e3f81;
	padding: 30px 0 14px 15px;
	margin-left: auto;
	margin-right: auto;
	/*max-width: 860px;*/
}

.global_header a {
	color: #2f5d8f;
}

/** ページ見出し用CSS */
.page-title {
	font-size: 1.625rem;
	padding: 30px 0 20px;
}

/** テキストフィールド用CSS */
.text-field {
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/** ステッカーフィールド用CSS */
.sticker-field {
	font-size: 16px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.sticker-field .title {
	padding: 20px 5px 15px 20px;
	font-size: 18px;
}

.sticker-field .message {
	padding-left: 40px;
	padding-right: 40px;
}

.sticker-field .annotation {
	font-size: 12px;
	margin-bottom: 1rem;
}

@media only screen and (min-width: 813px) {
 .sticker-field .messageCenter {
 padding-left: 25%;
 padding-right: 40px;
 }
}

@media only screen and (max-width: 812px) {
 .sticker-field .messageCenter {
 padding-left: 20%;
 padding-right: 40px;
 }
}

.sticker-field .category {
	padding: 8px 0 8px 34px;
	margin-bottom: 25px;
	font-size: 1.25rem;
}

/** テキスト用CSS */
.t-red {
	color: red;
}

.t-blue {
	color: blue;
}

.bold {
	font-weight: bold;
}

/** バックグラウンドカラー */
.b-white {
	background-color: white;
}

.b-lemon {
	background-color: lemonchiffon;
}


.b-gray {
	background-color: #d1d1d1;
}

.b-pink {
	background-color: #ffc1ff;
}

.a__base {
 background-color:#ffffff
}
@media only screen and (min-width: 813px) {
 .a__base {
  padding:20px 40px;
 }
}
@media only screen and (max-width: 812px) {
 .a__base {
  padding:20px 10px
 }
}
.a__base .a__sectioning_title {
 position:relative;
 margin-left:-40px;
 padding:8px 0 8px 34px;
 border-left:10px solid #0891DB
}
@media only screen and (max-width: 812px) {
 .a__base .a__sectioning_title {
  margin-left:-10px;
  width:100%;
  box-sizing:border-box;
  padding:8px 0 8px 20px
 }
}
.a__base.j__disabled .a__sectioning_title {
 border-left-color:#bababa;
 color:#d5d5d5
}
.a__base.j__disabled .inner {
 display:none
}

/** ボーダー */
.border-bottom-pink {
	border-bottom: 3px solid #ff9f9f;
}

.border-bottom-green {
	border-bottom: 3px solid #33a779;
	margin-bottom: 30px;
}

.border-bottom-green-top {
	border-bottom: 3px solid #33a779;
}

.border-left-pink {
	border-left: 10px solid #ff9f9f;
}

.border-left-blue {
	border-left: 10px solid #0891db;
}

.border-left-red {
	border-left: 10px solid #ff0000;
}

/** フォーム用CSS */
.input-field {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 20px;
}

.input-field .item {
	border-radius: 4px;
	padding: 5px;
}

.required::before {
	content: "必須";
	padding: 4px 4px 2px 8px;
	background-color: #C7608C;
	color: #fff;
	font-weight: bold;
	font-size: 0.6rem;
	letter-spacing: 4px;
}

/** table用 */
.col1 {
	font-weight: bold;
	width: 40%;
	background-color: #e8f2f7;
	text-align: center;
	vertical-align: center;
}

.col2 {
	width: 60%;
	vertical-align: center;
}

.col2-mailcol {
	width: 60%;
	vertical-align: center;
	word-break: break-word
}

.tb {
	width: 100%;
	box-sizing: border-box;
	margin: 20px auto;
	border: 1px solid #D1D1D1;
	line-height: 1.4;
}

.table-field {
	padding: 0px 40px 20px 40px;
}

.a__summary-table {
 width:100%;
 box-sizing:border-box;
 margin:20px auto;
 border:1px solid #D1D1D1;
 line-height:1.4;
}
@media only screen and (max-width: 812px) {
 .a__summary-table {
  font-size:.8em
 }
}
@media only screen and (max-width: 370px) {
    .a__summary-table {
     font-size:.6em
    }
}
.a__summary-table th {
 width:180px;
 border:1px solid #D1D1D1;
 padding:10px 15px;
 background-color:#e8f2f7;
 font-weight:bold;
 white-space:nowrap;
}
.a__summary-table th br {
 display:none
}
.test__watch_over_contract_area_center {
    text-align:center;
    white-space:nowrap;
}
.event_table tr td:hover {
  background-color: #d9efff;
}

.event_table tr td a{
  display:block;
  width:100%;
  height:100%;
}
@media only screen and (max-width: 812px) {
 .a__summary-table th {
  width:90px;
  padding:10px 10px;
  white-space:normal
 }
 .a__summary-table th br {
  display:block
 }
}
@media only screen and (max-width: 370px) {
    .a__summary-table th {
     width:65px;
     padding:6px 6px;
  }
}
.a__summary-table td {
 border:1px solid #D1D1D1;
 /*padding:10px 15px;*/
 font-size:25px
}
@media only screen and (max-width: 812px) {
 .a__summary-table td {
  /*padding:10px 10px*/
 }
}
@media only screen and (max-width: 370px) {
    .a__summary-table th {
     width:65px;
     padding:6px 6px;
  }
}

.not_rn_span {
	white-space:nowrap;
	display:inline-block;
}
table td span,
table th span {
 display:block;
 line-height:1.6
}
.tategaki {
    text-align:center;
	display:inline-block;
	writing-mode:vertical-rl;
	white-space:nowrap;
	text-orientation:upright;
	-ms-writing-mode:tb-rl;
    
}
/** カスタムボタン ピンク */
.btn-pink {
	color: #ff9f9f;
	background-color: #ffecec;
	border-color: #ff9f9f;
	border: 5px solid;
	border-radius: .50rem;
	font-size: 1.125rem;
	font-weight: bold;
	height: 78px;
}

.btn-pink:hover {
	color: #EAB700;
	background-color: #FDFFC9;
	border-color: #EAB700;
}

.btn-pink:focus, .btn-pink.focus {
	box-shadow: 0 0 0 0.2rem rgba(234, 183, 0, 0.5);
}

.btn-pink.disabled, .btn-pink:disabled {
	color: #ff9f9f;
	background-color: #c0c0c0;
	border-color: #808080;
}

.btn-pink:not (:disabled ):not (.disabled ):active, .btn-pink:not (:disabled
	 ):not (.disabled ).active, .show>.btn-pink.dropdown-toggle {
	color: #EAB700;
	background-color: #FDFFC9;
	border-color: #EAB700;
}

.btn-pink:not (:disabled ):not (.disabled ):active:focus, .btn-pink:not
	 (:disabled ):not (.disabled ).active:focus, .show>.btn-pink.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/** カスタムボタン グリーン */
.btn-green, .btn-green.disabled, .btn-green:disabled {
	color: #33a779;
	background-color: #e7ffe8;
	border-color: #33a779;
	border: 5px solid;
	border-radius: .50rem;
	font-size: 1.125rem;
	font-weight: bold;
	height: 78px;
}

.btn-green:focus, .btn-green.focus, .btn-green:not (:disabled ):not (.disabled
	 ):active:focus, .btn-green:not (:disabled ):not (.disabled ).active:focus,
	.show>.btn-green.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(234, 183, 0, 0.5);
}

.btn-green:hover {
	color: #EAB700;
	background-color: #FDFFC9;
	border-color: #EAB700;
}

.btn-green:not (:disabled ):not (.disabled ):active, .btn-green:not (:disabled
	 ):not (.disabled ).active, .show>.btn-green.dropdown-toggle {
	color: #EAB700;
	background-color: #FDFFC9;
	border-color: #EAB700;
}

/** topページボタンのレスポンシブ対応 **/
@media only screen and (max-width: 480px) {
.top-btn-green{
 font-size: 0.75rem;
}
}

/** topページボタン用マージン **/
.top-btn-row{
	margin-top:25px;
}

/** カスタムボタン blue */
.btn-blue, .btn-blue.disabled, .btn-blue:disabled {
        color: #0891db;
        background-color: #e7ffe8;
        border-color: #33a779;
        border: 5px solid;
        border-radius: .50rem;
        font-size: 1.0rem;
        font-weight: bold;
        height: 45px;
}

.btn-blue:focus, .btn-blue.focus, .btn-blue:not (:disabled ):not (.disabled
	 ):active:focus, .btn-blue:not (:disabled ):not (.disabled ).active:focus,
	.show>.btn-blue.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(234, 183, 0, 0.5);
}

.btn-blue:hover {
	color: #EAB700;
	background-color: #FDFFC9;
	border-color: #EAB700;
}

.btn-blue:not (:disabled ):not (.disabled ):active, .btn-blue:not (:disabled
	 ):not (.disabled ).active, .show>.btn-blue.dropdown-toggle {
	color: #EAB700;
	background-color: #FDFFC9;
	border-color: #EAB700;
}

/**/
.a__progress-bar {
 margin-bottom:40px
}
.a__progress-bar--list {
 margin:0;
 padding:0;
 counter-reset:step;
 z-index:0;
 position:relative;
 overflow:hidden
}
.a__progress-bar--list li {
 list-style-type:none;
 width:20%;
 float:left;
 font-size:14px;
 font-weight:bold;
 position:relative;
 text-align:center;
 text-transform:uppercase;
 color:#b7b7b7
}
.a__progress-bar--list li:before {
 width:15px;
 height:15px;
 content:"";
 line-height:30px;
 display:block;
 text-align:center;
 margin:0 auto 10px auto;
 border-radius:50%;
 background-color:#b7b7b7;
 border:3px solid #b7b7b7
}
.a__progress-bar--list li:after {
 width:100%;
 height:3px;
 content:'';
 position:absolute;
 background-color:#b7b7b7;
 top:7px;
 left:-50%;
 z-index:-1
}
.a__progress-bar--list li:first-child:after {
 content:none
}
.a__progress-bar--list li.active {
 color:#1a3576
}
.a__progress-bar--list li.active:before {
 background-color:#ffff00;
 border-color:#1a3576;
 color:#fff
}
.a__progress-bar--list li.passed {
 color:#1a3576
}
.a__progress-bar--list li.passed:before {
 background-color:#1a3576;
 border-color:#1a3576;
 color:#fff
}
.a__progress-bar--list li.passed+li:after {
 background-color:#1a3576
}

.box-border{
	border: 2px solid #000000;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

.top-box{
	margin-bottom: 20px;
	font-size:20px;
}

.button-gap{
	padding-top:2px
}

@media only screen and (min-width: 600px) {
    .global_header .logo {
        width: 480px;
        height: auto
    }
}

@media only screen and (max-width: 599px) {
    .global_header .logo {
        width: 120px;
        height: auto
    }
}

.text_center{
	text-align:center;
}

ul.message {
list-style: none;
background-color: #f2dede;
color: #b94a48;
border-color: #eed3d7;
margin: 10px 0px;
padding: 10px 10px 10px 10px;
border-radius: 3px;
}

div.error_message {
background-color: #f2dede;
color: #b94a48;
border-color: #eed3d7;
margin: 10px 0px;
padding: 10px 10px 10px 10px;
border-radius: 3px;
font-weight: bold;
}

.attention-field{
	padding: 10px 10px 10px 10px;
	text-align: center;
	margin-bottom: 10px;
}

.org__global_footer {
 margin-top:45px;
 background-color:#fff;
 border-top:1px solid #e5e5e5
}
.org__global_footer:after {
 content:"";
 display:block;
 clear:both
}
@media only screen and (min-width: 813px) {
 .org__global_footer {
  padding:30px 0
 }
}
@media only screen and (max-width: 812px) {
 .org__global_footer {
  padding:20px 15px 15px
 }
}
.org__global_footer #footer-nav-secondary-list {
 overflow:hidden
}
@media only screen and (min-width: 813px) {
 .org__global_footer #footer-nav-secondary-list {
  float:left;
  width:60%
 }
}
@media only screen and (max-width: 812px) {
 .org__global_footer #footer-nav-secondary-list {
  float:none;
  width:auto;
  margin-bottom:25px
 }
}
.org__global_footer #footer-nav-secondary-list ul {
 font-size:0
}
@media only screen and (min-width: 813px) {
 .org__global_footer #footer-nav-secondary-list ul {
  margin-left:-16px;
  margin-top:-15px;
  padding:0
 }
}
@media only screen and (max-width: 812px) {
 .org__global_footer #footer-nav-secondary-list ul {
  margin-left:-11px;
  margin-top:-10px;
  padding:0
 }
}
.org__global_footer #footer-nav-secondary-list ul li {
 display:inline-block;
 padding:0 15px;
 border-left:1px solid #333
}
@media only screen and (min-width: 813px) {
 .org__global_footer #footer-nav-secondary-list ul li {
  margin-top:15px;
  font-size:12px
 }
}
@media only screen and (max-width: 812px) {
 .org__global_footer #footer-nav-secondary-list ul li {
  margin-top:10px;
  font-size:10px
 }
}
.org__global_footer #footer-nav-secondary-list a {
 border-bottom:none;
 color:#333;
 text-decoration:none
}
.org__global_footer #footer-nav-secondary-list a:hover {
 color:#999
}
@media only screen and (min-width: 813px) {
 .org__global_footer #footer-copyright {
  float:right;
  width:40%
 }
}
@media only screen and (max-width: 812px) {
 .org__global_footer #footer-copyright {
  float:none;
  width:auto
 }
}
.org__global_footer #footer-copyright p {
 margin-bottom:0;
 font-size:10px;
 text-align:right;
 color:#333
}

.box-border-confirm{
	border: 2px solid #ff0000;
	padding: 10px 10px 10px 10px;
	text-align: center;
	margin-right:40px;
	margin-left:40px;
}
.wrapper {
 margin:0 auto
}
@media only screen and (max-width: 812px) {
 .wrapper {
  width:auto
 }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
 .wrapper {
  width:auto
 }
}
@media only screen and (min-width: 960px) {
 .wrapper {
  width:860px
 }
}

.sticky {
	/*
    position: sticky;
    top: 0;
    */
    
    /* 縦スクロール時に固定する */
    position: -webkit-sticky; /* safari用 */
    position: sticky;
    top: 0;

}

.preformatted{
    white-space: pre-wrap;
}

.general_link {
	color: #20315e;
	font-weight: bold;
}
.general_link:hover {
	border-bottom: 1px solid #bbb;
}

.general_link_border {
	border-bottom: 1px solid #bbb;
	color: #20315e;
	font-weight: bold;
}
.general_link_border:hover {
	border: 0;
}

.link_border {
	border-bottom: 1px solid #bbb;
	color: #20315e;
}
.link_border:hover {
	border: 0;
}


.text_right{
	text-align: right;
}
@media only screen and (min-width: 813px) {
 .image {
 margin-bottom:1rem;
 padding:0;
 flex:0 0 auto;
 }
}
@media only screen and (max-width: 812px) {
 .image {
 margin-bottom:1rem;
 padding:0;
 flex:0 0 auto;
 }
}
 img {
 width:100%;
}
.table-items {
 margin-bottom:1rem;
 padding-left: 40px;
 padding-right: 40px;
 
}
@media only screen and (min-width: 813px) {
 .time-table {
 width:33%;
 margin:auto;
 }
}
@media only screen and (max-width: 812px) {
 .time-table {
 margin:auto;
 }
}