/*
Theme Name: エイト
Theme URI: 
*/


/* ＰＣスタイル*/















/*
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
*************************************************************************************************************/




/* ＰＣスタイル*/




@charset "utf-8";

@media (min-width: 997px)  {

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body	{


}



/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;

}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#999;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}


.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom: 1;}



.list-mv07{
	opacity: 0;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}



/*--------------------------*/
/*すぐフワ*/
.sugu_huwa{
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
/*----スピード調整はこちらで----*/
-webkit-animation-duration:2.5s;
 -ms-animation-duration:2.5s;
 animation-duration:2.5s;
 -webkit-animation-name: fadeInDown5;
 animation-name: fadeInDown_sugu;
 visibility: visible !important;/*ここ重要*/
}


@-webkit-keyframes fadeInDown_sugu {
 0% { opacity: 0; 
 transform: translateX(0px);
 }
 100% { opacity: 1;
 transform: translateX(0px);
 }
}
@keyframes fadeInDown_sugu {
 0% { opacity: 0; 
 transform: translateX(0px);
 }
 100% { opacity: 1;
 transform: translateX(0px);
 }
}



/*-----------*/

.animation {
}

.animation2 {
}

.animation3 {
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
/*----スピード調整はこちらで----*/
-webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown5;
 animation-name: fadeInDown5;
 visibility: visible !important;/*ここ重要*/
}
@-webkit-keyframes fadeInDown5 {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown5 {
 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}




/*可視で横からフワ*/

.inst_fade_left{
}
/*---↑これは不使用----jsファイル anime_huwa.js内にinst_fade_leftクラスにinst_fadeのクラスを追記する記述あり-----------------*/


.inst_fade{

	animation-name:yuragifadein;
	animation-duration:1s;
	animation-fill-mode:forwards;
	visibility: visible !important;
	animation-delay:0.3s;
	opacity: 0;
}


@keyframes yuragifadein {
from {
opacity: 0;
    filter: blur(10px);
	transform: scale(1.02);
    transform: translateY(50px);
	transform: translateX(50px);
}
to {
opacity: 1;
    filter: blur(0);
	transform: scale(1);
    transform: translateY(0px);
	transform: translateX(0px);
}
}


/*---------------*/
/*---------------*/


#all_wall{
width:100%;
height:auto;
background-color:#FCFCFC;
}


#head_fix{
width:100%;
height:auto;
position:fixed;
z-index:10;
background-color:#fff;
}





#fix_shop_cart{
position:fixed;
top:30%;
right:0;
z-index:20;
}


.midashi_1{
width:100%;
height:auto;
font-size:8px;
color:#CCCCCC;
background-image: linear-gradient(90deg, rgba(35,152,135, 1), rgba(250, 247, 248, 1) 50%, rgba(205,186,61, 1));

}




#head_adrress{
color:#476D89;

height:auto;


letter-spacing:0.2em;

}

#head_logo_mob{
display:none;

}


#main_head{
width:100%;
max-width:1280px;
height:auto;
margin-top:60px;
margin-right: auto;
margin-left: auto;
position:relative;

}

#main_gazou_sp{
display:none;
}

#main_head img{
width:100%;
height:auto;

}



#main_title_logo{
position:absolute;
top:50%;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}



/*----メニュー------*/

#g-nav{
width:100%;
max-width:1280px;
height:auto;
box-sizing: border-box;
position:relative;

padding-top:5px;
margin-right: auto;
margin-left: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

}



#head_wara{


}


.mob_menu{
display:none;
}


#head_menu{
width:35%;

text-align:right;
}



#head_inn{
margin-top:0px;
display: flex;
justify-content: center;
box-sizing: border-box;
padding-top:0px;


}

#head_inn li{
border-right-width: 1px;
border-right-style: solid;
border-right-color:#333333;

border-left-width: 1px;
border-left-style: solid;
border-left-color:#333333;
}

#head_inn li+li{
border-right-width: 1px;
border-right-style: solid;
border-right-color:#333333;

border-left-width:0;

}



