@charset "UTF-8";

/** ************************************* **

	TABLE CONTENTS
	---------------------------
		01. Globals
		02. タイトル付き枠
		03. 表のレイアウト
		04. bootstrap 機能拡張
		05. 動く矢印
		06. アコーディオンのインデント
		07. 矢印
		08. module 追加
		09. 文字列にスラッシュ追加
	---------------------------

 ** ************************************* **/




/** 01. Globals
 **************************************************************** **/
.content_inner {
	padding: 0 15px;
}
@media screen and (max-width: 767px){
	.content_inner {
		padding: 0 5px;
	}
	h3 {
		font-size: 1.5em;
		color: #005b9f;
		line-height: 1.5em;
		border-bottom: solid 3px #E1E2E1;
	}
}
article {
	overflow-x: hidden;
}
td .daytimedate {
	font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-weight: 700;
	font-size:1.3em;
	margin: 5px 0;
}
.faq_comment p.center {
	text-align: center;
}
img.shadow {
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.6);
	margin-top: 10px;
	margin-bottom: 10px;
}
span.rev_ind {					/* spanブロック化 */
	display: block;
	padding: 0 0 0 0.5em;
	text-indent: -0.5em;
}
.ind_01 {					/* spanブロック化 */
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.alert .list_marusuuji > li::before {
	font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	content: counter(my-counter);
	counter-increment: my-counter;
	border: 1.1px solid #ea1c0d;
	display: block;
	float: left;
	line-height: 1.3;
	text-align: center;
	font-weight: 800;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	font-size: 13px;
	color: #ea1c0d;
	margin: 6px 3px 0 0;
	position: absolute;
	left: 0;
}

.label.inlineblock {
	display: inline-block;
	white-space: normal;
}


.bg_pink {
    background-color: rgb(255 126 141) !important;
		border-top-left-radius: 15px !important;
		border-top-right-radius: 15px !important;
}



/** 02. タイトル付き枠
 **************************************************************** **/
.box20 {
	margin: 1em 0;
}
.box20 .box-title {
	font-family: 'YakuHanJP' ,'M PLUS 1p', "Open Sans", "Helvetica Neue", Helvetica, "Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	font-size: 1.8rem;
	padding: 5px 10px;
	text-align: center;
	font-weight: 900;
	letter-spacing: 0.05em;
}
.box20 .box-inner {
	padding: 10px 15px 15px 15px;
}
#content .box20 p{
	padding: 5px 0;
	margin: 0px;
	line-height: 1.5;
}
.justify{
	text-align:justify
}
.box20 p.img {
	padding: 5px;
	margin: 0;
}
.box20.backblue{
	background: #ffff;
	border: solid 1px #4e8ac9;
}
.box20.backblue .box-title {
	background: #fff;
	color: #4e8ac9;
}
.box20.backpink{
	background: #ffff;
	border: solid 4px #C74890;
}
.box20.backpink .box-title {
	background: #fff;
	color: #C74890;
}
.box20.backred{
	background: #ffff;
	border: solid 3px #FF0000;
}
.box20.backred .box-title {
	background: #FF0000;
	color: #fff;
}
.box20.backyellow{
	background: #ffff;
	border: solid 1px #F4CB0D;
	color: #393939;
}
.box20.backyellow .box-title {
	background: #fff;
	color: #F4CB0D;
}
@media screen and (max-width: 767px){
	.box20 .box-title {
		font-size: 1.5rem;
		padding: 10px 10px;
		text-align: center;
		font-weight: 900;
		letter-spacing: 0.05em;
	}
}






/** 03. 表のレイアウト
 **************************************************************** **/
/* ---------------backpink--------------- */
#content table.table02 {
	width:100%;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table02 thead th {
	background:#C74890;
	color:#FFF;
	padding:5px 5px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	font-weight: normal;
}
#content table.table02 thead th:last-child {
	border-right:#C74890 solid 1px;
}
#content table.table02 tbody th {
	background:#C74890;
	color:#fff;
	padding:5px 5px;
	border-bottom:#FFF solid 1px;
	vertical-align:middle;
}
#content table.table02 tbody tr:last-child th {
	border-bottom:#C74890 solid 1px;
}
#content table.table02 tbody td {
	background:#EFEFEF;
	padding:5px;
	border-left:#fff solid 1px;
	border-bottom:#fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table02 tbody td.bottom_b {
	border-bottom:#C74890 solid 2px;
}

