@charset "utf-8";
/*
Theme Name: pc

*/

*{margin:0;padding:0;}

html{background:#ffffff;}
body{
font-size:18px/1.7;
/*
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
*/
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
color:#252525;
background:#ffffff;
/*background:#ffffff url(images/header.png) repeat-x;*/
}
table{
border-collapse: collapse;
border-spacing: 0;
}
/*******************************
全体幅
*******************************/
#header{
margin:0 auto;
width:1000px;
}
#wrapper{
margin:0 auto;
width:1000px;
}
#container{
margin:0px auto;
width:1000px;
}

#main h2{
width:80%;
text-align:center;
margin:50px 10% 30px;
color:#212121;
}
#main h2{
  position: relative;
  padding: 0.25em 1em;
  border: solid 2px gray;
  border-radius: 3px 0 3px 0;
}
#main h2:before, h1:after {
  content: '';
  position: absolute;
  width:10px;
  height: 10px;
  border: solid 2px gray;
  border-radius: 50%;
}
#main h2:after {
  top:-12px;
  left:-12px;
}
#main h2:before {
  bottom:-12px;
  right:-12px;
}
.top_qr{
width:1000px;
height:200px;
}

/*******************************
ヘッダー
*******************************/
#header{
width:1000px;
height:750px;
padding:10px 0 0;
background:url(https://raian.care/hp/wp-content/themes/pc/images/bg_top_header.png) no-repeat;
overflow:hidden;
}
#header-2{
width:1000px;
height:300px;
padding:10px 0 0;
background:url(https://raian.care/hp/wp-content/themes/pc/images/bg_top_header.png) no-repeat;
overflow:hidden;
}
#nav_header{
width:530px;
height:70px;
float:right;
}
#top-link{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
} 
/*******************************
フッター
*******************************/
#footerUpper{
clear:both;
margin:50px auto;
width:1000px;
}
#footerLower{
width:1000px;
clear:both;
text-align:center;
}
address{
width:1000px;
margin:10px auto 0;
text-align;center;
font-style:normal;
font-size:12px;
}
#footer_blog_tl{
width:220px;
height:90px;
background:tl_blog;
background:url(https://raian.care/hp/wp-content/themes/pc/images/tl_blog.png);
overflow:hidden;
padding:40px 0 0 780px;
}
#footer_blog_wrapper{
width:1000px;
height:350px;
overflow:hidden;
margin:0 10px;
}
.footer_blog_box{
width:282px;
height:340px;
overflow:hidden;
margin:0 0 0 30px;
float:left;
}
p.blog_img{
width:282px;
height:190px;
overflow:hidden;
}
p.blog_img img{
width:100%;
height:auto;
animation: animationZoom2 10s ease-in-out infinite;
}
@keyframes animationZoom2 {
50% { transform: scale(1.4)}
}
p.blog_date{
width:125px;
height: 24px 0 0;
background:#ea640b;
margin:10px 0 0;
color:#ffffff;
text-align:center;
padding:4px 0 0;
}
p.blog_content{
width:282px;
height:46px;
overflow:hidden;
margin:10px 0 0;
}
/*******************************
サービス案内
*******************************/
p.service-02{
margin:30px 10px;
}
#service-01{
width:90%; 
margin:30px 0  20px 8%;
}
#service-01 table{
width: 100%;
margin:0 0 50px;
border-collapse: collapse;
}
#service-01 table tr{
border-bottom: solid 2px white;
}
#service-01 table tr:last-child{
border-bottom: none;
}
#service-01 table th{
position: relative;
text-align: left;
width: 15%;
background-color: #52c2d0;
color: white;
text-align: center;
padding: 20px 0;
}
#service-01 table span{
color:brown;
}
#service-01 table th:after{
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
top:calc(50% - 10px);
right:-10px;
border-left: 10px solid #52c2d0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
#service-01 table td{
text-align: left;
width: 70%;
background-color: #eee;
padding: 20px 20px 20px 40px;
}
#service-01 h3 {
border-bottom: solid 3px skyblue;
position: relative;
margin:10px 0 50px;
}
#service-01 h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ffc778;
bottom: -3px;
width: 30%;
}

/*******************************
お問合わせ
*******************************/
p.inquiry-01{
width:80%;
margin:50px auto;
text-align:center;
}
table.order{
width:80%;
margin:0px 8% 50px 12%;
}
table.order th{
padding:10px 20px;
text-align:left;
color:#ffffff;
background:gray;
border-bottom:1px solid #ffffff;
}
table.order td{
padding:10px;
border:1px solid silver;
}
input.wpcf7-text{
font-size:150%;
padding:10px;
border:1px solid silver;
}
.wpcf7-textarea{
border:1px solid silver;
}
input.wpcf7-submit{
margin:50px 0;
font-size:150%;
padding:1rem 2rem;
}
#aboutus-01 table{
width: 70%;
margin:50px 0 50px 25%;
}
/*******************************
事業所案内
*******************************/
#aboutus-01 table th{
position: relative;
text-align: left;
width: 25%;
padding:30px 0;
}
#aboutus-01 table th:after{
display: block;
content: "";
width: 30px;
height: 1px;
background-color: #333;
position: absolute;
top:calc(50% - 1px);
right:-15px;
}
#aboutus-01 table td{
text-align: left;
width: 85%;
padding:30px 0 30px 80px;
}
/*******************************
採用情報
*******************************/
#recruit-01{
width:80%;
margin:30px 10% 50px;
}
p.recruit-02{
line-height:2rem;
margin:30px 0 50px;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
}
.cp_qa .cp_actab {
	padding: 20px 0px;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
}
.cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_qa .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
  display: none;
}
/*******************************
ブログ
*******************************/
#blog{
width:80%;
margin:30px 10%;
line-height:2rem;
}
#next{
margin:30px 10%;
text-align:center;
}
#next a{
text-decoration:none;
color:navy;
}
#next a:hover{
text-decoration:underline;
}
/*******************************
ブログ一覧
*******************************/
#blog-list{
width:80%;
margin:50px 10%;
}
.box_blog{
width:100%;
height:130px;
overflow:hidden;
margin:30px 0 50px;
border-bottom:1px dotted silver;
}
.box_blog  a{
color:navy;
text-decoration:none;
font-weight:bold;
font-size:120%;
}
.box_blog  a:hover{
text-decoration:underline;
}
span.date{
float:right;
}
.blog_content p{
margin:10px 0px 15px;
}