.navItem a {
    display: block;
	padding-top:15px;
 box-sizing: border-box;
    width: 105px;
    text-align: center;
    font-size: 14px;
  color:#476D89;
font-weight:bold;
}

/* 擬似要素でテキストを表示 */
.navItem a::after {
    display: block;
    margin-top: .5rem;
    font-size: 10px;
    font-weight: lighter;
}
.navItem_naiyou a::after {
    content: "service";
}

.navItem_sekou a::after {
    content: "work";
}


.navItem_nagare a::after {
    content: "work flow";
}

.navItem_price a::after {
    content: "price";
}




#head_inn li a:hover{
text-decoration:underline;
}


.mob_menu{
display:none;
}


#top_gazou_main_mob{
display:none;
}

#top_gazou{
position:relative;
width:100%;
max-width:1280px;
height:auto;
margin-right: auto;
margin-left: auto;
padding-top:150px;

}


#top_gazou_main img{
width:100%;
height:auto;
}

#top_copy01{
position:absolute;
width:100%;
height:auto;
top: 20%;
  left: 50%;
  transform: translateY(0%) translateX(-50%);/*ここで戻しているのがポイント*/
color:#FFFFFF;
text-align:center;

}



#top_copy02{
position:absolute;
width:100%;
height:auto;
top: 50%;
  left: 50%;
  transform: translateY(0%) translateX(-50%);/*ここで戻しているのがポイント*/
color:#FFFFFF;
text-align:center;

}

/*---挨拶文------------*/

#aisatu_box{
width:100%;
max-width:800px;
height:auto;
margin-right: auto;
margin-left: auto;
margin-top:100px;
margin-bottom:0px;
}

#aisatu_box h3{
font-size:28px;
text-align:center;
margin-bottom:30px;
letter-spacing:0.2em;
font-family: "FOT-アニト Std Relief";
}

#aisatu_box p{
font-size:24px;
line-height: 2em;
letter-spacing:0.1em;
}


/*----見出しH2------*/
.title_h2{
margin-top:200px;
font-size:32px;
width:50%;
letter-spacing:0.2em;
margin-right: auto;
margin-left: auto;
color:#D96371;

margin-bottom:50px;
display: flex;
align-items: center;

}


.title_h2:before,
.title_h2:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.title_h2:before {
margin-right: 2em;
}
.title_h2:after {
margin-left: 2em;
}


/*----サービス内容-----*/


#naiyou_wara{
width:100%;
max-width:1280px;
height:auto;
margin-right: auto;
margin-left: auto;
}


.naiyou_h3{
width:100%;
background-color:#34393F;
color:#FFFFFF;
letter-spacing:0.2em;
font-size:38px;
font-weight:bold;
margin-bottom:8px;
}


#naiyou_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom:50px;
}


#naiyou_box_left{
width:55%;
height:auto;
}


#naiyou_box_left img{
width:100%;
height:auto;
}



#naiyou_box_right{
width:44%;
height:auto;
box-sizing: border-box;
padding-top:50px;
padding-left:40px;
}


#naiyou_box_right p{
font-size:20px;
line-height:2em;
margin-bottom:20px;
}

/*----仕事の流れ-----*/



#sigoto_wara{
width:800px;
height:auto;
margin-right: auto;
margin-left: auto;
margin-bottom:200px;
}

.sigoto_step{
font-size:28px;
position:relative;
text-indent:50px;
letter-spacing:0.2em;
margin-bottom:10px;
}


.sigoto_step:before{
position:absolute;
	left:0px;
	top:0px;
	content:"";
	width:2em;
	height:2em;
	background:url(images/step_btn.png) no-repeat;
	

}


#sigoto_box{
position:relative;
background-color:#F5F4F2;
padding:20px;
margin-bottom:80px;
}



#sigoto_box:after {/*矢印部分*/
content: url(images/arrow.png);
position: absolute;
 bottom:-65px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(0%);
  -moz-transform: translateX(-50%) translateY(0%);
  -ms-transform: translateX(-50%) translateY(0%);
  -o-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%);
}


