/*
Theme Name: ORIGINAL
*/


*{
padding:0;
margin:0;
}




ul, li{
list-style:none;
}


img {
display:block;
border-style:none;
}

.font_bold{
font-weight:bold!important;
}


.text_red{
color:#B0152F!important;
}

.text_center{
text-align:center;
}

.font_13{
font-size:13pt!important;
}


.font_14{
font-size:14pt!important;
}


.font_15{
font-size:15pt!important;
}

.font_16{
font-size:16pt!important;
}


.letter01{
letter-spacing:1px!important;
}

.letter02{
letter-spacing:2px!important;
}

.letter03{
letter-spacing:3px!important;
}


.text_right{
text-align:right;
}


.text_line{
border-bottom:1px solid #011b2e;
padding-bottom:3px;
}

.red_color{
color:red;
}







body{
font-family: "游ゴシック体", YuGothic, "Helvetica Neue",Helvetica,Arial, sans-serif;
line-height:180%;
color:#000;
}

















/*  ヘッダー */

#header{
width:100%;
background: #fff;
position:fixed;
top:0;
z-index:9999;
}


.header_inner{
width:980px;
margin:0 auto;
position: relative;
padding: 20px 0;
overflow:hidden;
}




.logo{
float:left;
width:240px;
}

.logo img{
width:100%;
height:auto;
}


.menu{
float:right;
margin-top: 43px;
}




.menu ul{
overflow:hidden;
}

.menu li{
float: left;
border-left:1px solid #ccc;
width: 105px;
padding: 0px 5px;
}

.menu li:last-child{
border-right:1px solid #ccc;
}

.menu li img{
width:100%;
height:auto;
}


.menu li a{
text-decoration:none;
display:block;
-webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}

.menu li a:hover{
-webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}


ul#sub{
position:absolute;
z-index:9999;
}

ul#sub li{
float:none;
border-left:none;
border-right:none;
margin-bottom: 2px;
padding: 0px;
}

ul#sub li a{
padding: 15px 40px;
background:#000;
color:#fff;
font-size:9pt;
text-align:left;
letter-spacing:1px;
}

ul#sub li a:before{
content:"";
display:inline-block;
padding-right:10px;
background-image:url(images/menu_sign.png);
background-position:center left;
background-repeat:no-repeat;
background-size:13px 13px;
width: 13px;
height: 13px;
vertical-align: middle;
}


















/*  フッター  */


#footer{
background:#6f3586;
margin-top:100px;
}



.footer_inner{
width:920px;
margin:0 auto;
overflow:hidden;
padding: 50px 0px;
position: relative;
}


.footer_top{
overflow:hidden;
}

.footer_menu {

}



.footer_menu p{
color:#fff;
letter-spacing:2px;
font-size: 10pt;
line-height: 200%;
}

.footer_menu a{
text-decoration:none;
color:#fff;
}

.footer_menu a:hover{
text-decoration:underline;
}




.footer_copy{
margin-top: 20px;
}

.footer_copy p{
color:#fff;
font-size:9pt;
letter-spacing:2px;
}

.footer_copy p a{
color:#666;

}

.footer_page_top{
position:absolute;
right:0px;
bottom: 50px;
}















/*  パンくず  */

.pankuzu p{
letter-spacing:1px;
font-size:9pt;
color:#000;
}

.pankuzu p a{
display:inline;
color:#999;
text-decoration:none;
}












/*  スライド */



#slide{
padding-top: 145px;
}
















/*  コンテンツ */


.top_page #content{
margin-top:40px;
}


#content{
margin-top:200px;
}


#content .section{
 margin-bottom: 40px;
}


.section_inner {
margin: 0 auto;
width:980px;
overflow: hidden;
position: relative;
}



















/*  トップコンテンツ  */



#top_news .section_inner{
max-width: 100%;
}


.top_news_index{
width:48.5%;
float:left;
}


.top_news_section{
margin-top:20px;
}

.top_news_index_inner{
padding: 30px;
background: #fff;
border:4px solid #6f3586;
position: relative;
}


.top_news_title h2{
letter-spacing:4px;
font-size:16pt;
}


.top_news_title h2 span{
letter-spacing:3px;
font-size:10pt;
}


.top_news_section .top_news_box{
border-bottom:4px solid #6f3586;
padding: 24px 0;
}

.top_news_section .top_news_box:last-child{
border-bottom:none;
}

.top_news_section .top_news_box a{
letter-spacing:1px;
font-size:11pt;
text-decoration:none;
color:#000;
text-decoration:none;
display: block;
margin-top: 15px;
font-weight: bold;
}

