/* ----------------------------------------
全体 リセット
---------------------------------------- */

*{
	margin:0;
	padding:0;
	font-style:normal;
}

h1, h2, h3, h4, h5, h6,body,div,p, ul, ol, li, img, dl, dt, dd, form, table, section, class, span,th,td,tabel,{
	font-size: 100%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	word-wrap:break-word;
}

h1, h2, h3, h4, h5, h6,body,div,p, ul, ol, li, img, dl, dt, dd, form, table, section, class, span{word-wrap:break-word;}

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

body{
	font-family: "Hiragino maru Gothic ProN W4", "Hiragino Kaku Gothic Pro","Hiragino Sans", "arial", "Meiryo", "MS PGothic", sans-serif!important;
	-webkit-text-size-adjust: 100%;

}

ol,ul,li{
	list-style-type:none;
}

img{
	border:0;
	vertical-align: baseline;
	-webkit-backface-visibility: hidden;

}

textarea{
	font-size:100%;
}

A:link { text-decoration: none; color: #FF0099;}
A:visited { text-decoration: none; color: #FF0099;}
A:hover { text-decoration: underline; color: #FF0099;}

.td-none{text-decoration: none;}


a img {
	-webkit-transition: opacity 0.2s; /*Safari,Chrome*/
	-o-transition: opacity 0.2s; /*Opera*/
	-moz-transition: opacity 0.2s; /*Firefox*/
	transition: opacity 0.2s;
	opacity: 1;
	
}

a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}


.txt{color:#ccc;}

.txt-none{display:none;}/*seo用*/


.clearboth{clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.red{color:#FF0099;}
.white{color:#ffffff;}
.blue{color:#0000ff;}
.black{color:#000000;}
.orange{color:#ff6600;}
.pink{color:#ff0099;}

.bold{font-weight:bold;}
.italic{font-style:italic;}


.border{border:1px solid #aaa;}

hr.dot{border:1px dotted #ccc;}




/* ----------------------------------------
  フォント指定
---------------------------------------- */

.ffmin{font-family:'ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 Pro W6','Hiragino Mincho Pro','serif';}
.ffgoc{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo','メイリオ','sans-serif';}

.font-10{font-size:83.3%; }
.font-11{font-size:91.7%; }
.font-12{font-size:100.0%; }
.font-13{font-size:108.3%; }
.font-14{font-size:116.7%; }
.font-15{font-size:125.0%; }
.font-16{font-size:133.3%; }
.font-17{font-size:141.7%; }
.font-18{font-size:150.0%; }
.font-20{font-size:166.7%; }
.font-21{font-size:175.0%; }
.font-22{font-size:183.3%; }
.font-23{font-size:191.7%; }
.font-24{font-size:200.0%; }
.font-26{font-size:208.3%; }
.font-30{font-size:266.7%; }
.font-40{font-size:280.0%; }


.txt-left{text-align:left;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}

.bold{font-weight:bold;}

/* ----------------------------------------
  float
---------------------------------------- */

.fll{float:left;}
.flr{float:right;}

/* ----------------------------------------
  line-height
---------------------------------------- */

.lh-120{line-height:120%;}
.lh-140{line-height:140%;}
.lh-160{line-height:160%;}
.lh-180{line-height:180%;}
.lh-200{line-height:200%;}
.lh-220{line-height:220%;}

/* ----------------------------------------
  マージン
---------------------------------------- */

.m2{margin:2px;}
.m5{margin:5px;}
.m7{margin:7px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt0{margin-top:0px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}


.p2{padding:2px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}

.pt2{padding-top:2px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pr2{padding-right:2px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.pb2{padding-bottom:2px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}
.pb80{padding-bottom:80px;}

.pl2{padding-left:2px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}

.linetitle{border-left:#FF0099 10px solid;    padding-left: 10px;}

	
		.cp_qa *, .cp_qa *:after, .cp_qa *:before {
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
		}

		.cp_qa .cp_actab {
			position: relative;
			overflow: hidden;
			width: 96%;
			margin:auto;
			margin-bottom: 1px;
			
		}
		.cp_qa .cp_actab input {
			position: absolute;
			opacity: 0;
		}
		/* 質問 */
		.cp_qa .cp_actab label {
			line-height: 1.6;
			position: relative;
			display: block;
			margin: 0 0 0 0;
			padding: 1em 2em 1em 1em;
			cursor: pointer;
			border-bottom: 2px dotted #999;
			font-size:16px;
		}
		.cp_qa .cp_actab label:hover {
			color: #FF0099;
		}
		/* 答え */
		.cp_qa .cp_actab .cp_actab-content {
			overflow: hidden;
			max-height: 0;
			-webkit-transition: max-height 0.5s ease;
			        transition: max-height 0.5s ease;
		}
		.cp_qa .cp_actab .cp_actab-content p {
			margin: 1em;
			font-size:16px;
			color: #000;
		}
		/* 質問を開いた時の仕様 */
		/* --アイコン */
		.cp_qa .cp_actab input:checked ~ label {
			color: #FF0099;
		}
		/* --答えの高さ */
		.cp_qa .cp_actab input:checked ~ .cp_actab-content {
			max-height: 40em;
			background: rgba(255 255 255 / 80%);
		}
		/* 質問をクリックした時のアイコンの動き */
		.cp_qa .cp_actab label::after {
			line-height: 1.6;
			position: absolute;
			top: 50%;
			right: 0;
			display: block;
			width: 3em;
			margin-top: -12.5px;
			-webkit-transition: all 0.5s ease;
			        transition: all 0.5s ease;
			text-align: center;
		}
		.cp_qa .cp_actab input[type=checkbox] + label::after {
			content: '▼';
		}
		.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
			-webkit-transform: rotateX(180deg);
			transform: rotateX(180deg);
		}