@charset "utf-8";

/*
///////////////////////////////////////////////////////////////////////
//
//  module css
//
///////////////////////////////////////////////////////////////////////
*/

/*--------------------------------------------------------------------
layout of Key Visual
--------------------------------------------------------------------*/
.kvArea{
	margin-bottom:40px;
}
.kvArea h1{
	line-height:0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
.kvArea{
	margin-bottom:20px;
}
}


/*--------------------------------------------------------------------
layout of 1 column
976px 幅いっぱいのカラムが1の場合
--------------------------------------------------------------------*/
.col1-resp{
	margin-bottom:40px;
}

.col1-resp p img{
	text-align:center;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
}

/*--------------------------------------------------------------------
layout of 2 column
976px 幅いっぱいのカラムが2つ並ぶ場合
--------------------------------------------------------------------*/
.col2-resp{
	margin-bottom:40px;
}

.col2-resp .co2-1{
	float:left;
	width:48.9%;
	margin-right:2.2%;	
}

.col2-resp .co2-2{
	float:left;
	width:48.9%;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
.col2-resp{
	margin:0 auto 30px;
}

.col2-resp .co2-1{
	float:left;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
}

.col2-resp .co2-2{
	float:left;
	width:100%;
}
}

/*--------------------------------------------------------------------
layout of 3 column
976px 幅いっぱいのカラムが3つ並ぶ場合
--------------------------------------------------------------------*/
.col3-resp{
	margin-bottom:40px;
}

.col3-resp .co3-1{
	float:left;
	width:32.2%;
	margin-right:1.7%;

}

.col3-resp .co3-2{
	float:left;
	width:32.2%;
	margin-right:1.7%;
}

.col3-resp .co3-3{
	float:left;
	width:32.2%;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
.col3-resp{
	margin:0 auto 30px;
}

.col3-resp .co3-1{
	float:left;
	width:100%;
	margin-right:0;	
	margin-bottom:20px;
}

.col3-resp .co3-2{
	float:left;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
}

.col3-resp .co3-3{
	float:left;
	width:100%;
}
}

/*--------------------------------------------------------------------
layout of 4 column
976px 幅いっぱいのカラムが4つ並ぶ場合
--------------------------------------------------------------------*/
.col4-resp{
	margin-bottom:40px;
}

.col4-resp .co4-1{
	float:left;
	width:24%;
	margin-right:1%;

}

.col4-resp .co4-2{
	float:left;
	width:24%;
	margin-right:1%;
}

.col4-resp .co4-3{
	float:left;
	width:24%;
	margin-right:1%;
}

.col4-resp .co4-4{
	float:left;
	width:25%;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
.col4-resp{
	margin:0 auto 30px;
}

.col4-resp .co4-1{
	float:left;
	width:100%;
	margin-right:0;	
	margin-bottom:20px;
}

.col4-resp .co4-2{
	float:left;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
}

.col4-resp .co4-3{
	float:left;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
}
.col4-resp .co4-4{
	float:left;
	width:100%;
}
}

/*--------------------------------------------------------------------
font
--------------------------------------------------------------------*/
.white{color:#fff;}
.lightGray{color:#E2E2E2;}

.bold{ font-weight:bold;}

/*--------------------------------------------------------------------
layout
--------------------------------------------------------------------*/
.fLeft{ float:left;}
.fRight{ float:right;}

.txtRight{ text-align:right;}
.txtLeft{ text-align:left;}

.block{display:block; width:auto; height:auto;}
.center{text-align:center;}

a.tdNone{ text-decoration:none !important;}

ul.parallel li{ float:left;}
ul li.listNone{	list-style:none;}

.indent{
    padding-left: 1em;
    text-indent: -1em;
}

.indent2{
    padding-left: 2.5em;
    text-indent: -2.5em;
}

hr{
	border-width: 1px 0px 0px 0px;
	border-style: solid; 
	border-color: #E8E8E8;
	height: 1px;
}

.borderNone{ border-bottom:none !important;}
.borderBgNone{ background:none !important;}

.flagNone{ background:none !important;}

/* back icon */
a.pdf{
	background:url(/privacy/images/icon_pdf.png) 0 2px no-repeat;
	padding-left:25px;
}

/* width */
.w10per{ width:10%;}
.w15per{ width:15%;}
.w20per{ width:20%;}
.w30per{ width:30%;}
.w35per{ width:35%;}
.w60per{ width:60%;}
.w65per{ width:65%;}
.w70per{ width:70%;}
.w80per{ width:80%;}


/* margin */
.mT0 {margin-top:0 !important;}
.mT5{ margin-top:5px !important;}
.mT8{ margin-top:8px !important;}
.mT10{ margin-top:10px !important;}
.mT15{ margin-top:15px !important;}
.mT20{ margin-top:20px !important;}
.mT30{ margin-top:30px !important;}
.mT40{ margin-top:40px !important;}
.mT50{ margin-top:50px !important;}
.mT60{ margin-top:60px !important;}

.mR5{ margin-right:5px !important;}
.mR6{ margin-right:6px !important;}
.mR10{ margin-right:10px !important;}
.mR15{ margin-right:15px !important;}
.mR20{ margin-right:20px !important;}
.mR40{ margin-right:40px !important;}

.mB0{ margin-bottom:0 !important;}
.mB2{ margin-bottom:2px !important;}
.mB5{ margin-bottom:5px !important;}
.mB10{ margin-bottom:10px !important;}
.mB15{ margin-bottom:15px !important;}
.mB20{ margin-bottom:20px !important;}
.mB25{ margin-bottom:25px !important;}
.mB30{ margin-bottom:30px !important;}
.mB40{ margin-bottom:40px !important;}
.mB50{ margin-bottom:50px !important;}
.mB60{ margin-bottom:60px !important;}
.mB70{ margin-bottom:70px !important;}

.mL0{ margin-left:0 !important;}
.mL5{ margin-left:5px !important;}
.mL10{ margin-left:10px !important;}
.mL12{ margin-left:12px !important;}
.mL15{ margin-left:15px !important;}
.mL20{ margin-left:20px !important;}
.mL25{ margin-left:25px !important;}
.mL26{ margin-left:26px !important;}
.mL35{ margin-left:35px !important;}
.mL45{ margin-left:45px !important;}
.mL70{ margin-left:70px !important;}
.mL71{ margin-left:71px !important;}

.mL-25{ margin-left:-25px !important;}

/* padding */
.pB0{ padding-bottom:0 !important;}