.top_news_section .top_news_box a:hover{
color:#999;
}

.top_news_section .top_news_box span{
font-size:11pt;
color:#000;
text-decoration:none;
display:block;

}

.top_news_bottan {
position: absolute;
right: 25px;
top: 40px;
}

.top_news_bottan a{
float: right;
letter-spacing:1px;
font-size:11pt;
text-decoration:none;
color:#000;
}

.top_news_bottan a:hover{
color:#999;
}

.top_news_bottan span{
margin-right:5px;
display: inline-block;
vertical-align: -2px;
}


















.top_banner_index{
width:48.5%;
float:right;
}

.top_banner_index .top_banner_box{
margin-bottom:20px;
opacity:1;
-webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}



.top_banner_index .top_banner_box:hover{
opacity:0.6;
-webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}



.top_banner_index img{
width:100%;
height:auto;
}































#pages_content{
padding-top: 130px;
}

#pages_content .inner{
width:980px;
margin:0 auto;
}




.top_img_section{
margin-top:30px;
}


.main_title{
border-bottom:4px solid #6f3586;
padding-bottom:10px;
}



.main_title h2{
letter-spacing: 4px;
font-size: 16pt;
color:#6f3586;
}

.main_title h2 span{
letter-spacing: 2px;
font-size: 10pt;
margin-left: 10px;
}












.page_top_detail{
margin-top:30px;
overflow:hidden;
}

.page_top_detail_left{
float:left;
width:30%;
}


.page_top_detail_left img{
width:100%;
height:auto;
}

.page_top_detail_right{
float:right;
width:66%;
}

.page_top_detail_right p{
font-size: 11pt;
letter-spacing: 1px;
line-height: 220%;
}





















/*  アバウトページ  */





.about_index{
overflow:hidden;
margin-top: 30px;
}


.about_index_left{
float:left;
width:45%;
}

.about_index_left img{
width:100%;
height:auto;
}



.about_index_right{
float:right;
width:50%;
margin-top:40px;
}


.about_index_right p{
font-size:11pt;
letter-spacing:1px;
line-height:200%;
}














/*  メッセージページ  */



.message_inner{
overflow:hidden;
margin-top:30px;
padding:30px;
border: 12px solid #6f3586;
}

.message_inner p{
font-size:11pt;
letter-spacing:1px;
line-height:230%;
}




.message_left{
float:left;
width:49%;
}

.message_right{
float:right;
width:49%;
}



.message_right02{
margin-top:20px;
}

p.message_right02 {
text-align:right;
}


p.message_right02 .work{
font-size:11pt;
margin-right:20px;
}

p.message_right02 .name{
font-size:17pt;
font-weight:bold;
}


/*  セールスページ  */



.sales_index{
margin-top:30px;
overflow:hidden;
}


.sales_left{
width:49%;
float:left;
}

.sales_right{
width:49%;
float:right;
}


#sales_box {
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid #6f3586;
    border-right: 1px solid #6f3586;
    line-height: 1.2em;
}

#sales_box th {
    border-bottom: 1px solid #6f3586;
    border-left: 1px solid #6f3586;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background:#6f3586;
    letter-spacing:1px;
    font-size:13pt;
    font-weight:normal;
    width: 40%;
    line-height:180%;
}

#sales_box td {
    border-bottom: 1px solid #6f3586;
    border-left: 1px solid #6f3586;
    padding: 10px 10px;
    text-align: left;
    vertical-align: middle;
    letter-spacing:1px;
    font-size:11pt;
}

#sales_box td a{
text-decoration:none;
color:#000;
}


table {
    border-spacing: 0;
}

























/*  製作部門ページ  */




.product_index{
margin-top:30px;
}


.product_box{
overflow:hidden;
margin-bottom:50px;
}



.product_left{
width:48%;
float:left;
position:relative;
}

.product_right{
width:48%;
float:right;
position:relative;
}


.product_box .thum02{
width:20%;
position:absolute;
bottom: 10px;
left: 10px;
border:4px solid #EFB518;
border-radius: 400px;
-webkit-border-radius: 400px;
-moz-border-radius: 400px;
overflow: hidden;
}


.product_box .thum01 img, .product_box .thum02 img{
width:100%;
height:auto;
}

.product_box .name{
padding:20px 0;
}

.product_box .name p{
font-size:14pt;
letter-spacing:1px;
font-weight:bold;
text-align:center;
}



























/*  会社紹介ページ  */




.company_index{
margin-top:40px;
overflow:hidden;
}