#sigoto_box:last-child::after{/*最後の要素だけ矢印なし*/
display:none;
}





#sigoto_box h4{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
padding-bottom:20px;
font-size:20px;
margin-bottom:20px;
}


#sigoto_box p{
font-size:16px;
line-height:2em;
}
















/*--価格表------------*/


#price_wara{
width:800px;
height:auto;
margin-right: auto;
margin-left: auto;
margin-bottom:200px;
}



.price_text1{
margin-bottom:15px;
}


.price_h3{
margin-top:30px;
margin-bottom:10px;
font-weight:bold;
font-size:16px;
}



.price_table,.price_table td,.price_table th {
    border-collapse: collapse;
    border:1px solid #C8C8C8;
    }
	
.price_table td,.price_table th{
padding:10px;
}

.price_table th{
width:280px;
vertical-align:middle;
text-align:center;
background-color:#FAFAFA;
}


.price_table td{
width:400px;
text-align:right;
padding-right:30px;
}



/*-------問合せボックス-------*/

#sns_box{
width:500px;
height:auto;
margin-right: auto;
margin-left: auto;
margin-top:50px;
display: flex;
flex-wrap: wrap;
justify-content: space-around; 
}

#sns_bt{
margin:0 10px;
}



#contact_wara{
background-color:#34393F;
padding:20px 20px;
color:#FFFFFF;
text-align:center;
margin-bottom:100px;
}


#contact_wara h2{
font-size:30px;
margin-bottom:30px;
letter-spacing:0.2em;
}

#contact_wara p{
margin-bottom:15px;
}



#contact_phone{
margin-bottom:30px;
}


#contact_wara p a{
font-size:18px;
text-decoration:underline;
color:#FFFFFF;
}



/*----------代表挨---------*/


#daihyou_wara{
width:100%;
max-width:800px;
height:auto;
margin-right: auto;
margin-left: auto;

display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom:100px;

}



#daihyou_left{
width:60%;
height:auto;
padding-right:30px;
box-sizing: border-box;
}



#daihyou_right{
width:38%;
height:auto;
}


#daihyou_right img{
width:100%;
height:auto;
}


.daihyou_name{
font-size:28px;
letter-spacing:0.2em;
margin-bottom:30px;
display: inline-block;
background-image: linear-gradient(transparent 80%, #FFDA84 0%);
}


.daihyou_h3{
position:relative;
margin-top:20px;
margin-bottom:20px;
text-indent:40px;
font-size:20px;
}

.daihyou_h3:before{
position:absolute;
	left:0px;
	top:0px;
	content:"";
	width:2em;
	height:2em;
	background:url(images/step_btn.png) no-repeat;
	

}


.daihyou_p{
text-indent:1em;
line-height:2em;
}




/*------会社概要---------*/

#table_type2{
width:800px;
height:auto;
margin-right: auto;
margin-left: auto;
}


#table_type2 table,#table_type2 td,#table_type2 th {
    border-collapse: collapse;
    border:1px solid #C8C8C8;
    }
	
#table_type2 td,#table_type2 th{
padding:10px;
}

#table_type2 th{
width:150px;
vertical-align:middle;
text-align:center;
background-color:#FAFAFA;
}



#table_type2 td{
width:600px;
vertical-align:middle;
text-align:center;
background-color:#fff;
text-align:left;
text-indent:1em;
}



.copyright{
text-align:center;
font-size:12px;
}


/*----シングルページ----------------*/


#content_single_blog{
text-align:center;
padding-top:200px;
}



.pagenav{
margin-top:30px;
margin-bottom:30px;
}


.pagenav span{
margin-left:10px;
margin-right:10px;
}









}























































































































































@media (min-width: 5px) and (max-width: 997px) {


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body	{



}



/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;

}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#999;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}


.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom: 1;}



.list-mv07{
	opacity: 0;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}




/*--------------------------*/
/*すぐフワ*/
.sugu_huwa{
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
/*----スピード調整はこちらで----*/
-webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fadeInDown5;
 animation-name: fadeInDown_sugu;
 visibility: visible !important;/*ここ重要*/
}


