@charset "utf-8";
html{
  font-size: 62.5%;
}

body{
  font-family: "Futura","Century Gothic","AppleGothic",sans-serif;
  color: #FDEAA9;
  background: linear-gradient(0deg, #0059C1 0%, #80A8D6 18%, #A6CDFC 35%,#FF6745 50%,#8B617E 75%,#0059C1 100%);
  text-decoration: none;
}

header{
  margin-top: 4%;
  margin-bottom: 3.2%;
}

.header_inner{
  height: 78%;
  display: flex;
  justify-content: space-between;
  padding: 0 15%;

}

.header_inner_logo img{
  width: 44%;
}

.header_inner_menu{
  text-align: right;
  font-size: 3.2rem;
  font-style: italic;
  line-height: 1.5;  
}

.header_inner_menu h2 a{
  text-decoration-line: none;
}

.header_inner_menu h2 a:link,
.header_inner_menu h2 a:visited{
  color: #FDEAA9;
}

.header_inner_menu h2 a:hover{
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
}

.ornament1 img,
.ornament2 img,
.ornament3 img{
  width: 100vw;
}

.works_ham{
  top: 8%;
  right: 15%;
  margin-left: 15%;
  position: fixed;
  background:#FDEAA9;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: .3s all ease;
}

.works_ham.show{
  /* position: relative; */
  top: 12%;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.works_ham.show::after{
  content: "";
  position: absolute;
}

.works_ham_nav{
  position: absolute;
  right: 0;
  top: 0;
  width: 75%;
  height: 5vh;
  transition: ease .4s;
  visibility: hidden;
  opacity: 0;
}

.works_ham_nav.active{
  width: 284px;
  height:236px;
  border-radius: 10%;
  background:#FDEAA9;
  color: #0059C1;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.works_ham_nav h2{
  font-size: 2rem;
  font-style: italic;
  font-weight: 500;
  padding-top: 15%;
  padding-left: 15%;
  /* visibility: hidden; */
}

/* .works_ham_nav h2.active{
  font-size: 2rem;
  font-style: italic;
  font-weight: 500;
  padding-top: 15%;
  padding-left: 15%;
  visibility: visible;
} */


.works_ham_nav h2 a{
  text-decoration-line: none;
}

.works_ham_nav h2 a:link,
.works_ham_nav h2 a:visited{
  color: #0059C1;
}

.works_ham_nav h2 a:hover{
  text-decoration-line: underline;
  z-index: 1;
}

.works_ham_border{
  width: 100%;
  height: 100%;
}

.works_ham_border1,
.works_ham_border2,
.works_ham_border3{
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 14px;
  height: 1.5px;
  border-radius: 2px;
  background: #0059C1;
  width: 45%;
  z-index: 999;
}

.works_ham_border1{
	top:16px;	
}

.works_ham_border2{
	top:24px;
}

.works_ham_border3{
	top:32px;
}

.active .works_ham_border1{
  top: 18px;
  left: 15.5px;
  transform: translateY(6px) rotate(-45deg);
  width: 38%;
}

.active .works_ham_border2{
  opacity: 0;
}

.active .works_ham_border3{
  top: 30px;
  left: 15.5px;
  transform: translateY(-6px) rotate(45deg);
  width: 38%;
}

/* .works_ham_bg.active{
  position: absolute;
  width: 933px;
  height: 418px;
  z-index: 998;
  transition: ease .4s;
} */

.works{
  margin-top: 4.2%;
  margin-right: 15%;
  margin-left: 15%;
  margin-bottom: 12.17%;
}

/* WORKS_タイトル */
.works_inner_title{
  font-weight: bold;
  font-style: italic;
  font-size: 4.8rem;
  padding-bottom: 12.06%;
}

/* WORKS_画像グリッド */
.works_inner_grid{
  position: relative;
  display: grid;
  gap: 37px;
  grid-template-columns: 1fr 1fr 1fr;
  font-family: "游ゴシック体", YuGothic, "游ゴシック","Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ","Meiryo","Osaka", "MS Ｐゴシック", "MS PGothic", sans-serif;
}

/* WORKS_画像グリッド_Curren */
.tp_1 .tp_1_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_1:hover .tp_1_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_1_cap{
  opacity: 0;
  position: absolute;
  top: 7.5%;
  left: 6%;
  font-size: x-large;
  font-weight: 300;
  /* translate: -50%,-50%; */
  /* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_1:hover .tp_1_cap{
  opacity: 1;
}

/* WORKS_画像グリッド_バンド修行 */
.tp_2 .tp_2_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_2:hover .tp_2_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_2_cap {
  opacity: 0;
  position: absolute;
  top: 9%;
  left: 45%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_2:hover .tp_2_cap{
  opacity: 1;
}

/* WORKS_画像グリッド_バンド修行2 */
/* .tp_3 .tp_3_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_3:hover .tp_3_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_3 .tp_3_cap {
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 85%;
  font-size: x-large;
  font-weight:300;
	transform: translate(-50%,-50%);
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_3:hover .band2_cap{
  opacity: 1;
} */

/* WORKS_画像グリッド_蔵樹 */
.tp_4 .tp_4_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

 .tp_4:hover .tp_4_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_4 .tp_4_cap{
  opacity: 0;
  position: absolute;
  top: 8%;
  left: 75%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_4:hover .tp_4_cap{
  opacity: 1;
}

/* WORKS_画像グリッド_大宮盆栽村 */
.tp_5 .tp_5_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

 .tp_5:hover .tp_5_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_5 .tp_5_cap{
  opacity: 0;
  position: absolute;
  top: 36%;
  left: 12.5%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_5:hover  .tp_5_cap{
  opacity: 1;
}

/* WORKS_画像グリッド_EX FADE */
.tp_6 .tp_6_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_6:hover  .tp_6_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_6 .tp_6_cap {
  opacity: 0;
  position: absolute;
  top: 36%;
  left: 37.5%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_6:hover .tp_6_cap{
  opacity: 1;
}

/* 2段目 */
/* WORKS_画像グリッド_流儀 */
.tp_7 .tp_7_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_7:hover  .tp_7_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_7 .tp_7_cap {
  opacity: 0;
  position: absolute;
  top: 34%;
  left: 75.5%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_7:hover  .tp_7_cap{
  opacity: 1;
}

/* WORKS_画像グリッド_TABILMO */
.tp_8 .tp_8_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_8:hover  .tp_8_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_8 .tp_8_cap {
  opacity: 0;
  position: absolute;
  top: 62%;
  left: 10%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_8:hover  .tp_8_cap{
  opacity: 1;
}

/* WORKS_画像グリッド_玄衛門 */
.tp_9 .tp_9_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_9:hover .tp_9_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_9 .tp_9_cap {
  opacity: 0;
  position: absolute;
  top: 62%;
  left: 47%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_9:hover .tp_9_cap{
  opacity: 1;
}

/* ３段目 */
/* WORKS_画像グリッド_みさわのやさい */
.tp_10 .tp_10_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_10:hover .tp_10_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_10 .tp_10_cap {
  opacity: 0;
  position: absolute;
  top: 62%;
  left: 78.5%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_10:hover  .tp_10_cap{
  opacity: 1;
}

/* WORKS_画像グリッド_ミルクフォーマー */
.tp_11 .tp_11_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_11:hover .tp_11_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_11 .tp_11_cap {
  opacity: 0;
  position: absolute;
  top: 88%;
  left: 9.5%;
  font-size: x-large;
  font-weight:300;
	/* transform: translate(-50%,-50%); */
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_11:hover  .tp_11_cap{
  opacity: 1;
}


/* .tp_12 .tp_12_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_12:hover .tp_12_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_12 .tp_12_cap {
  opacity: 0;
  position: absolute;
  top: 58%;
  left: 85%;
  font-size: large;
  font-weight:300;
	transform: translate(-50%,-50%);
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_12:hover .tp_12_cap{
  opacity: 1;
}

.tp_13 .tp_13_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_13:hover .tp_13_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_13 .tp_13_cap {
  opacity: 0;
  position: absolute;
  top: 76%;
  left: 15%;
  font-size: x-large;
  font-weight:300;
	transform: translate(-50%,-50%);
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_13:hover .tp_13_cap{
  opacity: 1;
}


.tp_14 .tp_14_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_14:hover .tp_14_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_14 .tp_14_cap {
  opacity: 0;
  position: absolute;
  top: 76%;
  left: 50%;
  font-size: large;
  font-weight: 300;
	transform: translate(-50%,-50%);
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_14:hover .tp_14_cap{
  opacity: 1;
}


.tp_15 .tp_15_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_15:hover .tp_15_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_15 .tp_15_cap {
  opacity: 0;
  position: absolute;
  top: 76%;
  left: 85%;
  font-size: x-large;
  font-weight:300;
	transform: translate(-50%,-50%);
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_15:hover .tp_15_cap{
  opacity: 1;
}


.tp_16 .tp_16_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_16:hover .tp_16_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_16 .tp_16_cap {
  opacity: 0;
  position: absolute;
  top: 93%;
  left: 15%;
  font-size: large;
  font-weight:300;
	transform: translate(-50%,-50%);
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_16:hover .tp_16_cap{
  opacity: 1;
}


.tp_17 .tp_17_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_17:hover .tp_17_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_17 .tp_17_cap {
  opacity: 0;
  position: absolute;
  top: 93%;
  left: 50%;
  font-size: large;
  font-weight:300;
	transform: translate(-50%,-50%);
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_17:hover .tp_17_cap{
  opacity: 1;
}


.tp_18 .tp_18_mask img{
  filter: blur(0);
	transition: .3s ease-in-out;
}

.tp_18:hover .tp_18_mask img{
  filter: blur(3px);
  opacity: 0.4;
}

.tp_18 .tp_18_cap {
  opacity: 0;
  position: absolute;
  top: 93%;
  left: 85%;
  font-size: large;
  font-weight:300;
	transform: translate(-50%,-50%);
	color: #FDEAA9;
  line-height: 1.5;
  z-index: 999;
}

.tp_18:hover .tp_18_cap{
  opacity: 1;
} */
/* WORKSグリッドおわり */

.about{
  margin-top: 6%;
  margin-right: 15%;
  margin-left: 15%;
}

.about_inner_title{
  font-weight: bold;
  font-style: italic;
  font-size: 4.8rem;
  /* padding-bottom: 12.06%; */
}

.about_inner_profile{
  margin-top: 8%;
}

.about_inner_profile_title{
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 2.8rem;
  padding-bottom: 6%;
  
}

.about_inner_profile_contents{
  display: flex;
  padding-left: 10%;
  padding-right: 15%;
}

.about_inner_profile_img{
  width:30%
}

.about_inner_profile_data{
  font-family: "游ゴシック体", YuGothic, "游ゴシック","Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ","Meiryo","Osaka", "MS Ｐゴシック", "MS PGothic", sans-serif;
  padding-left: 8%;
}

.about_inner_profile_name{
  display: flex;
  text-align: right;
  padding-top: 4%;
}

.about_inner_profile_name .jp{
  font-size: 4rem;
  padding-right: 4%;
}

.about_inner_profile_name .eng{
  font-family: "Futura","Century Gothic","AppleGothic",sans-serif;
  font-size: 3.8rem;
}

.about_inner_profile_others dl{
  display: flex;
  flex-wrap: wrap;  
  font-size: 1.6rem;
  line-height: 1.8;
}

.about_inner_profile_others dl dt{
  width: 30%;
  padding-top: 5.84%;
}

.about_inner_profile_others dl dd{
  width: 70%;
  padding-top: 5.84%;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.about_inner_policy{
  margin-top: 13.5%;
}

.about_inner_policy_title{
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 2.8rem;
  padding-bottom: 6.03%;
}

.about_inner_policy_contents{
  font-family: "游ゴシック体", YuGothic, "游ゴシック","Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ","Meiryo","Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  justify-content: space-between;
  text-align: center;
  /* padding-left: 2%; */
}

.about_inner_policy1_img ,
.about_inner_policy2_img ,
.about_inner_policy3_img{
  width: 170px;
  margin: auto;
}

.about_inner_policy1_title,
.about_inner_policy2_title,
.about_inner_policy3_title{
  font-weight: 500;
  padding-bottom: 5%;
  text-align: center;
}

.about_inner_policy1_text,
.about_inner_policy2_text,
.about_inner_policy3_text{
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
}

.about_inner_policy1_title {
  text-align: center;
  font-size: 2rem;
  padding-top: 8%;
}

.about_inner_policy1_text{
  width: 253px;
  font-size: 1.4rem;
  padding-top: 2%;
}

.about_inner_policy2_title {
  text-align: center;
  font-size: 2rem;
  padding-top: 8%;
}

.about_inner_policy2_text{
  width: 253px;
  font-size: 1.4rem;
  padding-top: 2%;
}

.about_inner_policy3_title {
  text-align: center;
  font-size: 2rem;
  padding-top: 8%;
}

.about_inner_policy3_text{
  width: 253px;
  font-size: 1.4rem;
  padding-top: 2%;
}

.about_inner_school{
  margin-top: 13.5%;
  margin-left: 15%;
  margin-right: 15%;
  /* position: relative */
}

.about_inner_school_title{
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 2.8rem;
  padding-bottom: 4%;
}

.about_inner_school_contents_wrap{
  padding-left: 17%;
}

.about_inner_school_contents{
  font-family: "游ゴシック体", "YuGothic", "游ゴシック","Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ","Meiryo","Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 0.1px solid #FDEAA9;
  border-radius: 10px;
  top: 50%;
  padding: 6%;
  /* position: absolute;   */
}

.about_inner_school_contents h3{
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  
}

.about_inner_school_contents ul{
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.about_inner_school_contents li{
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.about_inner_school_contents br{
  display: block;
  content: "";
  padding: 15px 0;
}

.about_inner_job{
  margin-top: 13.5%;
  margin-left: 15%;
  margin-right: 15%;
  /* position: relative */
}

.about_inner_job_title{
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 2.8rem;
  padding-bottom: 4%;
}

.about_inner_job_contents_wrap{
  padding-left: 17%;
}

.about_inner_job_contents{
  font-family: "游ゴシック体", "YuGothic", "游ゴシック","Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ","Meiryo","Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 0.1px solid #FDEAA9;
  border-radius: 10px;
  padding: 6%;
  top: 50%;  
  /* position: absolute; */
}

.about_inner_job_contents h3{
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.about_inner_job_contents ul{
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.about_inner_job_contents br{
  display: block;
  content: "";
  padding: 15px 0;
}

.about_inner_job_contents ul br{
  display: block;
  content: "";
  padding: 0;
}

.about_inner_job_contents li{
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.about_inner_skills{
  /* position: relative;  */
  margin-top: 13.5%;
  margin-bottom: 20%;  
}

.about_inner_skills_title{
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 2.8rem;
  padding-bottom: 6%;
}

/* .about_inner_skills_design_wrap{
  margin-bottom: 4%;
}

.about_inner_skills_design_wrap,
.about_inner_skills_language_wrap{
  padding-left: 17%;
} */

.about_inner_skills_contents{
  margin-right: 15%;
  margin-left: 15%;
}

.about_inner_skills_design{
  /* position: absolute; */
  display: flex;
  justify-content: space-between;
  border: 0.1px solid #FDEAA9;
  border-radius: 10px;
  padding-top: 3%;
  padding-bottom: 3%;
  padding-left: 20%;
  padding-right: 20%;
}

.about_inner_skills_design_icon img{
  width: 45%;
}

.about_inner_skills_design_title{
  font-size: 2rem;
}

.about_inner_skills_design_data{
  padding-top: 1.5%;
  font-size: 1.4rem;
}

.about_inner_skills_language{
  display: flex;
  justify-content: space-between;
  border: 0.1px solid #FDEAA9;
  border-radius: 10px;
  padding-top: 3%;
  padding-bottom: 3%;
  padding-left: 20%;
  padding-right: 27%;
  margin-top: 5%;
}

.about_inner_skills_language_icon img{
  width: 45%;
}

.about_inner_skills_language_title{
  font-size: 2rem;
}

.about_inner_skills_language_data{
  padding-top: 2%;
  font-size: 1.4rem;
}

.contact{
  margin-top: 7.51%;
  margin-right: 15%;
  margin-left: 15%;
}

.contact_title{
  font-weight: bold;
  font-style: italic;
  font-size: 4.8rem;
}

.contact_inner_contents{
  margin-top: 5%;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 30%;
  /* position: relative;   */
}

.contact_mail_contents{
  padding-bottom: 5%;
}

/* .contact_mail_wrap,
.contact_instagram_wrap{
  padding-left: 17%;
} */

.contact_mail_data{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 25%;
  /* position: absolute; */
  top: 10%;
  /* margin: auto; */
  border: 0.1px solid #FDEAA9;
  border-radius: 10px;
  padding-top: 2%;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 2%;
}

.contact_mail_icon img{
  width: 60%;
}

.contact_mail_data h2{
  font-size: 2rem;
  text-align: center;
}

.contact_mail_address{
  font-size: 1.4rem;
  text-align: center;
}

.contact_mail_data a{
  width: 20%;
  padding-top: 0.5%;
}

.contact_instagram_data{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* position: absolute; */
  top: 71.5%;
  /* margin-top: 10%; */
  border: 0.1px solid #FDEAA9;
  border-radius: 10px;
  padding-top: 2%;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 2%;
}

.contact_instagram_icon img{
  width: 60%;
}

.contact_instagram_data h2{
  font-size: 2rem;
}

.contact_instagram_name{
  font-size: 1.4rem;
}

/* .contact_instagram_see_button{
  width: 50%;
} */


.contact_instagram_data a{
  width: 20%;
  padding-top: 0.5%;
}

@media(max-width: 640px){

  .header{
    margin-top: 10%;
    margin-bottom: 3.2%;    
  }
  
  .header_inner_logo{
    width: 44%;
  }
  
  .header_inner_menu{
    display: none;
  }

  .works_inner_title{
    font-size: 2rem;
  }

  .works_inner_grid{
    gap: 20px;
    grid-template-columns: 1fr;
  }

  /* .tp_1:hover .tp_1_mask img
  .tp_2:hover .tp_2_mask img,
  .tp_4:hover .tp_4_mask img,
  .tp_5:hover .tp_5_mask img,
  .tp_6:hover .tp_6_mask img,
  .tp_7:hover .tp_7_mask img,
  .tp_8:hover .tp_8_mask img,
  .tp_9:hover .tp_9_mask img,
  .tp_10:hover .tp_10_mask img,
  .tp_11:hover .tp_11_mask img{
    filter: blur(0);
    opacity: 0.4;
  } */
   
  .tp_1_cap,
  .tp_2_cap,
  /* .tp_3_cap, */
  .tp_4_cap,
  .tp_5_cap,
  .tp_6_cap,
  .tp_7_cap,
  .tp_8_cap,
  .tp_9_cap,
  .tp_10_cap,
  .tp_11_cap{
    display: none;
  }

  .about_inner_title{
    font-size: 2.4rem;
  }

  /* .about_inner_policy{
    
  } */

  .about_inner_profile_title{
    font-size: 1.8rem;
    text-align: center;
  }

  .about_inner_profile_contents{
    display: block;
  }

  .about_inner_profile_img{
    width: 50%;
    margin: 0 auto;
  }
  
  .about_inner_profile_name{
    display: block;
    text-align: center;
    line-height: 1.5;
  }

  .about_inner_profile_name .jp{
    font-size: 2rem;
  }

  .about_inner_profile_name .eng{
    font-size: 1.6rem;
  }

  .about_inner_profile_others dl{
    font-size: 1rem;
  }

  .about_inner_policy_title{
    font-size: 1.8rem;
    text-align: center;
  }

  .about_inner_policy_contents{
    display: block;
  }

  .about_inner_policy1_img ,
  .about_inner_policy2_img ,
  .about_inner_policy3_img{
    width: 120px;
  }

  .about_inner_policy1_title,
  .about_inner_policy2_title,
  .about_inner_policy3_title{
    font-size: 1.6rem;
    padding-bottom: 2%;
  }

  .about_inner_policy1_text,
  .about_inner_policy2_text,
  .about_inner_policy3_text{
    font-size: 1rem;
    padding-bottom: 10%;
    margin-left: auto;
    margin-right: auto;
  }

  .about_inner_school{
    margin-left: 4.2%;
    margin-right: 4.2%;
  }

  .about_inner_school_title{
    font-size: 1.8rem;
    padding-bottom: 3%;
  }

  .about_inner_school_contents{
    border: 0.1px solid #FDEAA9;
    border-radius: 10px;
    margin-top: 5%;
    margin-left: 0;
    padding: 8%;
  }

  .about_inner_school_contents h3{
    font-size: 1.4rem;
  }

  .about_inner_school_contents ul{
    font-size: 1rem;
  }

  .about_inner_job{
    margin-left: 4.2%;
    margin-right: 4.2%;
  }

  .about_inner_job_title{
    font-size: 1.8rem;
    padding-bottom: 3%;
  }

  .about_inner_job_contents{
    border: 0.1px solid #FDEAA9;
    border-radius: 10px;
    margin-top: 5%;
    margin-left: 0;
    padding: 8%;
  }

  .about_inner_job_contents h3{
    font-size: 1.4rem;
  }

  .about_inner_job_contents ul{
    font-size: 1rem;
  }

  .about_inner_skills_contents{
    width: 100%;
    margin: 0 auto;
  }

  .about_inner_skills_title{
    font-size: 1.8rem;
  }

  .about_inner_skills_design{
    padding-left: 8%;
    padding-right: 8%;
  }

  .about_inner_skills_design_icon img{
    /* width: 45%; */
    display: none;
  }

  .about_inner_skills_design_title{
    font-size: 1.6rem;
  }  

  .about_inner_skills_design_data{
    font-size: 1rem;
    padding-left: 5%;
  }

  .about_inner_skills_language{
    padding-left: 8%;
    padding-right: 8%;
  }

  .about_inner_skills_language_icon img{
    /* width: 45%; */
    display: none;
  }

  .about_inner_skills_language_title{
    font-size: 1.6rem;
    padding-right: 14%;
  }  

  .about_inner_skills_language_data{
    font-size: 1rem;
    padding-left: 5%;
  }

  .contact_title{
    font-size: 2.4rem;
  }

  .contact_inner_contents{
    margin-left: 0;
    margin-right: 0;
  }

  .contact_mail_data{
    padding-top: 3%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 3%;
  }

  .contact_mail_icon img{
    /* width: 100%; */
    display: none;
  }
  
  .contact_mail_data h2{
    font-size: 1.6rem;
    text-align: center;
    padding-right: 5%;
    padding-left: 5%;
  }
  
  .contact_mail_address{
    font-size: 1rem;
    text-align: center;
    padding-right: 5%;
  }
  
  .contact_mail_data a{
    width: 60%;
    padding-top: 0.5%;
  }

  .contact_instagram_data{
    padding-top: 3%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 3%;
  }

  .contact_instagram_icon img{
    /* width: 100%; */
    display: none;
  }
  
  .contact_instagram_data h2{
    font-size: 1.6rem;
    padding-right: 5%;
    padding-left: 5%;
  }
  
  .contact_instagram_name{
    font-size: 1rem;
    padding-right: 5%;
  }

  .contact_instagram_data a{
    width: 60%;
    padding-top: 0.5%;
  }
  

 















}