@charset "utf-8";
/* CSS Document */


div.tab_smaller {
width:780px;
margin:0 auto;
max-width: 100%; 
hight:auto;
}
div.tab_smaller div.img_wd img {
max-width: 100%; 
height:auto;
border: solid #ccc 1px;
}
div.bt_manual_fl_r a {
float:right;
background:#fff; 
text-align:center; 
vertical-align:middle; 
padding:10px 20px; 
display:inline-block:;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border:1px solid #048820; 
}
.mainBoxsp {
margin:0 auto;
max-width:100%;

}

@media screen and (min-width:768px)  {
/*　画面サイズが768pxから1024pxまではここを読み込む　*/
.mainBoxsp { 
max-width:70%;
margin-bottom:20px;
}
}

.tab_smaller p img {
max-width:100%;
}

/* sp_li_step*/
ol.sp_li_step { 
margin-bottom: 1.4em; 
margin-left: 2.2em;
padding-left:0; }
ol.sp_li_step li {
position: relative;
list-style: none;
line-height: 1.4;
margin-bottom: 0.3em;
}
ol.sp_li_step li span {
position: absolute;
top: 0;
left: -1.4em;
}
* html ol.sp_li_step li span { top: -0.1em; } /* for win ie6 */
*:first-child+html ol.sp_li_step li span { top: -0.1em; } /* for win ie7 */
}
.vertical {
  writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
}

.accordion_contents .ac-open {
padding-top:0;
}



/* =========================================================
 * タブ
 * @ tabNavigation
 * ====================================================== */
/* -----------------------------------
 * タブ
 * @ TAB
 * ---------------------------------*/
.tabNavigation,
.tabNavi-transition {
	display: block;
	margin-bottom:60px;
	background-color: rgb(247,247,247);
}
.tabNavigation .tabLayout,
.tabNavi-transition .tabLayout {
	display: table;
	width: 1260px;
	margin: 0 auto;
	table-layout: fixed;
}
.tabLayout.tabItemWrapper div {
	display: table-cell;
	height: 75px;
	color: rgb(24,57,123);
	border-left: rgb(219,219,219) solid 1px;
	text-align: center;
	font-weight: bold;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:20px;
}

.tabLayout.tabItemWrapper div a {
	display: inline-block;
	color: rgb(24,57,123);
	width:100%;
	height:100%;
	line-height:100%; /*75px*/
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:20px;}

.tabItemWrapper div:first-child {
	border-left: none;
}

.tabItemWrapper div.tabSelect,
.tabItemWrapper div.tabSelect:hover {
	background-color: rgb(139,24,109);
	color: rgb(255,255,255);
}

.tabItemWrapper div.tabSelect a {
	color: rgb(255,255,255);
}

.tabItemWrapper div:not(.tabSelect):hover {
	background-color: rgba(139,24,109,.8);
	color: rgb(255,255,255);
	cursor: pointer;
}
.tabItemWrapper div:hover a {
	color: rgb(255,255,255);
}


.tabLayout .tabNavigation_contents {
	display: none;
	margin: 0 auto;
	padding:0;
}
.grid_contents.groupSet .tabLayout .tabNavigation_contents.grid_cols  {
	display: none;
}

@media screen and (max-width:768px) {
	.tabNavigation .tabLayout,
	.tabNavi-transition .tabLayout {
		width: 100%;
	}
	.tabNavigation_contents .accordion_component{
		width:100%;
	}
}

@media screen and (max-width:480px) {
	.tabChange_dropdown {
		margin-bottom: 20px;
	}
	.tabChange_dropdown select {
		width: 100%;
		padding: 10px;
		background-color: #fff;
		border: rgb(204,204,204) solid 1px;
		color: rgb(24,57,123);
		font-weight: bold;
		font-size: 1.2rem;
	}
}