@-webkit-keyframes fadeInDown_sugu {
 0% { opacity: 0; 
 transform: translateX(0px);
 }
 100% { opacity: 1;
 transform: translateX(0px);
 }
}
@keyframes fadeInDown_sugu {
 0% { opacity: 0; 
 transform: translateX(0px);
 }
 100% { opacity: 1;
 transform: translateX(0px);
 }
}



/*-----------*/

.animation {
}

.animation2 {
}

.animation3 {
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
/*----スピード調整はこちらで----*/
-webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown5;
 animation-name: fadeInDown5;
 visibility: visible !important;/*ここ重要*/
}
@-webkit-keyframes fadeInDown5 {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown5 {
 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/*可視で横からフワ*/

.inst_fade_left{
}
/*---↑これは不使用----jsファイル anime_huwa.js内にinst_fade_leftクラスにinst_fadeのクラスを追記する記述あり-----------------*/


.inst_fade{

	animation-name:yuragifadein;
	animation-duration:1s;
	animation-fill-mode:forwards;
	visibility: visible !important;
	animation-delay:0.3s;
	opacity: 0;
}


@keyframes yuragifadein {
from {
opacity: 0;
    filter: blur(10px);
	transform: scale(1.02);
    transform: translateY(50px);
	transform: translateX(50px);
}
to {
opacity: 1;
    filter: blur(0);
	transform: scale(1);
    transform: translateY(0px);
	transform: translateX(0px);
}
}


/*---------------*/

/*ハンバーガーをクリックすると展開するメニュー----------------------*/


#g-nav{
position:fixed;
top: 40px;
right:10px;
width:60px;
height:60px;
z-index:100;

background-color:rgba(255,255,255,0.9);
border-width: 1px;
border-style: solid;
border-color: #000;
border-radius: 5px;

}


#g-nav.panelactive{
width:100%;
left:0px;
}


#head_menu{
 position:absolute;
 top:80px;
 left:0px;
	width:100%;
    height:calc(100vh - 140px);
background-color:rgba(0,0,0,0.85);

display: flex;
align-items: center;
justify-content: center;
z-index:999;

	text-align: center;



		-webkit-transition: opacity 1s, visibility 0s ease 1s;
      -moz-transition: opacity 1s, visibility 0s ease 1s;
      -ms-transition: opacity 1s, visibility 0s ease 1s;
      -o-transition: opacity 1s, visibility 0s ease 1s;
      transition: opacity 1s, visibility 0s ease 1s;;
      opacity: 0;
	  visibility: hidden;



}



/*アクティブクラスがついたら透過なしにして最前面へ*/
#head_menu.panelactive{

	transition-delay: 0s;/*safari対策らしい*/
opacity: 1;
visibility: visible;


}

#head_logo{
display:none;
}


#head_logo_mob{
width:100%;
height:auto;
}



#head_logo_mob img{

}



#head_inn{
width:100%;
height:auto;
}

.head_menu_btn{
    position:relative;

width:100%;
height:60px;
font-weight:bold;




box-sizing: border-box;

}

.head_menu_btn span{

}


.head_menu_btn a{


	   display: flex;
align-items: center;
justify-content: center;

  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

transition: 0.5s;
letter-spacing:0.1em;
color:#FFFFFF;

}


.head_menu_btn a:hover{
background-color:#FFFFFF;
color:#000000;
transition: 0.5s;
text-decoration:none;
}

/*========= ハンバーガー部分===============*/
.openbtn{
	position:absolute;
    z-index: 888;/*ボタンを最前面に*/
	top:1px;
	right: 15px;
	cursor: pointer;

    width: 65px;
    height:85px;



}

/*×に変化*/
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 32px;
    height: 3px;

	background-color:#000000;
  	width: 60%;
  }

.openbtn span:nth-of-type(1) {
	top:10px;
}

.openbtn span:nth-of-type(2) {
	top:28px;
}

.openbtn span:nth-of-type(3) {
	top:46px;
}

