@charset "Shift_JIS";

@media screen and (max-width: 960px){
	#main .flame_btm > h3.hasIcon:first-child .icon {
		top:3px;
	}
	#main .flame h4.hasIcon {
		position:relative;
		padding-top:8px;
		padding-bottom:8px;
	}
	#main .flame h4.hasIcon img {
		position:absolute;
		left:10px;
		top:10px;
	}
	#main .flame h4.hasIcon span {
		display:block;
		padding-left:65px;
		line-height:1.5;
	}
	#main .flame h6.hasIcon {
		position:relative;
		padding-top:8px;
		padding-bottom:8px;
	}
	#main .flame h6.hasIcon img {
		position:absolute;
		left:10px;
		top:-10px;
	}
	#main .flame h6.hasIcon span {
		display:block;
		padding-top:25px;
		line-height:1.5;
	}

	#contents .lineup img { max-width: 483px; }

	#main .flame h6.mt_top {
		margin-top:10px;
	}

	.tb-taL {
		text-align: left !important;
	}

}
@media screen and (max-width: 680px){
	.linkImg {
		margin-bottom: 30px;
	}
/*.linkImg .link01 {top: 121px; left: 476px; width: 97px; height: 87px;}	
.linkImg .link02 {top: 37px; left: 600px; width: 24px; height: 171px;}*/
.linkImg .link01 {top: 58.5%; left: 74.2%; width: 15.5%; height: 42%;}	
.linkImg .link02 {top: 17.7%; left: 93.7%; width: 3.8%; height: 82.2%;}
}
@media screen and (max-width: 600px){
	.commconTbl.exTab01,
	.commconTbl.exTab01 > tbody,
	.commconTbl.exTab01 > tbody > tr ,
	.commconTbl.exTab01 > tbody > tr > th,
	.commconTbl.exTab01 > tbody > tr > td {
		display:block;
	}
	.commconTbl.exTab01 {
		border:0;
	}
	.commconTbl.exTab01 > tbody > tr:first-child {
		padding:0;
		border-left:0;
		border-right:0;
	}
	.commconTbl.exTab01 > tbody > tr:first-child th {
		display:table-cell;
		box-sizing:border-box;
		background:#BBB;
		border-top:4px solid #BBB;
		border-left:1px solid #BBB !important;
		border-right:1px solid #BBB !important;
		border-bottom:1px solid #CCC;
		color:#FFF;
		font-weight:bold;
		text-align:center;
		padding:10px 0 15px;
		cursor:pointer;
		position:relative;
	}
	.commconTbl.exTab01 > tbody > tr:first-child th:first-child {
		width:calc(100%/2);
		margin-left:0;
	}
/*
	.commconTbl.exTab01 > tbody > tr:first-child th:nth-of-type(1):after,
	.commconTbl.exTab01 > tbody > tr:first-child th:nth-of-type(2):after {
		content:' ';
		display:block;
		width:10px;
		height:1px;
		background:#CCC;
		position:absolute;
		right:-10px;
		bottom:-1px;
	}
*/
	.commconTbl.exTab01 > tbody > tr {
		border:1px solid #CCC;
		border-top:none;
		display:table;
		table-layout:fixed;
		width:100%;
	}
	.commconTbl.exTab01 > tbody > tr:first-child {
	}
	.commconTbl.exTab01 > tbody > tr > td {
		width:calc(98%/2);
		display:table-cell;
		display:none;
		padding:10px;
		border:none !important;
		border-left:1px solid #CCC !important;
	}
	.commconTbl.exTab01 > tbody > tr > td:first-child {
		display:block;
	}
	.commconTbl.exTab01 > tbody > tr > td strong {
		font-weight:bold;
	}
	.commconTbl.exTab01 > tbody > tr:nth-of-type(2) {
		position:relative;
	}
/*
	.commconTbl.exTab01 > tbody > tr:nth-of-type(2):before {
		content:' ';
		display:block;
		width:1px;
		height:6px;
		background:#CCC;
		position:absolute;
		left:-1px;
		top:-7px;
	}
	.commconTbl.exTab01 > tbody > tr:nth-of-type(2):after {
		content:' ';
		display:block;
		width:1px;
		height:6px;
		background:#CCC;
		position:absolute;
		right:-1px;
		top:-7px;
	}
*/
	.commconTbl.exTab01 > tbody > tr > th:nth-of-type(1) {
		background:#1A96D5;
		border-top:4px solid #1A96D5;
		color:#FFF;
		border-left:1px solid #1A96D5 !important;
		border-right:1px solid #1A96D5 !important;
		border-bottom:1px solid #1A96D5;
	}
	.commconTbl.exTab01.tab1 > tbody > tr > th:nth-of-type(2) {
		background:#FFF;
		border-top:4px solid #1A96D5;
		color:#1A96D5;
		border-left:0;
		border-right:0;
		border-bottom:1px solid #FFF;
	}
	.commconTbl.exTab01.tab2 > tbody > tr > th:nth-of-type(3) {
		background:#FFF;
		border-top:4px solid #1A96D5;
		color:#1A96D5;
		border-left:1px solid #CCC !important;
		border-right:1px solid #CCC !important;
		border-bottom:1px solid #FFF;
	}
	.commconTbl.exTab01 > tbody > tr > td:nth-of-type(1),
	.commconTbl.exTab01.tab1 > tbody > tr > td:nth-of-type(2),
	.commconTbl.exTab01.tab2 > tbody > tr > td:nth-of-type(3) {
		display:table-cell;
	}
	.commconTbl.exTab01 > tbody > tr > td:nth-of-type(1) {
		vertical-align:top;
	}
	#main .flame h3.hasIcon {
		position:relative;
	}
	#main .flame h3.hasIcon .icon {
		position:absolute;
		left:10px;
		top:3px;
		font-size:90%;
	}
	#main .flame h3.hasIcon .title {
		display:block;
		padding-left:70px;
	}
	#main .flame h3.hasIcon .title02 {
	display:block;
	padding-left:70px;
	line-height:1.5;
	}

	#main .flame h4.hasIcon {
		position:relative;
		padding-top:8px;
		padding-bottom:8px;
	}
	#main .flame h4.hasIcon img {
		position:absolute;
		left:10px;
		top:10px;
	}
	#main .flame h4.hasIcon span {
		display:block;
		padding-left:65px;
		line-height:1.5;
	}
	#main .flame h6.normal {
	font-size: 140%;
	}
	#main .flame h6.hasIcon {
		position:relative;
		padding-top:8px;
		padding-bottom:8px;
	}
	#main .flame h6.hasIcon img {
		position:absolute;
		left:10px;
		top:-10px;
	}
	#main .flame h6.hasIcon span {
		display:block;
		padding-top:25px;
		line-height:1.5;
	}
	
	#main .flame h6.mt_top {
		margin-top:30px;
	}

	.commconTbl.spOneclm {
		border-top:1px solid #dfdfdf;
	}
	.commconTbl.spOneclm > tbody > tr > td {
		display:block;
		padding-top:0;
		padding-bottom:0;
		border:0;
	}
	.commconTbl.spOneclm > tbody > tr > td:nth-of-type(1) {
		padding-top:10px;
	}
	.commconTbl.spOneclm > tbody > tr > td:last-child {
		padding-bottom:10px;
	}

	.linkImg {
		margin-bottom: 30px;
	}
	.linkImg .link01 {top: 87.7%; left: 24%; width: 43%; height: 12.4%;}
	.linkImg .link02 {top: 17.7%; left: 92%; width: 8%; height: 64.2%;}

	.manten_box,
	.manten_box > * {
		display: block;
	}
	.manten_box__title {
		width: auto;
		text-align: center;
		padding: 10px;
	}

	#main .flame p.hdg_caution {
		font-size: 18px;
		margin-bottom: 0.5em;
		padding-left: 38px;
		position: relative;
		line-height: 1.6;
	}
	.hdg_caution img {
		position: absolute;
		left: 0;
		top: 0.2em;
	}

}