.company_section{
overflow:hidden;
}


.company_title{
border-bottom:4px solid #6f3586;
padding-bottom:10px;
width:25%;
float:left;
}



.company_title p{
font-size:14pt;
font-weight:bold;
color:#6f3586;
}

.company_title span{
display:inline-block;
margin-right:10px;
vertical-align:-12px;
}

.company_right{
width:68%;
float:right;
overflow:hidden;
}


.company_section01_01_box{
margin-bottom:40px;
overflow:hidden;
}


.company_section01_01_title{
width:20%;
float:left;
}

.company_section01_01_title p{
font-size:12pt;
letter-spacing:1px;
font-weight:bold;
}

.company_section01_01_note{
width:70%;
float:right;
}

.company_section01_01_note p{
font-size:12pt;
letter-spacing:1px;
}







.company_section01_02{
overflow:hidden;
}


.company_section01_02_box{
width:208px;
float:left;
margin-right:20px;
}

.company_section01_02_box:last-child{
margin-right:0px;
}

.company_section01_02_box img{
width:100%;
height:auto;
}

.company_section01_02_box li.name{
margin-top:10px;
}

.company_section01_02_box li.name p{
font-size:12pt;
letter-spacing:1px;
font-weight:bold;
text-align:center;
}









.company_section01_03{
margin-top:60px;
position:relative;
}


.company_section01_03_map img{
width:100%;
height:auto;
}

.company_section01_03_access li{
position:absolute;
z-index:99;
background:#fff;
padding:5px 20px;
text-align:center;
}

.company_section01_03_access span{
position:absolute;
z-index:9999;
width:15px;
height:15px;
}



.company_section01_03_access li.access01{
top:450px;
right:100px;
}

.company_section01_03_access .access01_address{
top:500px;
right:20px;
}


.company_section01_03_access .access01_spot{
top: 368px;
right: 258px;
}

.company_section01_03_access .access01_other_address{

top:250px;
right:280px;
}





.company_section01_03_access li.access01_02{
top:490px;
right:100px;
}


.company_section01_03_access .access01_02_address{
top:540px;
right:20px;
}



.company_section01_03_access li.access02{
top:410px;
right:100px;
}

.company_section01_03_access .access02_address{
top:250px;
right:20px;
}


.company_section01_03_access .access02_spot{
top: 368px;
right: 244px;
}


.company_section01_03_access .access02_other_address{
top:390px;
right:20px;
}






.company_section01_03_access li.access03{
top:370px;
right:100px;
}

.company_section01_03_access .access03_address{
top:210px;
right:40px;
}


.company_section01_03_access .access03_spot{
top: 350px;
right: 245px;
}

.company_section01_03_access .access03_other_address{
top: 170px;
right: 130px;
}




.company_section01_03_access li.access04{
top:490px;
right:240px;
}

.company_section01_03_access .access04_address{
top:540px;
right:185px;
}

.company_section01_03_access .access04_spot{
    top: 392px;
    right: 283px;
}

.company_section01_03_access .access04_other_address{
    top: 415px;
    right: 175px;
}




.company_section01_03_access li.access05{
top:230px;
right:290px;
}

.company_section01_03_access .access05_address{
top:278px;
right:220px;
}

.company_section01_03_access .access05_spot{
    top: 254px;
    right: 238px;
}

.company_section01_03_access .access05_other_address{
    top: 280px;
    right: 110px;
}


.company_section01_03_access li.access06{
top:290px;
right:420px;
}

.company_section01_03_access .access06_address{
top:130px;
right:358px;
}

.company_section01_03_access .access06_spot{
    top: 377px;
    right: 273px;
}



.company_section01_03_access li.access06_02{
top:330px;
right:420px;
}

.company_section01_03_access .access06_02_address{
top:378px;
right:385px;
}

.company_section01_03_access .access06_02_spot{
    top: 377px;
    right: 273px;
}


.company_section01_03_access .access06_other_address{
top:300px;
right:300px;
}




.company_section01_03_access li.access07{
top:540px;
right:390px;
}

.company_section01_03_access .access07_address{
top:590px;
right:305px;
}


.company_section01_03_access .access07_spot{
    top: 432px;
    right: 528px;
}



.company_section01_03_access .access07_other_address{
    top: 455px;
    right: 350px;
}





.company_section01_03_access li a{
font-size:11pt;
font-weight:bold;
text-decoration:none;
color:#000;
}