.openbtn.active span:nth-of-type(1) {
    top: 30px;
    left: 22px;
    transform: translateY(6px) rotate(-45deg);
    width: 60%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 42px;
    left: 22px;
    transform: translateY(-6px) rotate(45deg);
    width: 60%;
}



/*------スマホメニューここまで---------*/



#head_adrress{
display:none;
}



#fix_shop_cart{
display:none;
}




.midashi_1{
width:100%;
height:10px;
font-size:8px;
color:#CCCCCC;
background-image: linear-gradient(90deg, rgba(86, 179, 37, 1), rgba(250, 247, 248, 1) 50%, rgba(200, 47, 55, 1));

}








/*--------------*/

#top_gazou{
position:relative;
width:100%;
height:auto;

}



#op_gazou_main_mob{
position:relative;
width:100%;
height:auto;
margin-right: auto;
margin-left: auto;
}

#top_gazou_main_mob img{
width:100%;
height:auto;
object-fit: cover; /* この一行で縦横比維持しはみ出た分カット */
}

#top_gazou_main{
display:none;
}


#top_copy01{
position:absolute;
width:100%;
height:auto;
top: 15%;
  left: 50%;
  transform: translateY(0%) translateX(-50%);/*ここで戻しているのがポイント*/
color:#FFFFFF;
text-align:center;

}
#top_copy01 img{
width:45%;
height:auto;
}


#top_copy02{
position:absolute;
width:80%;
height:auto;
top: 30%;
  left: 50%;
  transform: translateY(0%) translateX(-50%);/*ここで戻しているのがポイント*/
color:#FFFFFF;
text-align:center;

}


#top_copy02 img{
width:100%;
height:auto;
}




/*---挨拶文------------*/

#aisatu_box{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-top:60px;
margin-bottom:60px;
}

#aisatu_box h3{
font-size:22px;
text-align:center;
margin-bottom:30px;
letter-spacing:0.2em;
font-family: "FOT-アニト Std Relief";
line-height: 2em;
}

#aisatu_box h3 span{
display:block;
}



#aisatu_box p{
font-size:16px;
line-height: 2em;
text-indent:1em;
}


/*----見出しH2------*/
.title_h2{
font-size:18px;
width:90%;
letter-spacing:0.2em;
margin-right: auto;
margin-left: auto;
color:#D96371;

margin-bottom:50px;
display: flex;
align-items: center;

}


.title_h2:before,
.title_h2:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.title_h2:before {
margin-right: 2em;
}
.title_h2:after {
margin-left: 2em;
}


/*----サービス内容-----*/


#naiyou_wara{
width:100%;
height:auto;
margin-right: auto;
margin-left: auto;
}


.naiyou_h3{
width:100%;
background-color:#34393F;
color:#FFFFFF;
letter-spacing:0.2em;
font-size:18px;
font-weight:bold;
padding:10px;
text-align:center;
box-sizing: border-box;

}


#naiyou_box{
margin-bottom:60px;
}


#naiyou_box_left{
width:100%;
height:auto;
}


#naiyou_box_left img{
width:100%;
height:auto;
}



#naiyou_box_right{
width:100%;
height:auto;
box-sizing: border-box;
padding-top:15px;
padding-left:20px;
}


#naiyou_box_right p{
font-size:16px;
line-height:2em;
margin-bottom:3px;
}


#sekou_wara{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-bottom:100px;
}

/*----仕事の流れ-----*/



#sigoto_wara{
width:100%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-bottom:100px;
}

.sigoto_step{
font-size:28px;
position:relative;
text-indent:50px;
letter-spacing:0.2em;
margin-bottom:10px;
text-align:center;
}


.sigoto_step:before{
position:absolute;
	left:80px;
	top:0px;
	content:"";
	width:2em;
	height:2em;
	background:url(images/step_btn.png) no-repeat;
	

}


#sigoto_box{
position:relative;
background-color:#F5F4F2;
padding:20px;
margin-bottom:80px;
}



