/*
Theme Name: kotonoha nagoya
Theme URI: https://kotonoha.nagoya-bungei.com
Description: kotonoha nagoya
Version: 1.0
Author: kotonoha nagoya
Author URI: https://kotonoha.nagoya-bungei.com
*/

@charset "UTF-8";



* {
  margin: 0;
  padding: 0;
  background-position: center center;
  box-sizing: border-box;
  outline: none;
}

img {
  height: auto;
}

html {
  -webkit-text-size-adjust: 100%;
	height: 100%;
	font-size: 62.5%;
    -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;

}




body {

	position: relative;
	font-family: '見出しゴMB31','Zen Kaku Gothic New','Outfit', sans-serif;
	font-weight: 600;
	color: #111;
	font-size: 2.0rem;
	line-height: 2.0;
	margin: auto;
	text-align: left;
	letter-spacing: 0.06em;
	background: #fff;
 	height: 100%;
 	
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}


p {
	text-align: justify;
	line-height: 2.0;
	letter-spacing: 0.10em;
	font-feature-settings: "palt";
}



.p a,p a, td a, th a {
	text-decoration: underline;
}

li {
  list-style: none;
}

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

a {
  text-decoration: none;
  color: #111;
  transition: 0.2s ease-in-out;
}


a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #FFF100;
}

a.child:hover {
	color: inherit;
}


p a {
	text-decoration: underline;
}


a img {
  transition: 0.6s ease-in-out;
}

a:hover img {
  /*opacity: 0.8;*/
}

*::selection {
  background: #FFF100;
  color: #002063;
}


img {
  border: 0;
  vertical-align: top;
}

h1, h2, h3, h4 {
	line-height: 1.5;
	font-size: 100%;
	font-family: 'Outfit','見出しゴMB31','Zen Kaku Gothic New','A1ゴシック M' , 'A P-OTF A1ゴシック Std M', sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 0.12em;
	font-weight: 400;
}

.en {
	font-family: 'Outfit','見出しゴMB31','Zen Kaku Gothic New','A1ゴシック M' , 'A P-OTF A1ゴシック Std M', sans-serif;;
	
}



.en {
	letter-spacing: 0.10em;
}

.kern01 {
	letter-spacing: 0.1em;
}

.kern02 {
	letter-spacing: 0.2em;
}

.kern03 {
	letter-spacing: 0.3em;
}


table {
  border-collapse: collapse;
}

.center {
	text-align: center;
}

.left {
  float: left;
}

.right{
  float: right;
}

.clearfix:after {
  content: ".";
  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

.sp_only {
  display: none!important;
}

.pc_only {
  display: block!important;
}



.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;

}

.flex_end {
	align-content: flex-end;
	align-items: flex-end;
}


/*--------------------------------------
	
	Wide / layout
	
--------------------------------------*/


.wide_standard {
	width: 100%;
	max-width: 1200px;
	padding: 0 80px;
	margin: 0 auto;
}

.wide_standard2 {
	width: 100%;
	max-width: 1200px;
	padding: 0 80px;
	margin: 0 auto;
}

.wide_standard2_2 {
	width: 100%;
	max-width: 1200px;
	padding: 0 80px;
	margin: 0 auto;
}


.wide_standard3 {
	width: 100%;
	max-width: 1200px;
	padding: 0 80px;
	margin: 0 auto;
}

.wide_max {
	max-width: 1500px;
	width: 100%;
	padding: 0 80px;
	margin: 0 auto;
}

.wide_min {
	width: 100%;
	max-width: 1135px;
	padding: 0 140px;
	margin: 0 auto;
}

.wide_min_inner {
	padding: 0 0 0 calc(250px - 12vw);
}

.wide_min_inner2 {
	padding:0 80px 0 calc(350px - 12vw);
}

.wide_1_1 {
	width: 100%;
}

.wide_1_4 {
	width: 20.8%;
}

.wide_1_4_w {
	width: 26.3%;
}

.wide_3_4 {
	width: 73.6%;
}

.wide_3_4_w {
	width: 79.1%;
}

.wide_1_3 {
	width: 29.6%;
}

.wide_1_3_w {
	width: 35.1%;
}

.wide_1_3_w2 {
	width: 35.1%;
}

.wide_2_3 {
	width: 64.8%;
}

.wide_2_3_w {
	width: 70.3%;
}

.wide_1_2 {
	width: 47.2%;
}

.wide_1_2_w {
	width: 52.7%;
}

.wide_1_2_w2 {
	width: 52.7%;
}






.wide_3_4,
.wide_3_4_w,
.wide_2_3,
.wide_2_3_w {
	margin-left: auto;
	margin-right: auto;
}

.wide_3_4_w.wide_left,
.flex .wide_3_4,
.flex .wide_3_4_w,
.flex .wide_2_3,
.flex .wide_2_3_w {
	margin-left: 0;
	margin-right: 0;
}



.dot_top,
.dot_bottom {
	background-repeat: repeat-x;
	background-image: url("images/dot.svg");
	background-size: 36px 1px;
}

.dot_top {
	background-position: left top;
	padding-top: 1px;
}

.dot_bottom {
	background-position: left bottom;
}



/*--------------------------------------
	
	header
	
--------------------------------------*/

@media screen and (min-width:959px){

.home header {
	top: 50px;
	opacity: 0;
transition: 0.4s ease-in-out;
}

.home header .navi_nagoyabungei {
	top:20px;
	top:70px;
	opacity: 0;
	
transition: 0.4s ease-in-out;
}

.home .kv_area .copy {
	bottom: 70px;
	opacity: 0;
	color: #002063;
	font-weight: 600;
	writing-mode: vertical-rl;
    text-orientation: upright;
	transition: 0.8s ease-in-out;
	text-shadow: 0px 0px 0px #fff,
				 1px 0px 0px #fff,
				 2px 0px 0px #fff,
				 3px 0px 1px #fff,
				 4px 0px 2px #fff,
				 5px 0px 3px #fff,
				 6px 0px 4px #fff;
}
	
.home .kv_area .copy span{
	text-combine-upright:all;
	-webkit-text-combine:horizonal;
	-ms-text-combine-horizonal:all;
}

.home.show header {
	top: 0;
	opacity: 1;
}

.home.show header .navi_nagoyabungei {
	top:20px;
	opacity: 1;
}

.home.show .kv_area .copy {
	bottom: 22vh;
	opacity: 1;
}

}

header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50;

}

header .box {
	transition: 0.4s ease-in-out;
}


header.min .box {
	transform: scale(0.60);
	transform-origin: top left;
}

header.min .box .navi{
	font-size: 2.3rem;
}
header.min .local_navi span a{
	font-size: 2rem;
}
header.min .navi .sns{
	width: 23px;
	transition: 0.8s ease-in-out;
}


header .logo {
	transition: 0.4s ease-in-out;
	padding: 57px 60px 28px 51px;

}

header .logo a {
	display: block;
	width: 190px;
}

header .navi {
	font-size: 1.6rem;
	padding: 0 60px;

}

header .navi .en {
	letter-spacing: 0.06em;
	
}

header .navi .g_navi {
	line-height: 1;
	padding: 11px 0;
}

header .navi  a{
	color: #002063;
}
header .navi  a:hover {
	color: #FFF100;
}

.home header .navi .g_navi.navi_home a.main,
.page-template-page-about header .navi .g_navi.navi_about a.main,
.page-template-page-service header .navi .g_navi.navi_about a.main,
.post-type-archive-project header .navi .g_navi.navi_project a.main,
.single-project header .navi .g_navi.navi_project a.main,
.page-template-page-contact header .navi .g_navi.navi_contact a.main,
.page-template-page-confirm header .navi .g_navi.navi_contact a.main,
.page-template-page-complete header .navi .g_navi.navi_contact a.main {
	color: #FFF100;
	position: relative;
}

.home header .navi .g_navi.navi_home a.main:before,
.page-template-page-about header .navi .g_navi.navi_about a.main:before,
.page-template-page-service header .navi .g_navi.navi_about a.main:before,
.post-type-archive-project header .navi .g_navi.navi_project a.main:before,
.single-project header .navi .g_navi.navi_project a.main:before,
.page-template-page-contact header .navi .g_navi.navi_contact a.main:before,
.page-template-page-confirm header .navi .g_navi.navi_contact a.main:before,
.page-template-page-complete header .navi .g_navi.navi_contact a.main:before {
	content: '';
	display: block;
	position: absolute;
	left: -30px;
	top: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFF100;
}

header .navi .sns {
	margin: 18px 10px 0 0;
	width: 20px;
	display: inline-block;
}

.navi .main li.sns span {
	display: block;
	text-indent: -9999px;
}