.company_section01_03_access .address{
position:absolute;
display:none;
background:#fff;
padding:5px 20px;
box-shadow:0px 0px 6px 3px #999;
-moz-box-shadow:0px 0px 6px 3px #999;
-webkit-box-shadow:0px 0px 6px 3px #999;
}






.company_section01_03_text{
margin-top:20px;
}

.company_section01_03_text p{
font-size:11pt;
}
















.company_section01_04{
overflow:hidden;
margin-top:40px;
}


.company_section01_04_box{
width:318px;
float:left;
margin-right:30px;
margin-bottom:40px;
}


.company_section01_04_box:nth-child(odd){
clear: both;
}

.company_section01_04_box:nth-child(even){
margin-right:0;
}


.company_section01_04_box .title p{
font-size:12pt;
letter-spacing:1px;
font-weight:bold;
}


.company_section01_04_box .title p span{
color:#EFB518;
}

.company_section01_04_box .detail{
margin-top:20px;
}

.company_section01_04_box .detail p{
font-size:11pt;
letter-spacing:1px;
line-height:180%;
}



.company_section01_04_02{
border-top:2px solid #6f3586;
margin-top: 0px;
padding-top: 30px;
}








.company_section {
    margin-bottom: 100px;
}




.company_section02 .company_right p span{
font-size:12pt;
letter-spacing:1px;
font-weight:bold;
}

.company_section02 .company_right p{
font-size:11pt;
letter-spacing:1px;
line-height:200%;
}




.company_section03 .company_right p{
font-size:11pt;
letter-spacing:1px;
line-height:200%;
}














/*  コンタクトページ  */




.contact_index01_detail_inner{
padding:50px;
border:4px solid #6f3586;
margin-top:40px;
}


.contact_index01{
width:100%;
overflow:hidden;
margin-bottom:30px;
}


.contact_index01 .left{
float:left;
}

.contact_index01 .right{
float:right;
}


.contact_index02{
width:100%;
overflow:hidden;
margin-bottom:30px;
}

.contact_index01 ul{
overflow:hidden;
}

.contact_index01 ul li.name{
float:left;
width:125px;
margin-right:10px;
}

.contact_index01 ul li.name p{
font-size:10pt;
letter-spacing:1px;
font-weight:bold;
color:#6f3586;
}

.contact_index01 ul li.input_box{
float:left;
width: 250px;
}

.contact_index02 ul li.input_box{
float:left;
width: 676px;
}




.contact_index01 ul li.name_02 p{
font-size:10pt;
letter-spacing:1px;
font-weight:bold;
color:#6f3586;
}

.text_boxs{
margin-top:20px;
}


.contact_index01 input {
background-color: white;
border: 2px solid #6f3586;
color: #333;
outline: none;
padding: 5px;
width: 93%;
font-size:14px;
}


.contact_index02 input {
width: 98%;
}



.radio_boxs input {
display: inline-block;
width: 15px;
}

.wpcf7-list-item{
margin-right:15px;
}

.text_boxs textarea {
background-color: white;
border: 2px solid #6f3586;
color: #555;
outline: none;
padding: 1%;
width: 97%;
font-size:14px;
}

.contact_index01 input[type="submit"] {
cursor: pointer;
font-size:11pt;
letter-spacing:1px;
padding:10px 0;
width: 50%;
background-color: #6f3586;
color:#fff;
}

.radio_boxs span {
font-size: 10pt;
letter-spacing: 1px;
font-weight: bold;
color: #6f3586;
}





iframe {
margin-top:40px;
width:100%;

border:none;
}


.wrapper-iframe {
height: 1100px;
position: relative;
}

.wrapper-iframe iframe{

    
}











.sp_ver{
display:none;
}








#header_sp{
display:none;
}




@media screen and (max-width: 700px) {


.pc_ver{
display:none;
}


.sp_ver{
display:block;
}

.width100{
width:100%;
height:auto;
}



#header_sp{
background:#fff;
position: fixed;
top: 0;
width:100%;
z-index: 9;
box-shadow: rgba(23, 18, 15, 0.3) 0px 0px 10px 6px;
-webkit-box-shadow: rgba(23, 18, 15, 0.3) 0px 0px 10px 6px;
-moz-box-shadow: rgba(23, 18, 15, 0.3) 0px 0px 10px 6px;
border-top:5px solid #6f3586;
display:block;
}

.header_sp_inner{
overflow:hidden;
padding: 15px;
}



.header_sp_top{
overflow:hidden;
}



.logo_sp{
float:left;
width:55%;
}

.mobile .logo_sp{
width:50%;
}

.logo_sp img{
width:100%;
}