/* modal */

.modal_btn , .modal_btn2 {
	margin-bottom: 10px;
	margin-right: 20px;
	/* display: inline-block; */
}
.modal_btn2 {
	display: block;
}
.modal_btn a , .modal_btn2 a {
	font-weight: bold;
	color: #000;
}

.modal_btn a::before {
	content: "?";
	width: 1.5em;
	line-height: 1.5;
	display: inline-block;
	border-radius: 20px;
	margin-right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #dc286f;
	background: linear-gradient(to bottom, #dc286f 0%, #e76f9e 100%);
	text-decoration: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc286f', endColorstr='#e76f9e', GradientType=0 );
}

.modal_btn2 a::before {
	content: "豕ｨ1";
	line-height: 1.5;
	display: inline-block;
	border-radius: 2px;
	padding: 0 3px;
	font-weight: normal;
	margin-right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	background: #ed6d00;
	text-decoration: none;
}

.modal_btn a:hover , .modal_btn2 a:hover {
	opacity: 0.8;
	text-decoration: underline;
}
.modal_btn a:hover::before {
	text-decoration: none !important;
}

.modal_item {
	display: none;
}

.modal_item_inner {
	font-size: 120%;
	background-color: #fff6e2;
	padding: 20px;
}

.modal_item_inner h1 {
    font-size: 140%;
    font-weight: bold;
    line-height: 1.1;
	color: #ed6d46;
    display: inline-block;
	margin-bottom: 25px;
}
.modal_item_inner h1 span {

	color: #fff !important;
	display: inline-block;
    background-color: #ed6d46;
    padding: 5px 20px;
    border-radius: 17px;
	margin-bottom: 10px;
}

.title_sample {
    font-size: 90%;
    color: #fff !important;
    font-weight: bold;
    line-height: 1.0;
    display: inline-block;
    background-color: #c697c3;
    padding: 5px 15px;
    border-radius: 17px;
    margin: 0;
}

.text_color-01{
	color: #ed6d46;
}
.text_color-02{
	color: #f3981c;
}
.text_color-03{
	color: #187fc4;
}

div.modal_item_inner .modal1_wrapper,div.modal_item_inner .modal2_wrapper{
	display: flex;
	flex-direction: row-reverse;
}

div.modal_item_inner .modal1_wrapper .modal1_wrapper-item img{
min-width: 180px;
margin: 20px;
}

@media screen and (max-width: 650px){
	div.modal_item_inner .modal1_wrapper{
		display: block;
	}
}

div.modal_item_inner .modal2_wrapper_02{
	display: flex;
	gap: 10px;
	align-items: center;
	line-height: 1.2;
}
 
span.border-box {
display: inline-block;
 border: solid 2px #000;
 background-color: #fff;
 border-radius: 5px;
 white-space: nowrap;
 padding: 2px 10px;
 font-weight: 600;
}

@media screen and (max-width: 650px){
	div.modal_item_inner .modal2_wrapper{
		display: block;
	}
	div.modal_item_inner .modal2_wrapper_02{
		align-items: flex-start;
	}
	div.modal_item_inner .modal2_wrapper .modal2_wrapper-item img{
		max-width: 120px;
		margin: 10px;
		}
		div.modal_item_inner .modal2_wrapper_02{
			display: block;
		}
		span.border-box{
			margin-bottom: 10px;
		}
}


.-index_table01 {
	border: solid 1px #51a2cd;
	width: 100%;
	line-height: 1.2;
}

.-index_table01 th {
	background: #D3EDFB;
	border: solid 1px #51a2cd;
	padding: 10px 3px;
  }
.-index_table01 td {
	border: solid 1px #51a2cd;
	padding: 10px 3px;
  }

  .-index_table01 td.bg_blue {
	background-color: #e6f1f7;
  }
  
.-index_table01 th{
	background-color: #D3EDFB;
	font-weight: bold;
}