/*
Theme Name: SIDO2022
Theme URI:
Author: soichiro iwamoto
Author URI:
Description: Description
Version: 1.0.1
*/
/*--common------------------------------------------------------------*/
body{
  font-size:15px;
  color:#333132;
  text-rendering: optimizeLegibility;
  line-height: 1.8;
  letter-spacing:0.1em;
  padding:60px 0px 150px 0px;
  margin: 0 auto;
  font-family: "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-weight: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  position:relative;
}
/*@media screen and (min-width:1081px){
  body{
    padding-top:0px;
  }
}*/
body.archive{
  max-width: 1330px;
  margin: 0 auto;
}
*,*:before,*:after{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4{
  line-height:1.56;
  color: #333132;
}
.w_1080{
  max-width: 1080px;
  margin:0 auto;
  width: calc(100% - 80px);
}
@media screen and (max-width:1080px){
  .w_1080{
    margin:0 40px;
    width: calc(100% - 80px);
  }
}
@media screen and (max-width:578px){
  .w_1080{
    margin:0 20px;
    width: calc(100% - 40px);
  }
}
figure{
 box-sizing: border-box;
}
figure,
figcaption,
img{
  max-width:100%;
  height:auto;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
a{
  color:#333132;
  transition:0.3s;
}
a:visited{
  color:#333132;
}
a:hover{
  color:grey;
}
p{
  margin:1em 0;
}
@media screen and (max-width:578px){
 br.pc{
  display:none;
 }
}
em{
  font-weight:500;
}
blockquote{
  background:#e6e6e6;
  padding:1em;
  border-radius: 10px;
  margin: 0;
}
blockquote cite{
  display: block;
  text-align: right;
}
iframe{
  width:100%;
}
pre{
  overflow-x: scroll;
  margin:2em 0;
  background:#333;
  color:#f8f8f8;
  line-height: 1.8em;
  font-size:0.8em;
  padding:1em;
  border-radius:10px;
}
::selection {
    background: #eee;
}

::-moz-selection {
    background: #eee;
}
pre::selection{
  background:#333132;
}
pre::-moz-selection {
    background: #333132;
}
table{
  border-collapse:collapse;
  border:0.5px solid #ddd;
}
table th,
table td{
  border:solid 1px #ddd;
  padding:0.5em;
}
ul,ol{
  padding-left:1em;
}
li> ul,
li > ol{
  padding-left:1.5em;
}
dl{
  margin:2em 0;
}
dt{
  font-weight:700;
  margin-top:2em;
  margin-bottom:1em;
}
dd{
  margin-left:0.5em;
  padding-left:0.5em;
}
input{
	font-size:16px;
}
input.search-field,
input[type="text"],
input[type="email"],
textarea{
	-webkit-appearance: none;
	appearance: none;
	font-size:16px;
	width:100%;
	padding:0.5em;
	border-radius: 0;
	border:solid 1px #333132;
	outline:0;
}
input[type="text"],
input[type="email"],
textarea{
	border-radius: 3px;
	padding:1em;
	margin-top:0.5em;
}
input.search-field:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
	background:#fff;
}
input[type="submit"]{
	-webkit-appearance: none;
	appearance: none;
	margin-left:3px;
	padding:0 1em;
	border-radius:0;
	box-shadow:0;
	border:0;
	cursor:pointer;
	background:#333132;
	color:#fff;
	transition:0.3s;
}

.wpcf7-form input[type="submit"],
.mw_wp_form input[type="submit"],
.contact_form input[type="submit"]{
	width: 100%;
	height: 60px;
	margin-top: 2em;
}
.wpcf7-form input[type="submit"]:hover,
.mw_wp_form input[type="submit"]:hover,
.contact_form input[type="submit"]:hover{
	background:grey;
}

/*@media screen and (min-width:1000px){
  .w_1080{
    width:calc(100% - 80px);
    display:flex;
    justify-content:space-between;
  }
  .w_1080 main{
    width:calc(100% - 320px);
  }
  .w_1080 aside{
    width:260px;
  }
}*/
#breadcrumb > div{
  display: inline-block;
  font-size:0.8em;
}
.archive #breadcrumb{
  margin-bottom:1em;
}
.bebas-neue-by-fontfabric{
  font-family: "Helvetica Neue",Arial, sans-serif;
  font-weight: lighter;
  font-style: normal;
}
/*--------------------------------------------------------------------*/
/*Editor color palette.------------------------------------------------*/
.has-black-color{color: #000000}
.has-dark-gray-color{color: #28303D}
.has-gray-color{color: #39414D}
.has-green-color{color: #D1E4DD}
.has-blue-color{color: #D1DFE4}
.has-purple-color{color: #D1D1E4}
.has-red-color{color: #E4D1D1}
.has-orange-color{color: #E4DAD1}
.has-yellow-color{color: #EEEADD}
.has-white-color{color: #FFFFFF}

.has-black-background-color{background-color: #000000}
.has-dark-gray-background-color{background-color: #28303D}
.has-gray-background-color{background-color: #39414D}
.has-green-background-color{background-color: #D1E4DD}
.has-blue-background-color{background-color: #D1DFE4}
.has-purple-background-color{background-color: #D1D1E4}
.has-red-background-color{background-color: #E4D1D1}
.has-orange-background-color{background-color: #E4DAD1}
.has-yellow-background-color{background-color: #EEEADD}
.has-white-background-color{background-color: #FFFFFF}
/*---------------------------------------------------------------*/
/*--スライドショー--*/
/*矢印の設定*/

.slick-prev,
.slick-next {
    position: absolute;
	z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #333132;/*矢印の色*/
    border-right: 2px solid #333132;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    margin-top:-20px;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    margin-top:-20px;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin:0px 0 0 0;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:35px;/*ドットボタンのサイズ*/
    height:3px;/*ドットボタンのサイズ*/
    display:block;
    background:#333132;/*ドットボタンの色*/
    border:0;
    padding:0;
    opacity:50%;
    border-radius:1px;
}

.slick-dots .slick-active button{
    background:#333132;/*ドットボタンの現在地表示の色*/
    opacity:100%;
}
/*--スライドショーエンド--*/
/*--header-------------------------------------------------------*/
#main_header{
  padding:0 40px;
  position:fixed;
  width:100%;
  height:60px;
  z-index:999;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  background:#fff;
}
/*.archive:not(.post-type-archive-news) #main_header{
  max-width:1330px;
  margin:0 auto;
}*/
@media screen and (min-width:578px){
  #main_header{
    display:flex;
    justify-content: space-between;
  }
}
@media screen and (max-width:578px){
  #main_header{
    padding:0 20px;
  }
}
.site-title,
.site-description{
  font-size:1em;
  display:inline-block;
  line-height:60px;
  padding:0;
  margin:0;
}
.site-title{
  font-weight:bold;
  margin-top:23px;
}
@media screen and (min-width:578px){
  .site-title{
    width:160px;
  }
}
.site-title a{
  color:#333132;
  text-decoration:none;
  font-weight: 700;
  font-style: normal;
}
.site-title img{
  display: block;
  width:auto;
  height:15px;
}
.site-description{
  color:#333132;
}
.main-navigation a{
  /*font-family: 'bebas-neue-by-fontfabric', sans-serif;*/
  font-weight: bold;
}
/*--@media screen and (min-width:1081px){
  .main-navigation{
    position: fixed;
    top:120px;
  }
  .main-navigation ul{
    display: block;
  }
  .main-navigation a{
    line-height: 48px;
  }
}*/
@media screen and (min-width:880px){
  #jsNavBtn{
    display: none;
  }
  .main-navigation ul{
    list-style: none;
    padding:0;
    margin:0;
  }
  .main-navigation ul li{
    margin-right:2em;
  }
  .main-navigation a{
    display: block;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
  }
}
@media screen and (min-width:880px){
  .main-navigation ul{
    display: flex;
  }
  .main-navigation a{
    line-height: 60px;
  }
}
@media screen and (max-width:880px){
  .main-navigation{
    background:#f7f7f7;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    z-index:1000;
    opacity:0;
    visibility: hidden;
    transition:0.3s;
    overflow-y:scroll;
  }
  .main-navigation > div{
    padding:60px 20px 20px 20px;
  }
  .main-navigation ul{
    margin:0;
    list-style:none;
  }
  .main-navigation ul li{
    margin-bottom:30px;
  }
  .main-navigation ul li a{
    font-size:1em;
  }
  .main-navigation div > menu > ul li{
    margin-bottom:1em;
  }
  .main-navigation div > menu > ul ul{
    margin-top:1em;
  }
  .main-navigation a{
    font-weight:700;
    text-decoration:none;
    font-size:1.2em;
  }
  .openNav .main-navigation{
    opacity:1;
    visibility: visible;
    transition-delay: 0.3s;
  }
  .openNav .main-navigation a{
    color:#333132;
  }
}
@media screen and (min-width: 880px){
  nav.sns_icon{
    position:fixed;
    z-index:800;
    bottom:20px;
    left:40px;
  }
}
@media screen and (max-width: 880px){
  nav.sns_icon{
    margin-left:calc(20px + 1em);
  }
}
nav.sns_icon{
  margin-top: 30px;
}
nav.sns_icon ul{
  display: flex;
  list-style: none;
  padding:0;
}
nav.sns_icon ul li{
  width:30px;
  margin-right:10px;
}
@media screen and (max-width:880px){
  #jsNavBtn{
    display: block;
  }
}
#jsNavBtn{
    position:fixed;
    z-index:2000;
    width:30px;
    height:18px;
    top:20px;
    right:20px;
    cursor:pointer;
    opacity:1;
    visibility:visible;
  }
#jsNavBtn span{
    display:block;
    width:100%;
    height:2px;
    background:#333132;
    transition:opacity 0.3s,transform 0.3s;
  }
#jsNavBtn span:nth-of-type(1),
#jsNavBtn span:nth-of-type(2){
    margin-bottom:6px;
  }
#jsNavBtn span:nth-of-type(1),
#jsNavBtn span:nth-of-type(3){
    transition-delay:0s;
  }
#jsNavBtn span:nth-of-type(2){
    transition:0.3s;
    transition-delay:0.3s;
  }
  /*--.openNav
  .openNav #jsNavBtn span{
    background:#fff;
  }-------*/
  .openNav #jsNavBtn span:nth-of-type(1){
    transform:translateY(8px) rotate(45deg);
    transition-delay:0.3s;
  }
  .openNav #jsNavBtn span:nth-of-type(2){
    width:0;
    opacity:0;
    transition-delay:0s;
  }
  .openNav #jsNavBtn span:nth-of-type(3){
    transform:translateY(-8px) rotate(-45deg);
    transition-delay:0.3s;
  }
@media screen and (min-width:1000px){
  #main_header{
    padding:0 40px;
  }
}
@media screen and (max-width:587px){
  .site-description{
    display:none;
  }
}
/*---------------------------------------------------------------*/
/*---sidebar-----------------------------------------------------*/
aside .widget{
  margin:30px 0;
}
aside .widget:nth-of-type(1){
  margin-top:0;
}
aside .widget:nth-last-of-type(1){
  margin-bottom:0;
}
h3.widget__title{
  margin:0;
  margin-bottom:0.5em;
  font-size:1em;
  font-family: heisei-kaku-gothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.search-form{
  display: flex;
}
.search-form label{
  width:100%;
}
input.search-field{
  width:100%;
  padding:4px;
}
input[type="submit"]{
  margin-left:3px;
}
.widget ul{
  margin:0;
  padding:0;
}
.widget li{
  border-bottom:solid 1px #ddd;
  list-style:none;
  margin-bottom: 1rem;
}
.widget li a{
  text-decoration:none;
  color:#333132;
  line-height:2em;
  font-size:0.8em;
}
.widget_tag_cloud{
  display: flex;
  justify-content: start;
  position:relative;
}
.widget_tag_cloud::before{
  content:"";
  height:calc(100% - 2em);
  width:1px;
  display:block;
  position:absolute;
  background:#ddd;
  left:5px;
  bottom:0;
  z-index:-1;
}
.widget_tag_cloud > h3{
  margin:0;
  margin-right:0.8em;
  color:#333132;
}
.tag-cloud-link{
  font-size:0.8em !important;
  display:inline-block;
  text-decoration: none;
  color:#333132;
  line-height:20px;
  padding:0 5px;
  font-weight:300;
}
/*---------------------------------------------------------------*/
/*--fotter-------------------------------------------------------*/
.site-footer{
  margin-top: 80px;
  position:absolute;
  right:48px;
  bottom:48px;
}
@media screen and (max-width:578px){
  .site-footer{
    right:20px;
    bottom:20px;
  }
}
.site-footer .copyright{
  text-align: left;
  font-size:12px;
  font-weight:300;
}
.site-footer .copyright p{
  margin:0;
}
/*---------------------------------------------------------------*/
/*--archive------------------------------------------------------*/
.archive:not(.post-type-archive-news) .w_1080{
  max-width:1330px;
}
.entries-article{
margin:0 0 10px 0;
}
.top-section__heading{
  font-family: "Helvetica Neue",Arial, sans-serif;
  font-weight: lighter;
  font-style: normal;
  font-size: 3em;
}
.category .top-section__heading{
  font-family: heisei-kaku-gothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3em;
}
@media screen and (min-width:641px){
  .archive:not(.post-type-archive-news) .entries{
    display: flex;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
}
@media screen and (max-width:768px) and (min-width:641px){
  .archive:not(.post-type-archive-news) .entries-article{
    width:calc(50% - 5px);
    margin-right:10px;
    margin-bottom:10px;
  }
  .archive:not(.post-type-archive-news) .entries-article:nth-of-type(2n){
    margin-right: 0;
  }
}
@media screen and (min-width:768px){
  .archive:not(.post-type-archive-news) .entries-article{
    width:calc(33.3333% - 10px);
    margin-right:15px;
    margin-bottom:15px;
  }
  .archive:not(.post-type-archive-news) .entries-article:nth-of-type(3n){
    margin-right: 0;
  }
}
.archive:not(.post-type-archive-news) .entries-article__info,
.home .entries-article__info{
  margin-top:1em;
  margin-bottom:2em;
}
.post-eyecatch{
  height:auto;
  width:100%;
  overflow: hidden;
  position:relative;
  border-radius: 5px;
}
.post-eyecatch:before{
  content:"";
  display: block;
  padding-top:56.25%;
}
.post-eyecatch img{
  display:block;
  width: 100%;
  object-fit: cover;
  position:absolute;
  top:0;
  left:0;
  transition:0.3s;
}
.post-eyecatch a:hover img{
  transform: scale(1.05);
}
.entries-article__time{
  color:#333132;
}
.entries-article__title{
  margin:0;
  font-size:1em;
}
.entries-article__title a{
  text-decoration:none;
  color:#333132;
  font-weight:normal;
}
.more_read_button{
display: block;
text-align: right;
margin-bottom:1em;
}
.more_read_button a{
  font-family: 'ff-basic-gothic-pro','Noto Sans JP',sans-serif;
  font-weight: 700;
  color:#333132;
  display: inline;
}
.cat_wrap,
.tag_wrap{
display:flex;
flex-wrap:wrap;
font-size:0.8em;
align-items: center;
gap: 5px;
}

.cat_wrap ul,
.tag_wrap ul{
  padding:0;
  margin:0;
}
.cat_wrap ul li,
.tag_wrap ul li{
  list-style: none;
  display:inline-block;
  margin-left:4px;
  margin-bottom:4px;
}
.cat_wrap a,
.tag_wrap a{
  text-decoration: none;
  color:#333132;
  display: block;
  line-height:20px;
  padding:0 5px;
  font-weight:300;
}
.cat_wrap a,
.tag_wrap a,
.tag-cloud-link{
  border:solid #333132 1px;
  border-radius:3px;
}
.cat_wrap a:hover,
.tag_wrap a:hover,
.tag-cloud-link:hover{
  color:#333132;
}
/*--pagination--*/
.pagination ul{
  display: flex;
  list-style: none;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding:0;
  margin:0;
}
.pagination{
  margin: 60px 0;
}
.pagination li{
  min-width:30px;
  min-height:40px;
  margin:0 2px;
}
.pagination li a,
.pagination li span{
  display: block;
  line-height:40px;
  width:100%;
  height:100%;
  text-align: center;
  text-decoration: none;
  color:#333132;
  border:solid 1px #333132;
  box-sizing:border-box;
}
.pagination li span.page-numbers{
  /*! opacity: 1; */
  background: #333132;
  color: #f8f8f8;
}
.pagination li span.dots{
  border:0;
  color:#333132;
  background:0;
}
/*--pagination-_end-*/
/*---------------------------------------------------------------*/
/*--single-------------------------------------------------------*/
main h1,
main h2,
main h3,
main h4,
main h5,
main h6{
  margin:3em 0 1em 0;
}
.single-title{
  margin:1em 0;
}
.entry-header{
  margin-bottom:2em;
  padding-bottom:2em;
  border-bottom:solid 1px #ddd;
}
.single .post-eyecatch{
  margin-bottom:2em;
}
.single .post-date{
  font-size:0.8em;
}
.single .pubdate{
  margin-right:0.8em;
}
.tag_category_wrap{
  display:flex;
  margin-top:5px;
  flex-wrap: wrap;
}
.cat_wrap{
  margin-right:0.8em;
}
.sharedaddy{
  margin-top:2em;
}
.single .post-navigation{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top:60px;
}
.single .post-navigation span{
  display: block;
  width:40px;
  height:40px;
}
.single .post-navigation .button_wrap{
  display: flex;
  gap:4px;
} 
.history_back,
.works_list{
  display: block;
  font-size: 0.8em;
  border:1px #333132 solid;
  text-decoration:none;
  line-height: 40px;
  height:40px;
  text-align: center;
  width:100px;
}
.history_back{
  background:#f5f5f5;
}
.prev,.next{
  display:block;
  width:40px;
  height:40px;
  border:solid 1px #333132;
  border-radius:50%;
  position:relative;
}
.prev:before,
.next:before{
  display: block;
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  border-top:solid 1px #333132;
  border-left:solid 1px #333132;
  top:50%;
  left:50%;
  margin-top:-5px;
  margin-left:-5px;
  box-sizing: border-box;
}
.prev:before{
  transform:rotate(135deg);
  margin-left:-6px;
}
.next:before{
  transform:rotate(-45deg);
  margin-left:-4px;
}
/*---------------------------------------------------------------*/
/*----front-page-------------------------------------------------*/
body.home {
  padding-top:60px;
}
.home main > .w_1080{
  margin:0 auto;
}
.home main h1{
  width: 160px;
  margin-top: 145px;
  margin-bottom:145px;
}
/*@media screen and (max-width:587px){
  .home  main h1{
    width: 200px;
    margin-top: calc(50vh - 80px);
    transform: translateY(-51px);
  }
}*/
.home h2{
  font-size:3em;
  margin-bottom:1em;
  line-height: 0.7em;
}
.home h2 span{
  font-size: 0.333333333em;
  font-weight:300;
  font-family: heisei-kaku-gothic-std, sans-serif;
}
.home h2.entries-article__title{
  font-size:1.2em;
  line-height: 1.8em;
  line-height: 1.56;
}
.home .news_wrap{
  margin-top:6em;
}
.home .news_wrap h2{
  font-size:1.2em;
  margin-top:0;
  line-height: 1.8em;
}
.home .news_wrap .entries-article{
  display: flex;
}
.home .news_wrap  .entries-article__time {
    padding-right: 1em;
}
.home .news_wrap .more_read_button{
  border:0;
  margin:0;
  text-decoration: underline;
  display: inline;
}
.home .about_logodesign{
  margin-top:9em;
}
.home .about_logodesign h2{
  margin-top:1.5em;
}
.home .about_logodesign img{
  border-radius: 5px;
}
.home .about_logodesign .more_read_button{
  margin:3em auto 0 0;
}
@media screen and (min-width:641px){
.home .works_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.home .works_wrap .entries-article{
  width:calc(50% - 5px);
}
}
.home .slick-prev,
.home .slick-next {
  position: absolute;
	z-index: 3;
  top: calc(50% - 7px);
  }

.home .more_read_button{
  font-size: 0.8em;
  margin:3em auto 0 auto;
  border:1px #333132 solid;
  text-decoration:none;
  line-height: 3em;
  height:3em;
  text-align: center;
  width:200px;
  border-radius:1.5em;
}

/*--about-page---------------------------------------------------*/
.about h2{
  font-size:3em;
  margin-bottom:1em;
}
.about .image_wrap img{
  display:block;
  width:100%;
}
.about section.profile p span{
  font-weight: bold;
  font-size: 1.2em;
  display:block;
  margin-bottom:1em;
}
.about .overview_link{
  margin-top:9em;
}
/*--business_overview----------------*/
.page-id-1459 .entry-header{
  margin:0;
  border:0;
  padding:0;
}
.page-id-1459 h1{
  margin-top:3em;
  font-size:3em;
  font-family: "Helvetica Neue",Arial, sans-serif;
  font-weight: lighter;
  font-style: normal;
}
/*--about-logodesign-----------------*/
.about-logodesign_wrap{
  max-width:1080px;
}
.about-logodesign h1{
  font-size:3em;
  margin-bottom:1em;
  line-height: 0.7em;
  margin-top: 3.5em;
}
.about-logodesign h1 span{
  font-size: 0.333333333em;
  font-family: "Helvetica Neue",Arial, sans-serif;
  font-weight: lighter;
  font-style: normal;
}
.about-logodesign h2{
  font-size:3em;
  margin-bottom:1em;
  line-height: 0.7em;
}
.about-logodesign h2 span{
  font-size: 0.333333333em;
  font-weight:300;
  font-family: "Helvetica Neue",Arial, sans-serif;
  font-weight: lighter;
  font-style: normal;
}
.about-logodesign h2.center{
  text-align: center;
  position:relative;
  font-size:1.25em;
  font-weight: 300;
  line-height: 1.5em;
  padding:0.75em;
  margin-top:6em;
}
.about-logodesign .sec_02 ul{
  padding:0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about-logodesign .sec_02 li{
  list-style: none;
  text-align: center;
  width:calc(50% - 10px);
  margin-bottom:10px;
}
@media screen and (min-width:641px){
  .about-logodesign .sec_02 li{
    width:calc(33.33333% - 10px);
  }
}
.about-logodesign .sec_02 li p{
  font-size:0.8em;
}

.about-logodesign .sec_how .swiper-button-prev::after,
.about-logodesign .sec_how .swiper-button-next::after {
  color: #333132;
  font-size: 20px !important;
}
.swiper-pagination-bullet{
  background:#f7f7f7;
  border: 1px solid #333132;
}
.swiper-pagination-active {
  background:#333132;
  border: 0;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom:var(--swiper-pagination-bottom,0px)
}
.about-logodesign .sec_how .about-logodesign .works_wrap{
  margin-bottom:3em;
}
.about-logodesign .sec_how a{
  text-decoration: none;
}
.about-logodesign .sec_how h3{
  font-size:1rem;
  font-weight:normal;
}
@media screen and (min-width:641px){
.about-logodesign .works_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about-logodesign .works_wrap .entries-article{
  width:calc(50% - 5px);
}
}
.about-logodesign .more_read_button{
  font-size: 0.8em;
  margin-left:auto;
  margin-right:auto;
  margin-top:3em;
  border:1px #333132 solid;
  text-decoration:none;
  line-height: 3em;
  height:3em;
  text-align: center;
  width:200px;
  border-radius:1.5em;
}
.about-logodesign .quality img{
  display: block;
  width: 100%;
}
.about-logodesign .price{
  font-size:1.5em;
  border-bottom: solid 1px #333132;
  font-weight:700;
  display: flex;
  justify-content: space-between;
}
.about-logodesign .price div{
  display: inline;
  text-align: right;
  vertical-align: bottom;
}
.about-logodesign .price span{
  font-size: 0.75em;
  font-weight:normal;
}
.about-logodesign .feature li{
  margin-bottom:0.8em;
}
.flow ol{
  padding:0px;
  list-style: none;
  padding-left:56px;
}
.flow ol > li{
  position:relative;
}
.flow ol > li:before,
.flow ol > li:after{
  display:block;
  position:absolute;
  font-family: "Helvetica Neue",Arial, sans-serif;
  font-style: normal;
}
.flow ol > li:before{
  content:"STEP";
  top:-2px;
  left:-56px;
  font-size:15px;
}
.flow ol > li:after{
  top:10px;
  left:-47px;
  font-size:36px;
}
.flow ol > li:nth-of-type(1):after{
  content: "1";
  left:-45px;
}
.flow ol > li:nth-of-type(2):after{
  content: "2"
}
.flow ol > li:nth-of-type(3):after{
  content: "3";
  left: -46px;
}
.flow ol > li:nth-of-type(4):after{
  content: "4";
  left: -45px;
}
.flow ol > li:nth-of-type(5):after{
  content: "5"
}
.flow ol > li:nth-of-type(6):after{
  content: "6"
}
.flow ol > li:nth-of-type(7):after{
  content: "7"
}
.flow ol > li:nth-of-type(8):after{
  content: "8"
}
.flow ol > li:nth-of-type(9):after{
  content: "9"
}
.contact_btn_section{
  margin-top:126px;
}
.about-logodesign .contact_btn{
  display: block;
  text-align: center;
  font-weight: normal;
  width:100%;
  height:64px;
  font-size:1em;
  line-height:64px;
  text-decoration:none;
  margin-top:5em;
  background:#333132;
  color:#f8f8f8;
}
/*--contact-------------------------*/
.page-id-23 .entry-header{
  margin:0;
  border:0;
  padding:0;
}
.page-id-23 h1{
  margin-top:3em;
  font-size:3em;
  font-family: "Helvetica Neue",Arial, sans-serif;
  font-weight: lighter;
  font-style: normal;
}
/*--privacy-policy-------------------*/

.privacy-policy .entry-header{
  margin:0;
  border:0;
  padding:0;
}
.privacy-policy h1{
  margin-top:3em;
  font-size:3em;
  font-family: "Helvetica Neue",Arial, sans-serif;
  font-weight: lighter;
  font-style: normal;
}
/*--news archive---------------------*/
body.post-type-archive-news{
  max-width:1000px;
}
.post-type-archive-news .entries-article{
  margin:60px 0;
  border-bottom:solid 1px #c5c5c5;
}
/*-----------------------------------*/

/*--blog single----------------------*/
body.single-blog .w_1080{
  max-width:800px;
}
/*-----------------------------------*/