@charset "utf-8";

/*------------------------------------------------------------------
/
/	STYLE:PC
/
/-----------------------------------------------------------------*/


html {}
body {
	margin: 0 auto;
	font-size:100%;
	color: #444;
	line-height: 1.7;
	background:fff;
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
a {
	color: #777;
	text-decoration: none;
}
a:hover {}
a:visited {}
a:hover {}

* header:after,
* footer:after,
* main,
* section:after,
* article:after,
* div:after,
* ul:after,
* ol:after,
* dl:after {
	content: "";
	clear: both;
	display: block;
}

/* common
-------------------------------------------------------*/
.sp {
	display: none;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.area {
	width:100%;
}
.area-in {
	width:980px;/* 任意の幅 */
	margin: 0 auto;
}

/* header
-------------------------------------------------------*/
#header {
	padding: 0px 0 10px 0;
}
#header .in {
	width: 980px;
	margin: 0 auto;
}
#header .in .logo {
	float: left;
}
#header .in p {
	float: right;
}

h1.header_txt {
	margin-bottom:5px;
	font-size:13px;
}

.header_contact {
	display:block;
	float:right;
}

.header_contact img{
	margin-left:9px;
}


/* footer
-------------------------------------------------------*/
#footer {
	padding:50px 0 20px;
	background:url(../images/blue_bg.png) repeat;
	color:#fff;
	}
	
.adress_area {
	width:980px;
	margin:0 auto;
	text-align:left;
	line-height:170%;
}

.adress_area span{
	background:#fff;
	color:#1664ae;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding:3px 20px;
	font-weight:bold;
}


#footer #copy {
	margin-top:30px;
	font-size: 14px;
	padding:20px;
	vertical-align:bottom;
	text-align:center;
}


/*=======================================================
	以下コンテンツのセクションごと
=======================================================*/


/* main
-------------------------------------------------------*/

#visual{
	background:url(../images/main_bg.png) repeat-x;
	height:auto;
	margin:0 auto;
	padding:0;
}

h2{
	margin:0!important;
	padding:0!important;
}


/* 見出しタイトルテキスト
-------------------------------------------------------*/

.h3ttl{
	color:#fff;
	 font-size:55px;
	 font-family: "Noto Sans Japanese";
	 font-weight: 900;
	 text-shadow: 2px 2px 2px #333;
	 text-align:center;
	 line-height:125%;
	 padding:30px 0;
	 margin-top:0;
}

.h3ttl span{
	color:#e63a81;
}


.h3ttl02{ 
     color:#29a4e3;
	 font-size:55px;
	 font-family: "Noto Sans Japanese";
	 font-weight: 900;
	 text-align:center;
	 line-height:125%;
	 padding:30px 0;
	 margin-top:0;
}


.h3ttl03{ 
     color:#1664ae;
	 font-size:55px;
	 font-family: "Noto Sans Japanese";
	 font-weight: 900;
	 text-align:center;
	 line-height:125%;
	 padding:30px 0;
	 margin-top:0;
}



.c_txt02{
	 color:#b50d24;
	 font-size:20px;
	 font-family: "Noto Sans Japanese";
	 font-weight: bold;
	 text-align:center;
	 line-height:155%;
	 padding:15px 0;
	 
}


.mt30{
	margin-top:30px;
}

.m30{
	padding:30px 0;
}
/* cv_area
-------------------------------------------------------*/

.cv_area{
	background:#fff;
	padding:30px 0 ;
}

.cv_bg{
	background:url(../images/cv_bg.png) no-repeat;
	height:275px;
	margin:20px auto 0;
	text-align:center;
	width:920px;
}

.cv_tel{
	text-align:center;
	padding-top:160px;
	margin:0 auto;
	}

.cv_bg img{
	margin-right:10px;
}


/* #area01 
-------------------------------------------------------*/

#area01{
	background:url(../images/blue_bg.png) repeat;
	text-align:center;
	margin:0 auto;
	padding:20px 0 0;
}

#area01-in{
	width:840px;
	margin:0 auto;
	}

.occupation_box{
	width:470px;
	color:#fff;
	font-size:18px;
	padding:0 0 20px;
	float:left;
	font-weight:bold;
	text-align:left;
	}


.occupation_box img{
	display:block;
	padding-bottom:20px;
}

	
.occupation_box h4{
	font-size:28px;
	margin:0 0 10px 0;
	padding:10px 0;
	font-weight:bold;
}



/* #area02 
-------------------------------------------------------*/


#area02 {
	background:#ffffcb;
	text-align:center;
	margin:0 auto;
	padding:0;
}

#area02-in{
	 padding:30px 0 50px;
	 text-align:center;
	 width:1200px; 
	 margin:0 auto;
	}

#area02-in h4{
	font-weight:bold;
	color:#f15a24;
	font-size:22px;
	text-align:center;
}

.col-md-1-5 {
    width: 220px;
    float: left;
	text-align:left;
	margin-left:25px;
	
}
	

/* #area03 

-------------------------------------------------------*/
#area03-in {
	padding: 60px 0;
	background:#dff4fb;
}



/* #area04 
-------------------------------------------------------*/
#area04{
	padding:0px 0 50px 0;
	background: #eeeeee;
	text-align:center;
	margin:0;
}

#area04-in{
	width:1200px;
}


.skil_box{
	padding:20px 20px 0 20px;
	background:#fff;
	width:280px;
	float:left;
	margin-right:20px;
}

