/*------------------------------------------------------------
リンクアイコン
-------------------------------------------------------------*/

/* 外部リンク
----------------------------------------------- */
.other-link:after{
    font-family: FontAwesome;
	content: "\f08e";	
}

/* ファイルリンク
----------------------------------------------- */
.pdf-link:after{
	content:"　";
	display: inline-block;
	width: 30px;
	/*height: 14px;*/
	margin-left: 5px;
	padding-right:3px;
	background-image:url(../images/template/icon_pdf.png);
	background-size:30px auto;
	background-repeat:no-repeat;
	background-position:right center;
}
.word-link:after{
	content:"　";
	display: inline-block;
	width: 20px;
	margin-left: 5px;
	padding-right:3px;
	background-image:url(../images/template/icon_word.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:right center;
}
.excel-link:after{
	content:"　";
	display: inline-block;
	width: 20px;
	margin-left: 5px;
	padding-right:3px;
	background-image:url(../images/template/icon_excel.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:right center;
}
.pp-link:after{
	content:"　";
	display: inline-block;
	width: 20px;
	margin-left: 5px;
	padding-right:3px;
	background-image:url(../images/template/icon_pp.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:right center;
}


				
/*=====================================================================

/*見出し・フォント

===================================================================== */

/* ---------------------------------------------------------------------
マーカー
--------------------------------------------------------------------- */

.marker01{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.marker02{
	background: linear-gradient(transparent 60%, #FFCC33 60%);
}


/* ---------------------------------------------------------------------
見出し
--------------------------------------------------------------------- */
.h-type01{
	margin-bottom: 25px;
	padding: 15px 20px;
	font-size: 2rem;
	font-weight:bold;
	/*background-color:#F6F6F6;*/
    border-radius: 5px;
    background: -webkit-repeating-linear-gradient(-45deg, #eeeeee, #eeeeee 3px,#f6f6f6 3px, #f6f6f6 7px);
    background: repeating-linear-gradient(-45deg, #eeeeee, #eeeeee 3px,#f6f6f6 3px, #f6f6f6 7px);
}
@media screen and (max-width:768px){
	.h-type01 {
		padding: 10px 20px;
		font-size: 1.8rem;
        text-align: center;
        margin-bottom: 20px;
	}
}
.h-type02{
	position:relative;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.7rem;
	font-weight:bold;
	border-bottom: 1px #ccc solid;
    background-color: #f9f9f9;
}
@media screen and (max-width:768px){
	.h-type02 {
		font-size: 1.5rem;
        margin-bottom: 12px;
	}
}
.h-type03 {
	position:relative;
	margin-bottom:20px;
	padding:0 10px 0 0.8em;
	color:#252525;
	border-left:4px solid #252525;
	font-size: 1.7rem;
	font-weight: bold;
}
@media screen and (max-width:768px){
	.h-type03 {
		font-size: 1.6rem;
	}
}
.h-type04 {
	color:#252525;
	margin-bottom:20px;
	font-size: 1.7rem;
	font-weight: bold;
}
@media screen and (max-width:768px){
	.h-type04 {
		font-size: 1.6rem;
	}
}

.h-type05 {
	margin-bottom:15px;
	font-size: 1.7rem;
	font-weight: bold;
}
@media screen and (max-width:768px){
	.h-type05 {
		font-size: 1.5rem;
	}
}
.h-type-list:before{
	content:"■";
}


/* ---------------------------------------------------------------------
フォント
--------------------------------------------------------------------- */

/* サイズ
----------------------------------------------- */
.font-x_small{font-size:70%;}
.font-small{font-size:86%;}
.font-normal{font-size:100%;}
.font-large{font-size:115%;}
.font-x_large{font-size:130%;}
.font-big{font-size:150%;}
.font-x_big{font-size:170%;}
.font-super{font-size:200%;}
@media screen and (max-width:768px){
.font-big{font-size:145%;}
.font-x_big{font-size:160%;}
.font-super{font-size:190%;}
}

/* 太さ
----------------------------------------------- */
.font-normal{font-weight:normal;}
.font-bold{font-weight:bold;}

/* カラー
----------------------------------------------- */
.font-color_set00{color:#252525;}
.font-color_set01{color:#c42921;}
.font-color_set02{color:#d8890d;}
.font-color_set03{color:#F8993B;}
.font-color_set04{color:#901C1E;}
.font-color_set05{color:#FFF;}
.font-color_red{color:#FF0000;}


/*=====================================================================

/*レイアウト・配置関連

===================================================================== */

/* ---------------------------------------------------------------------
clumnbox
--------------------------------------------------------------------- */
.clumnbox{
	overflow:hidden;
	zoom:1;
}

/* ---------------------------------------------------------------------
インデント
--------------------------------------------------------------------- */
.ind05{text-indent:-0.5em; margin-left: 0.5em;}
.ind10{text-indent:-1em; margin-left: 1.0em;}
.ind15{text-indent:-1.5em; margin-left: 1.5em;}
.ind20{text-indent:-2em; margin-left: 2.0em;}
.ind25{text-indent:-2.5em; margin-left: 2.5em;}
.ind30{text-indent:-3em; margin-left: 3.0em;}

/* ---------------------------------------------------------------------
配置
--------------------------------------------------------------------- */
.lefty{float:left;}
.righty{float:right;}
.centy{
	clear:both;
	display: block;
	margin-left:auto;
	margin-right:auto;
}

/* ---------------------------------------------------------------------
テキスト配置
--------------------------------------------------------------------- */
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

/* ---------------------------------------------------------------------
テキスト配置(スマホ左揃え)
--------------------------------------------------------------------- */
.text-right-le{text-align:right;}
.text-center-le{text-align:center;}
@media screen and (max-width:768px){
	.text-right-1e{text-align:left;}
	.text-center-le{text-align:left;}
}

/* ---------------------------------------------------------------------
テキスト配置(スマホ中央揃え)
--------------------------------------------------------------------- */
.text-left-cet{text-align:left;}
.text-right-cet{text-align:right;}
@media screen and (max-width:768px){
	.text-left-cet{text-align:center;}
	.text-right-cet{text-align:center;}
}


/* ---------------------------------------------------------------------
端末切替
--------------------------------------------------------------------- */
.pc_only{display:block;}
.sp_only{display:none;}
@media screen and (max-width:568px){
.pc_only{display:none;}
.sp_only{display:block;}
}

/* ---------------------------------------------------------------------
記事用画像
--------------------------------------------------------------------- */
.photo-right{
	float: right;
	margin-left:3%;
}
.photo-left{
	float:left;
	margin-right:3%;
}
.photo-center{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
}
.photo-10{width:10%;}
.photo-15{width:15%;}
.photo-20{width:20%;}
.photo-25{width:25%;}
.photo-30{width:30%;}
.photo-35{width:35%;}
.photo-40{width:40%;}
.photo-45{width:45%;}
.photo-50{width:50%;}
.photo-55{width:55%;}
.photo-60{width:60%;}
.photo-65{width:65%;}
.photo-70{width:70%;}
.photo-75{width:75%;}
.photo-80{width:80%;}
.photo-85{width:85%;}
.photo-90{width:90%;}
.photo-95{width:95%;}
.photo-100{width:100%;}

.photo-max-w100{max-width:100px; height: auto;}
.photo-max-w150{max-width:150px; height: auto;}
.photo-max-w200{max-width:200px; height: auto;}
.photo-max-w250{max-width:250px; height: auto;}
.photo-max-w300{max-width:300px; height: auto;}
.photo-max-w350{max-width:350px; height: auto;}
.photo-max-w400{max-width:400px; height: auto;}
.photo-max-w450{max-width:450px; height: auto;}
.photo-max-w500{max-width:500px; height: auto;}
.photo-max-w550{max-width:550px; height: auto;}
.photo-max-w600{max-width:600px; height: auto;}

@media screen and (max-width:768px){
	.photo-right{
			margin-left:3%;
	}
	.photo-left{
			margin-right:3%;
	}
	.photo-tabFull{
			float:none;
			max-width:none;
			width:100%;
			margin-left:0;
			margin-right:0;
			margin-bottom:1em;
			text-align: center;
	}
	.photo-tabClear{
			float:none;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:1em;
			text-align: center;
	}	
}
@media screen and (max-width:480px){
	.photo-spFull{
			float:none;
			max-width:none;
			width:100%;
			margin-left:0;
			margin-right:0;
			margin-bottom:1em;
			text-align: center;       
	}
	.photo-spClear{
			float:none;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:1em;
			text-align: center;
	}		
}


/* ---------------------------------------------------------------------
画像+記事(まわり込みなし)
--------------------------------------------------------------------- */

.flbox {
    display: flex;
    justify-content: flex-start;
}
.flbox img {
    min-width: 300px;
}
.fl-right {
    flex-direction: row-reverse;
}
.fl-left .txt-area {
    margin-left: 20px;
}
.fl-right .txt-area {
    margin-right: 20px;
}
@media screen and (max-width:768px){
    .tabClear {
        display: block;
        text-align: center;
    }
    .tabClear .txt-area {
        margin-left: 0;
        margin-top: 10px;
        text-align: left;
    }
    .tabClear .txt-area {
        margin-right: 0;
        margin-top: 10px;
        text-align: left;
    }
}
@media screen and (max-width:480px){
    .spClear {
        display: block;
        text-align: center;
    }
    .spClear .txt-area {
        margin-left: 0;
        margin-top: 10px;
        text-align: left;
    }
    .spClear .txt-area {
        margin-right: 0;
        margin-top: 10px;
        text-align: left;
    }
}




/* ---------------------------------------------------------------------
ボックス装飾
--------------------------------------------------------------------- */
.box-type01{
	padding:20px;
	border:1px solid #CCC;
	background:#FFF;
}
.box-type02{
	padding:20px;
	background:#FAF9F8;
	border:1px  solid #CCC;
}
.box-type03{
 	padding:20px;   
 	background:#EDEDED;   
}

.box-type04{
margin:40px;
	padding:20px 20px 0px 20px;
	background:#fcfcfc;
	border:1px  solid #939393;
}

.box-padding05{padding:5px;}
.box-padding10{padding:10px;}
.box-padding20{padding:20px;}
.box-padding25{padding:25px;}
.box-padding30{padding:30px;}
.box-border00{border:none;}
.box-border01{border-width:1px;}
.box-border02{border-width:2px;}
.box-border03{border-width:3px;}
.box-border04{border-width:4px;}
.box-border05{border-width:5px;}
.box-border06{border-width:6px;}
.box-border07{border-width:7px;}
.box-border08{border-width:8px;}
.box-border09{border-width:9px;}
.box-border10{border-width:10px;}
.box-border-dott{border-style:dotted;}
.box-border-dash{border-style:dashed;}

@media screen and (max-width:480px){
	.box-type01{
		padding:10px;
	}
	.box-type02{
		padding:10px;
	}
	.box-type03{
		padding:10px;
	}
}

/* ----------------------------------------------------
追加ボックススタイル
-----------------------------------------------------*/
.box-type1 {
  padding: 15px;
  border: 1px solid #005500;
  background: #FFF;
}

.box-type2 {
  padding: 15px;
  background: #f5f5f5;
}

.box-type3 {
  padding: 15px;
  border: 1px solid #ddd;
  background: #FFF;
}

.box-type4 {
  padding: 20px;
  background: #f5f5f5;
}

/* ---------------------------------------------------------------------
テーブル
--------------------------------------------------------------------- */
/*.table-type01*/
.table-type01{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	word-wrap: break-word;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	line-height: 1.4em;
}
.table-type01 th,
.table-type01 td{
	padding: 10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:normal;                    
}
.table-type01 th{
	vertical-align:middle;
	background-color:#FAF9F8;
	font-weight: bold;
}
.table-type01 td{
	vertical-align:middle;
	background-color:#FFF;
}
.table-type01 caption{
	margin-bottom:0.5em;
}
.table-type01 thead tr th,
.table-type01 thead tr td{
	/*background-color:#FAF9F8;*/
	background-color:#eeeeee;
}
.table-type01 .v_writing{
	line-height: 1.2em
}
/*.table-tbody-オプション*/
.table-tbody-th-left tbody th{text-align: left;}
.table-tbody-th-font-n tbody th{font-weight: normal;}
.table-tbody-th-bg-none tbody th{background-color:inherit}
.table-tbody-td-center tbody td{text-align: center;}

@media screen and (max-width:768px){
	/*.table-type01*/
	.table-type01{font-size: 95%;}
	.table-type01 th,
	.table-type01 td{
		padding:0.5em 0.2;
		/*font-weight:normal;*/                    
	}
	/*scroll-table*/
	.scroll-table{
		width: 100%;
		overflow-x: auto;
		padding-bottom: 10px;
	}
	.scroll-table:before{
		content: "⇒横スクロールで表の続きが確認出来ます。";
		display: block;
		font-size: 90%;
		font-weight: bold;
	}
	.scroll-table table{
		/*width:auto;*/
		width: 768px;
	}
	.scroll-table::-webkit-scrollbar {
		height: 5px;
	}
	.scroll-table::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.scroll-table::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}
}
@media screen and (max-width:768px){
	/*.table-type01*/
	.table-type01{font-size: 95%;}
	/*table-responsive01*/
	.table-responsive01 tr th,
	.table-responsive01 tr td{
		display:block !important;
		width:100% !important;
	}
	.table-responsive01 .col01,
	.table-responsive01 .col02,
	.table-responsive01 .col03,
	.table-responsive01 .col04,
	.table-responsive01 .col05{
		width:100% !important;
	}
	/*table-responsive02*/
	.table-responsive02{border:none;}
	.table-responsive02 thead{display:none;}
	.table-responsive02 tbody tr{
		display:block;
		margin-bottom:5px;
		border-top:1px solid #CCC;
		border-left:1px solid #CCC;
	}
	.table-responsive02 tbody th,
	.table-responsive02 tbody td{
		display:block !important;
		width:100% !important;
	}
	.table-responsive02 .col01,
	.table-responsive02 .col02,
	.table-responsive02 .col03,
	.table-responsive02 .col04,
	.table-responsive02 .col05{
		width:100% !important;
	}
	.table-responsive02 tbody th:before{
		content:"sample01";
		display:block;
		margin:-10px -10px 10px -10px;
		padding:10px;
		text-align:center;
		background:#555;
		color:#FFF;
	}
	.table-responsive02 tbody td:before{
		content:"sample02";
		display:block;
		margin:-10px -10px 10px -10px;
		padding:10px;
		text-align:center;
		background:#f6f8f7;
		border-bottom:1px dotted #CCC;
	}
	.table-responsive02 tbody .fit{margin-top:-6px;}
}


/* ---------------------------------------------------------------------
ul リスト
--------------------------------------------------------------------- */
/*circle*/
ul.list-style-circle li{
	list-style:outside disc;
	margin-left:1.4em;
	padding:0.3em 0;
	line-height:1.4em;
}
/*square*/
ul.list-style-square li{
	list-style:outside square;
	margin-left:1.4em;
	padding:0.3em 0;
	line-height:1.4em;
}
/*decimal*/
ul.list-style-decimal li{
	list-style:outside decimal;
	margin-left:1.4em;
	padding:0.3em 0;
	padding-bottom:20px;
	line-height:1.4em;
}
/*list-style-parenthesized-decimal*/
ul.list-style-parenthesized-decimal li{
	list-style:outside parenthesized-decimal;
	margin-left:1.4em;
	padding:0.3em 0;
	line-height:1.4em;
}
/*テキスト一文字 "・"など*/
ul.list-style-text li{
	list-style:none inside;
	text-indent:-1em;
	margin-left:0;
	padding:0.3em 0 0.3em 1em;
	line-height:1.4em;
}
/*list-style-none*/
ul.list-style-none li{
	list-style:none;
	padding:0.3em 0;
	line-height:1.4em;
}
/*arrow01*/
ul.list-style-arrow01 li{
	position:relative;
	padding-left:10px;
}
ul.list-style-arrow01 li:before{
	content:"　";
	display:block;
	width:5px;
	height:5px;
	background-image:url(../images/template/arrow01_right.png);
	background-size:5px 5px;
	background-repeat:no-repeat;
	background-position:center center;

	position:absolute;
	top:50%;
	left:0;
	margin-top:-2px;
}
/*arrow00*/
ul.list-style-arrow00 li{
	position:relative;
	padding-left:10px;
}
ul.list-style-arrow00 li:before{
	content:"　";
	display:block;
	width:6px;
	height:6px;
	background-image:url(../images/template/arrow00_right.png);
	background-size:6px 6px;
	background-repeat:no-repeat;
	background-position:center center;

	position:absolute;
	top:50%;
	left:0;
	margin-top:-4px;
}
/*区切り線*/
ul.list-border01 li{
	border-bottom:1px dotted #CCCCCC;
	padding-top:0.5em;
	padding-bottomtop:0.5em;
}
ul.list-border01 li:last-child{
	border:none;
}
ul.list-border02 li{
	border-bottom:1px solid #CCCCCC;
	padding-top:0.5em;
	padding-bottomtop:0.5em;
}
ul.list-border02 li:last-child{
	border:none;
}
ul.list-style-pd02 li{
	padding-top:0.45em;
	padding-bottom:0.45em;
}


/* --------------------------------------------------
ul リスト ボタン
-------------------------------------------------- */
/*.ul-list-link01*/
ul.ul-list-link01 li{
	position:relative;
	padding:10px;
	border-bottom:1px dotted #555;
}
ul.ul-list-link01 li a:after{
	content:"　";
	display:block;
	width:6px;
	height:6px;
	background-image:url(../images/template/arrow00_right.png);
	background-size:6px 6px;
	background-repeat:no-repeat;
	background-position:center center;

	position:absolute;
	top:50%;
	left:0;
	margin-top:-3px;
}
ul.ul-list-link01 li a{
	display:block;
	margin:-10px;
	padding:10px;
}
ul.ul-list-link01 li a:link,
ul.ul-list-link01 li a:visited{
	text-decoration:none;
}
ul.ul-list-link01 li a:hover,
ul.ul-list-link01 li a:active{
	text-decoration:none;
	background-color:#E8E8E8;
}


/* ---------------------------------------------------------------------
ボタン
--------------------------------------------------------------------- */
/*btn-type01*/
.btn-type01{
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background-color: #252525;
    padding: 5px 15px 5px 30px;
    border-radius: 3px;
    position: relative;
	line-height: 1.5;
}
.btn-type01:before{
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
    left: 15px;
}
.btn-type01:hover,
.btn-type01:active{
    color: #fff;
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}
/*.btn-type02*/
.btn-type02 {
    display: inline-block;
    text-decoration: none;
    color: #333;
    border:1px solid #252525;
    padding: 5px 15px 5px 30px;
    border-radius: 3px;
    position: relative;
}
.btn-type02:before{
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
    left: 15px;
}
.btn-type02:hover,
.btn-type02:active{
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}

.btn-active{
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);	
}

/* ---------------------------------------------------------------------
グリッド div版
--------------------------------------------------------------------- */
.grid-div{
	overflow:hidden;
	zoom:1;
}
.grid-div .grid-wrap{
	margin-left:-3%;
	margin-top:-40px;
	overflow:hidden;
	zoom:1;
}
.grid-div .grid-wrap .grid-box{
	float:left;
	display:inline;
	margin-top:40px;
	margin-left:3%;
	position:relative;
}
.grid-div .grid-wrap .grid-box a{display:block;}
/*2分割*/
.grid-div .grid-wrap .grid-2_1{width:47%;}
.grid-div .grid-wrap .grid-2_2{width:97%;}
/*3分割*/
.grid-div .grid-wrap .grid-3_1{width:30.33333%;}
.grid-div .grid-wrap .grid-3_2{width:63.66666%;}
.grid-div .grid-wrap .grid-3_3{width:97%;}
/*4分割*/
.grid-div .grid-wrap .grid-4_1{width:22%;}
.grid-div .grid-wrap .grid-4_2{width:47%;}
.grid-div .grid-wrap .grid-4_3{width:72%;}
.grid-div .grid-wrap .grid-4_4{width:97%;}
/*5分割*/
.grid-div .grid-wrap .grid-5_1{width:17%;}
.grid-div .grid-wrap .grid-5_2{width:37%;}
.grid-div .grid-wrap .grid-5_3{width:57%;}
.grid-div .grid-wrap .grid-5_4{width:77%;}
.grid-div .grid-wrap .grid-5_5{width:97%;}
/*ボタン底配置*/
.grid-div .grid-wrap .grid-box .position-b{position:absolute; left:0; bottom:0;}

@media screen and (max-width:768px){
	.grid-div .grid-wrap{
		margin-top:-30px;
	}
	.grid-div .grid-wrap .grid-box{
		margin-top:30px;
	}
	/*2分割*/
	.grid-div .grid-wrap .grid-2_1{
		width:97%;
	}
	.grid-div .grid-wrap .grid-2_2{
		width:97%;
	}
	/*3分割*/
	.grid-div .grid-wrap .grid-3_1{
		width:47%;
	}
	.grid-div .grid-wrap .grid-3_2{
		width:47%;
	}
	.grid-div .grid-wrap .grid-3_3{
		width:97%;
	}
	/*4分割*/
	.grid-div .grid-wrap .grid-4_1{
		width:47%;
	}
	.grid-div .grid-wrap .grid-4_2{
		width:47%;
	}
	.grid-div .grid-wrap .grid-4_3{
		width:47%;
	}
	.grid-div .grid-wrap .grid-4_4{
		width:97%;
	}
	/*5分割*/
	.grid-div .grid-wrap .grid-5_1{
		width:47%;
	}
	.grid-div .grid-wrap .grid-5_2{
		width:47%;
	}
	.grid-div .grid-wrap .grid-5_3{
		width:47%;
	}
	.grid-div .grid-wrap .grid-5_4{
		width:47%;
	}
	.grid-div .grid-wrap .grid-5_5{
		width:97%;
	}
}
@media screen and (max-width:480px){
	.grid-div .grid-wrap{
		margin-top:-25px;
	}
	.grid-div .grid-wrap .grid-box{
		margin-top:25px;
	}
	/*2分割*/
	.grid-div .grid-wrap .grid-2_1{
		width:97%;
	}
	.grid-div .grid-wrap .grid-2_2{
		width:97%;
	}
	/*3分割*/
	.grid-div .grid-wrap .grid-3_1{
		width:97%;
	}
	.grid-div .grid-wrap .grid-3_2{
		width:97%;
	}
	.grid-div .grid-wrap .grid-3_3{
		width:97%;
	}
	/*4分割*/
	.grid-div .grid-wrap .grid-4_1{
		width:97%;
	}
	.grid-div .grid-wrap .grid-4_2{
		width:97%;
	}
	.grid-div .grid-wrap .grid-4_3{
		width:97%;
	}
	.grid-div .grid-wrap .grid-4_4{
		width:97%;
	}
	/*5分割*/
	.grid-div .grid-wrap .grid-5_1{
		width:97%;
	}
	.grid-div .grid-wrap .grid-5_2{
		width:97%;
	}
	.grid-div .grid-wrap .grid-5_3{
		width:97%;
	}
	.grid-div .grid-wrap .grid-5_4{
		width:97%;
	}
	.grid-div .grid-wrap .grid-5_5{
		width:97%;
	}
}

/* ---------------------------------------------------------------------
グリッド ul版
--------------------------------------------------------------------- */
.grid-ul{
	overflow:hidden;
	zoom:1;
}
.grid-ul ul{
	margin-left:-3%;
	margin-top:-1em;
	overflow:hidden;
	zoom:1;
}
.grid-ul ul li{
	float:left;
	margin-top:1em;
	margin-left:3%;
}
.grid-ul ul li a{
	display:block;
}
/*1分割*/
.grid-ul-1 ul li{width:97%;}
/*2分割*/
.grid-ul-2 ul li{width:47%;}
/*3分割*/
.grid-ul-3 ul li{width:30.333333%;}
/*4分割*/
.grid-ul-4 ul li{width:22%;}
/*5分割*/
.grid-ul-5 ul li{width:17%;}

@media screen and (max-width:768px){
	/*2分割*/
	.grid-ul-2 ul li{
		width:47%;
	}
	/*3分割*/
	.grid-ul-3 ul li{
		width:47%;
	}
	/*4分割*/
	.grid-ul-4 ul li{
		width:30.333333%;
	}
	/*5分割*/
	.grid-ul-5 ul li{
		width:30.333333%;
	}
	.grid-ul-tabClear li{
		width:97% !important;
	}
}
@media screen and (max-width:480px){
	/*2分割*/
	.grid-ul-2 ul li{
		width:97%;
	}
	/*3分割*/
	.grid-ul-3 ul li{
		width:97%;
	}
	/*4分割*/
	.grid-ul-4 ul li{
		width:47%;
	}
	/*5分割*/
	.grid-ul-5 ul li{
		width:47%;
	}
	.grid-ul-spClear li{
		width:97% !important;
	}	
}

/* ---------------------------------------------------------------------
アコーディオン コンテンツ
--------------------------------------------------------------------- */
.accordion-wrap .ac-box{
    display:block;
    padding-bottom:40px;
}
.accordion-wrap .ac-box:last-child{
    padding-bottom:0;
}
.accordion-wrap .ac-num{
    position: relative;
    padding-left: 3.5em;
    padding-top:15px;
    padding-bottom:15px;    
}
.accordion-wrap .ac-num .num{
    display: block;
    font-size: 160%;
    font-style: italic;
	font-family: 'Droid Serif', serif; 
    line-height: 1;
    font-weight: normal;
    
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -0.5em;
}
.accordion-wrap .ac-ttl{
	overflow: hidden;
	zoom:1;
}

/* ---------------------------------------------------------------------
Google map リサイズ
--------------------------------------------------------------------- */
.map-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.map-container iframe,
.map-container object,
.map-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---------------------------------------------------------------------
Youtubeリサイズ
--------------------------------------------------------------------- */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-container02 {
  max-width: 960px; /* 最大幅を指定 */
  margin: 0 auto;   /* 左右中央寄せ */
	width: 100%; /* 親要素の幅いっぱいに広げる */
  max-width: 100%; /* 必要に応じて最大幅を設定 */
}

.video-container02 iframe {
  width: 100%; !important; /* 親の960pxいっぱいに広げる */
  aspect-ratio: 16 / 9; /* アスペクト比を16:9に固定 */
  height: auto; /* 高さを自動調整 */
}

/* YouTubeのiframeに直接適用 */
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
  width: 100%;
  aspect-ratio: 16 / 9; /* 動画の標準比率を維持 */
  height: auto;
}

/* ---------------------------------------------------------------------
タブメニュー
--------------------------------------------------------------------- */
.tab-type01{}
.tab-type01 .tab-menu{
	border-bottom:3px solid #252525;
	overflow:hidden;
	zoom:1;
}
.tab-type01 .tab-menu ul{
	margin-left:-2%;
	overflow:hidden;
	zoom:1;
}
.tab-type01 .tab-menu ul li{
	float:left;
	width:48%;
	padding:10px;
	margin-left:2%;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	cursor:pointer;
	text-align:center;
	font-weight: bold;
	line-height: 1.2em;

	border-radius:6px 6px 0 0; 
	-webkit-border-radius:6px 6px 0 0; 
	-moz-border-radius:6px 6px 0 0;
	position: relative;/*IE8対策*/
}
.tab-type01 .tab-menu ul li.select{
	background-color:#252525;
	border-color:#252525;
	color: #FFF;
}
.tab-type01 .tab-wrap{
	padding:15px;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	overflow:hidden;
	zoom:1;
}
.tab-type01 .tab-menu ul.num03 li{
	width:31.33333%;
}
.tab-type01 .tab-menu ul.num04 li{
	width:23%;
}

/* ---------------------------------------------------------------------
横幅
--------------------------------------------------------------------- */
/*width*/
body .width0{width:0% !important;}
body .width05{width:5% !important;}
body .width10{width:10% !important;}
body .width15{width:15% !important;}
body .width20{width:20% !important;}
body .width25{width:25% !important;}
body .width30{width:30% !important;}
body .width35{width:35% !important;}
body .width40{width:40% !important;}
body .width45{width:45% !important;}
body .width50{width:50% !important;}
body .width55{width:55% !important;}
body .width60{width:60% !important;}
body .width65{width:65% !important;}
body .width70{width:70% !important;}
body .width75{width:75% !important;}
body .width80{width:80% !important;}
body .width85{width:85% !important;}
body .width90{width:90% !important;}
body .width95{width:95% !important;}
body .width100{width:100% !important;}
/*max-w*/
body .max-w800{max-width: 800px;}
body .max-w750{max-width: 750px;}
body .max-w700{max-width: 700px;}
body .max-w650{max-width: 650px;}
body .max-w600{max-width: 600px;}
body .max-w550{max-width: 550px;}
body .max-w500{max-width: 500px;}
body .max-w450{max-width: 450px;}
body .max-w400{max-width: 400px;}
body .max-w350{max-width: 350px;}
body .max-w300{max-width: 300px;}
body .max-w250{max-width: 250px;}
body .max-w200{max-width: 200px;}
body .max-w150{max-width: 150px;}
body .max-w100{max-width: 100px;}
@media screen and (max-width:768px){
	body .width-tabFull{
			float:none;
			width:100% !important;
			margin-left:0;
			margin-right:0;
	}
}
@media screen and (max-width:480px){
	body .width-spFull{
			float:none;
			width:100% !important;
			margin-left:0;
			margin-right:0;
	}
}