header .navi_nagoyabungei {
	font-size: 3rem;
	position: fixed;
	right: 24px;
	top: 20px;
	color: #002063;

	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

header .navi_nagoyabungei li a {
	color: #002063;
}

header .navi_nagoyabungei li  span {
	color: #002063;
	width: 30px;
	line-height: 36px;
	background: url("images/pen.svg") no-repeat center top;
	background-size: 30px;
	padding: 50px 0 0 0;
	display: block;
	transition: 0.3s ease-in-out;
}

header .navi_nagoyabungei li:hover span {
	color: #002063;
	padding-top: 57px;
}

header .local_navi {
	display: block;
}


header .local_navi span a {
	text-indent: 1em;
	font-size: 1.3rem;
	display: block;
	padding: 0;
	transition: 0.6s ease-in-out;
	height: 0;
	opacity: 0;
	pointer-events: none;
}



header .g_navi:hover .local_navi span a {
	opacity: 1;
	height: 20px;
	padding: 20px 0 15px 0;
	transition: 0.6s ease-in-out;
	pointer-events: auto;
}

header.min .box .navi{
	font-size: 1.75rem;
}

header.min .local_navi span a{
	font-size: 1.3rem;
}

/*--------------------------------------
	
	footer
	
--------------------------------------*/

footer {
	border-top: 1px solid #002063;
	padding: 80px 0;
	position: relative;
}

footer .copyright {
	font-size: 1.4rem;
	text-align: center;
	color: #002063;
}


.pagetop {
	display: block;
	position: absolute;
	right: 30px;
	bottom: 30px;


}


.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	padding: 10px 0 10px 0;
	transition: 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.pagetop a:hover {
	padding: 0 0 20px 0;
}

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

	loading
	
----------------------------------------------------*/

.loading {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	pointer-events: none;
	overflow: hidden;
}

.loading.hide {
	display: none;
}

.loading div.cover01{
	width: 200%;
	height: 200%;
	position: fixed;
	left: -50%;
	top: -50%;
	z-index: 60;
	transform: rotate(10deg);
	transition: 2.2s cubic-bezier(0.33, 1, 0.68, 1);
}

.loading div.cover01.hide {
	top: -280%;
	transform: rotate(-20deg);
}

.load_inner {
	background: #f1f2f7;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin: auto;
	transition: 1.7s cubic-bezier(0.65, 0, 0.35, 1);
}

.cover01.hide .load_inner {

}

.load_anime {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -33px;
	margin-top: -15px;

	transition: 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}

.load_anime.hide {
	margin-top: -55px;
	margin-left: -39px;
	opacity: 0;

}



.loading img {
	width: 80px;
	opacity: 0.7;
    animation: loadspin 0.8s linear infinite;

}

@keyframes loadspin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.img_cover,
.bg_cover {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 3;
}

.home .img {
	position: relative;
}

.num {
	z-index: 10;
}


/*--------------------------------------
	
	kv
	
--------------------------------------*/


.kv_area {
	width: 100%;
	height: 100%;
	padding: 65px 220px 70px 220px;
	position: relative;
}

.kv_in {
	position: relative;
	width: 100%;
	height: 100%;

}

.kv {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
	transition: 1.0s ease-in-out;
}

.kv.pre {
	z-index: 20;
}

.kv.show {
	opacity: 1;
}

.kv .ph_area {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;

}

.kv .ph {
	transform: scale(1.05);
	width: 100%;
	height: 100%;
	background: no-repeat center center;
	background-size: cover;
	transition: transform 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.kv.show .ph {
	transform: scale(1.085);
}

.scroll {
	display: block;
	position: absolute;
	padding-left:60px;
	opacity: 0;
	z-index: 21;
	transition: 2.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	}

.home .lead .about .show{
	position: absolute;
	opacity: 1;
	padding-left: 0px!important;
	z-index: 21;
	}

.scroll a {
	width: 21vw;
	position: absolute;
	bottom: 2.8vh;
	padding: 10px 0 10px 0;
	height: auto;
	min-width: 300px;
	z-index: 21;
	transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.scroll a:hover {
	padding: 80px 0 0 0;
}


.circle {

	right: -100px;
	bottom: 10px;

    position: absolute;
    width: 70px;
    height: 70px;
    background: #465D84;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    opacity: 0.90;
}


.circle::before {

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -35px;
    width: 70px;
    height: 70px;
    background: #ddd;
    transform-origin: right 35px;
    z-index: 2;

}

.circle::after {

    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 35px;
    width: 70px;
    height: 70px;
    background: #ddd;
    transform-origin: left 35px;
    z-index: 3;

}

.kv.show .circle::before {
    animation: rotate-circle-left 5.5s linear forwards;
}

.kv.show .circle::after {
    animation: rotate-circle-right 5.5s linear forwards;
}







.circle .circle-inner {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 68px;
    height: 68px;

    background: #fff;
    border-radius: 50%;
    z-index: 4;
    
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
    font-size: 10px;
    color: #6A7D9E;
}

.circle .circle-inner span {
	display: block;
	transform: scale(0.9);
}

.kv_area .copy {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 3.6rem;
	font-weight: 600;
	position: absolute;
	right: 120px;
	bottom: 70px;
	padding: 1.3vw;
	background-color: rgba(255, 241, 0, 0.9);
	z-index: 21;


	font-feature-settings: normal;
}


@keyframes rotate-circle-right {
    0%   {
        transform: rotate(0deg);
        background: #ddd;
    }
    50%  {
        transform: rotate(180deg);
        background: #ddd;
    }
    50.01% {
        transform: rotate(360deg);
        background: #666;
    }
    100% {
        transform: rotate(360deg);
        background: #666;
    }
}

@keyframes rotate-circle-left {
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(0deg); }
    100% { transform: rotate(180deg); }
}


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

html {
	font-size: 56.25%;
}

header .navi {
	font-size: 1.75rem;
}

header {
	position: absolute;
}

header.min .box {
	transform: scale(1);
}
}

@media screen and (max-width:1600px){
.headline{
	margin:0px!important;
}}

@media screen and (min-width:1600px){


header .logo {

	padding: 2.15vw 4.16vw 1.94vw 3.53vw;
}

header .logo a {
	width: 15vw;
	max-width: 210px;
}


header .navi {
	font-size: 1.8rem;
	padding: 0 4.00vw;
}



.kv_area {
	padding: 4.40vw 13.75vw 4.86vw 13.75vw;
}

.kv_area .copy {
	font-size: 2.15vw;
	right: 8vw;
	bottom: 15.6vw!important;
	margin-right: -0.5em;
}

.circle {
	ribht: -11.0vw;
	bottom: 0.5vw;
}

	
}

/*--------------------------------------
	
	project list
	
--------------------------------------*/

.project_list {
	padding: 15px 0 10px;
}


.project_list .flex {
	align-content: flex-end;
	align-items: center;
	position: relative;
	margin: 0 3vw 80px;
}

.project_list .layout .img {
	width: 50%;
	transform: scale(0.9);
	opacity: 0;
	transition: 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.project_list .layout .img.show {
	transform: scale(1.0);
	opacity: 1;
	text-align: center;
}

.project_list .layout .img span {
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
	max-width: 515px;
}

.project_list .layout .img img {
	transform: scale(1.05);
	transition: transform 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.project_list .layout a:hover .img img {
	transform: scale(1.10);
}

.project_list .layout a:hover {
	color: #002063;
}

.project_list .layout a:hover .link {
	color: #FFF100;
}

.project_list .layout .text {
	width: 50%;
	padding: 3.4vw 40px 3.4vw 50px;
	position: relative;

	height: 100%;
	
	opacity: 0;
	transition: 0.6s ease-in-out;
}

.project_list .layout .text.show {
	opacity: 1;
}

.project_list .layout .area {
	display: inline-block;
	writing-mode: vertical-rl;
    text-orientation: upright;
	font-feature-settings: normal;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2.0rem;
	/*border: 2px solid #002063;*/
	background-color: #FFF100;
	line-height: 1;
	padding: 11px 9px;
	color: #002063;
	margin: 3.4vw 30px 0 0;
	opacity: 0;
	transition: 0.6s ease-in-out;
	text-shadow: 0px 0px #fff,
				 1px 1px #fff,
				 2px 2px #fff,
				 3px 3px 1px #fff,
				 4px 4px 3px #fff;
}

.project_list .layout .area.show {
	opacity: 1;
}

.project_list .layout .area span {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: block;
	width: 1em;
	font-weight: 600;
}

.project_list .layout .text .main {
	padding: 0 120px 0 0;
	position: relative;
}

.project_list .layout .text .title {
	font-size: 3.2rem;
	margin: 0 0 30px 0;
	color: #002063;
	font-weight: 600;
}

.project_list .layout .text .title span {
  background: -webkit-linear-gradient(left, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  background: linear-gradient(to right, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  -webkit-transition: background-position .6s ease-in-out;
  transition: background-position .6s ease-in-out;
}
.project_list .layout .text h2 {
  /*font-family:  "Train One", "Outfit", "A1ゴシック M", "A P-OTF A1ゴシック Std M", "見出しゴMB31", sans-serif;*/
}

.project_list .layout:hover .text .title span {
  background-position: 0% bottom;
}

.project_list .layout .text p {
	margin: 0 0 35px 0;
	color: #002063;
}

.tag {
	line-height: 1;
}

.tag li {
	display: inline-block;

}

.tag li {
	font-size: 1.2rem;
	line-height: 1;
	color: #fff;
	background: #002063;
	display: inline-block;
	padding: 6px 6px 6px 6px;
	margin: 10px 15px 0px 0;
	letter-spacing: 0.04em;
}


.project_list .link {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #002063;

}

.project_list .layout:nth-child(even) .text {
	order: 1;
	padding: 50px 50px 50px 40px;
}

.project_list .layout:nth-child(even) .img {
	order: 2;
	text-align: center;
}
.project_list .layout:nth-child(even) .area {
	right: 50%;
	margin-right: 100px;
	
	
}



/*--------------------------------------
	
	news
	
--------------------------------------*/


.news {
	padding: 80px 0 0 0;
}


.news_area {
	padding: 0 110px 130px;
}

.news_area {
	width: 100%;
	overflow: hidden;
	position: relative;
	justify-content: center;
}



.news_inner {
	position: relative;
}


.bx-wrapper {
	max-width: 100% !important;
}



.list_news {
}

.news_content .list_news{
	text-align: center;
}

.news_area .list_news li {
	display: inline-block;
	margin: 0 30px 80px 30px;
	width: 19% !important;
}

.news_area .list_news li a {
	display: block;

}

.news_area .list_news li .img {
	margin: 0 0 30px 0;
	transform: scale(0.9);
	opacity: 0;
	transition: 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.news_area .list_news li .img span {
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
}
.news_area .list_news li .show {
	transform: scale(1.0);
	opacity: 1;
}

.news_area .list_news li .img img {
	object-fit: cover;
	width: 264px;
	height: 211px;
	transform: scale(1.05);
	transition: transform 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.news_area .list_news li a:hover .img img {
	transform: scale(1.10);
}

.news_area .list_news li .text{
	opacity: 0;
	transition: 0.6s ease-in-out;
}

.news_area .list_news li .show{
	opacity: 1;
}


.news_area .list_news li .text a{
	padding: 0 10px;
	color: #002063;
}

.news_area .list_news li .text a:hover {
	color: #002063;
}

.news_area .list_news li .text h3 span{
  background: -webkit-linear-gradient(left, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  background: linear-gradient(to right, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  -webkit-transition: background-position .6s ease-in-out;
  transition: background-position .6s ease-in-out;
}

.news_area .list_news li:hover .text h3 span{
  background-position: 0% bottom;
}

.news_area .list_news li .st {
	font-size: 2.4rem;
	margin: 0 0 15px 0;
	text-align: left;
	font-weight: 600;
}

.news_area .list_news li .sub {
	display: flex;
	justify-content: space-between;
	font-size: 1.6rem;
}

.news_area .list_news li .sub .news_in{
	font-size: 1.4rem;
	text-align: center;
	transition: 0.4s ease-in-out;
	display: flex;
	position: relative;
	justify-content: center;
	line-height: 1;
	padding-top: 15px;
	padding-right:15px;
}

.news_area .list_news li .sub .news_in span{
	padding-left: 20px;
	transition: 0.4s ease-in-out;
}

.news_area .list_news li:hover .sub .news_in span{
	color: #FFF100;
}

.news_area .list_news li .sub .news_in:before {
	content: '';
	display: block;
	position: relative;
	left: 0;
	top: 4.6px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFF100;
}

.news_area .list_news li:hover .sub .news_in:before {
    animation: linkanime 1.2s ease-in-out;
}






/*--------------------------------------
	
	work
	
--------------------------------------*/


.work {
	padding: 80px 0 0 0;
}


.work_area {
	padding: 0 80px 130px 80px;
}

.work_area {
	width: 100%;
	overflow: hidden;
	position: relative;
	justify-content: center;
}



.work_inner {
	position: relative;
}


.bx-wrapper {
	max-width: 100% !important;
}



.list_work {
}

.work_content .list_work{
	text-align: center;
}

.work_area .list_work li {
	display: inline-block;
	margin: 40px 50px 40px 50px;
	width: 15%;
	vertical-align: middle;
}

.work_area .list_work li a {
	display: block;

}

.work_area .list_work li .img {
	margin: 0 0 30px 0;
	transform: scale(0.9);
	opacity: 0;
	transition: 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.work_area .list_work li .img span {
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
}
.work_area .list_work li .show {
	transform: scale(1.0);
	opacity: 1;
}

.work_area .list_work li .img img {
	object-fit: cover;
	width: 225px;
	height: 165px;
	transform: scale(1.05);
	transition: transform 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.work_area .list_work li a:hover .img img {
	transform: scale(1.10);
}

.work_area .list_work li .text{
	opacity: 0;
	transition: 0.6s ease-in-out;
}

.work_area .list_work li .show{
	opacity: 1;
}


.work_area .list_work li .text a{
	padding: 0 10px;
	margin: 0 auto 15px;

}


.work_area .list_work li .text h3 span{
  background: -webkit-linear-gradient(left, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  background: linear-gradient(to right, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  -webkit-transition: background-position .6s ease-in-out;
  transition: background-position .6s ease-in-out;
}

.work_area .list_work li:hover .text h3 span{
  background-position: 0% bottom;
}

.work_area .list_work li .st {
	font-size: 2.4rem;
	margin: 0 0 15px 0;
	text-align: left;
	font-weight: 600;
}

.work_area .list_work li .sub {
	display: flex;
	justify-content: space-between;
	font-size: 1.6rem;
	margin-bottom: 15px;
}

.work_area .list_work li .sub .work_in{
	font-size: 1.4rem;
	text-align: center;
	transition: 0.4s ease-in-out;
	display: flex;
	position: relative;
	justify-content: center;
	line-height: 1;
	padding-top: 15px;
	padding-right:15px;
}

.work_area .list_work li .sub .work_in span{
	padding-left: 20px;
	transition: 0.4s ease-in-out;
}

.work_area .list_work li:hover .sub .work_in span{
	color: #FFF100;
}

.work_area .list_work li .sub .work_in:before {
	content: '';
	display: block;
	position: relative;
	left: 0;
	top: 4.6px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFF100;
}

.work_area .list_work li:hover .sub .work_in:before {
    animation: linkanime 1.2s ease-in-out;
}




.award_gold{
	margin: 0 10% 80px;
	padding: 1px;
	background-color: #F1EBE1;
}

.award_inner_gold{
	margin: 15px;
	padding: 7% 5% 4%;
	border: 2px solid #BCA475 ;
}

.award_gold_work{
	margin: 0px 7vw 0 0!important;
	width: 33%!important;
}


.award_silver{
	margin: 0 10% 80px;
	padding: 1px;
	background-color: #E8E9E9;
}

.award_inner_silver{
	margin: 15px;
	padding: 7% 5% 4%;
	border: 2px solid #979A9B ;
}


.award_kasaku{
	margin: 0 10% 80px;
	padding: 1px;
	background-color: #FFF3EB;
}

.award_inner_kasaku{
	margin: 15px;
	padding: 7% 5% 4%;
	border: 2px solid #FF9150 ;
}

.award_sk_work{
	margin-bottom: 0px!important;
	width: 22%!important;
}


.award_work_logo{
	margin: 50px 1vw 0px 0!important;
	width: 40%!important;
	vertical-align: middle!important;
	padding: 0 3vw 10% 0!important;
}


.award_work_logo2{
	margin: 6vw 5vw 40px 0!important;
	width: 100px!important;
	vertical-align: middle!important;
	padding: 0 0 8%!important;
}

.award_img{
	width: 23vw!important;
	height: 16vw!important;
	max-width: 350px;
	max-height: 240px;
}

.award_img2{
	width: 17vw!important;
	height: 13vw!important;
	max-width: 250px;
	max-height: 190px;
}

.award_logo{
	width: 45%!important;
}

.award_logo2{
	width: 100px!important;
}

.work_btn{
	padding-bottom: 15px;
}

.award_tag{
	width: 100px;
}

.work_lead{
	padding: 18px 0 0;
	font-size: 3.6rem;
	font-weight: 600;
	color: #002063;
}

.work_lead2{
	text-align: center;
}

.w_sentence{
	margin-bottom: 100px!important;
}

.c_author{
	margin-bottom: 45px!important;
}

.award_commnt_img{
	width: 20vw!important;
	height: 15vw!important;
	max-width: 265px;
	max-height: 200px;
}

	
.comment{
	padding: 60px 0 50px;
	}
	

.award_comment_title{
	margin: 0 0 10px 0!important;
	font-size:2rem;
	line-height: 1.5;
}

.award_comment{
	padding: 2% 1%;
}
.comment_name{
	margin: 10px 0 0!important;
	color: #002063;
}

/*--------------------------------------
	
	report
	
--------------------------------------*/


.report {
	padding: 120px 0 0 0;
}

.slider_area {
	padding: 0 0 180px 0;
}

.slider_area {
	width: 100%;
	overflow: hidden;
	position: relative;
	justify-content: center;
}

.slider_inner {

	position: relative;
	top: 0;
	left: 50%;
	margin-left: -1110px;
	width: 2220px;

}


.bx-wrapper {
	max-width: 100% !important;
}



.list_slider {
	display: block;
}

.slider_area .list_slider li {
	display: inline-block;
	margin: 0 60px 10px 0;
	width: 320px !important;
}


.slider_area .list_slider li a {
	display: block;
	color: #002063;
}


.slider_area .list_slider li .img {
	margin: 0 0 30px 0;
	transform: scale(0.9);
	opacity: 0;
	transition: 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}


.slider_area .list_work li .img span {
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
}
.slider_area .list_slider li .show {
	transform: scale(1.0);
	opacity: 1;
}

.slider_area .list_slider li .img img {
	border-radius: 10px;
	transform: scale(1.05);
	transition: transform 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.slider_area .list_slider li a:hover .img img {
	transform: scale(1.10);
}

.slider_area .list_slider li .text{
	opacity: 0;
	transition: 0.6s ease-in-out;
}

.slider_area .list_slider li .show{
	opacity: 1;
}


.slider_area .list_slider li .text a{
	padding: 0 10px;
	color: #002063;
}

.slider_area .list_slider li .text a:hover {
	color: #002063;
}

.slider_area .list_slider li .text h3 span{
  background: -webkit-linear-gradient(left, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  background: linear-gradient(to right, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  -webkit-transition: background-position .6s ease-in-out;
  transition: background-position .6s ease-in-out;
}

.slider_area .list_slider li:hover .text h3 span{
  background-position: 0% bottom;
}

.slider_area .list_slider li .st {
	font-size: 2.4rem;
	margin: 0 0 15px 0;
	text-align: center;
	font-weight: 600;
}


.slider_area .list_slider li .sub {
	display: flex;
	justify-content: center;
	font-size: 1.6rem;
}

.slider_area .list_slider li .sub .report_in{
	font-size: 1.4rem;
	text-align: center;
	transition: 0.4s ease-in-out;
	display: flex;
	position: relative;
	justify-content: center;
	line-height: 1;
	padding-top: 0px;
	padding-right:15px;
}

.slider_area .list_slider li .sub .report_in span{
	padding-left: 20px;
	transition: 0.4s ease-in-out;
}

.slider_area .list_slider li:hover .sub .report_in span{
	color: #FFF100;
}

.slider_area .list_slider li .sub .report_in:before {
	content: '';
	display: block;
	position: relative;
	left: 0;
	top: 3.8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFF100;
}

.slider_area .list_slider li:hover .sub .report_in:before {
    animation: linkanime 1.2s ease-in-out;
}



/*------report archive------*/


.r_archive {
	padding: 80px 0 0 0;
}


.r_archive_area {
	padding: 0 70px 130px 130px;
}

.r_archive_area {
	width: 100%;
	overflow: hidden;
	position: relative;
	justify-content: center;
}



.r_archive_inner {
	position: relative;
}


.bx-wrapper {
	max-width: 100% !important;
}



.list_r_archive {
text-align: center;
}

.r_archive_content .list_r_archive{
	text-align: center;
}

.r_archive_area .list_r_archive li {
	display: inline-block;
	margin: 0 30px 80px 30px;
	width: 20% !important;
}

.r_archive_area .list_r_archive li a {
	display: block;

}

.r_archive_area .list_r_archive li .img {
	margin: 0 0 30px 0;
	transform: scale(0.9);
	opacity: 0;
	transition: 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.r_archive_area .list_r_archive li .img span {
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
}
.r_archive_area .list_r_archive li .show {
	transform: scale(1.0);
	opacity: 1;
}

.r_archive_area .list_r_archive li .img img {
	object-fit: cover;
	width: 264px;
	height: 211px;
	transform: scale(1.05);
	transition: transform 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.r_archive_area .list_r_archive li a:hover .img img {
	transform: scale(1.10);
}

.r_archive_area .list_r_archive li .text{
	opacity: 0;
	transition: 0.6s ease-in-out;
}

.r_archive_area .list_r_archive li .show{
	opacity: 1;
}


.r_archive_area .list_r_archive li .text a{
	padding: 0 10px;
	color: #002063;
}

.r_archive_area .list_r_archive li .text a:hover {
	color: #002063;
}

.r_archive_area .list_r_archive li .text h3 span{
  background: -webkit-linear-gradient(left, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  background: linear-gradient(to right, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
  -webkit-transition: background-position .6s ease-in-out;
  transition: background-position .6s ease-in-out;
}

.r_archive_area .list_r_archive li:hover .text h3 span{
  background-position: 0% bottom;
}

.r_archive_area .list_r_archive li .st {
	font-size: 2rem;
	margin: 0 0 10px 0;
	font-weight: 600;
	text-align: center;
	color: #002063;
}

.r_archive_area .list_r_archive li .sub {
	display: flex;
	justify-content: center;
	font-size: 1.6rem;
	color: #002063;
}

.r_archive_area .list_r_archive li .sub .r_archive_in{
	font-size: 1.4rem;
	text-align: center;
	transition: 0.4s ease-in-out;
	display: flex;
	position: relative;
	justify-content: center;
	line-height: 1;
	padding-top: 15px;
	padding-right:15px;
}

.r_archive_area .list_r_archive li .sub .r_archive_in span{
	padding-left: 20px;
	transition: 0.4s ease-in-out;
}

.r_archive_area .list_r_archive li:hover .sub .r_archive_in span{
	color: #FFF100;
}

.r_archive_area .list_r_archive li .sub .r_archive_in:before {
	content: '';
	display: block;
	position: relative;
	left: 0;
	top: 4.6px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFF100;
}

.r_archive_area .list_r_archive li:hover .sub .r_archive_in:before {
    animation: linkanime 1.2s ease-in-out;
}


.r_archive_area .list_r_archive li .sub .report_in{
	font-size: 1.4rem;
	text-align: center;
	transition: 0.4s ease-in-out;
	display: flex;
	position: relative;
	justify-content: center;
	line-height: 1;
	padding-top: 0px;
	padding-right:15px;
}

.r_archive_area .list_r_archive li .sub .report_in span{
	padding-left: 20px;
	transition: 0.4s ease-in-out;
}

.r_archive_area .list_r_archive li:hover .sub .report_in span{
	color: #FFF100;
}

.r_archive_area .list_r_archive li .sub .report_in:before {
	content: '';
	display: block;
	position: relative;
	left: 0;
	top: 3.8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFF100;
}

.r_archive_area .list_r_archive li:hover .sub .report_in:before {
    animation: linkanime 1.2s ease-in-out;
}







/*--------------------------------------
	
	sidebar
	
--------------------------------------*/

.sidebar {
	padding: 120px 0 160px 0;
}

.sidebar .wide_standard {
	align-content: flex-end;
	/*align-items: flex-end;*/
}



.sidebar .wide_standard .baner {
	padding-bottom: 50px;
}

.sidebar .wide_standard .baner .b_bottom{
	padding-bottom: 30px;
}

.sidebar .wide_standard .baner .b_bottom .complement{
	margin-left: 20px;
	opacity: 0;
	transition: 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	font-size: 1.7rem;
	color: #002063;
	padding: 0 30px 20px;
}

.sidebar .wide_standard .baner .b_bottom .move {
    opacity: 1;
	margin-left: 0px;
}

.sidebar .wide_standard .baner .b_bottom .img {
	width: 100%;
	transform: scale(0.9);
	opacity: 0;
	transition: 1.0s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.sidebar .wide_standard .baner .b_bottom .show {
	transform: scale(1.0);
	opacity: 1;
}

.sidebar .wide_standard .baner .b_bottom .img span {
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
}

.sidebar .wide_standard .baner .b_bottom .img img {
	transform: scale(1.0);
	transition: transform 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.sidebar .wide_standard .baner .b_bottom a:hover .img img {
	transform: scale(1.02);
}


.sidebar .main .title {
	font-size: 3.2rem;
	margin: 0 0 40px 0;
}

.sidebar .main p {
	margin: 0 0 40px 0;
	font-size: 1.6rem;
	color:#002063;
}

.sidebar .main ul li{
	list-style:none;
	display:inline-block;
	padding:10px 25px 10px 5px;
	vertical-align:top;
	text-align:left;
	transition: 0.3s ease-in-out;
}

.sidebar .main ul li:hover{
	transform: translateY(-4px);
}

.sidebar .main ul li img{
	width: 110px;
	
}

.sidebar .sub {
	position: relative;
}

.sidebar .sub p {
	font-size: 1.6rem;
	margin: 0 0 45px 0;
}

.sidebar .main .flex {
	justify-content: flex-start;
}

.sidebar .main .flex a {
	margin: 0 40px 10px 0;
}



/*--------------------------------------
	
	parts
	
--------------------------------------*/

.head_404 h1 {
	font-family:  "Train One", "Outfit", "A1ゴシック M", "A P-OTF A1ゴシック Std M", "見出しゴMB31", sans-serif;
	font-size: 50px!important;
	text-align: left;
	display: inline-block;
	padding: 0px;
	position: relative;
	line-height: 1.3;
	font-weight: 600;
	transition: 0.4s ease-in-out;
}


.archive{
padding: 0!important;
}

.archive2{
padding: 0!important;
}


.selection{
	margin:  0px 0 80px;
}

.selection .ph {
	border-radius: 10px;
	object-fit: cover;
	width: 28vw;
	height: 20vw;
}


.kadai .ph {
	border-radius: 10px;
	object-fit: cover;
	width: 28vw;
	height: 20vw;
	max-width: 500px;
	max-height: 500px
}

.kadai_pic {
	margin:10px auto 40px;
	text-align: center;
	border-radius: 10px;
}

.kadai_pic :hover{
	opacity:0.8;
	transition: 0.3s ease-in-out;
}

.work .ph {
	border-radius: 10px;
	object-fit: cover;
	width: 28vw;
	height: 20vw;
}

.work_pic {
	margin:10px auto 40px;
	text-align: center;
	border-radius: 10px;
}



.hover-mask:hover {
  opacity: 1; 
}

.profile {
	margin-top: 100px;
}

.write_contents{
	margin-bottom: 120px;
}

.write_contents hr{
	background-repeat: repeat-x;
	background-image: url("images/dot.svg");
	background-size: 36px 1px;
	height: 3px;
    border:none;
	margin: 100px 0;
}

.write_contents h1{
	background: -webkit-linear-gradient(left, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
	background: linear-gradient(to right, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
	background-position: 0% bottom;
	font-weight: 600;
	color: #002063;
	font-size: 3rem;
	display:inline-block;
}

.write_contents h2{
	display: inline-block;
	margin: 0 0 16px 0;
	font-size: 2.0rem;
	border: 2px solid #FFF100;
	color: #002063;
	line-height: 1;
	padding: 11px 8px 8px 11px;
	font-weight: 600;
}

.write_contents h3{
	display: inline-block;
	background: #FFF100;
	color: #002063;
	padding: 0.5em 0.3em 0.3em 0.5em;
	font-size: 2rem;
	font-weight: 600;
	margin-bottom:20px;
}

.write_contents h4{
	display: inline-block;
	color: #002063;
	font-size: 2rem;
	font-weight: 600;
 	padding: 0 0.2em 0.1em;
    border-bottom: solid 3px #002063;
}

.write_contents h5{
	display: inline-block;
	background: #002063;
	color: #fff;
	padding: 0.3em 0.4em 0.2em 0.4em;
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom:15px;
}

.write_contents h6{
	display: inline-block;
	color: #002063;
	font-size: 2rem;
	font-weight: 600;
 	padding: 0 0.2em 0em;
	margin-bottom:15px;
    border-bottom: solid 3px #FFF100;
}

.write_contents p{
	color: #002063;
	margin:0 0 10px 0!important;
}

.write_contents ul{
  counter-reset:list;
  list-style-type:none;
  padding:0;
}
.write_contents ul li{
  position:relative;
  color: #002063;
  padding: 0 0 0 60px;
  margin: 15px 0 15px 0px;
  font-weight: bold;
  font-size:20px;
  line-height: 1.9em;
	
}
.write_contents ul li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 20px;
  width: 20px;
  background-color:#FFF100;
  top: 21px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.write_contents ul li:after{
  content: "";
  display: block;
  position: absolute;
  left: 6.5px;
  height: 0;
  width: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #002063;
  top: 21.2px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.write_contents table tr {
  border-bottom: 2px solid #002063;
}

.write_contents table th,
.write_contents table td {
  padding: 15px 0;
  border: none;
}

.singlepage_title{
	padding-top: 50px;
}

.singlepage_title h2 {
	font-size: 45px;
	text-align: center;
	display: inline-block;
	padding: 0 0 0 73px;
	position: relative;
	line-height: 1;
	color: #002063;
	transition: 0.4s ease-in-out;
	font-weight: 600
}

.singlepage_title p {
	text-align: center;
	margin:30px 0 45px;
	color: #002063;
	font-size: 1.6rem;
}

.w_title{
	display: flex;
	justify-content: center;
}

.singlepage_title .w_title :before {
	content: '';
	display: block;
	position: absolute;
	background-image: url("images/kotonoha_circle.svg") ;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	left: 0;
	top: 2.7px;
	width: 40px;
	height: 40px;
}
.singlepage_title .w_title :before {
    animation: linkanime2 2s ease-in-out infinite;
}


.work_year_title{
padding-bottom: 50px;
}

.headline{
	text-align: center;
	padding: 0;
	width: 100%;
	margin:50px;
}

.headline .title_area .title {
	margin: 20px auto 40px auto;
	color: #002063;
}

.headline .title_area h2 {
	font-family:  "Train One", "Outfit", "A1ゴシック M", "A P-OTF A1ゴシック Std M", "見出しゴMB31", sans-serif;
	font-size: 65px;
	text-align: center;
	display: inline-block;
	padding: 0 0 0 80px;
	position: relative;
	line-height: 1;
	transition: 0.4s ease-in-out;
}

.headline p {
	text-align: center;
	margin: 90px 12vw;
	color: #002063;
}

.headline .title_area {
	margin-left: 20px;
	opacity: 0;
	transition: 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.headline .title_complement{
	margin-left: 20px;
	opacity: 0;
	transition: 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.headline .move1 {
    opacity: 1;
	margin-left: 0px;
}

.headline .title_area :before {
	content: '';
	display: block;
	position: absolute;
	background-image: url("images/kotonoha_circle.svg") ;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	left: 0;
	top: 12.5px;
	width: 50px;
	height: 50px;
}
.headline .title_area :before {
    animation: linkanime2 2s ease-in-out infinite;
}



.lead {
	font-size: 1.8rem;
	line-height: 2.5;
	margin: 0 0 30px 0;
	padding: 20px 0 0 0;
}


.lead .title {
	font-size: 3.6rem;
	margin: 0 0 50px 0;
}

.lead .title.en {
	font-size: 4.4rem;
	letter-spacing: 0.04em;

}


.lead .link {
	margin: 0 0 60px 0;
}


.single_lead {
	padding: 170px 0 0 0;
}

.single_lead .title{
	font-weight: 600!important;
	color: #002063;
}


.home .lead p,
.page-template-page-about .lead p {
	line-height: 2.5;
	margin: 0 0 60px 0;
	color: #002063;
}

.page-template-page-contact .lead p,
.page-template-page-confirm .lead p,
.page-template-page-complete .lead p {
	line-height: 2.0;
	margin-bottom: 0;
}

.home .lead p .line {
	display: block;
	padding-left: 60px;
	opacity: 0;
	transition: 2.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.home .lead .link {
	margin-left: 30px;
	color: #002063;
	opacity: 0;
	transition: 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.home .lead p .line.show {
	padding-left: 0;
	opacity: 1;
	color: #002063;
}

.home .lead .link.show {
	margin-left: 0;
	opacity: 1;
	color: #002063;
}

.link {
	display: inline-block;
	font-size: 1.4rem;
	padding: 0 0 0 30px;
	position: relative;
	line-height: 1;
	transition: 0.4s ease-in-out;

}

.link:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFF100;
}

a:hover .link:before,
.link:hover:before {

    animation: linkanime 1.2s ease-in-out;
}

@keyframes linkanime {
    0%   { left: 0; }
    25%   { left: 10px; }
    50%   { left: 0; }
    75%   { left: 10px; }
}

@keyframes linkanime2 {
    0%   { left: 0; }
    25%   { left: 7px; }
    50%   { left: 0; }
    75%   { left: 7px; }
}


.btn_dot {
	display: block;
	padding: 80px 0;
	text-align: center;
	position: relative;
	background-size: 36px 1px;
	color: #002063;
}

.btn_dot .arrow {
	display: inline-block;
	background: url("images/arrow_right.svg") left center no-repeat;
	background-size: 13px 21px;
	padding-left: 45px;
	font-size: 2.4rem;
	transition: 0.2s ease-in-out;
}

.btn_dot .marker {
	background: -webkit-linear-gradient(left, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
	background: linear-gradient(to right, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
	-webkit-transition: background-position .5s ease-in-out;
	transition: background-position .5s ease-in-out;
}

.btn_dot:hover {
	background-color: #F4F5F9;
	color: #002063;
}

.btn_dot:hover .arrow{
	background-position: left 10px center;
}

.btn_dot:hover .marker {
	background-position: 0% bottom;
	
}

.project_list .layout .text .title span {

}
.project_list .layout .text h2 {
  /*font-family:  "Train One", "Outfit", "A1ゴシック M", "A P-OTF A1ゴシック Std M", "見出しゴMB31", sans-serif;*/
}

.project_list .layout:hover .text .title span {
  background-position: 0% bottom;
}

/*
.btn_dot:before,
.btn_dot:after {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background: url("images/dot.svg") left bottom;
	background-size: 36px 1px;
	position: absolute;
	left: 0;
	top: 0;
}

.btn_dot:after {
	top: auto;
	bottom: 0;
}
*/

.btn {
	color: #fff;
	background: #002063;
	display: block;
	width: 100%;
	max-width: 380px;
	padding: 20px 24px;
	text-align: center;
	font-size: 1.6rem;
	border-radius: 10px;
}

.btn2 {
	color: #fff;
	background: #002063;
	display: block;
	width: 100%;
	max-width: 340px;
	padding: 10px 10px;
	text-align: center;
	font-size: 1.5rem;
	margin: 10px auto;
}

.btn3 {
	color: #fff;
	background: #002063;
	display: block;
	width: 100%;
	max-width: 340px;
	padding: 10px 10px;
	text-align: center;
	font-size: 1.5rem;
	margin: 20px 0;
    transition: 0.3s ease-in-out;
}

.btn4 {
	color: #002063;
	background: #FFF100;
	display: block;
	width: 100%;
	max-width: 340px;
	padding: 10px 10px;
	text-align: center;
	font-size: 1.5rem;
	margin: 20px 0;
    transition: 0.3s ease-in-out;
}

.btn5 {
	color: #002063;
	background: #FFF100;
	display: block;
	width: 100%;
	max-width: 340px;
	padding: 10px 10px;
	text-align: center;
	font-size: 1.3rem;
	margin: 10px 0;
    transition: 0.3s ease-in-out;
}

.btn3 a{
	color: #fff;
    transition: 0.3s ease-in-out;
}

.btn4 a{
	color: #002063;
    transition: 0.3s ease-in-out;
}

.btn5 a{
	color: #002063;
    transition: 0.3s ease-in-out;
}


.btn span {
	padding: 0 0 0 30px;
	background: no-repeat left center;
	background-size: 18px auto;
}

.btn2 span {
	background: no-repeat left center;
	background-size: 18px auto;
}


.btn span.btn_contact {
	background-image: url("images/mail.svg") ;
}

.btn2 span.btn_contact {
}

.btn span.btn_cart {
	background-size: 16px auto;
	background-image: url("images/cart_white.svg") ;
}


.btn:hover {
	color: #002063;
	background: #FFF100;
}

.btn2:hover {
	color: #002063;
	background: #FFF100;
}

.btn3:hover {
	color: #002063;
	background: #FFF100;
}

.btn3:hover a{
	color: #002063;
}


.btn4:hover {
	color: #FFF;
	background: #002063;
}

.btn4:hover a{
	color: #FFF;
}

.btn5:hover {
	color: #FFF;
	background: #002063;
}

.btn5:hover a{
	color: #FFF;
}


.lead .archive_p p{
	margin: 0!important;
	line-height: 2!important;
}

.st_standard {
	font-size: 3.2rem;
	margin: 0 0 40px 0;
	font-weight: 600;
}

.st_standard span {
	background: -webkit-linear-gradient(left, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
	background: linear-gradient(to right, #FFF100 50%, transparent 50%) 100% bottom / 200% 40% no-repeat;
	background-position: 0% bottom;
}

.st_standard.en {
	font-size: 3.6rem;
	letter-spacing: 0.04em;
	font-variant-ligatures: none;
}

.padding_bottom {
	padding-bottom: 120px;
}

.padding_bottom100 {
	padding-bottom: 100px;
}

.padding_bottom80 {
	padding-bottom: 80px;
}

.padding_bottom60 {
	padding-bottom: 60px;
}

.padding_bottom50 {
	padding-bottom: 50px;
}
.padding_bottom30 {
	padding-bottom: 30px;
}
.padding_bottom20 {
	padding-bottom: 20px;
}
.padding_bottom10 {
	padding-bottom: 10px;
}
.padding_bottom5 {
	padding-bottom: 5px;
}

.padding_top30 {
	padding-top: 30px;
}

.padding_top100 {
	padding-top: 100px;
}

.padding_top170 {
	padding-top: 170px;
}

.margin_bottom {
	margin-bottom: 120px;
}

.margin_bottom100 {
	margin-bottom: 100px;
}

.margin_bottom60 {
	margin-bottom: 60px;
}

.margin_bottom30 {
	margin-bottom: 30px;
}

.text_standard {
	margin-bottom: 40px;
}


.margin_top10 {
	margin-top: 10px;
}

.margin_top20 {
	margin-top: 20px;
}

.margin_top30 {
	margin-top: 30px;
}

.margin_top40 {
	margin-top: 40px;
}

.margin_top50 {
	margin-top: 50px;
}

.margin_top60 {
	margin-top: 60px;
}

.margin_top70 {
	margin-top: 70px;
}

.margin_top80 {
	margin-top: 80px;
}

.margin_top90 {
	margin-top: 90px;
}

.margin_top100 {
	margin-top: 100px;
}

p.annotation {
	font-size: 1.6rem;
	margin-top: 20px;
}

.text_sub {
	font-size: 1.6rem;
}

.ph {
	border-radius: 10px;
}

.sst {
	font-size: 2.9rem;
	margin: 0 0 5px 0;
	 font-weight: 600!important;
}

.sst_selection{
	font-size: 2.2rem;
	margin: 0 0 20px 0;
}

.sst_intro{
	font-size: 1.6rem;
}

.ssst {
	font-size: 1.6rem;
	margin: 0 0 15px 0;
}

.name {
	margin-top: 45px;
}

.name span {
	font-size: 1.6rem;
	display: inline-block;
	margin: 0 0 0 15px;
}

.table_standard {
	width: 100%;
	border-top: 1px solid #111;
}

.table_standard th,
.table_standard td {
	border-bottom: 1px solid #111;
	padding: 12px 12px 12px 0;
	font-size: 1.6rem;
}

.table_standard th {
	width: 20.8%;
}

.gmap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.gmap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}




/*service*/


.service_part .part {
	border: 1px solid #111;
	border-top: none;
	padding: 60px 60px 60px 60px ;
}



.service_part .part:first-child {
	border: 1px solid #111;
}

.service_part .part:last-child {
	padding-bottom: 40px;
}

.service_part .part .title .text {
	vertical-align: middle;
}

.service_part .part .title .text .sub {
	font-size: 1.8rem;
	display: block;
	text-indent: 0.1em;
	line-height: 2.2;
}

.service_part .part .text_standard {
	margin-bottom: 20px;
}



.service_part .part .price {
	margin-bottom: 65px;
}

.service_part .part .price p {
	font-size: 1.6rem;
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	margin-bottom: 1em;
	line-height: 1.75;
}

.service_part .part .price p .title {
	width: 7em;
}

.service_part .part .price p .text {
	flex: 1;
}


.service_part .part .title {
	display: flex;
	align-content: center;
	align-items: center;
}

.service_part .part .title b {
	display: inline-block;
	background: #111;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	padding: 26px 0;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1;
	margin: -10px 30px 0 -10px;
}

.part_a {
	justify-content: flex-start;
}

.part_a li {
	width: 35.4%;
	padding-right: 60px;
	position: relative;
}

.part_a li:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	background: #111;
	left: 0;
	top: 40px;
}

.part_a li:last-child:before {
	content: none;
}

.part_a li:nth-child(3n) {
	width: 29.2%;
	padding-right: 0;
}

.part_a li .img {
	width: 80px;
	height: 80px;
	border: 1px solid #111;
	border-radius: 50%;
	margin: 0 0 30px -10px;
	position: relative;
	z-index: 5;
	background: #fff;
}

.part_a li .content {
	padding-left: 15px;
}

.part_a li .st {
	margin: 0 0 20px 0;
}

.part_a li .st b {
	display: inline-block;
	background: #111;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1;
	margin: 0 10px 0 0;
}

.part_a li .st .text {
	vertical-align: middle;
}

.part_a li .text_standard {
	font-size: 1.6rem;
}

.part_b.flex {
	
}

.part_b.flex::before{
  content:"";
  display: block;
  width: 20.8%;
  order:1;
}
.part_b.flex::after{
  content:"";
  display: block;
  width: 20.8%;
}

.part_b li {
	margin: 0 0 40px 0;
}

.part_b li .img {
	margin: 0 0 25px 0;
}

.part_b li .img img {
	filter: saturate(0%);
}

.part_b li .text {
	padding: 0 10px;
}

.part_b li p {
	font-size: 1.4rem;
}

.part_price {
	align-content: stretch;
	align-items: stretch;
	margin: 80px 0 0 0;
}

.part_price .wide_1_3 {
	padding: 30px;
	border: 1px solid #111;
	position: relative;
}

.part_price .wide_1_3 .sst b {
	font-size: 2.8rem;
}

.part_price .wide_1_3 .sst {
	font-size: 2.0rem;
	text-align: center;
	margin: 5px 0 20px 0;
}

.part_price .wide_1_3 p {
	font-size: 1.6rem;
}

.part_price .wide_1_3:nth-child(3) .sst {
	height: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	
}

.part_price .wide_1_3:nth-child(1):after,
.part_price .wide_1_3:nth-child(2):after {
	position: absolute;
	right: -0.4em;
	margin-right: -9.3%;
	top: 50%;
	margin-top: -1.0em;
	font-size: 2.8rem;
}

.part_price .wide_1_3:nth-child(1):after {
	content: '+';
}

.part_price .wide_1_3:nth-child(2):after {
	content: '=';
}


/*project_detail*/

.title_project .area {
	display: inline-block;
	margin: 0 0 16px 0;
	font-size: 2.0rem;
	background-color: #FFF100;
	color: #002063;
	line-height: 1;
	padding: 11px 9px;
	font-weight: 600;
	transition: 0.6s ease-in-out;
	text-shadow: 0px 0px #fff,
				 1px 1px #fff,
				 2px 2px #fff,
				 3px 3px 1px #fff,
				 4px 4px 3px #fff;
}

.title_project .title {
	margin: 0 0 30px 0;
}

.title_project .sst {
	font-size: 2.0rem;
}

.title_project p {
	font-size: 1.6rem;
	margin-bottom: 20px!important;
}

.title_project .wide_1_2_w {
	width: 66.6%;
}

.title_project .wide_1_4 {
	width: 26.3%;
}

.title_project .flex {
	align-content: flex-end;
	align-items: flex-end;
}

.story {
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	padding: 0 0 60px 0;
}

.story .title {
	margin: -0.9em 0 0 0;
}

.story .st {
	padding: 0 10px 0 0;
	margin: 0 0 40px 0;
	display: inline-block;
	background: #fff;
	font-size: 2.4rem;
}

.project_body h2 {
	font-size: 3.2rem;
    margin: 0 0 40px

}

.project_body p {
	margin: 0 0 80px 0;
}

.project_body img {
	margin: 0 0 120px 0;
	border-radius: 10px;
}

.project_body:last-child img {
	
}

.project_cart.flex {
	align-content: flex-end;
	align-items: flex-end;
}

.photo_credit p {
	font-size: 1.2rem;
	line-height: 1.75;
}

.photo_credit_right p {
	text-align: right;
}

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

	pagenavi

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

.wp-pagenavi_area {
	margin: -20px 0 160px 0;
	text-align: center;
	width: 100%;
	font-size: 1.4rem;
	font-weight: 600;
}

.wp-pagenavi {
	margin: 20px auto 40px auto;
}

.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	padding: 6px 14px;
	background: #002063;
	color: #fff;
	margin: 0 3px;
	border-radius: 3px;
}

.wp-pagenavi a:hover {
	background: #FFF100;
	color: #002063;
	/*border-color: #002063;*/
}

.wp-pagenavi span.current {
	background: #fff;
	color: #002063;
	/*border-color: #002063;*/
}

.wp-pagenavi span.pages {
	font-size: 75%;
	background: none;
	color: #FFF100;
	display: block;
	margin: 0 0 15px 0;
}

.wp-pagenavi span.extend {
	display: none;
}

.wp-pagenavi span.extend {
	display: none;
}
	

.s_navi{
	text-align: center;
	padding: 1.5em 0;
}

.navitop {
	float:left;
	width:12%;
	text-align:center;
}

.navitop a{
	color: #002063;
}

.navileft {
	float:left;
	width:48%;
	text-align:right;
	word-break:break-all;
	line-height:2.5;
	color: #002063;
	font-size:1.8rem;
}
.navileft a{
	color: #002063;
}

.navileft:hover a{
	color: #FFF100;
}


.naviright {
	float:right;
	width:48%;
	text-align:left;
	word-break:break-all;
	line-height:2.5;
	font-size:1.8rem;
}

.naviright a{
	color: #002063;
}

.naviright:hover a{
	color: #FFF100;
}


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

	contact form

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




.mw_wp_form {


}

.mw_wp_form mw_wp_form_input p {
	text-align: center;
}

ul.myform {
	margin-bottom: 55px;

}

ul.myform li {

	padding: 0 0 30px 0;
	display: flex;
	justify-content: space-between;
}

ul.myform li p{
	margin: 0px!important;
	width: 100%;
}

ul.myform li span {
	display: inline-block;
	vertical-align: top;
}

ul.myform li span.title {
	width: 35%;
	padding: 4px 0;
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 0em;
	margin: 0px;
}

ul.myform li span.form {
	width: 65%;
	padding-top:3px;
}

ul.myform li span.form2 {
	width: 65%;
	padding-top:8px;
}

.confirm ul.myform li span.title {
	padding: 0;
}



.contact_input {
	background: #eee;
	border: none;
	font-size: 16px;
	padding: 7px;
	width: 70%;
	border-radius: 3px;
}

.form_content {
	width: 100%;
	display: block;
}


.submit_area {
	text-align: center;
}

.submit_area p{
	text-align: center;
}
.submit {
	background: #002063;
	color: #fff;
	font-size: 16px;
	width: 320px;
	padding: 20px;
	margin: 0 auto;
	border: none;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	border-radius: 10px;
	font-family: '見出しゴMB31','Zen Kaku Gothic New','Outfit', sans-serif;
	font-weight: 600;
}

.submit:hover {
	background: #fff100;
	color: #002063;
}


.contact_message {
	border: 1px solid #111;
	padding: 30px;
	text-align: center;
}

.contact_back {
	background: #111;
	border: 1px solid #111;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	width: 100px;
	padding: 15px 20px;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	margin: 0 40px;
	font-family: '見出しゴMB31','Zen Kaku Gothic New','Outfit', sans-serif;
	font-weight: 600;

}

.contact_back:hover {
	background: #fff;
	color: #111;
}




@media screen and (max-width:1462px){
	.news_content .list_news{
	text-align: center;
	}
	.news_area {
	padding: 0 80px 45px 80px;
	}
	.news_area .list_news li{
	display: inline-block;
	margin:30px 4.8vw 60px;
	width: 33%!important;
	}
	.news_area .list_news li .img img{
	max-height:26.6vw;
	}
	

	
	.r_archive_content .list_r_archive{
	text-align: center;
	}
	.r_archive_area {
	padding: 0 80px 45px 80px;
	}

	
	.r_archive_area .list_r_archive li{
	display: inline-block;
	margin:0 4.8vw 60px;
	width: 33%!important;
	}
	.r_archive_area .list_r_archive li .img img{
	width: 24vw;
	height: auto;
	max-height:26.6vw;
	}
	
	
	
	.work_content .list_work{
	text-align: center;
	}
	.work_area {
	padding: 0 80px 45px 80px;
	}
	.work_area .list_work li{
	display: inline-block;
	margin:0 4vw 60px 3vw;
	width: 24%;
	}
	.work_area .list_work li .img img{
	width: 23vw;
	height: 15vw;
	}
	
	
	.project_list .flex {
	margin: 0 3vw 50px;
	}
	
	.wide_standard2 {
	width: 100%;
	max-width: 1200px;
	padding: 0 200px;
	margin: 0 auto;
	}
	
	
	.wide_standard2_2 {
	width: 100%;
	max-width: 1200px;
	padding: 0 200px;
	margin: 0 auto;
	}
	
	.wide_standard3 {
	width: 100%;
	max-width: 1200px;
	padding: 0 30px;
	margin: 0 auto;
	}
}

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

	スマホここから
	
------------------------------------------------------------------------------------------------------------------------------------*/

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

html {
  font-size: 62.5%;
  width: 100%;
}


body {
  font-size: 1.4rem;


}

body, html {
  min-width: 100%;
  height: 100%;
}

p {
  /*追記・編集*/
  font-size: 1.6rem;
  /*追記・編集*/
  text-align: left;
}

.sp_only {
  display: block!important;
}

.pc_only {
  display: none!important;
}

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

/*--------------------------------------
	
	Wide / layout
	
--------------------------------------*/


.wide_standard {
	padding: 0 8vw;
}

.wide_standard2_2 {
	padding: 0 8vw;
}
	
.wide_standard2_2 .lead {
	padding: 80px 0 0 0!important;
}
	
.wide_standard_sp {
	padding: 0;
}

.wide_max {

	padding: 0 5vw;

}

.wide_min {

	padding: 0 8vw;

}

.wide_min_inner {
	padding: 0;
}
	
.wide_min_inner2 {
	padding: 0;
}
	
.wide_min2 {
	padding: 0 7vw;
}

	
.wide_1_4 {
	width: 44.0%;
}

.wide_1_4_w {
	width: 44.0%;
}

.wide_3_4 {
	width: 100%;
}

.wide_3_4_w {
	width: 100%;
}

.wide_1_3 {
	width: 44.0%;
}

.wide_1_3_w {
	width: 44.0%;
}

.wide_1_3_w2 {
	width: 100%;
}

.wide_2_3 {
	width: 100%;
}

.wide_2_3_w {
	width: 100%;
}

.wide_1_2 {
	width: 100%;
}

.wide_1_2_w {
	width: 100%;
}

.wide_1_2_w2 {
	width: 100%;
}

.wide_3_4,
.wide_3_4_w,
.wide_2_3,
.wide_2_3_w,
.wide_1_2,
.wide_1_2_w {
	margin-bottom: 12vw;
}


.wide_1_2_w2 {
	margin-bottom: 15vw;
}


.wide_3_4,
.wide_3_4_w,
.wide_2_3,
.wide_2_3_w {
	margin-left: auto;
	margin-right: auto;
}

.flex .wide_3_4,
.flex .wide_3_4_w,
.flex .wide_2_3,
.flex .wide_2_3_w {
	margin-left: 0;
	margin-right: 0;
}
	


/*--------------------------------------
	
	header
	
--------------------------------------*/

header.min .box {
	transform: none;
	transform-origin: top left;
}
/*
.home .toggle {
	top: auto;
	bottom: 8vw;
}

.home header {
	position: absolute;
	position: relative;
	height: 100%;
}

.home header .logo {
	position: absolute;
	bottom: 0;
	top: auto;
}
*/

header .logo {
	transition: 0.4s ease-in-out;
	padding: 5vw 7vw 10vw 7vw;
	position: absolute;
	transform:translateX(-50%);
	left:50vw;


}

header .logo a {
	display: block;
	width: 170px;
}




.toggle {
	display: block ;
	position: fixed;
	z-index: 300;
	top: 10px;
	right: 20px;
	width: 60px;
	height: 60px;


	transition: 0.3s ease-in-out;
	opacity: 1;
	cursor: pointer;
}

.toggle.fix {
	opacity: 1;
}


.toggle span {
	display: block;
	position: absolute;
	background: #111;
	transition: 0.3s ease-in-out;
	width: 40px;
	height: 1px;
	left: 10px;
}


.toggle span:first-child {
	top: 22px;

}

.toggle span:nth-child(2) {
	top: 32px;

}



.toggle.active span:first-child {
	transform: rotate(30deg);
	top: 28px;
}

.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
	transform: rotate(-30deg);
	top: 28px;
}




header .navi {
	padding: 0;
	position: relative;
	z-index: 300;

}






#menu:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	
	transition: 0.6s ease-in-out;
	opacity: 0;
}

header.normal #menu:before {
	opacity: 1;
}

#menu {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	/*******
	opacity: 1;*/


	width: 100%;
	height: 100%;
	z-index: 200;
	transition: 0.6s ease-in-out;
	pointer-events: none;
	padding: 0;
	
	display: flex;
	align-content: center;
	align-items: center;

}


header.normal #menu {
	opacity: 1;
	pointer-events: auto;
}





header .navi_nagoyabungei {
	opacity: 0;
	/*******
	opacity: 1;*/
	transition: 0.6s ease-in-out;
	z-index: 200;
	right: auto;
	top: auto;
	position: fixed;
	-webkit-writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: lr-tb;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #f1f2f7;
    padding: 10px 12vw;
    text-align: center;
	pointer-events: none;
}

header.normal .navi_nagoyabungei {
	opacity: 1;
	pointer-events: auto;

}

header .navi_nagoyabungei li a span {
	width: 100%;
}



header .navi_nagoyabungei li span {
	width: auto;
	display: inline-block;
	background-position: left bottom;
	background-size: auto 33px;
	padding: 0 0 0 35px;
	line-height: 1.8;
	height: 41px;
}

header .navi_nagoyabungei li:hover span {
	color: #002063;
	padding: 0 0 0 35px;
}



.navi {
	width: 100%;
	margin-top: -70px;
}



.navi .main li  {
	padding: 0 80px;
}

.navi .main li.sns {
	padding: 0 0;
	margin: 8px 0 0 80px;
	width: 100%;
}

.navi .main li.sns img {
	width: 17px;
	vertical-align: bottom;
	display: inline-block;
	margin-right: 10px;
}

.navi .main li.sns span {
	text-indent: 0;
	display: inline-block;
	line-height: 1;
	vertical-align: bottom;
}

.navi .main li.sns a {
	border-bottom: none;
	padding: 7px 0;
}

.navi .main li.sns.instagram {
	margin-top: 11px;
}


.navi .main li a {
	display: block;
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #111;

}



.navi .main li br {
	display: none;
}


header .navi .g_navi.current a:before {

	top: 26px;


}

/*
header .local_navi {
	display: flex;
}

header .local_navi span {
	width: 50%;
}
*/

header .local_navi span a {
	text-indent: 1em;
	font-size: 1.3rem;

	padding: 6vw 0;

	height: auto;
	opacity: 1;
	pointer-events: none;
}

header.normal .local_navi span a {
	pointer-events: auto;
}

header .g_navi:hover .local_navi span a {
	opacity: 1;
	height: auto;
	padding: 10px 0 25px 0;
	transition: 0.6s ease-in-out;

}



header .navi .main li.g_navi .local_navi span a {
	opacity: 1;
	height: auto;
	padding: 10px 0 25px 0;
	transition: 0.6s ease-in-out;

}

header .navi .main li .local_navi span:first-child a {
	border-bottom: none;
	padding: 25px 0 10px 0;
}


.home header .navi .g_navi.navi_home a.main:before,
.page-template-page-about header .navi .g_navi.navi_about a.main:before,
.page-template-page-service header .navi .g_navi.navi_about a.main:before,
.post-type-archive-project header .navi .g_navi.navi_project a.main:before,
.single-project header .navi .g_navi.navi_project a.main:before,
.page-template-page-contact header .navi .g_navi.navi_contact a.main:before,
.page-template-page-confirm header .navi .g_navi.navi_contact a.main:before,
.page-template-page-complete header .navi .g_navi.navi_contact a.main:before {

	top: 20px;

}


/*--------------------------------------
	
	footer
	
--------------------------------------*/

footer {
	border: none;
	padding: 16vw 8vw 8vw 8vw;

}

footer .copyright {
	font-size: 1.1rem;
	text-align: left;
}


.pagetop {

	right: 8vw;
	bottom: 8vw;


}



/*--------------------------------------
	
	sidebar
	
--------------------------------------*/

.sidebar {
	padding: 11vw 0 12vw 0;
}

.sidebar .wide_standard {
	align-content: flex-end;
	align-items: flex-end;
}

.sidebar .main {
	margin: 0 0 5vw 0;
}

.sidebar .main .title {
	font-size: 2.4rem;
	margin: 0 0 4vw 0;
}

.sidebar .main p {
	margin: 0 0 3vw 0;
	font-size: 1.1rem;
}

.sidebar .main ul{
	padding-top: 10px;
}
	
.sidebar .main ul li{
	padding: 10px 18px;
}
	
.sidebar .sub {
	width: 100%;
	position: static;
	top: 0px;
}

.sidebar .sub p {
	font-size: 1.4rem;
}

.sidebar .sub p:before {
	content: '';
	width: 40px;
	height: 1px;
	display: block;
	background: #111;
	margin: 8vw 0;
}


.sidebar .main .flex a {
	margin: 0 6vw 0 0;
}

.sidebar .wide_standard .baner .b_bottom{
	margin-top: 30px;
}


/*--------------------------------------
	
	kv
	
--------------------------------------*/


.kv_area {

	padding: 27vh 0 0 0;
	position: relative;
}


.kv .ph_area {

	border-radius: 0;


}



.scroll {
	z-index: 30;
	bottom: 4.0vw;

}


.scroll a {
	display: none;
	width: 13px;
	height: 24px;
	padding: 8px 0 8px 0;
}

.scroll a:hover {
	padding: 16px 0 0 0;
}


.circle {
	left: auto;
	bottom: auto;
	top: 0;
	right: 8vw;
	margin-top: -86px;

    width: 60px;
    height: 60px;
    
    display: none;

}


.circle::before {
    left: -30px;
    width: 60px;
    height: 60px;


}

.circle::after {
    left: 30px;
    width: 60px;
    height: 60px;
}







.circle .circle-inner {
    width: 58px;
    height: 58px;
}




.kv_area .copy {
	-webkit-writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: lr-tb;
	right: auto;
	bottom: 5vw;
	top: auto;
	left: 5vw;
	font-feature-settings: 'palt';
	font-size: 3.1rem;
	color: #002063;
	font-weight: 600;
	padding: 2.1vw;
	opacity: 0;
	transition: 1.5s ease-in-out;
}



.home.show .kv_area .copy {
	opacity: 1;
}

.kv_area .copy br {
	/*display: none;*/
}




/*--------------------------------------
	
	project list
	
--------------------------------------*/


	
.project_list .flex {
	display: block;
	margin: 30px 8vw 60px;
}

.project_list .layout .img {
	width: 100%;
}

	.project_list .layout .img span{
	max-width: none;
}

.project_list .layout .text {
	width: 100%;
	padding: 9vw 3vw 8vw 3vw;
	position: relative;


}

/*
.project_list .layout .area {

	-webkit-writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: lr-tb;
	font-feature-settings: 'palt';
	position: static;
	right: auto;
	top: auto;
	font-size: 1.6rem;
	padding: 7px 6px;
	margin: 0 0 0 3vw;
}

*/



.project_list .layout:nth-child(even) .area,
.project_list .layout .area {
	background: #fff;
	right: 4vw;
	top: 4vw;
	font-size: 1.4rem;


	padding: 6px 4px;
	margin: 0;

}

.project_list .layout .text .main {
	padding: 0 0 0 0;
}

.project_list .layout .text .title {
	font-size: 2.2rem;
	margin: 0 0 3vw 0;
}

.project_list .layout .text p {
	margin: 5vw 0 8vw 0;
	line-height: 1.8!important;
}


.tag {
	margin: 0 0 8vw 0;
}

.tag li {
	font-size: 1.1rem;
	padding: 6px 5px 6px 5px;
	margin: 10px 15px 0px 0;
}


.project_list .link {
	display: block;
	width: 100%;
	text-align: center;
	border: 2px solid #002063;
	padding: 6vw;
	position: relative;
	right: 0;
	bottom: 0;
}

.project_list .link:before {
	display: inline-block;
	position: static;
	margin: -1px 8px 0 0;
	vertical-align: middle;
	
}

.project_list .layout:nth-child(even) .text {
	order: 2;
	padding: 8vw 3vw 8vw 3vw;
}

.project_list .layout:nth-child(even) .img {
	order: 1;
}


	
/*--------------------------------------
	
	news
	
--------------------------------------*/


.news .headline .title_area{
margin-bottom:0px;		
}
	
.news .headline p{
	margin-bottom:55px;
}
	
.news .headline .title_area .title{
	margin:30px auto 30px auto
}
	
.news {
	padding: 12vw 0 0 0;
}

.news_area {
	padding: 0 0 5vw 0;
}

.news_area {
	width: 100%;
}


.news_content .list_news{
	text-align: center;
}

	
.news_area .list_news li{
	display: inline-block;
	margin:30px 8vw 60px;
	width: 85%!important;
}
	
.news_area .list_news li .img img{
	max-height: 330px;
}

.news_area .list_news li .st{
	margin: 0 0 15px 0;
}

.news_area .list_news li .sub .news_in{
	padding-top:25px;	
}
	
.news_area .list_news li .sub .area p{
	line-height: 1.8!important;
}
	
.bx-wrapper {
	max-width: 100% !important;
}


.news_inner {

}


.bx-controls-direction a {
	left: 290px;
	margin-left: 950px;
	width: 30px !important;
	height: 30px !important;
}


	
		
/*--------------------------------------
	
	work
	
--------------------------------------*/


.work .headline .title_area{
margin-bottom:0px;		
}
	
.work .headline p{
	margin-bottom:55px;
}
	
.work .headline .title_area .title{
	margin:30px auto 30px auto
}
	
.work {
	padding: 12vw 0 0 0;
}

.work_area {
	padding: 0 0 5vw 0;
}

.work_area {
	width: 100%;
}


.work_content .list_work{
	text-align: center;
}

	
.work_area .list_work li{
	display: inline-block;
	margin:20px 4.8vw 60px;
	width: 35%;
}
.work_area .list_work li .img{
	margin:0 0 10px 0;
}
	
.work_area .list_work li .img img{
	width: 35vw;
	height: 25vw;
}

.work_area .list_work li .st{
	margin: 0 5% 10px;
	font-size: 1.6rem;
}

.work_area .list_work li .sub{
	font-size: 1.4rem;
	margin: 0 5% 20px;
	line-height: 1.5!important;
}
	
.work_area .list_work li .sub .work_in{
	padding-top:25px;	
}
	
.bx-wrapper {
	max-width: 100% !important;
}


.work_inner {

}


.bx-controls-direction a {
	left: 290px;
	margin-left: 950px;
	width: 30px !important;
	height: 30px !important;
}
.award_gold{
	margin: 70px 10% 80px;
		
	}
	
.award_gold_work{
	margin: 0 0 30px 0!important;
	width: 80%!important;
}
	
.award_sk{
	margin: 70px 10% 80px;
		
	}
	
.award_sk_work{
	margin-bottom: 0px!important;
	width: 80%!important;
	padding-top: 20px;
}

.award_work_logo{
	width:50%!important;
	padding: 8% 0 13%!important;
	margin:0px 0px!important;
	}
	
.award_work_logo2{
	width:50%!important;
	padding: 8% 0 13%!important;
	margin:0px 0px!important;
	}
	
.award_img{
	width:45vw!important;
	height: 28vw!important;
	
	}

		
.award_img2{
	width:45vw!important;
	height: 28vw!important;
	max-width:none;
	max-height: none;
	
	}

.award_logo2{
	width: 45%!important;
}
	
.award_commnt_img{
	width: 80vw!important;
	height: 50vw!important;
	max-width: 550px;
	max-height: none;
}

.comment{
	padding:50px 0 0;
	}
	
.award_comment_title{
	text-align: center!important;
}
	
.award_comment{
	text-align: center;
	padding-top: 35px;
	margin-bottom: 0px!important;
}
	
.award_comment .sst_intro{
	font-size: 1.6rem;
}
.comment_name{
	text-align: center;
}
	
	
.work_lead{
	font-size: 2.5rem;
	line-height: 1.5;
}


/*--------------------------------------
	
	report
	
--------------------------------------*/


.report {
	padding: 12vw 0 7vw 0;
}


.slider_area {
	padding: 50px 0 12vw 0;
	width: 100%;
}



.slider_inner {

	position: relative;
	top: 0;
	left: 50%;
	margin-left: -298vw;
	width: 510vw;
	margin-left: -1110px;
	width: 1900px;

}


.bx-wrapper {
	max-width: 100% !important;
}



.list_slider {
	display: block;
}

.slider_area .list_slider li {
	width: 80vw !important;
	width: 300px !important;
	margin: 0 20px 0 0;
}

.slider_area .list_slider li .img {
	margin: 0 0 25px 0;
}

.slider_area .list_slider li .text {
	padding: 0 5vw;
}

.slider_area .list_slider li .st {
	font-size: 2.0rem;
	margin: 0 0 2vw 0;
}

.slider_area .list_slider li .sub {
	display: flex;
	justify-content: center;

}

.slider_area .list_slider li .sub p {
	font-size: 1.2rem;
}

.slider_inner {
}

.bx-controls-direction a {
	left: 290px;
	margin-left: 950px;
	width: 30px !important;
	height: 30px !important;
}

.bx-wrapper .bx-pager{
	margin-left:160px!important;
}


	

	
/*---report_archive---*/


.r_archive .headline .title_area{
margin-bottom:0px;		
}
	
.r_archive .headline p{
	margin-bottom:55px;
}
	
.r_archive .headline .title_area .title{
	margin:30px auto 30px auto
}
	
.r_archive {
	padding: 12vw 0 0 0;
}

.r_archive_area {
	padding: 0 0 5vw 0;
}

.r_archive_area {
	width: 100%;
}


.r_archive_content .list_r_archive{
	text-align: center;
}

	
.r_archive_area .list_r_archive li{
	display: inline-block;
	margin:60px 7.8vw 80px;
	width: 85%!important;
}
	
.r_archive_area .list_r_archive li .img img{
	width: 100%;
	height: auto;
	max-height: none;
}

.r_archive_area .list_r_archive li .st{
	margin: 0 0 15px 0;
}

.r_archive_area .list_r_archive li .sub .news_in{
	padding-top:25px;	
}
	
.bx-wrapper {
	max-width: 100% !important;
}


.bx-controls-direction a {
	left: 290px;
	margin-left: 950px;
	width: 30px !important;
	height: 30px !important;
}


	
/*--------------------------------------
	
	parts
	
--------------------------------------*/
header .navi_nagoyabungei{
font-size:2.5rem;
	}
	
#about_kotonoha{
line-height: 2.3;
	}

	
.headline .title_area{
	margin-top: 35px;
	}

.headline .title_area h2 {
	font-size: 38px;
	padding: 0 0 0 58px;
}
.headline .title_area p {
	margin-bottom: 60px;
}


.headline .title_area :before {
	top: 7px;
	width: 30px;
	height: 30px;
}
	
.singlepage_title{
	padding: 100px 12vw 0 !important;
}	
	
.singlepage_title h2 {
	font-size: 38px;
	padding: 0 0 0 58px;
}	

.singlepage_title .w_title :before{
	width: 33px;
	height: 33px;
}
.kadai_pic{
margin-top:0px;
padding-top: 0px!important;
	
}

.navileft {
	width:43%;
	font-size:1.6rem;
}

.naviright {
	width:43%;
	font-size:1.6rem;
}	

.archive{
padding: 300px 0 0 0!important;
}
	
.archive2{
padding: 120px 0 0 0!important;
}

.archive .headline .title_complement p{
text-align: center;
padding: 0 12vw 8vw;
line-height: 2!important;
	}

.archive .headline .title_complement .news_p{
text-align: center;
padding: 0 12vw 0;
margin: 0;
line-height: 2!important;
	}

.archive2 .headline .title_complement p{
text-align: center;
padding: 0 12vw 8vw;
line-height: 2!important;
	}
	
.headline p {
	margin: 0px 12vw;
}

.write_contents ul li{
	font-size:1.6rem;
	padding:0 0 0 40px;
}

.write_contents p{
	line-height: 2!important;
}
.write_contents br {
	display: block!important;
}
	
.w_sentence br {
	display: block!important;
}
	
.w_sentence {
	line-height: 2!important;
}
	

.sidebar .wide_standard .baner{
	padding-bottom:0px;
}
	
.profile {
	margin-top: 0px;
}

	
.selection{
margin: 50px 0 100px;
}
	
.selection .ph {
	border-radius: 10px;
	object-fit: cover;
	width: 80%;
	height:45vw;
	display: flex;
	margin: 0 auto;
}

.kadai .ph {
	border-radius: 10px;
	object-fit: cover;
	width: 80vw;
	height:60vw;
	display: flex;
	margin: 0 auto;
	max-width: none;
	max-height: none;
}

	
.work .ph {
	border-radius: 10px;
	object-fit: cover;
	width: 80vw;
	height:60vw;
	display: flex;
	margin: 0 auto;
}

.lead {
	font-size: 2.2rem;
	line-height: 2.5;
	margin: 0 0 12vw 0;
	padding: 180px 0 12vw 0;
}


.home .lead {
	margin-bottom: 0;
	padding-top: 12vw;
}


.home .lead p .line {
	display: inline;
	padding-left: 0;
	opacity: 1;
}

.page-template-page-contact .lead,
.page-template-page-confirm .lead,
.page-template-page-complete .lead {
	padding-bottom: 0;
}

.home .lead .link {
	margin-left: 0;
	opacity: 1;
}

.home .lead p .line.show {
	padding-left: 0;
}

.home .lead .link.show {
	margin-left: 0;
}


.lead .title {
	font-size: 2.4rem;
	margin: 0 0 8vw 0;
	line-height: 1.8;
}

.lead .title.en {
	font-size: 3.0rem;
}

.lead p{
	margin: 0 0 4vw 0;
	line-height: 2.5;
	text-align: justify;
	font-size: 1.7rem;
	letter-spacing: 0.02em;
	/*font-feature-settings: "palt";*/
}

.home .lead p,
.page-template-page-about .lead p {
	margin-bottom: 8vw;
}

.lead .link {
	margin: 0 0 0 0;
}

.home .lead br {
	display: none;
}

.link {

	font-size: 1.2rem;
	padding: 0 0 0 15px;
}

.link:before {
	width: 5px;
	height: 5px;
}

@keyframes linkanime {
    0%   { left: 0; }
    25%   { left: 0; }
    50%   { left: 0; }
    75%   { left: 0; }
}
@keyframes linkanime2 {
    0%   { left: 0; }
    25%   { left: 5px; }
    50%   { left: 0; }
    75%   { left: 5px; }
}

.btn_dot {
	padding: 5vw 0;
}

.btn_dot span {
	background-size: 7px auto;
	padding-left: 24px;
	font-size: 1.6rem;
}

.btn_dot .arrow {
	padding:0 0 6px 10px;
}

.btn {
	padding: 6vw 20px;
	font-size: 1.4rem;
}

.btn span {
	padding: 0 0 0 28px;
	background-size: 16px auto;
}







.st_standard {
	font-size: 2.4rem;
	margin: 0 0 8vw 0;
}

.st_standard.en {
	font-size: 2.2rem;
	margin: 0 0 4vw 0;
	
}

.padding_bottom {
	padding-bottom: 12vw;
}

.margin_bottom {
	margin-bottom: 12vw;
}

.margin_bottom_100 {
	margin-bottom: 10vw;
}

.text_standard {
	margin-bottom: 8vw;
}

.text_sub {
	font-size: 1.4rem;
}

p.annotation {
	font-size: 1.4rem;
	margin-bottom: 6vw;
	margin-top: 2vw;
}

.sst {
	font-size: 2.0rem;
}
	
.sst_selection{
	font-size: 1.8rem;
}

.sst_intro{
	font-size: 1.4rem;
}


.name span {
	font-size: 1.2rem;
}



.table_standard th {
	border-bottom: none;
	font-size: 1.4rem;
	padding: 15px 0 0 0;
}

.table_standard td {
	font-size: 1.2rem;
	padding: 5px 0 15px 1em;
}

.table_standard th,
.table_standard td {
	display: block;
	width: 100%;
	


}


.gmap {
  padding-top: 150%;
}


.profile .flex {
	flex-direction: column;
	align-content: flex-end;
	align-items: flex-end;
	
}




/*service*/

.service_part {
	padding-bottom: 0;
}

.service_part .part {
	padding: 12vw 8vw 6vw 8vw;
	background-repeat: repeat-x;
	background-image: url("images/dot.svg");
	background-size: 36px 1px;
	background-position: left top;
	border: none;
}

.service_part .part:first-child {
	border: none;
}

.service_part .part .text_standard {
	margin-bottom: 6vw;
}

.service_part .part .price {
	margin-bottom: 8vw;

}

.service_part .part .price p {
	font-size: 1.3rem;
}

.service_part .part .title .text {
	vertical-align: middle;
	flex: 1;
}

.service_part .part .title .text .sub {
	font-size: 1.2rem;
	letter-spacing: 0.02em;
}

.service_part .part .title b {
	width: 40px;
	height: 40px;
	padding: 11px 0;
	font-size: 1.8rem;
	margin: 0 15px 0 0;
	letter-spacing: 0;
}

.part_a {
	flex-direction: column;
}

.part_a li {
	width: 100%;
	padding-right: 0;
	position: relative;
	display: flex;
}

.part_a li:before {
	width: 1px;
	height: 100%;
	left: 25px;

	top: 0;
}



.part_a li:nth-child(3n) {
	width: 100%;
}

.part_a li .img {
	width: 50px;
	height: 50px;
	margin: 0 0 25px 0;
	position: relative;
	z-index: 5;
	background: #fff;
}

.part_a li .content {
	flex: 1;
	padding-left: 6vw;
	padding-top: 10px;
}

.part_a li .st {
	margin: 0 0 4vw 0;
	font-size: 1.6rem;

}

.part_a li .st b {
	display: inline-block;
	background: none;
	width: auto;
	height: auto;
	border-radius: 0;
	text-align: left;
	padding: 0;
	color: #111;
	font-size: 1.6rem;
	line-height: 1.75;
	margin: 0 8px 0 0;
	vertical-align: middle;
}


.part_a li .text_standard {
	font-size: 1.4rem;
}

.part_b li {
	margin: 0 0 8vw 0;
}

.part_b li .img {
	margin: 0 0 17px 0;
}


.part_b li .text {
	padding: 0 0;
}

.part_b li .ssst {
	margin: 0 0 6px 0;
}

.part_b li p {
	font-size: 1.2rem;
}

.part_price {
	align-content: stretch;
	align-items: stretch;
	margin: 0 0 0 0;
}

.part_price .wide_1_3 {
	width: 100%;
	padding: 6vw;
	margin: 0 0 12vw 0;
}

.part_price .wide_1_3 .sst b {
	font-size: 2.0rem;
}

.part_price .wide_1_3 .sst {
	font-size: 1.6rem;

	margin: 0 0 10px 0;
}

.part_price .wide_1_3 p {
	font-size: 1.4rem;
}

.part_price .wide_1_3:nth-child(3) {
	margin-bottom: 0;
}

.part_price .wide_1_3:nth-child(3) .sst {
	height: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	
}



.part_price .wide_1_3:nth-child(1):after,
.part_price .wide_1_3:nth-child(2):after {
	line-height: 1;
	right: auto;
	margin-right: 0;
	left: 50%;
	margin-left: -0.5em;
	
	top: auto;
	bottom: -6vw;
	margin-top: 0;
	margin-bottom: -0.5em;
	font-size: 2.4rem;
}

.part_price .wide_1_3:nth-child(1):after {

}

.part_price .wide_1_3:nth-child(2):after {
	content: '\02193';
}




/*project_detail*/

.title_project {
	padding-bottom: 0;
}

.title_project .area {
	font-size: 1.4rem;
	padding: 6px 6px;
	margin: 0 0 10px 0;
}

.title_project .title {
	margin: 0 0 20px 0;
}

.title_project .sst {
	font-size: 1.8rem;
}

.title_project p {
	font-size: 1.6rem;
	margin-bottom: 2vw;
	line-height: 2!important;
}

.title_project .wide_1_2_w {
	width: 100%;
	margin-bottom: 0;
}

.title_project .wide_1_4 {
	width: 100%;
}

.title_project .btn {
	padding: 3vw;
	display: none;
}

.title_project .tag {
	margin-bottom: 0;
}


.eyecatch .ph {
	border-radius: 0;
}

.story {
	border-bottom: none;
	padding: 0 !important;
	padding: 0 0 12vw 0;
}

.story .st_standard {
	margin-bottom: 4.0vw;
}

.story .st {

	margin: 0 0 6vw 0;
	font-size: 2.0rem;
}

.img_story {
	border-bottom: 1px solid #111;
}


.project_cart .wide_1_3 {
	width: 100%;
}

.project_cart .btn {
	padding: 4vw;
}

.project_body h2 {
    font-size: 2.4rem;
    margin: 0 0 8vw 0;
}

.project_body p {
	margin: 0 0 8vw 0;
}

.project_body img {
	margin: 0 0 12vw 0;
}

.photo_credit_right p {
	text-align: left;
}


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

	pagenavi

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


.wp-pagenavi_area {
	margin: -20px 0 40px 0;
}

.wp-pagenavi {
	margin: 10px auto 30px auto;
}

.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	padding: 6px 14px;
}



.wp-pagenavi span.pages {
	margin: 0 0 10px 0;
}

.wp-pagenavi a.last,
.wp-pagenavi a.first {
	display: none;
}



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

	contact form

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

input.contact_input,input.submit,textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    max-width: 100%;
}

.contact_lead {
	margin: 20px 0 30px 0;
}


ul.myform {
	margin-bottom: 35px;
	background-image: url("https://ban-design-studio.com/wp-content/themes/ban/images/common/dash_s.svg");
	background-repeat: repeat-x;
	background-size: 5px 2px;
	background-position: left top;


}

ul.myform li {
	padding: 0 0 20px 0;
	display: block;
}

ul.myform li span {
	display: block;
}

ul.myform li span.mwform-radio-field-text {
	display: inline-block
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0 !important;
}

.mwform-checkbox-field input,
.mwform-radio-field input {
	border: 1px solid #111;
}

.mwform-radio-field {
	font-size: 1.4rem;
	padding: 0 0 10px 0;
}

.confirm ul.myform li span.title,
ul.myform li span.title {
	width: 100%;
	padding: 0 0 10px 0;
}

ul.myform li span.form {
	width: 100%;
}
	
ul.myform li span.form2 {
	width: 100%;
}

.contact_input {
	font-size: 1.5rem;
	width: 100%;
}

.form_content {
	width: 100%;
	display: block;
}

.submit_area {
	text-align: center;
}

.submit,
.contact_back  {

	font-size: 1.5rem;
	width: 100%;
	margin: 0 auto 30px auto;
}



.contact_back {
	background: #111;
	width: 60%;
	padding: 10px;
}

}