@charset "utf-8";

/*----------------------------------------------------
	リセット
----------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse; border-spacing: 0;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: ''; 
}

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none; 
}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
}

img, abbr, acronym, fieldset { 	
	border: 0;
	margin:0;
	padding:0;
}

li { 
	list-style-type: none; 
}

html, body, .container, .leftSideBar, .content, .rightSideBar {
	height: 100%;
}


/*----------------------------------------------------
	基本設定
----------------------------------------------------*/

h1,h2,h3,h4,h5{
	font-weight:normal;
}

.blink a{
	color:#111;
	 -webkit-transition: 0.6s ease-in-out;  
       -moz-transition: 0.6s ease-in-out;  
         -o-transition: 0.6s ease-in-out;  
            transition: 0.6s ease-in-out; 
}

.blink a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	text-decoration:none; 
}


a:link{
	color: #111;
	text-decoration: none;
}

a:hover{
	color: #111;
	text-decoration: underline;
}

.link-blue a{
	color:blue;
	text-decoration:underline;
}

.link-blue a:visited{
	color:#831b99;
}

.link-blue a{
	color:blue;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


/*+++　フォント　+++*/
.font_b{
	font-weight:bold;
}

.font_n{
	font-weight:normal;
}

.font100{
	font-size:100%;
}

.font107{
	font-size:107%;
}


.font113{
	font-size:113%;
}

.font119{
	font-size:119%;
}

.t_a_c{
	text-align:center;
}

.t_a_l{
	text-align:left;
}

.v_t_m{
	vertical-align:middle;
}

.font_red{
	color: #B53E0B;
}

.c_black{
	color: #222;
}

.c_gry{
	color:#555;
}

.c_blue{
	color:blue;
}

.c_red{
	color:red;
}

.c_green{
	color:#008000;
}

.c-yellow{
	color: #fff394;
}

.c-pink{
	color:#bf3765;
}

.c-white{
	color:#fff;
}

.bg_blue{
	background-color:#f4fbfe;
}

.bg_d_blue{
	background-color:#e1f6ff;
}


.bg_green{
	background-color:#f4fff6;
}

.bg_d_green{
	background-color:#e0ffe6;
}

.bg_orange{
	background-color:#fff0f3;
}

.bg_d_orange{
	background-color:#ffd8e0;
}

.bg_l_brown{
	background-color:#f6f2e8;
}

.g_b{
	border:1px solid #555;
}

.gb_b{
	border:1px solid #52697e;
}

.line_h100{
	line-height:1em;
}

.line_h125{
	line-height:1.25em;
}

.line_h15{
	line-height:1.5em;
}

.line_h175{
	line-height:1.75em;
}

.line_h200{
	line-height:2em;
}


/*+++　フロート　+++*/
.f_l{
	float:left;
}

.f_r{
	float:right;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/*+++　幅　+++*/
.w90{
	width:90px;
}

.w500{
	width:500px;
}

.w700{
	width:700px;
}

.w1000{
	width:1000px;
}

.w100p{
	width:100%;
}

.w90p{
	width:90%;
}

.w83p{
	width:83%;
}

.w80p{
	width:80%;
}

.w75p{
	width:75%;
}

.w70p{
	width:70%;
}

.w50p{
	width:50%;
}

.w60p{
	width:60%;
}


.w43p{
	width:43%;
}

.w30p{
	width:30%;
}

.w25p{
	width:25%;
}

.w20p{
	width:20%;
}

.w88p{
	float:left;
	width:88%;
	background-color:#999;
}


/*+++　マージン　+++*/
.m_l2p{
	margin:0px 0px 0px 2%;
}

.m_l5{
	margin:0px 0px 0px 5px;
}

.m_l10{
	margin:0px 0px 0px 10px;
}

.m_l15{
	margin:0px 0px 0px 15px;
}

.m_l20{
	margin:0px 0px 0px 20px;
}

.m_l30{
	margin:0px 0px 0px 30px;
}

.m_l30_t2_b50{
	margin:2px 0 50px 30px;
}

.m_l50{
	margin:0px 0px 0px 50px;
}

.m_l50_b10{
	margin:0px 0px 10px 50px;
}

.m_l50_t30_b50{
	margin:30px 0 50px 50px;
}

.m_t3_l5{
	margin:3px 0px 0 5px;
}

.m_t2{
	margin:2px 0px 0px 0px;
}

.m_t5{
	margin:5px 0px 0px 0px;
}

.m_t10{
	margin:10px 0px 0px 0px;
}


.m_t15{
	margin:15px 0px 0px 0px;
}

.m_t20{
	margin:20px 0px 0px 0px;
}

.m_t30{
	margin:30px 0px 0px 0px;
}

.m_t45{
	margin:105px 0px 0px 0px;
}

.m_t-5{
	margin:-5px 0 0 0;
}

.m_t-8{
	margin:-8px 0 0 0;
}

.m_b5{
	margin:0px 0px 5px 0px;
}

.m_b10{
	margin:0px 0px 10px 0px;
}

.m_b10_l30{
	margin:0 0 10px 30px;
}

.m_b15{
	margin:0px 0px 15px 0px;
}

.m_b20{
	margin:0px 0px 20px 0px;
}

.m_b25{
	margin:0px 0px 25px 0px;
}

.m_b30{
	margin:0px 0px 30px 0px;
}

.m_r5{
	margin:0px 5px 0px 0px;
}

.m_r10{
	margin:0px 10px 0px 0px;
}

.m_r12{
	margin:0px 10px 0px 0px;
}

.m_r15{
	margin:0px 15px 0px 0px;
}


.m_r30{
	margin:0px 30px 0px 0px;
}

.m_t10_l20{
	margin:10px 0 0 20px;
}

.p_t5{
	padding:5px 0px 0px 0px;
}

.p_t10{
	padding:10px 0px 0px 0px;
}

.p_lr20{
	padding:0px 20px;
}


/* +++++PAGETOP+++++ */
#page-top {
	float:left;
	width:100%;
	margin:40px 0 0 0;
	font-size: 77%;
	text-align:center;
	background-color:#999;
}

#page-top a {
	float:right;
	margin:0 20px 0 0;
	background: #1e0600;
	text-decoration: none;
	color: #fff;
	width: 90px;
	padding: 16px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/* IMG grow */
img.grow {
	-webkit-transition:0.28s ease-in-out;
	-moz-transition:0.28s ease-in-out;
	-ms-transition:0.28s ease-in-out;
	-o-transition:0.28s ease-in-out;
	transition:0.28s ease-in-out;
}

img.grow:hover {
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}


/*---------------------------------
　検索
---------------------------------*/
.search-label-sp{
	width:100%;
	float:left;
	padding:0 0 1px 20px;
	font-size:100%;
	text-align:left;
	box-sizing:border-box;
}

.search-label{
	width:100%;
	float:left;
	margin:0 0 1px 2px;
	font-size:100%;
	text-align:left;
}


/*---------------------------------
　コンテンツ
---------------------------------*/
.facebook-box{
	float:left;
	width:90%;
	margin:40px 0 40px 2%;
  text-align: center;
}

.facebook-box-box{
	margin:0 0 20px 0;
	border:1px solid #555;
	box-sizing:border-box;
}

.w-80p{
	width:80%;
	margin:0 10%;
	border:1px solid #888;
	box-sizing:border-box;
}

.border-g{
	border:2px solid #999;
}


.path_box{
	float:left;
	width:95%;
	padding:1px 0 1px 0;
}

/* アコーデオン */
.toggle_box{
	float:left;
	width:100%;
    display:none;
    color:#fff;
    background-color:#291e89;	
	text-align:left;
}

.toggle_box a:link{
	color:#fff;
	text-decoration:none;
}

.toggle_box li{
	float:left;
	height:32px;
	margin:0 0 0 0;
	padding:3px 0 3px 0;
	color:#fff;
	border-bottom:1px solid #888;
}

.btn{
	padding:0 0 0 50px;
	box-sizing:border-box;
	text-align:left;
}
.btn.active{
	float:left;
    padding:0;
    color:#fff;
	padding:0 0 0 50px;
	box-sizing:border-box;
}
.btn:hover{
	float:left;
    cursor:pointer;
}

.sub-menu{
	float:left;
	width:50%;
	padding:0 0 0 50px;
	text-align:left;
}


#modal-menu a:link {
        text-decoration:none;
		color:#fff;
}

