@charset "utf-8";
body,html{
	font-family: "Noto Sans Japanese";
	font-size:100%;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,div,p,table{
	font-family: "Noto Sans Japanese";
	margin:0;
	padding:0;
}
ul{
	margin-left:30px;
	padding:0;
}
img{
	vertical-align:bottom;
}

#wrap{
	width:100%;
}
.container{
	width:100%;
}
.inner{
	width:100%;
	max-width:1180px;
	margin:0 auto;
}
header img{
	width:100%;
}
/*-------------------------------
head
-------------------------------*/
.fsent{
	text-align:center;
	margin-bottom:20px;
}

/*-------------------------------
block1
-------------------------------*/
#block1{
	background:#333333;
	color:#FFF;
	padding-bottom:60px;
}
#maincatch{
	text-align:center;
	font-size:2.2rem;
	line-height:2.4rem;
	color:#ffe63e;
}

/*-------------------------------
block2
-------------------------------*/
#block2{
	padding :40px 0;
}
.bd{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.item{
	flex-basis: 48%;
	align-self: stretch;
}
.item img{
	width: 100%;
}
.s-area{
	background:#f6f6ed;
	border:1px solid #e0e0db;
	padding:20px;
	margin-bottom:40px;
	margin-top:-10px;
	min-height:300px;
}

/*-------------------------------
block3
-------------------------------*/
#block3{
	background:url(../img/bg_17.png);
	padding-bottom:40px;
}
#blck3-title,#blck12-title{
	text-align:center;
	padding:5px 0;
	background:#000;
} 
#blck3-title h2 img,#blck12-title img{
	width:100%;
}
.sk{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #000;
	margin:0px auto 0px auto;
}
.se-area{
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	background:#FFF;
	padding:40px 20px;
}
ul#trouble li{
	background:url("../img/ico_20.jpg") no-repeat top left;
	padding-left:40px;
	min-height:45px;
	list-style:none;
	margin-bottom:20px;
}
.lh{
	line-height:20px;
}
.lh2{
	line-height:40px;
}

/*-------------------------------
block4
-------------------------------*/
#block4{
	background-size:20%;
	background:url(../img/block4_bg.png) #f2f2f2 left bottom no-repeat;
	background-size:35%;
	min-height:688px;
	padding-bottom:60px;
}
#reason{
	padding-top:30px;
	width:83%;
	float:right;
}
#reason img{
	width:100%;
}
#reason div{
	padding:0px 15px;
	line-height:2.2em;
	font-size:1.1em;
}

/*-------------------------------
block5
-------------------------------*/
#block5{
	padding:30px 0;
}
.block_title{
	text-align:center;
	font-size:2.2em;
	border-bottom:6px solid #cc0000;
	display:block;
	width:380px;
	margin:0 auto;
	line-height:1em;
}
.subtitle{
	background:url(../img/block5-img_03.png) no-repeat left;
	width:892px;
	min-height:105px;
	margin:0 auto;
	text-align:center;
	margin-bottom:40px;
}
.subtitle h3{
	background:url(../img/block5-img_05.png) no-repeat right;
	min-height:105px;
	font-size:1.6em;
	line-height:1.6em;
	padding-top:20px;
}
.circle-box{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin-bottom:60px;
}
.items{
	flex-basis: 25%;
	align-self: stretch;
}
.circle{
	display: inline-block;
	width: 248px;
	height: 248px;
	border-radius: 50%;
	background:#333333;
	text-align:center;
	vertical-align: middle;
	color:#FFF;
}
#c1,#c2,#c3,#c4{
	display: inline-block;
	padding-top:38px;
	line-height:3em;
	font-size:1.3em;
}
#c4{
	display: inline-block;
	padding-top:56px;
	line-height:2em;
	font-size:1.3em;
}
#m-area{
	background:#f6f6ed;
	padding:40px;
	font-size:1.1em;
	line-height:1.6em;
	text-align: center;
}

/*-------------------------------
block6
-------------------------------*/
#block6{
	padding:30px 0 30px 0;
}
.block_title2{
	text-align:center;
	font-size:2.2em;
	border-bottom:6px solid #cc0000;
	display:block;
	width:500px;
	margin:0 auto 10px auto;
	line-height:1em;
}
.block_title3{
	text-align:center;
	font-size:2.2em;
	border-bottom:6px solid #cc0000;
	display:block;
	width:550px;
	margin:0 auto 40px auto;
	line-height:1em;
}
#blk6-img{
	float:left;
	margin-right:20px;
}
#blk6-sent{
	line-height:1.8em;
	font-size:1.1em;
}

/*-------------------------------
block7
-------------------------------*/
#block7{
	padding:30px 0 30px 0;
	background:url(../img/block7-bg.jpg) no-repeat;
	min-height:360px;
}
h3.rep{
	text-align:center;
	font-size:2.2em;
	margin-bottom:20px;
}
#blk7-sent{
	background:rgba(0,0,0,0.8);
	padding:40px 30px;
	color:rgb(255,255,255);
	text-align:center;
	font-size:1.6em;
	text-decoration:underline;
	line-height:1.4em;
}