.skil_box02{
	padding:20px 20px 0 20px;
	background:#fff;
	width:280px;
	float:left;
	margin-right:20px;
}

.skil_box p{
	text-align:left;
	padding:10px;
	
}

.skil_box02 p{
	text-align:left;
	padding:10px;

	
}

.skil_box h4{
	font-weight:bold;
	font-size:18px;
	padding:10px;
	text-align:center;
	margin:0;
	border-bottom:solid #fff443 3px;
}

.skil_box02 h4{
	font-weight:bold;
	font-size:18px;
	padding:10px;
	text-align:center;
	margin:0;
	border-bottom:solid #fff443 3px;
}

/* #area05 
-------------------------------------------------------*/
#area05 {
	background:#ffffcb;
	margin:0 auto;
	padding:0px;
	}
#area05 .area-in{
	padding:0px 0 50px;
}

#area05-in .box04{
	float:left;
	font-size:16px;
	width:310px;
}

.box04 img{
	text-align:center;
	margin:0 auto 30px;
	display:block;
}

.voice_area02 img{
	margin-top:-30px;
	margin-bottom:0;
}

.voice_area01 img{
	margin-top:-30px;
	margin-bottom:0;
}

.v_pic02{
	text-align:center;
	margin:0 auto;
	max-width:195px;
}

#area05-in .voice_area01{
	width:95%;
	box-sizing: border-box;
	font-size:16px;
	background:#fff;
	padding:10px 10px 20px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
}

.voice_area01 span{
	color:#2596c7;
	font-weight:bold;
	font-size:20px;
}

.voice_area02 span{
	color:#2596c7;
	font-weight:bold;
	font-size:20px;
}

#area05-in .voice_area02{
	width:95%;
	box-sizing: border-box;
	font-size:16px;
	background:#fff;
	padding:10px 10px 20px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	}


.box04 h4{
	color:#2596c7;
	font-size:15px;
	font-weight:700;
	text-align:center;
	padding-bottom:30px;
}



/* #area06 
-------------------------------------------------------*/
#area06-in {
	width: 100%;
	padding-bottom:60px;
	background:url(../images/sen_bg.png) repeat;
	text-align:center;
}
#area06-in img{
	text-align:center;
	margin-top:10px;
}
.txtarea{
	font-size:30px;
	font-weight:bold;
	line-height:180%;
}

.txtarea span{
	border-bottom:4px #1664ae solid;
}

.pink{
	color:#e63a81;
	border-bottom:4px #1664ae solid;
}


/* #area09 
-------------------------------------------------------*/
#area09-in {
	padding: 0px 0 60px;
	background:url(../images/blue_bg.png) repeat;
	margin:0;
}

.ftxt{
	color:#fff;
	margin-left:20px;
	padding-top:20px;
	float:left;
	width:70%;
	font-size:18px;
}

.flowbox{
	padding:0 20px;
	width:80%;
	margin:0 auto;
}

.flowbox img{
	float:left;
	width:20%;
}

	
/* #area07 
-------------------------------------------------------*/
#area07-in {
	padding: 0px 0 60px;
	background:url(../images/glay_bg.png) repeat;
	margin:0;
}


#area07-in dl dt {
background: url(../images/q.png) no-repeat left center;
padding:20px 0 20px 80px;
font-size: 22px;
font-weight:700;
color:#29a4e3;
}
#area07-in dl dd {
	background: url(../images/a.png) no-repeat left center;
	padding:10px 0 20px 80px;
	color:#333;
	font-size:16px;
	padding-top:20px
	}
	
#area07-in dl {
	margin-bottom: 10px;
	padding:20px;
	background:#fff;
	border:2px solid #dcdcdc;
	border-bottom:6px solid #dcdcdc;
}



/* #area08 無料相談フォーム
-------------------------------------------------------*/
#area08-in {
	padding:0px;
	margin:0 auto;
}
#area08-in article {
	padding: 0px 20px 30px 20px;
}

.red{
	background:#b50d24;
	color:#FFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding:1px 15px;
	margin-right:10px;
}

.green{
	background:#3ebdec;
	color:#FFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding:1px 15px;
	margin-right:10px;
}
.control-label{
	text-align:left !important;
}


.msg{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:50px 0;
	line-height:160%;
}

.btn_kakunin{
	background:#f15a24;
    color:#fff;
	font-size:27px;
	text-align:center;
	font-weight:bold;
	padding:20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:30px 0 50px;
	display:block;
	border-bottom:5px solid #bb4115;
}

.btn_kakunin:hover {
  background-color: #f3bd56;
  color:#fff;
  text-decoration:none;
}

.btn_return{
	background:#ccc;
    color:#fff;
	font-size:27px;
	text-align:center;
	font-weight:bold;
	padding:20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 0 50px;
	display:block;
	border-bottom:5px solid #a0a0a0;
}


.btn_return:hover {
  background-color: #ddd;
  color:#fff;
  text-decoration:none;
}

.txt_name{
	font-size:40px;
	font-weight:bold;
}



/*--sp用固定CV---------------------------------------*/

#fixContact {
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display: none !important;
}


/* clearfix
----------------------------------------------- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }


/* template
-------------------------------------------------------*/

.pagetop {
	position: relative;
	z-index: 9999;
	width: 44px;
	height:44px;
	background: url(../images/pagetop.png) no-repeat left top;
}