#modal-menu{
	float:left;
        width:100%;
		margin:10px 0 0 0;
        border-bottom:none;
		background-color:#000;
		box-sizing:border-box;
}

.main_menu{
	float:left;
	background:#004796;
	color:#fff;
	font-size:11pt;
	font-weight:normal;
	margin:-1px 0 0 -1px;
	cursor:pointer;
	width:94%;
	height:1em;
	margin:25px 3% 0 3%;
	padding:18px 0 19px 0;
	text-align:center;
	border-radius:5px;
}

.sub_menu{
	float:left;
	width:92%;
	margin:0px 4% 0 4%;
	padding:4px 0 10px 8px;
	float:left;
	border:2px solid #bbb;
	border-top:none;
	box-sizing:border-box;
	background:#fff;
}

.sub_menu li{
		float:left;
        width:47%;
        margin:6px 4px 0 0;
		color:#333;
		border:1px solid #aaa;
		background:#fff;
}
.sub_menu li a{
		height:100%;
		padding:9px 5px 8px 13px; 
        color:#333;
		font-size:11px;
        display:block;
		background:#fff;
		background-image:url(../img/detail/related-term-bg.jpg);
		background-repeat:no-repeat;
		box-sizing:border-box;
		
}

.main_menu02{
	float:left;
	background:#2814b8;
	color:#fff;
	font-size:11pt;
	font-weight:normal;
	cursor:pointer;
	width:92%;
	height:1em;
	margin:8px 4% 0 4%;
	padding:21px 0 25px 0;
	text-align:center;
	border-radius:5px;
}