#sigoto_box:after {/*矢印部分*/
content: url(images/arrow.png);
position: absolute;
 bottom:-65px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(0%);
  -moz-transform: translateX(-50%) translateY(0%);
  -ms-transform: translateX(-50%) translateY(0%);
  -o-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%);
}


#sigoto_box:last-child::after{/*最後の要素だけ矢印なし*/
display:none;
}





#sigoto_box h4{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
padding-bottom:20px;
font-size:20px;
margin-bottom:20px;
}


#sigoto_box p{
font-size:16px;
line-height:2em;
}
















/*--価格表------------*/


#price_wara{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-bottom:100px;
}



.price_text1{
margin-bottom:15px;
}


.price_h3{
margin-top:30px;
margin-bottom:10px;
font-weight:bold;
font-size:16px;
}

.price_table{
width:100%;
}

.price_table,.price_table td,.price_table th {
    border-collapse: collapse;
    border:1px solid #C8C8C8;
	
    }
	
.price_table td,.price_table th{

}

.price_table th{
width:100%;
display:block;
vertical-align:middle;
text-align:center;
background-color:#FAFAFA;
padding-top:10px;
padding-bottom:10px;
}


.price_table td{
width:100%;
display:block;
text-align:right;

text-align:center;
padding-top:10px;
padding-bottom:10px;
}

#price_wara p{
line-height:2em;
}



/*-------問合せボックス-------*/


#sns_box{
width:80%;
height:auto;
margin-top:50px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-right: auto;
margin-left: auto;  
}

#sns_bt{
width:20%;
height:auto;
}

#sns_bt img{
width:100%;
height:auto;
}


#contact_wara{
background-color:#34393F;
padding:20px 20px;
color:#FFFFFF;
text-align:center;
margin-bottom:100px;
}


#contact_wara h2{
font-size:30px;
margin-bottom:30px;
letter-spacing:0.2em;
}

#contact_wara p{
margin-bottom:15px;
}



#contact_phone{
margin-bottom:30px;
}


#contact_phone img{
width:80%;
}


#contact_wara p a{
font-size:18px;
text-decoration:underline;
color:#FFFFFF;
}



/*----------代表挨---------*/


#daihyou_wara{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;

display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom:100px;

}



#daihyou_left{
width:100%;
height:auto;

box-sizing: border-box;
}



#daihyou_right{
width:100%;
height:auto;
}


#daihyou_right img{
width:100%;
height:auto;
}


.daihyou_name{
font-size:28px;
letter-spacing:0.2em;
margin-bottom:30px;
display: inline-block;
background-image: linear-gradient(transparent 80%, #FFDA84 0%);
}


.daihyou_h3{
position:relative;
margin-top:20px;
margin-bottom:20px;
text-indent:40px;
font-size:20px;
}

.daihyou_h3:before{
position:absolute;
	left:0px;
	top:0px;
	content:"";
	width:2em;
	height:2em;
	background:url(images/step_btn.png) no-repeat;
	

}


.daihyou_p{
text-indent:1em;
line-height:2em;
}




/*------会社概要---------*/

#table_type2{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
}

#table_type2 table{
width:100%;
}


#table_type2 table,#table_type2 td,#table_type2 th {
    border-collapse: collapse;
    border:1px solid #C8C8C8;
    }
	
#table_type2 td,#table_type2 th{
padding:10px;
display:block;
box-sizing: border-box;
}

#table_type2 th{
width:100%;
vertical-align:middle;
text-align:center;
background-color:#FAFAFA;
}



#table_type2 td{
width:100%;
vertical-align:middle;
text-align:center;
background-color:#fff;
text-align:left;
text-indent:1em;
}



.copyright{
text-align:center;
font-size:12px;
}



/*----シングルページ----------------*/


#content_single_blog{
width:100%;
height:auto;
text-align:center;
padding-top:80px;
}


#content_single_blog img{
width:100%;
height:auto;
}




.pagenav{
margin-top:30px;
margin-bottom:30px;
}


.pagenav span{
margin-left:10px;
margin-right:10px;
}





}