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

*/

*{margin:0;padding:0;}

html{background:#ffffff;}

body{
font-size:20px/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;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
body{
background:#ffffff url(/hp/wp-content/themes/pc/images/bg_body.png)repeat-x;
background-position:0 460px;
}
a{
color:#000000;
text-decoration:none;
}
a:hover{
color:#72a4d5;
transition:0.5s;
}
#header_wrap{
width:100%;
}
#header{
margin:0 auto;
width:1400px;
background:#ffffff;
overflow:hidden;
}
#logo{
float:left;
width:300px;
height:310px;
text-align:center;
}
#logo img:hover{
opacity:0.4;
transition:0.5s;
}
#logo h1{
padding:0px 0 0;
font-size:12px;
font-weight:normal;
}
#header_nav{
float:left;
width:900px;
height:155px;
font-size:20px;
}
p.header_nav_01{
text-align:right;
margin:50px 50px 0 0;
font-size:20px;
}
p.header_nav_01 a{
padding:0 10px;
color:#000000;
text-decoration:none;
}
p.header_nav_01 a:hover{
color:#72a4d5;
transition:0.5s;
}
p.header_nav_02{
text-align:right;
margin:30px 50px 0 0;
font-size:16px;
}
p.header_nav_02 a{
padding:0 10px;
color:#000000;
text-decoration:none;
}
p.header_nav_02 a:hover{
color:#fe7a7e;
transition:0.5s;
}
#header_contact{
float:right;
width:190px;
height:224px;
position:relative;
z-index:10;
}
#main_image{
float:right;
width:1090px;
height:560px;
margin-right:2px;
margin-top:-70px;
z-index:5;
}
#wrapper{
margin:0 auto;
width:100%;
margin:0 auto;
}
#container{
margin:0px auto;
width:1400px;
background:url(/hp/wp-content/themes/pc/images/bg_top_message.png)no-repeat;
overflow:hidden;
}
.top_info{
float:right;
width:1150px;
height:20px;
background:#ffffff;
border-radius:10px 0 0 10px;
padding:25px 50px;
margin:0px 0 0;
border:0px dotted silver;
}
.top_info_01{
float:left;
width:50px;
margin:-4px 0 0;
}
.top_info_02{
float:left;
width:140px;
color:#38a7d7;
}
.top_info_03{
float:left;
width:880px;
overflow:hidden;
}
.top_info_04{
float:left;
width:80px;
margin:-20px 0 0 ;
}
.top_info_04 a:hover{
opacity:0.5;
transition:1s;
}
.top_message{
width:650px;
margin:160px 10px 50px 80px;
background:#ffffff;
border-radius:10px 10px 0 0;
padding:30px 30px;
line-height:3rem;
}
p.top_about_service{
width:348px;
height:60px;
margin:10px 0 50px 250px;
}
p.top_about_service:hover{
opacity:0.5;
transition:0.5s;
}
.top_our_pr{
width:100%; 
background:url(/hp/wp-content/themes/pc/images/bg_top_pr.png)no-repeat;
}
p.top_about_service_01{
width:500px;
padding:22px 0 0;
margin:0 0 0 740px;
font-size:50px;
color:#ffffff;
}
p.top_about_service_02{
width:500px;
padding:0 0 260px 0;
margin:10px 0 0 770px;
font-size:18px;
color:#ffffff;
line-height:3.2rem;
}
#top_bnrbox_01{
width:100%;
margin:100px 0 0 ;
}
#top_bnrbox_01 img.btn_top_faq{
margin:0 1px 0 0;
}
#top_bnrbox_02{
width:100%;
margin:2px 0 0 ;
}
#top_blog_box{
width:1340px;
margin:90px 0 0 60px;
background:url(/hp/wp-content/themes/pc/images/top_blog.png)no-repeat;
}
p.top_blog_subtl{
width:600px
margin:80px 0 0 0;
padding:0 0 0 480px;
font-size:28px;
line-height:4rem;
color:#3a3a3a;
}		
.top_blog{
width:100%;
margin:60px 0 0 ;
}
.top_blog ul{
margin: 0 0 0 160px;
display: flex;
}
.top_blog ul li{
width:388px;
height:670px;
list-style: none;
margin-left: 20px;
border-radius:5px;
box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
background:#ffffff;
padding:30px;
}
p.blog_img{
width:360px;
height:240px;
overflow:hidden;
}
p.blog_img img:hover{
opacity:0.6;
transition:0.5s;
}
p.blog_date{
margin:20px 0;
}
p.blog_date span{
background:#4ea0d5;
color:#ffffff;
padding:5px;
border-radius:5px;
}
.blog_content{
width:320px;
height:260px;
line-height:2.5rem;
padding:20px;
border-radius:2px;
}
p.blog_more{
width:300px;
text-align:right;
margin:20px 0 0;
}
p.blog_more a:hover{
opacity:0.4;
transition:0.5s;
}