.sub_menu02{
	float:left;
	width:90%;
	margin:0 5% 0 5%;
	padding:4px 0 10px 8px;
	float:left;
	border:2px solid #bbb;
	border-top:none;
	box-sizing:border-box;
	background:#fff;
}

.sub_menu02 li{
		float:left;
        width:47%;
        margin:6px 4px 0 0;
		color:#333;
		border:1px solid #aaa;
		border-left:8px solid #2814b8;
		background:#fff;
		line-height:115%;
		box-sizing:border-box;
}
.sub_menu02 li a{
		height:100%;
		padding:14px 5px 13px 13px; 
        color:#333;
		font-size:11px;
        display:block;
		background:#fff;
		background-repeat:no-repeat;
		box-sizing:border-box;
		
}

/* FONT */
.fa {
  	display: inline-block;
  	font-family: FontAwesome;
  	font-style: normal;
  	font-weight: normal;
  	line-height: 1;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	color:#fff;
}

.fa-left{
	float:left;
	width:24px;
	margin:2px 12px 0 0;
	padding:0 0 0 31px;
}

.fa-left-sub{
	float:left;
	width:22px;
	margin:2px 9px 0 0;
	padding:0 0 0 33px;
}

.fa-left-sub333{
	float:left;
	width:17px;
	margin:2px 0 0 0;
	padding:0 0 0 5px;
	color:#333;
}

.fa-right{
	float:left;
	width:20px;
	margin:1px 12px 0 0;
	padding:0 0 0 21px;
}

.sp-m-txt{
	float:left;
	width:auto;
}

.fa-left-pc{
	float:left;
	width:24px;
	margin:2px 0 0 0;
	padding:0 0 0 0;
}

.icon-path{
	float:left;
	padding:1px 0 0 0;
	color:#0867be;
}

.icon-access{
	float:left;
	padding:2px 4px 0 0;
	color:#0075b1;
}

.icon-link{
	float:left;
	padding:3px 4px 0 0;
	color:#0289cf;
}

.icon-left{
	padding:0 9px 0 0;
	color:#fff;
}

.icon-left-blue{
	padding:0 9px 0 0;
	color:#0573ac;
}

.icon-left-white{
	padding:0 9px 0 0;
	color:#fff;
}

.icon-right{
	padding:0 0 0 9px;
	color:#fff;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* formカスタム */
.form {
    padding: 6px;
}
.form input[type=radio],
.form input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.form input[type=radio] + label,
.form input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 125%; 
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .form input[type=radio],
    .form input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .form input[type=radio] + label,
    .form input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .form input[type=radio] + label::before,
    .form input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    .form input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .form input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .form input[type=radio]:checked + label::after,
    .form input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .form input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #0083d6;
        border-radius: 8px;
    }
    .form input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #0083d6;
        border-bottom: 3px solid #0083d6;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.form-status-sp{
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	text-align:center;
}

.form-status-tab{
	float:left;
	width:100%;
	margin:10px 0 25px 0;
	text-align:center;
}



.silent{
	speak:none;
}

.reader{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#blockskip {
	position:absolute;
	top:0;
	left:0;
	width: 100%; 
	z-index: 9999;
	margin: 0;
	padding: 0;
	overflow: visible;
	
}

#blockskip a { 
	display: block; 
	float: left;
	width: 100%;  
	margin: 0; 
	margin-top: -2em;
	height: 1px; 
	padding: 0;
	background: #387c01;
	text-align: center; 
	text-decoration: none 
	!important; font-size: 1px; 		
	color: #eee;
	z-index: 20000;	
}

#blockskip a:hover {
	text-decoration:underline;
	z-index: 20000;	
}

#blockskip a.shows { 
	height:1em; 
	margin-top: 0px; 
	padding: 11px 0 6px 0; 
	font-size: 96%; 
	line-height: 1; 
	cursor: pointer; 
	text-decoration:none !important;
	color: #ffffff;
	z-index: 30000;
}

.noscript{
	width:100%;
	padding:90px 0 85px 0;
	text-align:center;
	font-size:125%;
	border-top:4px solid #da2b79;
	border-bottom:4px solid #da2b79;
	color:#fff;
	background-color:#959595;
}

.trustech {  
    margin: 30px 25px 0px 25px;
    font-size: 1.0em;
} 


/*---------------------------------
　追加 sw210413
---------------------------------*/

.banner_wrap{
	width:100%;
	max-width: 1000px;
	margin: 0 auto 60px;
}

.banner_wrap img{
	width: 100%;
	max-width: 640px;
	display:block;
	margin: 0 auto;
}

@media screen and (max-width: 680px){
    .banner_wrap{
    	width: 95%;
    }
}