.drawer-menu {
padding: 0 20px!important;
}


.drawer-menu li{
border-bottom:1px solid #ccc;
}

.drawer-dropdown-menu{
padding-bottom:20px!important;
}

.drawer-dropdown li{
border-bottom:none;
}

.drawer-dropdown li a{
font-size:10pt;
line-height:220%;
}




#header{
display:none;
}

.flex-direction-nav {
display:none;
}


#slide {
padding-top: 82px;
}



#content .section {
padding: 0 5%;
}

.section_inner {
margin: 0 auto;
width: 100%;
overflow: hidden;
}




#footer{
padding: 0 5%;
}

.footer_inner {
width: 100%;
padding: 20px 0px;
}



.footer_copy {
float: none;
margin-top: 0px;
position: static;
}

.footer_copy p {
color: #fff;
font-size: 8pt;
letter-spacing: 0px;
}

.footer_menu{
display:none;
}



.footer_page_top {
position: fixed;
right:20px;
bottom: 30px;
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2), 0px 0px 5px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
transition: 0.4s cubic-bezier(.42, 0, .58, 1);
opacity:0;
}

.footer_page_top.footer_page_top_ani {
opacity:1;
-webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
-o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}




.sp_img{
width:100%;
height:auto;
}





#pages_content {
    padding-top: 100px;
}

#pages_content .inner {
    width: auto;
    padding: 0 5%;
}



.top_img_section {
    margin-top: 10px;
}


.main_img img{
width:100%;
height:auto;
}





.section_slide_inner {
width:100%!important;
}






.flex-control-thumbs {
    position: static!important;
    right: -0!important;
    margin-top:5px!important;
}



.flexslider {
width: 100%!important;
height: auto!important;
float: none!important;
}

.section_right {
width: auto!important;
float: none!important;
padding-top: 20px;
padding-bottom: 0px!important;
}






.top_news_index {
    width: 100%;
    float: none;
}

.top_news_index_inner {
    padding: 20px 20px 50px;
}

.top_news_section {
    margin-top: 0px;
}

.top_news_section .top_news_box {
    border-bottom: 4px solid #6f3586;
    padding: 12px 0;
}

.top_news_bottan {
    position: absolute;
    top: initial;
    right:initial;
    left: 25px;
    bottom: 15px;
}


.top_banner_index {
    width: 100%;
    float: none;
    margin-top:20px;
}










.page_top_detail_left {
    float: none;
    width: 100%;
}

.page_top_detail_right {
    float: none;
    width: 100%;
    margin-top:20px;
}


.sales_left {
    width: 100%;
    float: none;
}

.sales_right {
    width: 100%;
    float: none;
}























.about_index {
    margin-top: 20px;
}

.about_index_left {
    float: none;
    width: auto;
}

.about_index_right {
    float: none;
    width: auto;
    margin-top:20px;
}




.contact_index01_detail_inner {
    padding: 20px;
    margin-top: 40px;
}

.contact_index01 {
    margin-bottom: 10px;
}


.contact_index01 ul li.name {
    float: none;
    width: auto;
    margin-right: 0px;
}

.contact_index01 ul li.input_box {
    float: none;
    width: auto;
}



.contact_index01 .left {
    float: none;
    margin-bottom: 10px;
}

.contact_index01 .right {
    float: none;
}



.contact_index01 input[type="submit"] {
    width: 100%;
}

.contact_index02 input {
    width: 93%;
}



.text_boxs textarea {
    width: 95%;
}







.product_left {
    width: 100%;
    float: none;
    margin-bottom: 30px;
}


.product_right {
    width: 100%;
    float: none;
    margin-bottom: 30px;
}

.product_box .name p {
    text-align: right;
}


.product_box {
    margin-bottom: 0px;
}







.message_inner {
    padding: 20px;
}


.message_left {
    width: 100%;
    float: none;
}

.message_right {
    width: 100%;
    float: none;
}

.message_right02 {
    margin-top: 20px;
}

.message_right02 p {
    text-align: left;
}

.message_right02 p .work {
display:block;
}








.company_section {
    margin-bottom: 30px;
}





.company_title {
    border-bottom: 4px solid #6f3586;
    padding-bottom: 10px;
    width: 100%;
    float: none;
}


.company_right {
    width: 100%;
    float: none;
    margin-top:20px;
}


.company_section01_02_box {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
}






.company_section01_03 {
    margin-top: 20px;
}


.company_section01_03_text {
    display: none;
}

.company_section01_03_access {
    display: none;
}



.company_section01_04_box {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 40px;
}








}