@charset "UTF-8";
/* 
	
CSS page.css */




/*
base #191919
blue #1e2e53
*/



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


#index


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

/* common */
#index #article { margin-top: 0; }

/* #mainv */
#index #mainv { overflow:hidden; height: 100vh; background: #f7f7f7; display: flex; justify-content: center; align-items: center; }
#index #mainv .copybox { text-align: center;  }
#index #mainv .copybox .loop { position: relative; display: flex; width: 100vw; overflow: hidden; }
#index #mainv .copybox .loop li { width: auto; height: 100%; display: block; font-size: 280px; color: #1e2e53; font-family: 'Cormorant Garamond', serif; letter-spacing: -0.04em; line-height: 1; }
#index #mainv .copybox .loop li:first-child { animation: loop 60s linear -30s infinite; }
#index #mainv .copybox .loop li + li { animation: loop2 60s linear infinite; }
#index #mainv .copybox .main { margin-top: calc(10vh - 90px); margin-bottom: calc(5vh - 35px); }
#index #mainv .copybox .main span { opacity: 0; font-family: 'Noto Sans JP', sans-serif; font-feature-settings : "palt"; letter-spacing: 0.12em; font-weight: 700; font-size: 4.8rem; color: #1e2e53; }
#index #mainv .copybox .main.show span { animation: txtshow 0s linear forwards; }
#index #mainv .copybox .sub { font-size: 2rem; text-align: center; animation: txtshow 1s linear 4s forwards; opacity: 0; }
#index #mainv .scrolldown { position: absolute; bottom: 3vh; width: 100%; text-align: center; line-height: 1;  }
#index #mainv .scrolldown span { position: relative; font-size: 2.8rem; color: #1e2e53; }
#index #mainv .scrolldown span:before { content: ""; background: #1e2e53; font-size: 0; width: 9px; height: 9px; border-radius: 50%; position: absolute; top: -5px; left: calc(50% - 4px); animation: loop3 5s ease-in-out infinite; }
#index #mainv .scrolldown span:after { content: ""; background: #1e2e53; font-size: 0; width: 1px; height: 60px; position: absolute; top: -65px; left: 50%; }
#index #mainv .popupbox { width: 350px; height: 105px; position: fixed; right: 0; bottom: 30px; z-index: 10; }
#index #mainv .popupbox a { display: flex; justify-content: center; align-items: center; position: relative; border-bottom-left-radius: 18px; border-top-left-radius: 18px; overflow: hidden; width: 100%; height: 100%; }
#index #mainv .popupbox a .bg { position: absolute; top:0; left:0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.6s; z-index:-1; }
#index #mainv .popupbox a:hover { background:rgba(0,0,0,0.5); }
#index #mainv .popupbox a:hover .bg { transform: scale(1.2); }
#index #mainv .popupbox a .txt { font-size: 1.8rem; line-height: 1; color: #fff; font-weight: bold;}
#index #mainv .popupbox a .txt:after { content: url(../img/common/arr4.svg); width: 8px; height: 8px; font-size: 0rem; display: inline-block; vertical-align: 1px; margin-left: 5px; }
#index #mainv .popupbox a.close { position: fixed; bottom: 70px; right: 338px; width: 30px; height: 30px; font-size: 0; border-radius: 15px; background: #fff12c; }
#index #mainv .popupbox a.close .line { width: 19px; height: 2px; background: #fff; position: absolute; top:3px; left: 50%; margin-left: -9px; transition: 0.6s; transform:translateY(12px) translateX(0) rotate(-45deg); }
#index #mainv .popupbox a.close .line:nth-child(2) { transform:translateY(12px) translateX(0) rotate(45deg); }
#index #mainv .popupbox a.close:hover { background: #1e2e53;  }
@media screen and (max-width: 1380px){
	#index #mainv .copybox .loop li { font-size: 220px; }
}
@media screen and (max-width: 1100px){
	#index #mainv .copybox .loop li { font-size: 180px; }
	#index #mainv .copybox .main { margin: 10px 0;}
	#index #mainv .copybox .main span { font-size: 3.6rem; }
	#index #mainv .copybox .sub { font-size: 2rem; }
	#index #mainv .scrolldown span { font-size: 2.8rem; }
	#index #mainv .popupbox { display: none; }
}
@media screen and (max-width: 767px){
	#index #mainv .copybox .loop li { font-size: 100px; }
	#index #mainv .copybox .main span { font-size: 2.0rem; }
	#index #mainv .copybox .sub { font-size: 1.4rem; }
	#index #mainv .scrolldown span { font-size: 1.8rem; }
	#index #mainv .scrolldown span:before { width: 7px; height: 7px; top: -5px; left: calc(50% - 3px); animation: loop4 5s ease-in-out infinite;}
	#index #mainv .scrolldown span:after { height: 40px;top: -45px; }
}
@media screen and (max-width: 350px){
	#index #mainv .copybox .main span { font-size: 1.8rem; }
}
@keyframes loop {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@keyframes loop2 {
  0% { transform: translateX(0); }
  100% { transform: translateX(-200%); }
}
@keyframes loop3 {
  0% { top: -70px; opacity: 0;}
  10% { top: -70px; opacity: 1;}
  60% { top: -10px; opacity: 1; }
  70% { top: -10px; opacity: 1; }
  80% { top: -10px; opacity: 0; }
  100% { top: -10px; opacity: 0; }
}
@keyframes loop4 {
  0% { top: -50px; opacity: 0;}
  10% { top: -50px; opacity: 1;}
  60% { top: -10px; opacity: 1; }
  70% { top: -10px; opacity: 1; }
  80% { top: -10px; opacity: 0; }
  100% { top: -10px; opacity: 0; }
}
@keyframes txtshow {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


/* #sec_1 */
#index #sec_1 { height: 100vh; width: 100vw; position: relative; overflow:hidden; display: flex; justify-content: center; align-items: center;}
#index #sec_1 .slidelist { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: -1; }
#index #sec_1 .slick-list,
#index #sec_1 .slick-track,
#index #sec_1 .slidelist ul,
#index #sec_1 .slidelist li { height: 100%; width: 100%; position: relative;  }
#index #sec_1 .slidelist li .bg { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transform: scale(1.1); transition: 3s cubic-bezier(.645, .045, .355, 1); z-index: -1; }
#index #sec_1 .slidelist li.slick-current img { transform: scale(1); }
#index #sec_1 .copybox { text-align: center;  }
#index #sec_1 .copybox .loop { position: relative; display: flex; width: 100vw; overflow: hidden; }
#index #sec_1 .copybox .loop li { width: auto; height: 100%; display: block; font-size: 280px; color: #fff12c; font-family: 'Cormorant Garamond', serif; letter-spacing: -0.04em; line-height: 1; padding-right: 10vw; }
#index #sec_1 .copybox .loop li:first-child { animation: loop 36s linear -18s infinite; }
#index #sec_1 .copybox .loop li + li { animation: loop2 36s linear infinite; }
#index #sec_1 .copybox .main { margin-top: calc(10vh - 90px); opacity: 0; font-family: 'Noto Sans JP', sans-serif; font-feature-settings : "palt"; letter-spacing: 0.12em; font-size: 4.8rem; color: #fff12c; }
#index #sec_1 .copybox .main span { font-weight: 700; opacity: 0; }
#index #sec_1 .copybox .main.show { margin-top: calc(10vh - 90px); opacity: 1; }
#index #sec_1 .copybox .main.show span { animation: txtshow 0s linear forwards; }
@media screen and (max-width: 1380px){
	#index #sec_1 .copybox .loop li { font-size: 220px; }
}
@media screen and (max-width: 1100px){
	#index #sec_1 .copybox .loop li { font-size: 180px; }
	#index #sec_1 .copybox .main { margin: 10px 0 0; font-size: 3.6rem; }
}
@media screen and (max-width: 767px){
	#index #sec_1 .copybox .loop li { font-size: 100px; }
	#index #sec_1 .copybox .main { font-size: 2.0rem; }
	#index #sec_1 .copybox .main.show { margin-top: 5px; }
}
@media screen and (max-width: 350px){
	#index #sec_1 .copybox .main { font-size: 1.8rem; }
}
@keyframes loop5 {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes loop6 {
  0% { transform: translateX(0); }
  100% { transform: translateX(200%); }
}


/* #sec_2 */
#index #swrap_2 { background: #f7f7f7; position: relative; }
#index #sec_2 .copy.s1 { text-align: center; }
#index #sec_2 .copy.s1 span { font-size: 2.8rem; }
#index #sec_2 .txt1 { line-height: 2.35; font-size: 1.8rem; text-align: center; }
#index #sec_2 .btnbox { position: absolute; bottom: -60px; left: 50%; margin-left: -520px; width: 1040px; z-index: 1; }
@media screen and (max-width: 1280px) {
	#index #sec_2 .btnbox { left: 6%; margin-left: 0; width: 88%; }
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 767px) {
	#index #sec_2 .copy.s1 br { display: none; }
	#index #sec_2 .copy.s1 span { font-size: 1.8rem; display: block; margin-bottom: 5px; }
	#index #sec_2 .btnbox { bottom: -50px; }
	#index #sec_2 .txt1 { line-height: 2; font-size: 1.4rem; text-align: justify; }
}


/* #sec_3 */
#index #swrap_3 { background: #1e2e53; position: relative; }
#index #sec_3 .incnt {display: flex; justify-content: center; align-items: center; }
#index #sec_3 .topsectitle { text-align: left; margin-bottom: 0; }
#index #sec_3 .list1 { font-size: 2.8rem; color: #fff; line-height: 2; margin-left: 80px; }
#index #sec_3 .btnbox { position: absolute; bottom: -60px; left: 50%; margin-left: -520px; width: 1040px; z-index: 1; }
@media screen and (max-width: 1280px) {
	#index #sec_3 .btnbox { left: 6%; margin-left: 0; width: 88%; }
	#index #sec_3 .list1 { font-size: 2.6rem; margin-left: 60px; }
}
@media screen and (max-width: 1100px) {
	#index #sec_3 .incnt {display: block; }
	#index #sec_3 .topsectitle { text-align: center; margin-bottom: 70px; }
	#index #sec_3 .list1 { text-align: center; margin-left: 0; }
	#index #sec_3 .list1 span { display: none; }
}
@media screen and (max-width: 767px) {
	#index #sec_3 .topsectitle { margin-bottom: 40px; }
	#index #sec_3 .btnbox { bottom: -50px; }
	#index #sec_3 .list1 { font-size: 2rem; }
}
@media screen and (max-width: 500px) {
	#index #sec_3 .list1 { font-size: 1.8rem; }
}
@media screen and (max-width: 350px) {
	#index #sec_3 .list1 { font-size: 1.7rem; }
}


/* #sec_4 */
#index #swrap_4 { position: relative; }
#index #sec_4 ul.list li { display: flex; align-items: center; margin-top: 100px; }
#index #sec_4 ul.list li:first-child { margin-top: 0; }
#index #sec_4 ul.list li:nth-child(odd) { flex-direction: row-reverse; }
#index #sec_4 ul.list li .imgbox { width: 52%; position: relative; text-align: center; height: calc(10vw + 410px); display: flex; justify-content: center; align-items: center; }
#index #sec_4 ul.list li .imgbox img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#index #sec_4 ul.list li .txtbox { margin: 0 10% 0 100px; flex: 1; }
#index #sec_4 ul.list li:nth-child(odd) .txtbox { margin: 0 70px 0 10%; }
#index #sec_4 ul.list li .txtbox .btnbox { justify-content: flex-start; }
@media screen and (max-width: 1500px) {
	#index #sec_4 ul.list li .imgbox { height: 560px; }
	#index #sec_4 ul.list li .txtbox { margin: 0 8% 0!important; }
}
@media screen and (max-width: 1100px) {
	#index #sec_4 ul.list li .imgbox { width: 46%; }
	#index #sec_4 ul.list li .txtbox { margin: 0 6% 0!important; }
}
@media screen and (max-width: 767px) {
	#index #sec_4 ul.list li { display: block; margin-top: 60px; } 
	#index #sec_4 ul.list li .imgbox { width: 100%; height: calc(300px + 30vw); }
	#index #sec_4 ul.list li .txtbox { margin: 40px 6% 0!important; }
	#index #sec_4 ul.list li .txtbox .btnbox { justify-content: center; }
}


/* #sec_5 */
#index #sec_5 { background: url(../img/index/s4_img1.jpg) no-repeat; background-position: center center; background-size: cover; padding: 300px 0 250px 0; position: relative; }
#index #sec_5 .txtbox {  width: calc(50% + 120px); }
#index #sec_5 .txtbox .topsectitle { text-align: left; margin-bottom: 30px; }
#index #sec_5 .txtbox .copy.s3 { margin-bottom: 60px; }
#index #sec_5 .txtbox .txt1 { color: #fff; }
#index #sec_5 .toyabnr { height: 100%; width: 320px; position: absolute; top: 0; right: calc(50% - 640px); background: #1e2e53; }
#index #sec_5 .toyabnr .logo { width: 100%; height: calc(100% - 120px); display: flex; justify-content: center; align-items: center; }
#index #sec_5 .toyabnr .logo img { width: 110px; }
#index #sec_5 .toyabnr .logo:nth-child(2) { display: none; }
#index #sec_5 .toyabnr .btnbox { margin-top: 0; }
@media screen and (max-width: 1280px) { 
	#index #sec_5 .txtbox {  width: calc(100% - 400px); }
	#index #sec_5 .toyabnr { height: 100%; width: 320px; top: 0; right: 0; }
}
@media screen and (max-width: 1100px) { 
	#index #sec_5 { padding: 200px 0 360px; }
	#index #sec_5 .txtbox {  width: 100%; }
	#index #sec_5 .txtbox .topsectitle { text-align: center; }
	#index #sec_5 .txtbox .copy.s3 { text-align: center; }
	#index #sec_5 .toyabnr { width: 100%; height: 160px; top: auto; bottom: 0; right: auto; left: 0; display: flex; justify-content: space-between; align-items: center; }
	#index #sec_5 .toyabnr .logo:nth-child(1) { display: none; }
	#index #sec_5 .toyabnr .logo:nth-child(2) { width: auto; flex: 1; height: calc(100% - 120px); display: flex; }
	#index #sec_5 .toyabnr .logo:nth-child(2) img { width: 180px; }
	#index #sec_5 .toyabnr .btnbox { width: 50%; }
	#index #sec_5 .toyabnr .btnbox .btn.base { height: 160px; width: 100%; }
}
@media screen and (max-width: 767px) { 
	#index #sec_5 { padding: 120px 0 340px; }
	#index #sec_5 .toyabnr { height: 100px; }
	#index #sec_5 .toyabnr .logo:nth-child(2) img { width: 100px; }
	#index #sec_5 .toyabnr .btnbox .btn.base { height: 100px; }
}
@media screen and (max-width: 500px) { 
	#index #sec_5 .toyabnr { width: 100%; height: auto; display: block; }
	#index #sec_5 .toyabnr .logo:nth-child(2) { width: 100%; flex: none; height: 120px; }
	#index #sec_5 .toyabnr .btnbox { width: 100%; }
}


/* #sec_6 */
#index #sec_6 .inbox .imgbox { height: 720px; width: 100%; position: relative; }
#index #sec_6 .inbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
#index #sec_6 .inbox .txtbox { padding-top: 80px; margin-top: -80px; width: 1040px; background: #fff; }
#index #sec_6 .inbox .txtbox .topsectitle { text-align: left; }
@media screen and (max-width: 1280px) { 
	#index #sec_6 .inbox .imgbox { height: calc(20vw + 450px); }
	#index #sec_6 .inbox .txtbox { width: 90%; }
}
@media screen and (max-width: 767px) { 
	#index #sec_6 .inbox .imgbox { height: calc(30vw + 200px); }
	#index #sec_6 .inbox .txtbox { width: 100%; padding-top: 40px; margin-top: 0; }
	#index #sec_6 .inbox .txtbox .topsectitle,
	#index #sec_6 .inbox .txtbox .copy.s3 { text-align: center; }
}


/* #sec_7 */
#index #swrap_7 { background: #f7f7f7; }
#index #sec_7 .topsectitle { text-align: left; }
#index #sec_7 .topsectitle span { margin-left: 30px; font-weight: normal; }
#index #sec_7 ul.list.blog li:nth-child(4) { display: none; }
@media screen and (max-width: 767px) { 
	#index #sec_7 ul.list.blog li:nth-child(4) { display: block; }
	#index #sec_7 .topsectitle { text-align: center; }
	#index #sec_7 .topsectitle span { display: block; margin-left: 0; margin-top: 10px; }
}


/* #sec_8 */
#index #sec_8 { display: flex; }
#index #sec_8>* { width: 50%; box-sizing: border-box; }
#index #sec_8 .newsbox { padding: 180px 10%; min-height: 800px; }
#index #sec_8 .newsbox .topsectitle { text-align: left; }
#index #sec_8 .contactbox { display: flex; flex-wrap: wrap; text-align: center;}
#index #sec_8 .contactbox>* { display: flex; justify-content: center; flex-direction: column; text-align: center;}
#index #sec_8 .contactbox .copy.s4 { margin-bottom: 10px; color: #1e2e53; }
#index #sec_8 .contactbox .copy.s4 br { display: none; }
#index #sec_8 .contactbox .link a { font-size: 2.8rem; color: #1e2e53; position: relative; }
#index #sec_8 .contactbox .link a:after { content:""; font-size:0; width: 0; height:1px; background: #1e2e53; position: absolute; bottom: -6px; left: 50%; transition: 0.6s; }
#index #sec_8 .contactbox .link a:hover:after { width: 100%; margin-left: -50%; }
#index #sec_8 .contactbox .link .icon { margin-right: 10px; font-size: 0;}
#index #sec_8 .contactbox .telbox { width: 100%; height: 50%; background: #1e2e53; }
#index #sec_8 .contactbox .telbox .copy.s4 { color: #fff;}
#index #sec_8 .contactbox .telbox a { color: #fff; font-size: 3.6rem; letter-spacing: 0.06em;}
#index #sec_8 .contactbox .telbox a:after { background: #fff; }
#index #sec_8 .contactbox .telbox .icon { width: 34px; vertical-align: -6px;}
#index #sec_8 .contactbox .mailbox { width: 50%; height: 50%; background: #f7f7f7; }
#index #sec_8 .contactbox .mailbox .icon { width: 36px; vertical-align: -4px;  }
#index #sec_8 .contactbox .onlinebox { width: 50%; height: 50%; }
#index #sec_8 .contactbox .onlinebox .icon { width: 42px; vertical-align: -8px; }
@media screen and (max-width: 1500px) { 
	#index #sec_8 .contactbox .copy.s4 br { display: block; }
	#index #sec_8 .contactbox .telbox .copy.s4 br { display: none; }
}
@media screen and (max-width: 1100px) { 
	#index #sec_8 { display: block; }
	#index #sec_8>* { width: 100%; }
	#index #sec_8 .contactbox>* { height: 400px!important; }
}
@media screen and (max-width: 767px) { 
	#index #sec_8>* { width: 100%; height: auto; }
	#index #sec_8 .newsbox { padding: 120px 6%; min-height: 0; }
	#index #sec_8 .newsbox .topsectitle { text-align: center; }
	#index #sec_8 .newsbox .btnbox a { text-align: center; }
	#index #sec_8 .contactbox>* { width: 100%!important; height: 200px!important;  }
	#index #sec_8 .contactbox .link a { font-size: 2rem; }
	#index #sec_8 .contactbox .copy.s4 { margin-bottom: 5px; }
	#index #sec_8 .contactbox .copy.s4 br { display: none; }
	#index #sec_8 .contactbox .telbox a { font-size: 2rem; }
	#index #sec_8 .contactbox .telbox .icon { width: 22px; vertical-align: -5px; }
	#index #sec_8 .contactbox .mailbox { width: 33.33%; height: 480px; }
	#index #sec_8 .contactbox .mailbox .icon { width: 26px; vertical-align: -3px;  }
	#index #sec_8 .contactbox .onlinebox { width: 33.33%; height: 480px; }
	#index #sec_8 .contactbox .onlinebox .icon { width: 30px; vertical-align: -8px; }
}
@media screen and (max-width: 500px) { 
	#index #sec_8>* { width: 100%; height: auto; }
	#index #sec_8 .contactbox>* { height: 180px!important;  }
}










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


#about.index


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

/* sec_1 */
#about.index #sec_1 {  }
#about.index #sec_1 .copy.s1 { text-align: center; }
@media screen and (max-width: 1100px) { 
}
@media screen and (max-width: 767px) { 
}

/* sec_2 */
#about.index #swrap_2 { background: #f7f7f7; }
#about.index #sec_2 {  }
#about.index #sec_2 .aboutlist { }
#about.index #sec_2 .aboutlist li { display: flex; align-items: center; margin-top: 60px; border-top: 1px solid #1e2e53; padding: 60px 50px 0; }
#about.index #sec_2 .aboutlist li:first-child { margin-top: 0; border-top: none; padding-top: 0; }
#about.index #sec_2 .aboutlist li:nth-child(odd) { flex-direction: row-reverse; }
#about.index #sec_2 .aboutlist li .imgbox { width: 52%; position: relative; text-align: center; height: calc(10vw + 410px); display: flex; justify-content: center; align-items: center; }
#about.index #sec_2 .aboutlist li .imgbox img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#about.index #sec_2 .aboutlist li .txtbox { margin-left: 70px; flex: 1; }
#about.index #sec_2 .aboutlist li:nth-child(odd) .txtbox { margin-left: 0; margin-right: 70px }
#about.index #sec_2 .aboutlist li .txtbox .btnbox { justify-content: flex-start; }
@media screen and (max-width: 1500px) {
	#about.index #sec_2 .aboutlist li .imgbox { height: 560px; }
	#about.index #sec_2 .aboutlist li .txtbox {  }
}
@media screen and (max-width: 1100px) {
	#about.index #sec_2 .aboutlist li { align-items: normal; padding: 60px 0 0;}
	#about.index #sec_2 .aboutlist li .imgbox { width: 50%; display: flex; height: auto; }
	#about.index #sec_2 .aboutlist li .txtbox { margin-left: 50px; }
	#about.index #sec_2 .aboutlist li:nth-child(odd) .txtbox { margin-right: 50px; }
}
@media screen and (max-width: 767px) {
	#about.index #sec_2 .aboutlist li { display: block; } 
	#about.index #sec_2 .aboutlist li .imgbox { display: flex; height: auto; width: 100%; height: calc(150px + 30vw); }
	#about.index #sec_2 .aboutlist li .txtbox { flex: none; margin-left: 0; margin-top: 30px; }
	#about.index #sec_2 .aboutlist li:nth-child(odd) .txtbox { margin-right: 0; }
}










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


#about.solution


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

/* sec_1 */
#about.solution #sec_1 {  }
#about.solution #sec_1 .copy.s1 {text-align: center;}
#about.solution #sec_1 .inbox { text-align:center; border:1px solid #1e2e53; width:100%; position:relative; }
#about.solution #sec_1 .inbox .redhot {position:absolute; top:0; left:0; right:0; margin:auto; width:260px; height:60px; font-size:2.8rem; color: #fff; background: #1e2e53; }
#about.solution #sec_1 .inbox .txtbox { color: #1e2e53; padding:100px 0 60px; box-sizing: border-box; }
#about.solution #sec_1 .inbox .txtbox .list1 { margin-top: 30px; }
#about.solution #sec_1 .inbox .txtbox .list1>li { line-height:1.8; margin-bottom: 5px; }
#about.solution #sec_1 .inbox .txtbox .list1>li:last-child { margin-bottom:0px; }
#about.solution #sec_1 .inbox .txtbox .list1>li span { margin-right: 0.3em; }
@media screen and (max-width: 1100px) { 
	#about.solution #sec_1 .inbox .txtbox { font-size: 2.4rem; }
}
@media screen and (max-width: 767px) { 
	#about.solution #sec_1 .inbox .redhot { font-size:2rem; display:flex; align-items:center; justify-content:center; height:50px; max-width:200px; }
	#about.solution #sec_1 .inbox .txtbox { padding: 80px 6% 40px; }
	#about.solution #sec_1 .inbox .txtbox .list1 { margin-top: 20px; }
}
@media screen and (max-width: 500px) {
	#about.solution #sec_1 .inbox .txtbox .copy.s2,
	#about.solution #sec_1 .inbox .txtbox .list1>li { text-align:left; }
}


/* sec_2 */
#about.solution #swrap_2 { background: #f7f7f7; }
#about.solution #sec_2 .toollist { margin-top: 60px; }
#about.solution #sec_2 .toollist>li {display: flex;flex-direction: row;border-top: 1px solid #1e2e53;padding: 60px 0;} 
#about.solution #sec_2 .toollist>li:last-child { border-bottom: 1px solid #1e2e53; }
#about.solution #sec_2 .toollist>li .copy.s4 { background: #fff; border: 1px solid #1e2e53; color: #1e2e53; width: 300px; height: 60px; display: flex; justify-content: center; align-items: center; margin-right: 60px; flex-shrink: 0; }
#about.solution #sec_2 .toollist>li .detailbox { width: 100%; }
#about.solution #sec_2 .toollist>li .btnbox a { padding: 0 8%; width: auto; box-sizing: border-box;}
#about.solution #sec_2 .toollist>li .btnbox span { font-size: 1.8rem; }
#about.solution #sec_2 .toollist>li:nth-child(1) .btnbox { width: 470px; }
#about.solution #sec_2 .toollist>li:nth-child(2) .btnbox { width: 360px; }
#about.solution #sec_2 .toollist>li .bnrbox { width: 300px; height: 140px; background: #1e2e53; }
#about.solution #sec_2 .toollist>li .bnrbox a {display: block; height: 100%; display: flex; justify-content: center; align-items: center; transition: 0.6s; position: relative; }
#about.solution #sec_2 .toollist>li .bnrbox a:after { content: url(../img/common/arr1_white.svg); font-size: 0; width: 8px; transform: rotate(-90deg); position: absolute; right: 20px; top: calc(50% - 3px); }
#about.solution #sec_2 .toollist>li .bnrbox a:hover { background: #333; }
#about.solution #sec_2 .toollist>li .bnrbox img { width: 155px; }
@media screen and (max-width: 1100px){
	#about.solution #sec_2 .toollist>li {display: flex;flex-direction: column;padding: 60px 0;} 
	#about.solution #sec_2 .toollist>li .detailbox .list1 { margin-bottom:0px; }
	#about.solution #sec_2 .toollist>li .copy.s4 { flex-shrink: inherit; margin-right:0; text-align:center; width:100%;}
}
@media screen and (max-width: 767px) {
	#about.solution #sec_2 .toollist { margin-top: 40px; }
	#about.solution #sec_2 .txt1 br { display: none; }
	#about.solution #sec_2 .toollist>li { border-top: none; padding: 0; margin-bottom: 60px; }
	#about.solution #sec_2 .toollist>li:last-child { margin-bottom: 0; border-bottom: 0; }
	#about.solution #sec_2 .toollist>li .copy.s4 { height: 50px; }
	#about.solution #sec_2 .toollist>li .btnbox span { font-size: 1.4rem; }
	#about.solution #sec_2 .toollist>li:nth-child(1) .btnbox { width: 100%; }
	#about.solution #sec_2 .toollist>li:nth-child(2) .btnbox { width: 100%; }
	#about.solution #sec_2 .toollist>li .bnrbox { height: 100px; margin: 0 auto; width: 100%; }
	#about.solution #sec_2 .toollist>li .bnrbox img { width: 120px; }
	#about.solution #sec_2 .toollist>li .bnrbox a:hover { background: #1e2e53; }
}
@media screen and (max-width: 500px) {
	#about.solution #sec_2 .toollist>li .bnrbox { width: 100%; }
}










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


#about.technical-capabilities


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

/* sec_1 */
#about.technical-capabilities #sec_1 { }
#about.technical-capabilities #sec_1 .copy.s1 { text-align: center; }
#about.technical-capabilities #sec_1 .txt1 { margin-bottom: 80px; }
#about.technical-capabilities #sec_1 .list1>li { display: flex; align-items: center; margin-bottom: 60px; }
#about.technical-capabilities #sec_1 .list1>li:nth-child(even) { flex-direction: row-reverse; }
#about.technical-capabilities #sec_1 .list1>li .imgbox { width: 50%; position: relative; text-align: center; height: calc(10vw + 410px); display: flex; justify-content: center; align-items: center; }
#about.technical-capabilities #sec_1 .list1>li .imgbox img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;' display: block; width: 100%; height: 100%; }
#about.technical-capabilities #sec_1 .list1>li .txtbox { margin-left: 70px; flex: 1; }
#about.technical-capabilities #sec_1 .list1>li:nth-child(even) .txtbox { margin-left: 0; margin-right: 70px; }
#about.technical-capabilities #sec_1 .list1>li .txtbox .copy.s2 { display: flex; align-items: center; color: #1e2e53; }
#about.technical-capabilities #sec_1 .list1>li .txtbox .copy.s2 span { font-size: 4.8rem; line-height: 0.8; margin-right: 20px; position: relative; padding-right: 20px; }
#about.technical-capabilities #sec_1 .list1>li .txtbox .copy.s2 span:after { content: ""; background: #1e2e53; width: 1px; height: 54px; position: absolute; top: -7px; bottom: 0; right: 0; }
@media screen and (max-width: 1100px) {
	#about.technical-capabilities #sec_1 .list1>li .imgbox { height: 560px; } 
	#about.technical-capabilities #sec_1 .list1>li .txtbox { margin-left: 50px; }
	#about.technical-capabilities #sec_1 .list1>li .txtbox .copy.s2 span { display: none; }
	#about.technical-capabilities #sec_1 .list1>li:nth-child(even) .txtbox { margin-left: 0; margin-right: 50px; }
}
@media screen and (max-width: 767px) { 
	#about.technical-capabilities #sec_1 .txt1 { margin-bottom: 40px; }
	#about.technical-capabilities #sec_1 .list1>li { display: block; }
	#about.technical-capabilities #sec_1 .list1>li .imgbox { display: flex; width: 100%; height: calc(150px + 30vw); margin-bottom: 30px; }
	#about.technical-capabilities #sec_1 .list1>li .txtbox { margin-left: 0; }
	#about.technical-capabilities #sec_1 .list1>li:nth-child(even) .txtbox { margin-left: 0; margin-right: 0; }
	#about.technical-capabilities #sec_1 .list1>li .txtbox .copy.s2 span { font-size: 3rem; display: block; margin-right: 15px; padding-right: 15px; }
	#about.technical-capabilities #sec_1 .list1>li .txtbox .copy.s2 span:after { height: 37px; }
}










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


#about.cooperation


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

/* sec_1 */
#about.cooperation #sec_1 .txtbox .copy { text-align: center; }
#about.cooperation #sec_1 .inbox { background: #f7f7f7; padding: 80px 80px 70px; box-sizing: border-box; }
#about.cooperation #sec_1 .inbox .copybox { text-align: center; margin-bottom: 50px; }
#about.cooperation #sec_1 .inbox .spbox { display: none; }
#about.cooperation #sec_1 .inbox .subtitle { color: #fff; background: #1e2e53; text-align: center; font-weight: bold; font-size: 1.8rem; padding: 12px 0; }
#about.cooperation #sec_1 .inbox .indent { line-height: 1.6; }
#about.cooperation #sec_1 .inbox .indent li { margin-bottom: 5px; }
#about.cooperation #sec_1 .box1 { position: relative; }
#about.cooperation #sec_1 .box1 .inbox1 { display: flex; align-items: center; height: 150px; border: 1px solid #1e2e53; margin-bottom: 55px; background: #f0f0f0; }
#about.cooperation #sec_1 .box1 .inbox1 .logobox { width: 50%; height: 100%; display: flex; border-right: 1px solid #1e2e53; justify-content: center; align-items: center; background: #fff; }
#about.cooperation #sec_1 .box1 .inbox1 .logobox img.toyasonic { width: 230px; }
#about.cooperation #sec_1 .box1 .inbox1 .txtbox { width: 50%; height: auto; padding: 0 50px; box-sizing: border-box; flex: 1; }
#about.cooperation #sec_1 .box { display: flex; justify-content: space-between; }
#about.cooperation #sec_1 .box .box2 { width: 45%; position: relative; }
#about.cooperation #sec_1 .box .box2.s1:before,
#about.cooperation #sec_1 .box .box2.s2:before { content: ""; background-image: url(../img/about/cooperation/db_line.svg); width: 10px; height: 56px; position: absolute; top: -55px; left: calc(50% - 5px); margin: 0; font-size: 0; }
#about.cooperation #sec_1 .box .box2.s1:after { content: ""; background-image: url(../img/about/cooperation/db_line.svg); width: 10px; height: 90px; transform: translateY(-50%) rotate(270deg); position: absolute; top: 146px; right: -49px; margin: 0; font-size: 0; }
#about.cooperation #sec_1 .box .box2 .inbox1 { display: block; align-items: center; border: 1px solid #1e2e53; }
#about.cooperation #sec_1 .box .box2 .inbox1 .logobox { display: flex; align-items: center; justify-content: center; background: #fff; border-bottom: 1px solid #1e2e53; width: 100%; height: 110px; }
#about.cooperation #sec_1 .box .box2 .inbox1 .logobox img.snd { width: 300px; }
#about.cooperation #sec_1 .box .box2 .inbox1 .logobox img.inaho { width: 270px; }
#about.cooperation #sec_1 .box .box2 .inbox1 .txtbox { display: flex; text-align: center; align-items: center; justify-content: center; width: 100%; height: 130px; box-sizing: border-box; padding: 20px 6%; background: #f0f0f0; }
@media screen and (max-width: 1100px) {
	#about.cooperation #sec_1 .inbox { padding: 60px 6%; }
	#about.cooperation #sec_1 .box1 .inbox1 { height: 180px; }
	#about.cooperation #sec_1 .box1 .inbox1 .logobox img.toyasonic { width: 180px; }
	#about.cooperation #sec_1 .box1 .inbox1 .txtbox { padding: 0 6%; }
	#about.cooperation #sec_1 .box .box2 .inbox1 .logobox img.snd { width: 220px; }
	#about.cooperation #sec_1 .box .box2 .inbox1 .logobox img.inaho { width: 200px; }
}
@media screen and (max-width: 767px) {
	#about.cooperation #sec_1 .inbox { padding: 60px 8%; }
	#about.cooperation #sec_1 .inbox .spbox { display: block; padding: 8%; width: 100%; margin-bottom: 40px; background: #fff; box-sizing: border-box; }
	#about.cooperation #sec_1 .inbox .spbox img { display: block; max-width: 320px; width: 100%; margin: 0 auto; }
	#about.cooperation #sec_1 .inbox { padding: 8%; }
	#about.cooperation #sec_1 .inbox .copybox { margin-bottom: 30px; }
	#about.cooperation #sec_1 .inbox .copybox .txt1 { text-align: justify; }
	#about.cooperation #sec_1 .inbox .subtitle { font-size: 1.6rem; padding: 10px 0; }
	#about.cooperation #sec_1 .box1 .inbox1 { display: block; height: auto;  margin-bottom: 20px; }
	#about.cooperation #sec_1 .box1 .inbox1 .logobox { width: 100%; padding: 20px 6%; border: none; box-sizing: border-box; border-bottom: 1px solid #1e2e53; }
	#about.cooperation #sec_1 .box1 .inbox1 .logobox img.toyasonic { width: 150px; max-width: 60%; }
	#about.cooperation #sec_1 .box1 .inbox1 .txtbox { width: 100%; padding: 6%; flex: auto; }
	#about.cooperation #sec_1 .box { display: block; }
	#about.cooperation #sec_1 .box .box2 { width: 100%; }
	#about.cooperation #sec_1 .box .box2.s1 { margin-bottom: 20px; }
	#about.cooperation #sec_1 .box .box2.s1:before,
	#about.cooperation #sec_1 .box .box2.s2:before { width: 4px; height: 20px; top: -20px; left: calc(50% - 2px); margin: 0; }
	#about.cooperation #sec_1 .box .box2.s1:after { display: none; }
	#about.cooperation #sec_1 .box .box2 .inbox1 .logobox { height: auto; padding: 20px 6%; box-sizing: border-box; }
	#about.cooperation #sec_1 .box .box2 .inbox1 .txtbox { text-align: left; height: auto; padding: 6%; }
	#about.cooperation #sec_1 .box .box2 .inbox1 .logobox img.snd { max-width: 88%; }
	#about.cooperation #sec_1 .box .box2 .inbox1 .logobox img.inaho { max-width: 88%; }
}
@media screen and (max-width: 500px) {
	#about.cooperation #sec_1 .inbox { padding: 40px 6%; }
}










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


#company.message


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

/* sec_1 */
#company.message #sec_1 .box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
#company.message #sec_1 .box .txtbox { width: 45%; padding-right: 80px; flex: 1; }
#company.message #sec_1 .box .imgbox { display: flex; flex-direction: column; width: 45%; }
#company.message #sec_1 .box .imgbox img { object-fit: cover; font-family: 'object-fit: cover;' display: block; width: 100%; height: calc(700px + 10vh); }
#company.message #sec_1 .box .imgbox .name { font-size: 1.6rem; margin-top: 20px; color: #1e2e53; }
#company.message #sec_1 .box .imgbox .name .noto { font-size: 2.4rem; line-height: 1.6; margin-top: 30px; letter-spacing: 0.1em; }
@media screen and (max-width:1100px) {
	#company.message #sec_1 .box .txtbox { padding-right: 50px; }
}
@media screen and (max-width:767px) {
	#company.message #sec_1 .box { display: flex; flex-direction: column; }
	#company.message #sec_1 .box .txtbox { width: 100%; padding-right: 0; margin-bottom: 40px; }
	#company.message #sec_1 .box .txtbox .copy.s2 { text-align: center; }
	#company.message #sec_1 .box .imgbox { width: 100%; }
	#company.message #sec_1 .box .imgbox img { height: calc(200px + 50vw); }
	#company.message #sec_1 .box .imgbox .name { font-size: 1.4rem; }
	#company.message #sec_1 .box .imgbox .name .noto { font-size: 1.8rem; }
}

/* sec_2 */
#company.message #swrap_2 { background: #f7f7f7; }
#company.message #sec_2 .copy.s1 { display: flex; text-align: center; justify-content: center; width: 100%; padding: 30px 6%; color: #fff; background: #1e2e53; box-sizing: border-box; }
@media screen and (max-width: 1100px) {
	#company.message #sec_2 .bgblue { font-size: 3.2rem; }
}
@media screen and (max-width: 767px) {
	#company.message #sec_2 .bgblue { font-size: 2rem; padding: 20px 6%; }
	#company.message #sec_2 .bgblue { margin-bottom: 20px; padding: 15px 0; box-sizing: border-box; }
}










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


#company.overview


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

/* sec_1 */
#company.overview .dllist>li { border-top: 1px solid #1e2e53; }
#company.overview .dllist>li:last-child { border-bottom: 1px solid #1e2e53; }
#company.overview .dllist>li>dl { display:flex; padding: 30px 20px;}
#company.overview .dllist>li>dl dt {width:300px; flex-shrink:0; }
#company.overview .dllist>li ul.list1 { text-align: left; }
#company.overview .dllist>li ul.list1 li { display: inline-block; }
#company.overview .dllist>li ul.list1 li:after { content: "/"; display: inline-block; margin: 0 0.2em 0 0.6em; }
#company.overview .dllist>li ul.list1 li:last-child:after { display: none; }
@media screen and (max-width: 1100px){
	#company.overview .dllist>li>dl dt { width:200px; }
}
@media screen and (max-width: 767px){
	#company.overview .dllist>li>dl { display:block;padding: 25px 5px;}
	#company.overview .dllist>li>dl dt { width:100%; font-weight:bold; }
	#company.overview .dllist>li>dl dd { width:100% }
}

/* sec_2 */
#company.overview #swrap_2 { background: #f7f7f7; }

/* sec_3 */
#company.overview #swrap_3 { padding-bottom:0px; }
#company.overview #swrap_3 .adbox { padding-bottom: 60px; margin-bottom: 55px; border-bottom: 1px solid #1e2e53; }
#company.overview #swrap_3 .adbox:last-child { border-bottom: none; padding-bottom:0px; margin-bottom:0px;}
#company.overview #swrap_3 .adbox .inwrap { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; margin-bottom: 40px; }
#company.overview #swrap_3 .adbox .inwrap .infobox { margin-right: 80px; width: 50%; }
#company.overview #swrap_3 .adbox .inwrap .infobox .redhot { font-size: 2.8rem; margin-bottom: 25px; }
#company.overview #swrap_3 .adbox .inwrap .infobox .redhot span { font-size: 1.6rem; }
#company.overview #swrap_3 .adbox .inwrap .infobox .list1 {margin-top:40px;}
#company.overview #swrap_3 .adbox .inwrap .imgbox { width: 50%; height: 420px; }
#company.overview #swrap_3 .adbox .inwrap .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
#company.overview #swrap_3 .adbox .maps { height: 520px; }
@media screen and (max-width: 1100px){
	#company.overview #swrap_3 .adbox .inwrap { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; width: 100%; }
	#company.overview #swrap_3 .adbox .inwrap .infobox { margin-right: 0; width: 100%; }
	#company.overview #swrap_3 .adbox .inwrap .imgbox { margin-bottom: 30px; width: 100%; height: calc(150px + 30vw); }
}
@media screen and (max-width: 767px){
	#company.overview #swrap_3 .adbox:first-child { padding-bottom:50px; margin-bottom:50px; }
	#company.overview #swrap_3 .adbox .inwrap .infobox .list1 { margin-top:30px; }
	#company.overview #swrap_3 .adbox .inwrap .infobox .redhot {font-size: 1.8rem;margin-bottom: 5px;}
	#company.overview #swrap_3 .adbox .maps { height:300px; }
}










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


#business.index


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

/* sec_1 */
#business.index #sec_1 { }

/* sec_2 */
#business.index #swrap_2 { background: #f7f7f7; }
#business.index #sec_2 .businesslist>li { margin-top: 80px; border-bottom: 1px solid #1e2e53; }
#business.index #sec_2 .businesslist>li:first-child { margin-top: 0; }
#business.index #sec_2 .businesslist>li:last-child { border-bottom: none; }
#business.index #sec_2 .businesslist>li .inwrap { display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0 50px 80px; }
#business.index #sec_2 .businesslist>li:nth-child(even) .inwrap { flex-direction: row-reverse; }
#business.index #sec_2 .businesslist>li .inwrap .imgbox { width:50%; position:relative; text-align:center; height:calc(530px + 10vh); display:flex; justify-content:center; align-items:center;}
#business.index #sec_2 .businesslist>li .inwrap .imgbox img { position: absolute; object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
#business.index #sec_2 .businesslist>li .inwrap .txtbox { flex:1; margin-left:70px; }
#business.index #sec_2 .businesslist>li:nth-child(even) .inwrap .txtbox { margin-left:0; margin-right:70px; }
@media screen and (max-width: 1500px) {
	#business.index #sec_2 .businesslist .imgbox { height: 560px; }
}
@media screen and (max-width: 1100px){
	#business.index #sec_2 .businesslist>li .inwrap { align-items:normal; padding:0 0 80px; }
	#business.index #sec_2 .businesslist li .inwrap .imgbox { width:50%; display:flex; height:auto; }
	#business.index #sec_2 .businesslist li .inwrap .txtbox { margin-left:50px; }
	#business.index #sec_2 .businesslist li:nth-child(even) .inwrap .txtbox { margin-right:50px; }
}
@media screen and (max-width: 767px){
	#business.index #sec_2 .businesslist>li .inwrap { display:flex; flex-direction:column; }
	#business.index #sec_2 .businesslist>li:nth-child(even) .inwrap { flex-direction:column; padding }
	#business.index #sec_2 .businesslist>li:last-child .inwrap { padding:0 0 40px; }
	#business.index #sec_2 .businesslist>li .inwrap .imgbox { width: 100%; height: calc(150px + 30vw); }
	#business.index #sec_2 .businesslist>li .inwrap .txtbox { width: 100%; margin-left:0px; margin-top:30px; }
}










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


#business.printed-board


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

/* sec_1 */
#business.printed-board #sec_1 .copy { text-align: center; }

/* sec_2 */
#business.printed-board #swrap_2 { background: #f7f7f7; }
#business.printed-board #sec_2 .boxlist>li { border: 1px solid #1e2e53; margin-bottom: 20px; background: #fff; padding: 60px 70px; box-sizing: border-box; }
#business.printed-board #sec_2 .boxlist>li:last-child { margin-bottom: 0px; }
#business.printed-board #sec_2 .boxlist>li .txtbig1 { display: flex; align-items: center; line-height: 1.6; font-size: 3.6rem; color: #1e2e53; letter-spacing: 0.12em; font-feature-settings: "palt"; font-family: 'Noto Sans JP', sans-serif; margin-bottom: 40px; }
#business.printed-board #sec_2 .boxlist>li .txtbig1 span { font-size: 4.8rem; line-height: 0.8; margin-right: 20px; position: relative; padding-right: 20px; }
#business.printed-board #sec_2 .boxlist>li .txtbig1 span:after { content: ""; background: #1e2e53; width: 1px; height: 54px; position: absolute; top: -7px; bottom: 0; right: 0; }
#business.printed-board #sec_2 .boxlist>li .inwrap,
#business.printed-board #sec_2 .boxlist>li .inwrap_1 { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
#business.printed-board #sec_2 .boxlist>li .inwrap .txtbox,
#business.printed-board #sec_2 .boxlist>li .inwrap_1 .txtbox { margin-right: 70px; flex: 1; }
#business.printed-board #sec_2 .boxlist>li .inwrap .imgbox,
#business.printed-board #sec_2 .boxlist>li .inwrap_1 .imgbox { width: 45%; height: calc(10vw + 200px); }
#business.printed-board #sec_2 .boxlist>li .inwrap .imgbox img,
#business.printed-board #sec_2 .boxlist>li .inwrap_1 .imgbox img { object-fit: cover; font-family: "object-fit: cover;" display: block; width: 100%; height: 100%; }
#business.printed-board #sec_2 .flowlist>li { border-bottom: 1px solid #1e2e53; padding: 40px 0; box-sizing: border-box; position: relative; }
#business.printed-board #sec_2 .flowlist>li:first-child { padding-top: 0px; }
#business.printed-board #sec_2 .flowlist>li:nth-child(4) { border-bottom: none; padding-bottom: 60px; }
#business.printed-board #sec_2 .flowlist>li:nth-child(5) { padding-top: 0px; }
#business.printed-board #sec_2 .flowlist li:last-child { border-bottom: none; padding-bottom: 0px; }
#business.printed-board #sec_2 .flowlist li:after { content: ""; background: url(../img/common/arr1_blue.svg) no-repeat; width: 20px; height: 20px; position: absolute; bottom: -20px; left: 50%; right: 50%; margin: 0; }
#business.printed-board #sec_2 .flowlist li:first-child:after,
#business.printed-board #sec_2 .flowlist li:nth-child(4):after,
#business.printed-board #sec_2 .flowlist li:last-child:after { content: none; }
#business.printed-board #sec_2 .flowlist>li .txtbig { text-align: center; color: #fff; font-weight: normal; margin-bottom: 40px; padding: 20px 0; box-sizing: border-box; line-height: 1.6; }
#business.printed-board #sec_2 .flowlist>li>.inwrap { align-items: center; }
#business.printed-board #sec_2 .flowlist>li .txtbox .copy.s2 { color: #1e2e53; }
#business.printed-board #sec_2 .flowlist>li>.inwrap.s1 { align-items: flex-start; }
#business.printed-board #sec_2 .flowlist>li>.inwrap.s1 .imgbox { height: 100%; }
#business.printed-board #sec_2 .flowlist>li>.inwrap.s1 .imgbox img { height: auto; }
@media screen and (max-width: 1200px) {
	#business.printed-board #sec_2 .boxlist>li .inwrap .imgbox { height: calc(10vw + 250px); }
}
@media screen and (max-width: 1100px) {
	#business.printed-board #sec_2 .boxlist>li { padding: 6%; }
	#business.printed-board #sec_2 .boxlist>li .inwrap,
	#business.printed-board #sec_2 .boxlist>li .inwrap_1 { display: flex; flex-direction: column; }
	#business.printed-board #sec_2 .boxlist>li .inwrap_1 { margin-bottom: 40px; }
	#business.printed-board #sec_2 .boxlist>li .inwrap .txtbox,
	#business.printed-board #sec_2 .boxlist>li .inwrap_1 .txtbox { width: 100%; margin-right: 0; margin-bottom: 30px; }
	#business.printed-board #sec_2 .boxlist>li:last-child .inwrap .txtbox { margin-bottom: 0px; }
	#business.printed-board #sec_2 .boxlist>li .inwrap .imgbox,
	#business.printed-board #sec_2 .boxlist>li .inwrap_1 .imgbox { width: 100%; height: calc(150px + 30vw); }
	#business.printed-board #sec_2 .flowlist>li .txtbig { margin-bottom: 30px; }
	#business.printed-board #sec_2 .flowlist>li> .txtbox .copy.s2 { margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
	#business.printed-board #sec_2 .boxlist>li .copy span:after { height: 37px; }
	#business.printed-board #sec_2 .boxlist>li .txtbig1 { font-size: 2.2rem; margin-bottom: 20px; }
	#business.printed-board #sec_2 .boxlist>li .txtbig1 span { font-size: 2.6rem; margin-right: 15px; padding-right: 15px; }
	#business.printed-board #sec_2 .boxlist>li .txtbig1 span:after { height: 28px; top: -3px; }
	#business.printed-board #sec_2 .flowlist { margin-top: 0; }
	#business.printed-board #sec_2 .flowlist>li .txtbig { margin-bottom: 15px; padding: 10px 6%; }
	#business.printed-board #sec_2 .boxlist>li .inwrap .imgbox,
	#business.printed-board #sec_2 .boxlist>li .inwrap_1 .imgbox { height: calc(50px + 40vw); }
	#business.printed-board #sec_2 .flowlist>li>.inwrap .txtbox .copy.s2 { margin-bottom: 15px; }
	#business.printed-board #sec_2 .flowlist li:after { width: 15px; height: 15px; bottom: -15px; }
}










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


#business.control-software


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

/* sec_1 */
#business.control-software #sec_1 .copy { text-align: center; }
#business.control-software #sec_1 .inbox { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
#business.control-software #sec_1 .inbox .txtbox { width: 50%; margin-right: 70px; flex: 1; }
#business.control-software #sec_1 .inbox .imgbox { width: 450px; height: calc(10vw + 200px); }
#business.control-software #sec_1 .inbox .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1100px){
	#business.control-software #sec_1 .copy { font-size: 3.2rem; }
	#business.control-software #sec_1 .inbox .txtbox { margin-right: 40px; }
	#business.control-software #sec_1 .inbox .imgbox { width: 50%; display: flex; height: 400px; }
}
@media screen and (max-width: 767px){
	#business.control-software #sec_1 .copy { font-size: 2.2rem; }
	#business.control-software #sec_1 .inbox { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
	#business.control-software #sec_1 .inbox .txtbox { width: 100%; margin-right: 0; margin-bottom: 30px; }
	#business.control-software #sec_1 .inbox .imgbox { width: 100%; height: calc(50vw + 50px); }
}

/* sec_2 */
#business.control-software #swrap_2 {  background: #f7f7f7;  }
#business.control-software #sec_2 .list1>li { border-top: 1px solid #1e2e53; padding:60px 0; box-sizing:border-box; }
#business.control-software #sec_2 .list1>li:last-child { padding-bottom:0px; }
#business.control-software #sec_2 .list1>li>dl { display: flex; align-items: flex-start; }
#business.control-software #sec_2 .list1>li>dl dt { width:340px; color: #fff; display:flex; justify-content:center; align-items:center; text-align:center; padding: 15px 10px; box-sizing: border-box;}
#business.control-software #sec_2 .list1>li>dl dd { display: flex; flex-direction: column; align-items: flex-start; margin-left: 50px; }
#business.control-software #sec_2 .list1>li>dl dd .imgbox { display: flex; width: 60%; margin-top: 30px; }
#business.control-software #sec_2 .list1>li>dl dd .imgbox img { width: auto; height: 168px; }
@media screen and (max-width: 1100px){
	#business.control-software #sec_2 .list1>li>dl { display: block; align-items: center; }
	#business.control-software #sec_2 .list1>li>dl dt { width:100%; margin-bottom:30px; height:60px; }
	#business.control-software #sec_2 .list1>li>dl dd { text-align:initial;  margin-left: 0; }
	#business.control-software #sec_2 .list1>li>dl dd .imgbox { display: block; width: 100%; margin-top: 10px; }
	#business.control-software #sec_2 .list1>li>dl dd .imgbox img { margin-top: 10px; }
}
@media screen and (max-width: 767px){
	#business.control-software #sec_2 .list1>li { border-top: none; padding:0; margin-bottom: 60px; }
	#business.control-software #sec_2 .list1>li:last-child { margin-bottom: 0; }
}
@media screen and (max-width: 500px){
	#business.control-software #sec_2 .list1>li>dl dd .imgbox { display: block; width: 100%; margin-top: 20px; }
	#business.control-software #sec_2 .list1>li>dl dd .imgbox img{ width: 100%; height: auto; }
}











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


#business.toyafactory


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

/* mainv */
#business.toyafactory #mainv { display: flex; justify-content: center; align-items: center; width: 100%; height: 700px; }
#business.toyafactory #mainv .txtbox { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0 5%; background: #1e2e53; width: 50%; height: 100%; flex: 1; }
#business.toyafactory #mainv .txtbox img { width: 350px; height: auto; margin-bottom: 60px; }
#business.toyafactory #mainv .txtbox .noto { font-size: 2.2rem; line-height: 1.7; }
#business.toyafactory #mainv .imgbox { width: 50%; height: 100%; }
@media screen and (max-width: 1100px){
	#business.toyafactory #mainv .txtbox img { width: 200px; height: auto; }
}
@media screen and (max-width: 767px){
	#business.toyafactory #mainv { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; width: 100%; height: auto; }
	#business.toyafactory #mainv .txtbox { width: 88%; height: 100%; padding: 50px 6%; }
	#business.toyafactory #mainv .txtbox img { margin-bottom: 30px; }
	#business.toyafactory #mainv .imgbox { width: 100%; height: 300px; }
	#business.toyafactory #mainv .txtbox .noto { font-size: 1.6rem; }
}
@media screen and (max-width: 500px){
	#business.toyafactory #mainv .txtbox img { width: 160px; }
}

/* sec_1 */
#business.toyafactory #sec_1 { margin-bottom: 80px; }
#business.toyafactory #sec_1 .topsectitle { margin-bottom: 0; }
#business.toyafactory #sec_1 .noto { font-size: 2.8rem; text-align: center; margin-bottom: 150px; }
#business.toyafactory #sec_1 .list.sec { margin-top: 100px; }
@media screen and (max-width: 767px){
	#business.toyafactory #sec_1 { margin-bottom: 40px; }
	#business.toyafactory #sec_1 .noto { font-size: 2rem; margin-bottom: 70px; }
	#business.toyafactory #sec_1 .list.sec { margin-top: 60px; }
}

/* sec_2 */
#business.toyafactory #swrap_2 { background: #f7f7f7; }
#business.toyafactory #sec_2 .list1>li { text-align: center; line-height: 1.8; margin-bottom: 5px; color: #1e2e53; }
#business.toyafactory #sec_2 .list1>li:last-child { margin-bottom: 0px; }
#business.toyafactory #sec_2 .list1>li span { margin-right: 0.3em; }
@media screen and (max-width: 500px){
	#business.toyafactory #sec_2 .list1>li { text-align: left; }
}

/* sec_3 */
#business.toyafactory #swrap_3 { background: url(../img/business/toyafactory/s2_img1.jpg) no-repeat; background-position: 70% 50%; background-size: cover; text-align: center; position: relative; }
#business.toyafactory #swrap_3:before { content: url(../img/common/arr1_yellow.svg); width: 50px; position: absolute; top: 0; left: calc(50% - 25px); font-size: 0; }
#business.toyafactory #sec_3 .corm { font-size: 12rem; }
#business.toyafactory #sec_3 .copy.e1 { font-size: 4.2rem; margin-bottom: 40px; line-height: 1.6; }
#business.toyafactory #sec_3 .copy.s3 { text-align: left; }
@media screen and (max-width: 1100px){
	#business.toyafactory #sec_3 .corm { font-size: 8rem; }
	#business.toyafactory #sec_3 .copy.e1 { font-size: 3rem; }
	#business.toyafactory #sec_3 .copy.s3 { font-size: 2rem; }
}
@media screen and (max-width: 767px){
	#business.toyafactory #swrap_3:before { width: 30px; left: calc(50% - 15px); }
	#business.toyafactory #sec_3 .corm { font-size: 5rem; }
	#business.toyafactory #sec_3 .copy.e1 { font-size: 2rem; margin-bottom: 20px; }
	#business.toyafactory #sec_3 .copy.s3 { font-size: 1.6rem; }
}
@media screen and (max-width: 500px){
	#business.toyafactory #sec_3 .corm { font-size: 3.4rem; }
}

/* sec_4 */
#business.toyafactory #sec_4 { padding-top: 120px; }
#business.toyafactory #sec_4 .list1>li { display: flex; align-items: flex-start; margin-top: 60px; border-top: 1px solid #1e2e53; padding-top: 60px; }
#business.toyafactory #sec_4 .list1>li:first-child { margin-top: 0; border-top: none; padding-top: 0; }
#business.toyafactory #sec_4 .list1>li .txtbox { margin-right: 70px; flex: 1; }
#business.toyafactory #sec_4 .list1>li .txtbox .copy.s2 { display: flex; align-items: center; color: #1e2e53; }
#business.toyafactory #sec_4 .list1>li .txtbox .copy.s2 span { font-size: 4.8rem; line-height: 0.8; margin-right: 20px; position: relative; padding-right: 20px; }
#business.toyafactory #sec_4 .list1>li .txtbox .copy.s2 span:after { content: ""; background: #1e2e53; width: 1px; height: 54px; position: absolute; top: -7px; bottom: 0; right: 0; }
#business.toyafactory #sec_4 .list1>li .txtbox .copy.s4 { margin: 30px 0 10px; color: #1e2e53; }
#business.toyafactory #sec_4 .list1>li .txtbox .list2 { display: flex; flex-wrap: wrap; }
#business.toyafactory #sec_4 .list1>li .txtbox .list2>li { margin-right: 1em; }
#business.toyafactory #sec_4 .list1>li .txtbox .list2>li:last-child { margin-right: 0; }
#business.toyafactory #sec_4 .list1>li .imgbox { width: 52%; position: relative; text-align: center; height: calc(10vw + 300px); display: flex; justify-content: center; align-items: center; }
#business.toyafactory #sec_4 .list1>li .imgbox>img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) { display: block; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox { display: flex; justify-content: space-between; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .txtbox { margin-right: 70px; flex: 1; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .btnbox  { display: flex; justify-content: flex-end; width: 360px; margin-top: 0; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .btnbox a { width: 100%; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .btnbox span { font-size: 1.8rem; }

#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e1 { align-items: center; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 { margin-top: 40px; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 40px; border: 1px solid #1e2e53; padding: 100px 50px 50px; position: relative; width: 100%; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap .subtitle { text-align: center; box-sizing: border-box; position: absolute; top: 0; left: 0; background: #f7f7f7; padding: 12px 10%; width: 100%; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap>img { width: 350px; margin-bottom: 40px; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap.e2 { margin-right: 0; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap.e2>.subtitle { background: #1e2e53; }
#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap.e2>img { width: 420px; }
#business.toyafactory #sec_4 .list1>li:nth-child(3) { display: flex; flex-direction: column; }
#business.toyafactory #sec_4 .list1>li:nth-child(3) .inbox { display: flex; }
#business.toyafactory #sec_4 .list1>li:nth-child(3) .inbox .txtbox .txt1 { line-height: 1; padding: 5px 10px; border: 1px solid #191919; display: inline-block; margin: 20px 0 10px; }
#business.toyafactory #sec_4 .list1>li:nth-child(3) .inbox .imgbox { height: auto; display: block; }
#business.toyafactory #sec_4 .list1>li:nth-child(3) .inbox .imgbox img { height: 50%; }
#business.toyafactory #sec_4 .list1>li:nth-child(3) .moviebox { margin-top: 40px; background: #f7f7f7; padding: 60px 70px; text-align: center; }
#business.toyafactory #sec_4 .list1>li:nth-child(3) .moviebox img { margin-top: 40px; }
#business.toyafactory #sec_4 .list1>li:nth-child(3) .moviebox .video { width: 100%; }
#business.toyafactory #sec_4 .list1>li:nth-child(4) .txtbox { margin-right: 0; }
#business.toyafactory #sec_4 .list1>li:nth-child(4) .txtbox .copy.s4 { margin: 0 0 20px; color: #1e2e53; }
@media screen and (max-width: 1300px){
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap>img { width: 300px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap.e2>img { width: 370px; }
}
@media screen and (max-width: 1100px){
	#business.toyafactory #sec_4 .list1>li .imgbox { height: 560px; width: 50%; }
	#business.toyafactory #sec_4 .list1>li .txtbox { margin-right: 50px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .txtbox { margin-right: 50px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap>img { width: 84%; margin-bottom: 30px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap { margin-right: 20px; padding: 90px 4% 40px;}
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap .subtitle { font-size: 2rem; }
	#business.toyafactory #sec_4 .list1>li:nth-child(3) .moviebox { padding: 40px 8%; }
}
@media screen and (max-width: 767px){
	#business.toyafactory #sec_4 .list1>li { display: block; margin-top: 50px; padding-top: 50px;}
	#business.toyafactory #sec_4 .list1>li .txtbox { width: 100%; margin-right: 0; flex: auto; }
	#business.toyafactory #sec_4 .list1>li .imgbox { width: 100%; height: calc(150px + 30vw); margin-top: 30px; }
	#business.toyafactory #sec_4 .list1>li .txtbox .copy.s2 span { font-size: 3rem; display: block; margin-right: 15px; padding-right: 15px; }
	#business.toyafactory #sec_4 .list1>li .txtbox .copy.s2 span:after { height: 37px; }
	#business.toyafactory #sec_4 .list1>li .txtbox .copy.s4 { margin: 20px 0 5px;}
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e1 { display: block; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox { display: flex; flex-direction: column; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .txtbox { margin-right: 0; width: 100%; flex: auto; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .btnbox { margin-top: 30px; display: inline-block; justify-content: left; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .btnbox span { font-size: 1.4rem; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 { margin-top: 30px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap { margin-right: 0; padding: 70px 6% 30px; width: 100%; box-sizing: border-box; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap .subtitle { padding: 10px 6%; font-size: 1.6rem; width: 100%; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap>img { width: 260px; margin-bottom: 20px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap.e2>img { width: 320px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap.e2 { margin-right: 0; margin-top: 20px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap.e2>.subtitle { background: #1e2e53; }
	#business.toyafactory #sec_4 .list1>li:nth-child(3) .inbox { display: block; }
	#business.toyafactory #sec_4 .list1>li:nth-child(3) .inbox .imgbox img { height: calc(150px + 30vw); }
	#business.toyafactory #sec_4 .list1>li:nth-child(3) .moviebox { padding: 6%; margin-top: 20px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(3) .moviebox img { margin-top: 20px; }
}
@media screen and (max-width: 500px){
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox .btnbox { width: 100%; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap>img { width: 200px; }
	#business.toyafactory #sec_4 .list1>li:nth-child(2) .inbox.e2 .inwrap.e2>img { width: 245px; }
}

/* sec_5 */
#business.toyafactory #swrap_5 { background: #f7f7f7; }
#business.toyafactory #sec_5 .boxlist { margin-top: 60px; }
#business.toyafactory #sec_5 .boxlist>li { border: 1px solid #1e2e53; margin-bottom: 20px; background: #fff; padding: 60px 70px; box-sizing: border-box; }
#business.toyafactory #sec_5 .boxlist>li:last-child { margin-bottom: 0px; }
#business.toyafactory #sec_5 .boxlist>li .txtbig1 { display: flex; align-items: center; line-height: 1.6; font-size: 3.6rem; color: #1e2e53; letter-spacing: 0.12em; font-feature-settings: "palt"; font-family: 'Noto Sans JP', sans-serif; margin-bottom: 40px; }
#business.toyafactory #sec_5 .boxlist>li .txtbig1 span { font-size: 4.8rem; line-height: 0.8; margin-right: 20px; position: relative; padding-right: 20px; }
#business.toyafactory #sec_5 .boxlist>li .txtbig1 span:after { content: ""; background: #1e2e53; width: 1px; height: 54px; position: absolute; top: -7px; bottom: 0; right: 0; }
#business.toyafactory #sec_5 .boxlist>li .inwrap,
#business.toyafactory #sec_5 .boxlist>li .inwrap_1 { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
#business.toyafactory #sec_5 .boxlist>li .inwrap .txtbox,
#business.toyafactory #sec_5 .boxlist>li .inwrap_1 .txtbox { margin-right: 70px; flex: 1; }
#business.toyafactory #sec_5 .boxlist>li .inwrap .imgbox,
#business.toyafactory #sec_5 .boxlist>li .inwrap_1 .imgbox { width: 45%; height: calc(10vw + 200px); }
#business.toyafactory #sec_5 .boxlist>li .inwrap .imgbox img,
#business.toyafactory #sec_5 .boxlist>li .inwrap_1 .imgbox img { object-fit: cover; font-family: "object-fit: cover;" display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1200px) {
	#business.toyafactory #sec_5 .boxlist>li .inwrap .imgbox { height: calc(10vw + 250px); }
}
@media screen and (max-width: 1100px) {
	#business.toyafactory #sec_5 .boxlist>li { padding: 6%; }
	#business.toyafactory #sec_5 .boxlist>li .inwrap,
	#business.toyafactory #sec_5 .boxlist>li .inwrap_1 { display: flex; flex-direction: column; }
	#business.toyafactory #sec_5 .boxlist>li .inwrap_1 { margin-bottom: 40px; }
	#business.toyafactory #sec_5 .boxlist>li .inwrap .txtbox,
	#business.toyafactory #sec_5 .boxlist>li .inwrap_1 .txtbox { width: 100%; margin-right: 0; margin-bottom: 30px; }
	#business.toyafactory #sec_5 .boxlist>li .inwrap .imgbox,
	#business.toyafactory #sec_5 .boxlist>li .inwrap_1 .imgbox { width: 100%; height: calc(150px + 30vw); }
}
@media screen and (max-width: 767px) {
	#business.toyafactory #sec_5 .boxlist>li .copy span:after { height: 37px; }
	#business.toyafactory #sec_5 .boxlist>li .txtbig1 { font-size: 2.2rem; margin-bottom: 20px; }
	#business.toyafactory #sec_5 .boxlist>li .txtbig1 span { font-size: 2.6rem; margin-right: 15px; padding-right: 15px; }
	#business.toyafactory #sec_5 .boxlist>li .txtbig1 span:after { height: 28px; top: -3px; }
	#business.toyafactory #sec_5 .boxlist>li .inwrap .imgbox,
	#business.toyafactory #sec_5 .boxlist>li .inwrap_1 .imgbox { height: calc(50px + 40vw); }
}

/* sec_6 */
#business.toyafactory #swrap_6 { background: #1e2e53; position: relative; margin-bottom: 200px; }
#business.toyafactory #sec_6 .inbox { display: flex; justify-content: space-between; align-items: center; }
#business.toyafactory #sec_6 .topsectitle { color: #ffffff; margin-right: 80px; }
#business.toyafactory #sec_6 .txtbox { display: block; }
#business.toyafactory #sec_6 .btnbox.mail { max-width: 1040px; width: 100%; margin: 0 auto; position: absolute; left: calc(50% - 520px); bottom: -80px; }
#business.toyafactory #sec_6 .btnbox.mail .btn.base { height: 160px; background: #fff12c; }
#business.toyafactory #sec_6 .btnbox.mail .btn.base span { font-size: 4.8rem; font-weight: 700; letter-spacing: 0.02em;}
#business.toyafactory #sec_6 .btnbox.mail .btn.base:hover { background: #f7f7f7; color: #1e2e53; }
#business.toyafactory #sec_6 .btnbox.mail .btn.base:hover span:before,
#business.toyafactory #sec_6 .btnbox.mail .btn.base:hover span:after { background: #1e2e53;}
@media screen and (max-width: 1100px) {
	#business.toyafactory #swrap_6 { }
	#business.toyafactory #sec_6 .topsectitle { margin-right: 60px; font-size: 5rem; }
	#business.toyafactory #sec_6 .btnbox.mail { max-width: none; width: 100%; left: 0; bottom: -120px; }
}
@media screen and (max-width: 767px){
	#business.toyafactory #sec_6 .inbox { display: flex; flex-direction: column; text-align: center; }
	#business.toyafactory #sec_6 .topsectitle { margin-right: 0; }
	#business.toyafactory #sec_6 .txtbox .copy.s4 { text-align: justify; }
	#business.toyafactory #sec_6 .btnbox.mail .btn.base { height: 120px; }
	#business.toyafactory #sec_6 .btnbox.mail .btn.base span { font-size: 2.8rem; }
}










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


#recruit.index


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

/* sec_1 */
#recruit.index #sec_1 .topsectitle { margin-bottom: 0; }
#recruit.index #sec_1 .copy { text-align: center; }
#recruit.index #sec_1 .imgbox { display: flex; margin-top: 60px; width: 100%; height: 415px; }
#recruit.index #sec_1 .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 50%; height: 100%; }
@media screen and (max-width: 1100px){
	#recruit.index #sec_1 .imgbox { margin-top: 40px; height: calc(10vw + 300px); }
}
@media screen and (max-width: 767px){
	#recruit.index #sec_1 .imgbox .img1 { display: none; }
	#recruit.index #sec_1 .imgbox img { width: 100%; height: calc(40vw + 100px);  }
}

/* sec_2 */
#recruit.index #swrap_2 { background: #f7f7f7; padding: 150px 0; }
#recruit.index #sec_2 .topsectitle { margin-bottom: 0; }
#recruit.index #sec_2 .inbox {/* display: flex; *//* justify-content: space-between; *//*flex-direction: row; align-items: center; height: 100%;*/margin-bottom: 180px;}
#recruit.index #sec_2 .inbox .box1 {display: flex;/* flex-direction: column; */align-items: center;justify-content: center;/* width: 80%; */position: relative;/* height: 200px; */}
#recruit.index #sec_2 .inbox .imgbox { width:100%; height:500px;}
#recruit.index #sec_2 .inbox .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
#recruit.index #sec_2 .inbox .box1 .txtbox { text-align: center; position: absolute; bottom: -115px; }
#recruit.index #sec_2 .inbox .box1 .txtbox .copy.s4 { color: #fff; line-height: 1.9em; margin-bottom: 15px; }
#recruit.index #sec_2 .inbox .box1 .txtbox .copy.s4 span { display: inline-block; background: #1e2e53; padding: 0px 10px; color: #fff; line-height: 1.6;}
#recruit.index #sec_2 .inbox .box1 .txt1 { font-size: 1.8rem; }
#recruit.index #sec_2 .btn { margin: 0 auto;}
@media screen and (max-width: 767px){
	#recruit.index #swrap_2 { padding: 120px 0; }
	#recruit.index #sec_2 .inbox {display: block;flex: column;/* align-items: center; */margin-bottom: 0;text-align: center;}
	#recruit.index #sec_2 .inbox .box1 { display: inline-block; margin: 0 0 40px 0; width: 80%;}
	#recruit.index #sec_2 .inbox .box1 .txtbox { display: contents; }
	#recruit.index #sec_2 .inbox .box1 .txt1 { font-size: 1.6rem; }
	#recruit.index #sec_2 .inbox .box1 .txtbox .copy.s4 { margin-top: -20px; font-size: 2rem; }
	#recruit.index #sec_2 .inbox .box1:last-child { margin-bottom: 20px; }
	#recruit.index #sec_2 .btn { width: 100%; }
}
@media screen and (max-width: 500px){
	#recruit.index #sec_2 .inbox .box1 { margin: 0 0 40px 0; width: 100%;}
	#recruit.index #sec_2 .inbox .box1 .txtbox .copy.s4 { margin-top: -16px; font-size: 1.6rem;}
	#recruit.index #sec_2 .inbox .box1:last-child { margin-bottom: 10px; }
}

/* sec_3 */
#recruit.index #swrap_3 { padding: 150px 0; }
#recruit.index #sec_3 .inbox { display: flex; justify-content: space-between; align-items: baseline; }
#recruit.index #sec_3 .inbox .sectitle { display: flex; flex-direction: column; align-items: flex-start; width: 50%; }
#recruit.index #sec_3 .inbox .topsectitle { margin-bottom: 0; }
#recruit.index #sec_3 .inbox .btnbox { display: flex; justify-content: flex-end; width: 50%; }
#recruit.index #sec_3 .imgbox { display: flex; width: 100%; height: 415px; }
#recruit.index #sec_3 .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 50%; height: 100%; }
@media screen and (max-width: 1100px){
	#recruit.index #sec_3 .imgbox { margin-top: 40px; height: calc(10vw + 300px); }
}
@media screen and (max-width: 767px){
	#recruit.index #swrap_3 { padding: 120px 0; }
	#recruit.index #sec_3 .inbox { display: flex; flex-direction: column; }
	#recruit.index #sec_3 .inbox .sectitle { margin-bottom: 20px; width: 100%; }
	#recruit.index #sec_3 .inbox .btnbox { width: 100%; }
	#recruit.index #sec_3 .inbox .btnbox .btn.base { width: 100%; }
	#recruit.index #sec_3 .imgbox { margin-top: 10px; height: calc(100px + 30vw); }
}
@media screen and (max-width: 500px){
	#recruit.index #sec_3 .imgbox { height: auto; flex-wrap: wrap; }
	#recruit.index #sec_3 .imgbox img { width:100%; }
}

/* sec_4*/
#recruit.index #swrap_4 { background: url(../img/recruit/index/s4_img1.jpg) no-repeat; background-position: center center; background-size: cover; position: relative; }
#recruit.index #sec_4 .incnt { display: flex; }
#recruit.index #sec_4 .incnt .inbox { display: flex; align-items:flex-end; justify-content: space-between; width: 100%; }
#recruit.index #sec_4 .incnt .inbox .sectitle { text-align: left; color: #fff; display: flex; flex-direction: column; margin-bottom: 0px; margin-right: 20px; }
#recruit.index #sec_4 .incnt .inbox .sectitle .topsectitle { text-align: left; margin-bottom: 0px; color: #fff; }
#recruit.index #sec_4 .incnt .inbox .btnbox { width: 320px; margin-top: 0px; }
#recruit.index #sec_4 .btnbox.entry { max-width: 1100px; width: 88%; margin: 0 auto; position: absolute; left: calc(50% - 550px); bottom: -80px; }
#recruit.index #sec_4 .btnbox.entry .btn.base { height: 160px; }
#recruit.index #sec_4 .btnbox.entry .btn.base span { font-size: 4.8rem; font-weight: 700; letter-spacing: 0.02em;}
@media screen and (max-width: 1300px){
	#recruit.index #sec_4 .btnbox.entry { max-width: none; width: 88%; left: 6%;  }
}
@media screen and (max-width: 1100px){
	#recruit.index #swrap_4 { margin-bottom: 320px;}
	#recruit.index #sec_4 .incnt .inbox { display: block; width: 100%; }
	#recruit.index #sec_4 .incnt .inbox .sectitle { margin-bottom: 40px; }
	#recruit.index #sec_4 .btnbox.entry { max-width: none; width: 100%; left: 0; bottom: -159px; }
	#recruit.index #sec_4 .btnbox.entry .btn.base span { font-size: 2.8rem; }
}
@media screen and (max-width: 767px){
	#recruit.index #swrap_4 { margin-bottom: 280px;}
	#recruit.index #sec_4 .incnt .inbox .sectitle { margin-bottom: 20px; }
	#recruit.index #sec_4 .incnt .inbox .btnbox { width: 100%; }
}










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


#recruit.person


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

/* pagetitle */
#recruit.person #mainv .pagetitle .en { margin-top: -10px; }
@media screen and (max-width: 767px){
	#recruit.person #mainv .pagetitle .en { margin-top: 0; }
}

/* common personbox */
#recruit.person #personbox .inbox { display: flex; flex-direction: row; justify-content: space-between; justify-content: center; align-items: center; margin-bottom: 80px; }
#recruit.person #personbox .inbox .txtbox { flex: 1; }
#recruit.person #personbox .inbox .txtbox .redhot.s1 { margin-bottom: 60px; }
#recruit.person #personbox .inbox .txtbox .copy.s2 { line-height: 1.6; margin-bottom: 40px; }
#recruit.person #personbox .inbox .txtbox .copy.s2 span { background: #1e2e53; color: #fff; padding: 3px 10px; letter-spacing: 0.12em; margin-bottom: 5px; display: inline-block; }
#recruit.person #personbox .inbox .txtbox .txtbig.s3 { font-weight: bold; margin-bottom: 40px; }
#recruit.person #personbox .inbox .imgbox { position: relative; text-align: center; height: calc(10vw + 440px); display: flex; justify-content: center; align-items: center; margin-left: 70px; }
#recruit.person #personbox .inbox .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
#recruit.person #personbox .q { display: flex; align-items: center; margin-bottom: 20px; line-height: 1.5; }
#recruit.person #personbox .q:before { border-top: 1px solid #1e2e53; content: ""; width: 56px; margin-right: 15px; }
#recruit.person #personbox .box { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 70px; }
#recruit.person #personbox .box .txtbox { width: 50%; margin-right: 70px; }
#recruit.person #personbox .box .imgbox { width: 50%; height: 380px; }
#recruit.person #personbox .box .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; object-position: 20% 50%; }
#recruit.person #personbox .box.e1 .imgbox img { object-position: 20% 50%; }
#recruit.person #personbox .box.e2 { flex-direction: row-reverse; }
#recruit.person #personbox .box.e2 .txtbox { margin-left: 70px; }
@media screen and (max-width: 1100px){
	#recruit.person #personbox .inbox .imgbox { width: 40%; height: calc(40vw + 50px); margin-left: 5%; }
	#recruit.person #personbox .box .imgbox { width: 50%; height: calc(20vw + 300px); }
	#recruit.person #personbox .box .txtbox { margin-right: 50px; }
	#recruit.person #personbox .box.e2 .txtbox { margin-left: 50px; }
}
@media screen and (max-width: 767px){
	#recruit.person #personbox .inbox { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 50px; }
	#recruit.person #personbox .inbox .txtbox { width: 100%; margin-right: 0; margin-bottom: 30px; }
	#recruit.person #personbox .inbox .txtbox .redhot.s1 { margin-bottom: 30px; }
	#recruit.person #personbox .inbox .txtbox .txtbig.s1 { margin-bottom: 20px; }
	#recruit.person #personbox .inbox .txtbox .txtbig.s3 { margin-bottom: 20px; }
	#recruit.person #personbox .inbox .imgbox { margin-left: 0px; width: 100%; height: calc(10vw + 500px);  }
	#recruit.person #personbox .q:before { width: 1.5em; margin-right: 8px; }
	#recruit.person #personbox .box { display: block; margin-bottom: 50px; }
	#recruit.person #personbox .box .txtbox { width: 100%; margin-right: 0; margin-bottom: 30px; flex: auto; }
	#recruit.person #personbox .box .imgbox { width: 100%; height: calc(40vw + 100px);  }
	#recruit.person #personbox .box { flex-direction: column-reverse; margin-bottom: 50px; }
	#recruit.person #personbox .box.e2 .txtbox { margin-left: 0; }
}
@media screen and (max-width: 500px){
	#recruit.person #personbox .inbox .imgbox { height: calc(40vw + 200px); }
}

/* sec_1 */
#recruit.person #sec_1 { }

/* sec_3 */
#recruit.person #swrap_3 { background: #f7f7f7; }
@media screen and (max-width: 767px){
	#recruit.person #swrap_3 { }
}










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


#recruit.culture


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

/* sec_1 */
#recruit.culture #sec_1 { margin-bottom: 150px; }
#recruit.culture #sec_1 .copy { text-align: center; }
@media screen and (max-width: 767px){
	#recruit.culture #sec_1.section { margin-bottom: 100px; }
}

/* sec_2 */
#recruit.culture #swrap_2 { background: #f7f7f7; padding: 150px 0; }
#recruit.culture #sec_2 .boxlist { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; text-align: left; }
#recruit.culture #sec_2 .boxlist>li { border: 1px solid #1e2e53; box-sizing: border-box; width: calc(50% - 10px); padding: 45px 60px; background: #fff; margin-bottom: 20px; }
#recruit.culture #sec_2 .boxlist>li .name { padding-bottom: 10px; text-align: center; border-bottom: 1px solid #1e2e53; margin-bottom: 15px; }
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 767px){
	#recruit.culture #swrap_2 { padding: 120px 0; }
	#recruit.culture #sec_2 .boxlist { display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; padding-left: 0; }
	#recruit.culture #sec_2 .boxlist>li { width: auto; padding: 6%; text-align: justify; }
	#recruit.culture #sec_2 .boxlist>li:last-child {margin-bottom: 0;}
}

/* sec_3 */
#recruit.culture #sec_3 { margin-top: 150px; }
#recruit.culture #sec_3 .inbox { margin-bottom: 80px; }
#recruit.culture #sec_3 .inbox .copy { text-align: center; }
#recruit.culture #sec_3 .inbox .copy span { background: #1e2e53; padding: 3px 10px; }
#recruit.culture #sec_3 .inbox .txtbox { margin-bottom: 40px; }
#recruit.culture #sec_3 .inbox .imgbox { display: flex; width: 100%; height: 415px; }
#recruit.culture #sec_3 .inbox .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 50%; height: 100%; }
#recruit.culture #sec_3 .txtbig.last { text-align: center; }
@media screen and (max-width: 1100px){
	#recruit.culture #sec_3 .inbox .imgbox { height: calc(40vw + 300px); }
}
@media screen and (max-width: 767px){
	#recruit.culture #sec_3 { margin-top: 100px; }
	#recruit.culture #sec_3 .inbox .txtbox { margin-bottom: 20px; }
	#recruit.culture #sec_3 .inbox .imgbox { height: calc(40vw + 50px); }
}
@media screen and (max-width: 500px){
	#recruit.culture #sec_3 .inbox .imgbox { height: auto; display: block; }
	#recruit.culture #sec_3 .inbox .imgbox img { width: 100%; }
}








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


#recruit.job-description


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

/* joblist */
#recruit.job-description #main .joblist { margin-bottom: 80px; margin-top: 60px; }
#recruit.job-description #main .joblist>li { border-top: 1px solid #1e2e53; }
#recruit.job-description #main .joblist>li:last-child { border-bottom: 1px solid #1e2e53; }
#recruit.job-description #main .joblist>li>dl { display: flex; padding: 30px 20px; }
#recruit.job-description #main .joblist>li>dl dt { width: 300px; flex-shrink: 0; }
@media screen and (max-width: 1100px){
	#recruit.job-description #main .joblist>li>dl dt { width: 150px; }
}
@media screen and (max-width: 767px){
	#recruit.job-description #main .joblist { margin-bottom: 60px; margin-top: 30px; }
	#recruit.job-description #main .joblist>li>dl { display: block; padding: 25px 5px; }
	#recruit.job-description #main .joblist>li>dl dt { font-weight: bold; width: 100%; }
	#recruit.job-description #main .joblist>li>dl dd { width: 100%; }
}

/* btnbox.entry */
#recruit.job-description #main .btnbox.entry .btn.base { height: 160px; }
#recruit.job-description #main .btnbox.entry .btn.base span { font-size: 4.8rem; font-weight: 700; letter-spacing: 0.02em;}
@media screen and (max-width: 767px){
	#recruit.job-description #main .btnbox.entry .btn.base { height: 120px; }
	#recruit.job-description #main .btnbox.entry .btn.base span { font-size: 2.2rem; }
}

/* blocktitle */
#recruit.job-description #main .blocktitle { font-size: 3.6rem; text-align: center; color: #1e2e53;  }
@media screen and (max-width: 767px){
	#recruit.job-description #main .blocktitle { font-size: 2.2rem; }
}

/* sec_3 */
#recruit.job-description #swrap_3 { background: #f7f7f7; }








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


#blog.index


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

/* sec_1 */
#blog.index #sec_1 .list.blog { flex-wrap: wrap; margin-bottom: 160px; }
@media screen and (max-width: 767px) {
	#blog.index #sec_1 .list.blog { margin-bottom:80px; }
}










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


#blog.under


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

/* sec_1 */
#blog.under #sec_1 .incnt { display: flex; justify-content: space-between; margin-bottom: 120px; }
#blog.under #sec_1 .main { flex: 1; margin-right: 80px; }
#blog.under #sec_1 .main .datebox { display: flex; margin-bottom: 60px; font-weight: bold; }
#blog.under #sec_1 .main .datebox .date { margin-right: 20px; }
#blog.under #sec_1 .main .imgbox { margin-bottom: 50px; }
#blog.under #sec_1 .sidebox .catbox { padding: 40px 30px; box-sizing: border-box; margin-bottom: 20px; background: #f7f7f7; }
#blog.under #sec_1 .sidebox .catbox .redhot { text-align: center; font-size: 2.8rem; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #1e2e53; color: #1e2e53; line-height: 1.2; }
#blog.under #sec_1 .sidebox .catbox .catelist>li a { font-size: 1.8rem; color: #1e2e53; }
@media screen and (max-width: 1100px) {
	#blog.under #sec_1 .incnt { display: block; margin-bottom: 100px; }
	#blog.under #sec_1 .main { width: 100%; flex: auto; margin-bottom: 80px; }
	#blog.under #sec_1 .main .imgbox { width: 100%; margin-bottom: 30px; }
}
@media screen and (max-width:767px) {
	#blog.under #sec_1 .main .datebox { margin-bottom: 40px; }
	#blog.under #sec_1 .sidebox .catbox { padding: 6%; }
	#blog.under #sec_1 .sidebox .catbox .redhot { font-size: 1.8rem; padding-bottom: 10px; margin-bottom: 20px; }
	#blog.under #sec_1 .sidebox .catbox .redhot { font-size: 2.2rem; }
	#blog.under #sec_1 .sidebox .catbox .catelist { text-align: center; }
	#blog.under #sec_1 .sidebox .catbox .catelist>li { font-size: 1.4rem; display: inline-block; margin: 0.5em; line-height: 1.4; }
}

/* sec_2 */
#blog.under #swrap_2 { background: #f7f7f7; }
#blog.under #sec_2 ul.list.blog li:last-child { display: none; }
@media screen and (max-width:767px) {
	#blog.under #sec_2 ul.list.blog li:last-child { display: block; }
}










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


#news.index


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

/* sec_1 */
#news.index #sec_1 .listbox { margin-bottom:160px; }
#news.index #sec_1 ul.list.news { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
#news.index #sec_1 ul.list.news li { width: 48%; }
#news.index #sec_1 ul.list.news li:nth-child(1),
#news.index #sec_1 ul.list.news li:nth-child(2) { margin-top: 0; padding-top: 30px; border-top: 1px solid #1e2e53; }
#news.index #sec_1 ul.list.news li:nth-child(2n+1):nth-last-child(2) { margin-bottom: 0; }
#news.index #sec_1 ul.list.news li:last-child { padding-bottom: 30px; border-bottom: 1px solid #1e2e53; }
@media screen and (max-width: 767px) {
	#news.index #sec_1 .listbox { margin-bottom:80px; }
	#news.index #sec_1 ul.list.news li { width: 100%; }
	#news.index #sec_1 ul.list.news li:nth-child(1) { margin-top: 0; padding-top: 25px; }
	#news.index #sec_1 ul.list.news li:nth-child(2) { margin-top: 0; padding-top: 0; border-top: none;}
	#news.index #sec_1 ul.list.news li:nth-child(2n+1):nth-last-child(2) { margin-bottom: 25px; }
	#news.index #sec_1 ul.list.news li:last-child { padding-bottom: 25px; }
}










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


#news.under


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

/* sec_1 */
#news.under #sec_1 .incnt{ display: flex; justify-content: space-between; margin-bottom: 200px; }
#news.under #sec_1 .main{ flex: 1; margin-right: 80px; }
#news.under #sec_1 .date.redhot{ display:flex; margin-bottom:60px; font-weight:bold; }
#news.under #sec_1 .main .imgbox{ margin-bottom: 50px; }
#news.under #sec_1 .main .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1100px){
	#news.under #sec_1 .incnt{ display: block; margin-bottom:100px; }
	#news.under #sec_1 .main { width:100%; flex: auto; margin-bottom: 80px;}
	#news.under #sec_1 .main .imgbox { width:100%; margin-bottom:30px; }
}
@media screen and (max-width:767px){
	#news.under #sec_1 .main .date{ margin-bottom:40px; }
}










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


#contact.index


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


/* common */
#contact.index #main .subtitle { width: 280px; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; padding: 6px 10px; box-sizing: border-box; font-size: 2.8rem; flex-shrink: 0; }
@media screen and (max-width: 1100px){
	#contact.index #main .subtitle { width: 100%; margin-bottom: 30px; }
}
@media screen and (max-width: 767px){
	#contact.index #main .subtitle { font-size: 2.2rem; margin-bottom: 20px; }
}

/* sec_1 */
#contact.index #sec_1 { margin-bottom: 0; }
#contact.index #sec_1 .list1 { margin-top: 80px; }
#contact.index #sec_1 .list1>li { border-top: 1px solid #1e2e53; padding: 60px 0; box-sizing: border-box; }
#contact.index #sec_1 .list1>li>dl { display: flex; align-items: flex-start; }
#contact.index #sec_1 .list1>li>dl dd { margin-left: 50px; }
#contact.index #sec_1 .list1>li>dl dd .telbox { display: flex; flex-direction: row; font-size: 3.6rem; }
#contact.index #sec_1 .list1>li>dl dd .telbox a { color: #1e2e53; }
#contact.index #sec_1 .list1>li>dl dd .telbox .icon { width: 36px; margin-right: 20px; }
#contact.index #sec_1 .list1>li>dl dd .greybox { display: flex; flex-direction: column; align-items: center; background: #f7f7f7; padding: 40px 50px; margin-top: 40px; }
#contact.index #sec_1 .list1>li>dl dd .greybox .imglist { display: flex; align-items: center; margin-top: 20px;}
#contact.index #sec_1 .list1>li>dl dd .greybox .imglist img { width: auto; height: 80px; margin-right: 10px;}
@media screen and (max-width: 1100px){
	#contact.index #sec_1 .list1>li>dl { display: block; align-items: center; }
	#contact.index #sec_1 .list1>li>dl dd { margin-left: 0; }	
	#contact.index #sec_1 .list1>li>dl dd .telbox { justify-content: center; }
}
@media screen and (max-width: 767px){
	#contact.index #sec_1 .list1 { margin-top: 60px; }
	#contact.index #sec_1 .list1>li { border-top: none; padding: 0; margin-bottom: 80px; }
	#contact.index #sec_1 .list1>li>dl dd .greybox { padding: 40px 6%; margin-top: 40px; }
	#contact.index #sec_1 .list1>li>dl dd .greybox .imglist { display: block; text-align: center; height: auto;  }
	#contact.index #sec_1 .list1>li>dl dd .greybox .imglist img { margin-right: 0; margin-top: 10px; height: 60px; }
	#contact.index #sec_1 .list1>li>dl dd .telbox { font-size: 2.6rem; }
	#contact.index #sec_1 .list1>li>dl dd .telbox .icon { width: 28px; margin-right: 10px; }
}
@media screen and (max-width: 500px){
	#contact.index #sec_1 .list1>li>dl dd .greybox { padding: 8% 6%; margin-top: 30px; }
	#contact.index #sec_1 .list1>li>dl dd .greybox .imglist { margin-top: 10px; }
}



/* sec_form */
#contact.index #sec_thanks { display: none; }
#contact.index #sec_form .box1 { display: flex;align-items: baseline;flex-wrap: wrap;padding: 60px 0;border-top: 1px solid #1e2e53;}
#contact.index #sec_form .box1 .mailform {flex: 1;margin-left: 50px;}
#contact.index #sec_form .box1 .mailform .category { display: flex; flex-direction: row; align-items: flex-start; }
#contact.index #sec_form .box1 .mailform .category dd { margin-left: 30px; }
#contact.index #sec_form .box1 .mailform .file { display: flex; flex-direction: row; align-items: flex-start;  }
#contact.index #sec_form .box1 .mailform .file dd { margin-left: 30px; }
#contact.index #sec_form .link .btnwrap { position: relative; width: 100%; }
#contact.index #sec_form .link .btnwrap:after { content: url(../img/common/arr1_white.svg); position: absolute; top: calc(50% - 5px); right: 20px; width: 10px; height: 10px; font-size: 0; transform: rotate(-90deg); z-index: 1; } 
#contact.index #sec_form .link .btnwrap:hover:after { content: url(../img/common/arr1_blue.svg); } 
#contact.index #sec_form .link input.submit { background: #1e2e53; border: 1px solid #1e2e53; color: #fff; display: flex; align-items: center; justify-content: center;  width: 100%; height: 120px; font-size: 2.8rem; transition: 0.6s; }
#contact.index #sec_form .link input.submit:hover { color: #1e2e53; background: #fff; }
@media screen and (max-width: 1100px){
	#contact.index #sec_form .box1 { display: block; align-items: center; }
	#contact.index #sec_form .box1 .mailform { margin-left: 0; flex: auto; }
	#contact.index #sec_form .subtitle { margin-bottom: 60px; }
}
@media screen and (max-width: 767px){
	#contact.index #sec_form .subtitle { margin-bottom: 40px; }
	#contact.index #sec_form .box1 { padding: 0; margin-bottom: 60px; border-top: none; }
	#contact.index #sec_form .box1 .mailform .category { display: block; align-items: center; }
	#contact.index #sec_form .box1 .mailform .category dd { margin-left: 0; }
	#contact.index #sec_form .box1 .mailform .file { display: block; align-items: center; }
	#contact.index #sec_form .box1 .mailform .file dd { margin-left: 0; }
	#contact.index #sec_form .link .btnwrap:after { width: 7px; height: 7px; } 
	#contact.index #sec_form .link .btnwrap:hover:after { content: url(../img/common/arr1_white.svg); } 
	#contact.index #sec_form .link input.submit { height: 100px; font-size: 1.8rem; }
	#contact.index #sec_form .link input.submit:hover { background: #1e2e53; color: #fff; }
}


#contact .wpcf7-spinner{ margin-top: 10px; }





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


#contact.thanks


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

/* sec_1 */
#contact.thanks #sec_thanks { display: block; }
#contact.thanks #sec_1 { display: none; }
#contact.thanks #sec_form { display: none; }
#contact.thanks #sec_thanks .telbox { display: block; display: flex; justify-content: center; flex-direction: row; font-size: 3.6rem; }
#contact.thanks #sec_thanks .telbox a { color: #1e2e53; }
#contact.thanks #sec_thanks .telbox .icon { width: 36px; margin-right: 20px; }
@media screen and (max-width: 1100px){
	#contact.thanks #sec_thanks { margin-left: 0; }	
}
@media screen and (max-width: 767px){
	#contact.thanks #sec_thanks .telbox { font-size: 2.6rem; }
	#contact.thanks #sec_thanks .telbox .icon { width: 28px; margin-right: 10px; }
}









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


#privacy


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

#privacy .copy.s2 { text-align: center; color: #1e2e53; }
@media screen and (max-width: 767px){
	#privacy .txtbig.s1 { margin-bottom: 30px; }
}

/* sec_2 */
#privacy #swrap_1 { background: #f7f7f7; }


/* sec_3 */
#privacy #sec_3 { margin-top: 180px; }