/* ---------------backyellow--------------- */
#content table.table03 {
	width:100%;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table03 thead th {
	background:#F4CB0D;
	color:#393939;
	padding:5px 5px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	font-weight: normal;
}
#content table.table03 thead th:last-child {
	border-right:#F4CB0D solid 1px;
}
#content table.table03 tbody th {
	background:#F4CB0D;
	color:#393939;
	padding:5px 5px;
	border-bottom:#FFF solid 1px;
	vertical-align:middle;
}
#content table.table03 tbody tr:last-child th {
	border-bottom:#F4CB0D solid 1px;
}
#content table.table03 tbody td {
	background:#EFEFEF;
	padding:5px;
	border-left:#fff solid 1px;
	border-bottom:#fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table03 tbody td.bottom_b {
	border-bottom:#F4CB0D solid 2px;
}

/* ---------------backblue--------------- */
#content table.table04 {
	width:100%;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table04 thead th {
	background:#217dbb;
	color:#fff;
	padding:5px 5px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	font-weight: normal;
}
#content table.table04 thead th:last-child {
	border-right:#217dbb solid 1px;
}
#content table.table04 tbody th {
	background:#217dbb;
	color:#fff;
	padding:5px 5px;
	border-bottom:#FFF solid 1px;
	vertical-align:middle;
}
#content table.table04 tbody tr:last-child th {
	border-bottom:#217dbb solid 1px;
}
#content table.table04 tbody td {
	background:#EFEFEF;
	padding:5px;
	border-left:#fff solid 1px;
	border-bottom:#fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table04 tbody td.bottom_b {
	border-bottom: #217dbb solid 2px;
}






/** 04. bootstrap 機能拡張
 **************************************************************** **/
.row-center{
	letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
	display:inline-block;
	letter-spacing:0;
	vertical-align:top;
	float:none !important;
}
.row-center.va-middle > [class*='col-'] {
	vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
	vertical-align:bottom;
}







/** 05. 動く矢印
 **************************************************************** **/
.arrow_b {
	padding-top: 150px;
	margin-bottom: 0px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
@media (max-width: 768px) {
	.arrow_b {
		padding: 50px 50px 50px 0px;
		margin: -30px 0px 10px 0px;
		-webkit-transform: rotate(-0deg);
		transform: rotate(-0deg);
	}
}
.arrow_b span {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 15px;
	height: 15px;
	margin-left: -12px;
	border-left: 1px solid #217dbb;
	border-bottom: 1px solid #217dbb;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}
.arrow_b span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.arrow_b span:nth-of-type(2) {
	top: 58px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}
.arrow_b span:nth-of-type(3) {
	top: 66px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
@-webkit-keyframes sdb {
	0% {
	opacity: 0;
	}
	50% {
	opacity: 1;
	}
	100% {
	opacity: 0;
	}
}
@keyframes sdb {
	0% {
	opacity: 0;
	}
	50% {
	opacity: 1;
	}
	100% {
	opacity: 0;
	}
}







/** 06. アコーディオンのインデント
 **************************************************************** **/
.faq_list{
	font-size: 17px;
	text-indent: -2.2em;
	padding: 10px 60px 15px 3.2em;
}
.faq_list:before {
	content: "\f1b9";
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
}

.faq_list .badge{
	text-indent: 0;
}
@media only screen and (max-width: 768px) {
	.faq_list{
		font-size: 15px;
		text-indent: -2.7em;
		padding: 10px 40px 10px 3.5em;
	}
	.faq_comment {
		padding: 5px;
	}
}






/** 07. 矢印
 **************************************************************** **/
.down_yajirushi{
	margin: 30px auto -5px;
	position: relative;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #FF0000;
}
.down_yajirushi:after{
	position: absolute;
	content: '';
	top: -40px;
	left: -10px;
	width: 20px;
	height: 20px;
	background: #FF0000;
}





/** 08. module 追加
 **************************************************************** **/
.module {
	margin: 5px 2px 10px;
}
.module_inner {
	padding: 10px 15px;
}
.row.modulu_wrap {
	margin-right: -4px;
	margin-left: -4px;
}
.row.modulu_wrap .col-sm-4,.row.modulu_wrap .col-sm-6 {
	position: relative;
	min-height: 1px;
	padding-right: 4px;
	padding-left: 4px;
}
#content .module p {
	font-family: 'YakuHanJP' ,'M PLUS 1p', "Open Sans", "Helvetica Neue", Helvetica, "Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	margin: 0 0 5px;
	padding-bottom: 5px;
	line-height: 1.5;
}
#content .module .title {
	font-size: 1em;
	font-weight: 700;
	border-bottom: solid 1px #3498db;
	margin: 0 0 10px;
}
@media (max-width: 1200px) {
	.module_inner {
	padding:10px 10px;
	}
}
@media screen and (max-width: 767px){
	.module_inner {
	padding:10px 15px;
	}
}
/* 枠のradius指定 */
.module.r5 {
	border-radius: 5px;
}
.module.r6 {
	border-radius: 6px;
}
.module.r7 {
	border-radius: 7px;
}
.module.r8 {
	border-radius: 8px;
}
.module.r9 {
	border-radius: 9px;
}
.module.r10 {
	border-radius: 10px;
}


/** 09. 文字列にスラッシュ追加
 **************************************************************** **/
.slash {
	position: relative;
	display: inline-block;
	padding: 0px 40px;
	color: #3498db;
}
@media (max-width: 991px) {
	.slash {
		font-size: 2vw;
	}
}
@media (max-width: 768px) {
	.slash {
		font-size: 2.5vw;
	}
}
@media (max-width: 575px) {
	.slash {
		font-size: 2.3vw;
	}
}
@media (max-width: 480px) {
	.slash {
		font-size: 4.3vw;
		padding: 0px 28px;
	}
}
.slash::before {
	content: '';
	position: absolute;
	bottom: 13px;
	display: inline-block;
	width: 32px;
	height: 2px;
	background-color: #3498db;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.slash::after {
	content: '';
	position: absolute;
	bottom: 13px;
	display: inline-block;
	width: 32px;
	height: 2px;
	background-color: #3498db;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.slash::before {
	left: 0;
}
.slash::after {
	right: 0;
}

/** 10. タブ
 **************************************************************** **/

/* 円の基本形 */
.maru {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	flex-flow: column;
	vertical-align: top;
	padding: 10px;
}

/* 円の大きさ */
.size_normal{
	width: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* 文字の大きさ */
.letter1 {
	font-size: 0.9rem;
	color: #FFFFFF;
	line-height: 1.5;
}
/* 円と文字の色 */
.pink01 {
	background-color: #F56883;
}
.pink01:hover {
	background-color: #D24A64;
}

.blue01 {
	background-color: #B3DBF6;
}
.blue01:hover {
		background-color: #3498db;
}
.nav.blue_nav {
justify-content: center;
}
.blue_nav .nav_content{
position: relative;
}

.blue_nav a.active .blue01  {
	background-color: #3498db;
}


.blue_nav a.active .blue01:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #3498db;
}



.blue_nav02 a.active .blue01  {
	background-color: #00B7FD;
}


.blue_nav02 a.active .blue01:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00B7FD;
}

