@charset "utf-8";
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			RESET

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,label,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option,figure,figcaption {
	margin:0;
	padding:0;}

table {
	border-collapse:collapse;
	border-spacing:0;}

fieldset,img,abbr,acronym {border:0;}

address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i {
	font-style:normal;
	font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}

a,ins,del {text-decoration: none;}

a {
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;}
a:hover {
  opacity: .7;
}
img {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	vertical-align: bottom;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;}

object,embed,th,td {vertical-align: top;}

input,textarea,select {font-size: 1em;}

picture,figure,audio {display: inline-block;}

audio {max-width: 100%;}
/***CLEAR FIX***/
.clf::after {
	content: "";
	display: block;
	clear: both;}
/***NO iOS STYLE***/
input[type="submit"],
input[type="button"],
input[type="reset"] {
-webkit-appearance: none;}

#wpadminbar .display-name {
  color: inherit;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			COMMON

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
* {
	box-sizing: border-box;
	outline: none;
  font-family: "Zen Maru Gothic", system-ui;
  font-weight: 500;
  font-style: normal;
	font-size: 16px;
	color: #333;
}
html,
body {
	overflow-x: hidden;
	overflow-y: auto;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
	opacity: 0;
	padding: 0;
	position: relative;
}
body.show {
	opacity: 1;
	transition: 1s;
}
main {
  flex: 1;
}
#home .wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#home .wrap .inner {
  padding: 0 25px;
}
@media all and (min-width:481px) {

}
@media all and (min-width:641px) {

}
@media all and (min-width:769px) {

}
@media all and (min-width:1440px) {
  #home .wrap {
    width: 83.333vw;
    max-width: unset;
  }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			HEADER / FOOTER

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*================================
header
=================================*/

/*================================
footer
=================================*/
footer {
  padding: 10px 0;
  background: #333;
}
footer .copyright {
  font-size: 14px;
  text-align: center;
  color: #fff;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			HOME

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*================================
main visual
=================================*/
#home .main_visual_wrap {
  margin-bottom: 40px;
  padding-top: 80px;
}
#home .main_visual_wrap .page_title {
  margin-bottom: 20px;
  font-size: 46px;
  line-height: .8;
  text-align: center;
}
#home .main_visual_wrap .catch {
  text-align: center;
}
/*================================
home works
=================================*/
#home .home_works_wrap {
  margin-bottom: 20.513vw;
}
#home .home_works_wrap .item {
  margin-bottom: 10.256vw;
}
#home .home_works_wrap .item a {
  width: 100%;
}
#home .home_works_wrap .item a .image {
  margin-bottom: 1.282vw;
  box-shadow: 0 0 10px rgba(0, 0, 0, .16);
}
#home .home_works_wrap .item a .category_wrap {
  display: flex;
  justify-content: flex-end;
}
#home .home_works_wrap .item a .category_wrap .category {
  margin-right: 5px;
}
#home .home_works_wrap .item a .category_wrap .category:last-child {
  margin-right: 0;
}
#home .home_works_wrap .item a .category_wrap .category span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
#home .home_works_wrap .item a .name {
  text-align: right;
}
#home .home_works_wrap .item a .name span {
  display: inline-block;
  font-size: 16px;
  text-align: left;
}
@media all and (min-width:769px) {
  /*================================
  main visual
  =================================*/
  #home .main_visual_wrap {
    margin-bottom: 40px;
    padding-top: 100px;
  }
  #home .main_visual_wrap .page_title {
    margin-bottom: 40px;
    font-size: 64px;
  }
  #home .main_visual_wrap .catch {
    font-size: 18px;
  }
  /*================================
  home works
  =================================*/
  #home .home_works_wrap {
    margin-bottom: 5.556vw;
  }
  #home .home_works_wrap .contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #home .home_works_wrap .contents::after {
    content: "";
    width: 48%;
  }
  #home .home_works_wrap .item {
    width: 49%;
    margin-bottom: 4.167vw;
  }
  #home .home_works_wrap .item a .image {
    margin-bottom: 0.65vw;
  }
  #home .home_works_wrap .item a .name span {
    font-size: 14px;
  }
}
@media all and (min-width:1000px) {
  /*================================
  home works
  =================================*/
  #home .home_works_wrap .contents::after {
    content: "";
    width: 32%;
  }
  #home .home_works_wrap .item {
    width: 32%;
    margin-bottom: 4.167vw;
  }
}
@media all and (min-width:1440px) {
  /*================================
  home works
  =================================*/
  #home .home_works_wrap .item a .name span {
    font-size: 0.972vw;
  }
}