@charset "utf-8";
/* -----------------------------------------
-- 1. set
-- 2. title
-- 3. text
-- 4. list
-- 5. table
-- 6. other
-- 7. form
-- 8. blog
----------------------------------------- */
/*--------------------------------------------------------------------
1. set / box
---------------------------------------------------------------------*/
#container.second section{padding-bottom: 70px;}

/* 2column box
------------------------------------------------------*/
.cBox2col + .cBox2col{margin-top: 50px;}
.cBox2col .img{
	width:auto;
	float:none;
	max-width: 300px;
	margin: 0 auto 20px;
}
.cBox2col .txt{
	width:auto;
	float:none;
}

/* service 3column box
------------------------------------------------------*/
.cBoxService01{
	padding-bottom: 40px;
	overflow: hidden;
}
.cBoxService01 .item{
	width:auto;
	float:none;
	max-width: 360px;
	margin: 0 auto 35px;
}
.cBoxService01 .item:nth-child(3){margin-right: auto;}
.cBoxService01 .item a{padding: 25px 20px 50px;}
.cBoxService01 .item a::after{
	width: 27px;
	height: 27px;
	right: 15px;
	bottom: 15px;
}
.cBoxService01 .item a .img{min-height: 90px;}
.cBoxService01 .item a .tit{display:block;}
.cBoxService01 .item a .tit span{font-size:1.5rem;}
.cBoxService01 .item a p{
	font-size: 1.3rem;
	line-height: 2.1;
}
.cBoxService01 .item#seriviceItem02 a .img img{margin-top: 10px;}

/*--------------------------------------------------------------------
2. title
---------------------------------------------------------------------*/
/* kazariMoji blue - 48px (sub--16px)
---------------------------------*/
.cTitSc01{
	margin-bottom: 30px;
	font-size: 3.6rem;
}
.cTitSc01 span{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.3rem;
}

/* before after line blue - 18px
---------------------------------*/
.cTitLine01 span{
	padding-left: 25px;
	padding-right: 25px;
	font-size: 	1.6rem;
	line-height: 1.5;
}
.cTitLine01 span::before,
.cTitLine01 span::after{width: 12px;}

/* normal bold - 28px
---------------------------------*/
.cTitB01{
	margin-bottom: 15px;
	font-size: 1.7rem;
}

/*--------------------------------------------------------------------
5. table
---------------------------------------------------------------------*/
table.cTb01 th,
table.cTb01 td,
table.cTb02 th,
table.cTb02 td{
	display: list-item;
	list-style-type: none;
	font-size: 1.4rem;
	line-height: 2;
	padding: 15px 0;
}
table.cTb01 th,
table.cTb02 th{
	width: 100%;
	border-bottom: none;
	padding-bottom: 0;
}
table.cTb01 td,
table.cTb02 td{padding-top: 0;}

/*--------------------------------------------------------------------
6. other
---------------------------------------------------------------------*/
/* morebtn
-----------------------*/
.morebtn::after{
	width: 25px;
	height: 25px;
}
.morebtn a,
.morebtn.btn02 span{
	font-size: 1.5rem;
	line-height: 25px;
}
.morebtn.btn01{
	width: 105px;
	height: 25px;
}
.morebtn.btn02{
	width: 135px;
	height: 25px;	
}
#serviceList .morebtn{
	margin-top: 40px;
	padding-right: 45px;
}
#serviceList .morebtn::after{
	top: 50%;
	margin-top: -18px;
}

/*--------------------------------------------------------------------
7. form
---------------------------------------------------------------------*/
#form table th::before{ display: none;}
#form table{margin-bottom: 40px;}
#form table th,
#form table td{
	display: list-item;
	list-style-type: none;
	font-size: 1.4rem;
	line-height: 2;
	padding: 15px 0;
}
#form table th{
	width: 100%;
	border-bottom: none;
	padding-bottom: 15px;
}
#form table th br{display: none;}
#form table td{padding-top: 0;}

#form input[type="text"],
#form input[type="email"],
#form input[type="url"],
#form textarea{ 
    padding:4px 4px;
	font-size: 16px;
}
#form td.name div{
	width:auto;
	float:none;
	padding-right: 0;
}
#form td.name div + div{
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
}

#form .formBtn input,
.btnThanks a{
	width: 220px;
	height: 50px;
	max-width: 100%;
	line-height: 50px;
	font-size: 	1.4rem;
}

#form .formBtn input.back,
#form .formBtn input.back + input{max-width: calc((100% - 30px)/2);}
#form .formBtn input.back + input{margin-left: 20px;}

/*--------------------------------------------------------------------
8. blog
---------------------------------------------------------------------*/
.post {padding-bottom:40px;}
.post >img,
.post p img{max-width:100%;}

/* pager2
--------------*/
.pageNav{
    padding-left:0;
    padding-right:0;
}
.pageNav ul li{
	width: 28%;
    height:40px;
}
.pageNav ul li + li{margin-left: 8%;}

.pageNav ul li a{
    line-height:40px;
    font-size:	1.1rem;
}
.pageNav ul li.prev a{padding-left:5px;}
.pageNav ul li.next a{padding-right:5px;}

.pageNav ul li.prev a::before{left:10px;}
.pageNav ul li.next a::before{right:10px;}