@media (max-width: 768px) {
.blue_nav a.active .blue01:before {
  display: none;
}
.blue_nav02 a.active .blue01:before {
  display: none;
}
}

.yellow01 {
	background-color: #e5b249;
}
.yellow01:hover {
		background-color: #bf8b20;
}

@media (max-width: 768px) {
.size_normal{
	width: 100%;
	height: 95%;
}

.letter1 {
	font-size: 0.9rem;
	line-height: 1.2rem;
}

}



@media (max-width: 575px) {
	.size_normal{
		width: 100%;
		height: 95%;
		margin-top: 5px;
	}

	.letter1 {
		font-size: 4vw;
		line-height: 4.5vw;
	}

}



.pink01 .label-default.label-outline {
	font-size:13px;
	font-weight: 900;
	background-color: #fff;
	border: solid 0px #666666;
	color: #F56883;
	padding: .15em .6em .15em;
	line-height: 1.8;
}

.pink01:hover .label-default.label-outline,
.pink01:active .label-default.label-outline{
	color: #D24A64;
}

.blue01 .label-default.label-outline {
	font-size:13px;
	font-weight: 900;
	background-color: #fff;
	border: solid 0px #666666;
	color: #2F98B7;
	padding: .15em .6em .15em;
	line-height: 1.8;
}

.blue01:hover .label-default.label-outline,
.blue01:active .label-default.label-outline {
	color: #197f9e;
}

.yellow01 .label-default.label-outline {
	font-size:13px;
	font-weight: 900;
	background-color: #fff;
	border: solid 0px #666666;
	color: #e5b249;
	padding: .15em .6em .15em;
	line-height: 1.8;
}

.yellow01:hover .label-default.label-outline,
.yellow01:active .label-default.label-outline {
	color: #bf8b20;
}

@media (max-width: 575px){
.pink01 .label-default.label-outline {
	font-size: 2.8vw;
	line-height: 6vw;
}
.blue01 .label-default.label-outline {
	font-size: 2.8vw;
	line-height: 6vw;
}
.yellow01 .label-default.label-outline {
	font-size: 2.8vw;
	line-height: 6vw;
}
}