/*-------------------------------
block8
-------------------------------*/
#block8{
	padding:0px 0 50px 0;
}
.nbd{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.nitem{
	flex-basis: 32%;
	align-self: stretch;
}
.nitem img{
	width:100%;
}
/*-------------------------------
block9
-------------------------------*/
#block9{
	padding:60px 0 40px 0;
	background:url(../img/block9_19.jpg) no-repeat;
	background-size:cover;
	min-height:630px;
}
#blk9-tit{
	text-shadow:2px 2px 3px #fff;
	margin-bottom:40px;
	font-size:2.6em;
}
#real-box{
	padding:60px 45px;
	background:rgba(255,255,255,0.8);
	border:10px solid #FFF;
	font-size:1.1em;
	line-height:1.4em;
	
	
}
/*-------------------------------
block10
-------------------------------*/
#block10{
	padding:60px 0 60px 0;
}
#blk10-tit{
	width:410px;
}
#blk10-tit2{
	width:510px;
}
#blk10-sent{
	line-height:1.8em;
	font-size:1.1em;
}
#blk10-img{
	float:right;
	margin-left:25px;
}
/*-------------------------------
block11
-------------------------------*/
#block11{
	padding:40px 0 0 0;
	background: rgb(236,242,245); /* Old browsers */
	background: -webkit-linear-gradient(bottom left, rgba(236,242,245,1) 0%, rgba(236,242,245,1) 53%, rgba(240,249,255,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(236,242,245,1) 0%, rgba(236,242,245,1) 53%, rgba(240,249,255,1) 100%);
	background: linear-gradient(to top right, rgba(236,242,245,1) 0%, rgba(236,242,245,1) 53%, rgba(240,249,255,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf2f5', endColorstr='#f0f9ff',GradientType=1 ); 
}
#blk11-bg{
	background:url(../img/block11-img_26.png) no-repeat;
	background-position:5% 100%;
	min-height:440px;
}
#blk11-sent{
	line-height:1.8em;
	font-size:1.1em;
}
#opening{
	width:60%;
}
#opening p{
	padding:15px;
}
#opening img{
	width:100%;
}

/*-------------------------------
block12
-------------------------------*/
#block12{
	padding:0 0 60px 0;
	background:url(../img/blk12-bg_36.jpg);
}
#blck12-title{
	padding:20px 0;
}
.cols{
	flex-basis: 48%;
	align-self: stretch;
}
.stbox{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 8px 4px 2px rgba(112, 110, 112, 0.26);
	-webkit-box-shadow: 0px 8px 4px 2px rgba(112, 110, 112, 0.26);
	-ms-box-shadow: 0px 8px 4px 2px rgba(112, 110, 112, 0.26);
	box-shadow: 0px 8px 4px 2px rgba(112, 110, 112, 0.26);
	background:#FFF;
	padding:30px;
}

/*-------------------------------
block13
-------------------------------*/
#block13{
	padding:0px 0 60px 0;
	background:#cccccc;
}
#note{

}
#note-bd{
	-moz-box-shadow: 0px 8px 4px 2px rgba(112, 110, 112, 0.26);
	-webkit-box-shadow: 0px 8px 4px 2px rgba(112, 110, 112, 0.26);
	-ms-box-shadow: 0px 8px 4px 2px rgba(112, 110, 112, 0.26);
	box-shadow: 0px 8px 4px 2px rgba(112, 110, 112, 0.26);
	background:#FFF;		
}
#note-h{
	background:url(../img/note_40.png) repeat-x;
	height:26px;
}
#mem-head{
	text-align:center;
}
#mem-bd{
	padding:20px 70px 70px 70px;
}
.qt-box{
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	background:url(../img/note_48.png);
	padding:8px 15px; 
}
h4.qt{
	background:url(../img/q_51.png) no-repeat left;
	padding-left:40px;
	line-height:41px;
	font-size:1.3em;
}
.ans{
	padding-top:15px;
	padding-bottom:40px;
}

/*-------------------------------
block14
-------------------------------*/
#block14{
	padding:0px 0 60px 0;
}
#company-title{
	text-align:center;
}
#company{
	width:100%;
}
table#company td{
	padding:7px;
}
.td1{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.td2{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.bdb{
	border-bottom:1px solid #CCC;
}
div#t-outer{
	width:60%;
	margin:60px auto;
}
#c-date{
	text-align: right;
	padding:10px 0;
}
/*-------------------------------
footer
-------------------------------*/
footer{
	background:rgb(0,0,0);
	padding:40px 0;
	text-align:center;
}
#footer-inner img{
	vertical-align: middle;
}
#twitter,#facebook{
	margin:0 10px;
}
#logo{
	text-align:left;
}
#copy{
	padding:30px 0;
	text-align: center;
	color:#fff;
}
/*-------------------------------
common
-------------------------------*/
.alc{
	text-align:center;
	padding-bottom:40px;
}
.tar{
	text-align:right;
}
.mgb10{
	margin-bottom:10px;
}
.mgb15{
	margin-bottom:15px;
}
.mgb20{
	margin-bottom:20px;
}
.mgb30{
	margin-bottom:30px;
}
.mgb40{
	margin-bottom:40px;
}
.mgb50{
	margin-bottom:50px;
}
.mgb60{
	margin-bottom:60px;
}
.clo{
	color:#fc7407;
}
.cly{
	color:#fdd109;
}
.fr{
	float:right;
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}