/* フッタ */
#footerUpper{
clear:both;
width:1400px;
height:300px;
margin:0 auto 0;
overflow:hidden;
}
.footerUpper_inner{
border:1px solid #ffffff;
margin:0 0 0 100px;
width:1300px;
height:300px;
background:url(/hp/wp-content/themes/pc/images/bg_footer_contact.png)no-repeat;
}
.footerUpper_inner p{
margin:230px 0 0 870px;
}
.footerUpper_inner a{
background:#16b9d7;
border-radius:5px;
text-align:center;
color:#ffffff;
font-size:22px;
padding:10px 40px;
text-decoration:none;
}
.footerUpper_inner a:hover{
opacity:0.4;
transition:0.4s;
}
#footerlower{
margin:60px 0 0;
background:url(/hp/wp-content/themes/pc/images/bg_footer_lower.png)repeat-x;
}
.footerLower_inner{
width:1400px;
margin:0 auto 0;
overflow:hidden;
}
.footerLower_adress{
margin:230px 0 0 55px;
width:530px;
float:left;
color:#ffffff;
line-height:2rem;
}
.footerLower_logo{
width:325px;
float:left;
}
.footerLower_logo img:hover{
opacity:0.8;
transition:0.8s;
}
.footerLower_insta{
margin-top:230px;
width:325px;
height:100px;
float:right;
}
.footerLower_insta img:hover{
opacity:0.8;
transition:0.8s;
}
.footerLower_nav{
width:100%;
text-align:center;
}
p.footerLower_nav_01{
margin:50px 0 0;
color:#ffffff;
}
p.footerLower_nav_01 a{
color:#ffffff;
text-decoration:none;
margin:0 10px;
}
p.footerLower_nav_01 a:hover,p.footerLower_nav_02 a:hover{
color:pink;
transition:0.5s;
}
p.footerLower_nav_02{
margin:20px 0 0;
padding:0 0 0 450px;
}
p.footerLower_nav_02 a{
color:#ffffff;
text-decoration:none;
margin:0 10px;
}
a.g-map{
color:#ffffff;
text-decoration:none;
}
a.g-map:hover{
color:pink;
transition:0.5s;
}
address{
font-style:normal;
font-size:13px;
color:#000000;
width:100%;
text-align:center;
}
h3{
width:90%;
border-bottom:1px solid #000000;
padding:0 0 10px;
font-size:24px;
margin:30px 0 50px;
}
table.price-01{
width:90%;
border:1px solid silver;
margin:50px 0;
}
table th{
padding:20px;
vertical-align:middle;
text-align:left;
}
table tr,table td{
padding:20px;
border:1px solid silver;
}
.qa-6 {
/*    max-width: 500px;*/
    max-width: 90%;
    margin-bottom: 5px;
    border-bottom: 2px solid #d6dde3;
}
.qa-6 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}
.qa-6 summary::before,
.qa-6 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}
.qa-6 summary::before {
    color: #75bbff;
    content: "Q";
}
.qa-6 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}
.qa-6[open] summary::after {
    transform: rotate(225deg);
}
.qa-6 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}
.qa-6[open] p {
    transform: none;
    opacity: 1;
}
.qa-6 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}
.inquiry-01{
width:100%; text-align:center; margin: 0 auto 50px;}
span.hissu{color:red; font-size:90%;}
p.inquiry-01{
width:80%;
margin:30px auto;
}
table.order {
width:90%;
border-collapse:collapse;
border-spacing:0;
border:#e5e5e5 1px solid;
margin:30px auto;
}
table.order th{
border:#e5e5e5 1px solid;
font-weight:normal;
background:#f4f4f4;
padding:15px 20px;
}
table.order td{
border:#e5e5e5 1px solid;
padding:15px 20px;
text-align:left;
}
input[type="text"], input[type="email"], textarea, select{ 
 vertical-align:middle; 
 width:80%; 
 line-height:2.5rem;
 padding:1px 5px; 
 border:1px solid #d4d4d7; 
 border-radius:3px; 
 -webkit-border-radius:3px; 
 -moz-border-radius:3px; 
 font-size:100%; 
 color:#555; 
 background:#fcfcfc; 
 }
input.has-spinner{
font-size:150%;
padding:10px 30px;
margin:30px 0 0 ;
}
/*投稿ページ*/
#container2{
margin:0px auto;
width:1400px;
overflow:hidden;
}
p.tl_info{
width:90%;
text-align:center;
font-size:140%;
border-bottom:1px solid gray;
padding:0 0 20px;
margin:0 auto 50px;
font-weight:bold;
}
.content{
width:100%; margin:0px auto 0px;
}
.breadcrumb{
width:90%;
height:20px;
margin:80px 0 0 40px;
font-size:18px; 
}
.content_inner{
width:1300px;
margin:20px auto;
background:#ffffff;
line-height:2rem;
padding:50px;
border-radius:10px;
}
#date{
width:90%;
margin:30px auto;
text-align:right;
font-size:18px;
}
#next{
width:90%;
margin:100px auto;
text-align:center;
font-size:18px;
}
.next_l{
width:45%;
float:left;
text-align:right;
}
.next_r{
width:45%;
float:right;
text-align:left;
}
/*スタッフ紹介*/
.staff-box{
width:40%;
border:1px solid silver;
padding:30px;
float:left;
margin:0 10px;
}
p.staff-tl{
font-size:20px;
color:#18bbd5;
border-left:10px solid #18bbd5;
padding:2px 10px;
margin:0 0 30px;
}
p.staff-tl span{
font-size:70%;
}
table.aboutus-01{
width:90%;
border:1px solid silver;
margin:20px 0 50px;
}
table.aboutus th{
padding:20px;
vertical-align:middle;
text-align:left;
}
table.aboutus tr,table.aboutus td{
padding:20px;
border:1px solid silver;
}
#top-link
{text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
} 
/*採用情報*/
table.recruit-01{
width:90%;
margin:0 auto;
}