@charset "UTF-8";

:root {
--color-p1: #58ff79;
--color-p2: #754cfc;
--color-p3: #e2dcfe;
--color-p4: #262626;
}

html{font-size:62.5%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}

body{margin: 0;padding:0;font-size:1.6rem;background:#000;color: #fff;font-family:'Noto Sans JP',sans-serif;font-weight:400;line-height:1.6;}

.container-fluid{padding-right:0;padding-left:0}

@media (min-width: 992px) {
body{padding-left:0}
.container-fluid{padding-left:0%;padding-right:0%}
}

.preload::after{content:"";position:fixed;width:100%;height:100%;top:0;left:0;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:1;background-color:#fff;background-position:center;background-repeat:no-repeat;background-image:url(../img/logo300.png)}

a{color:#fff;outline:0;outline:none;text-decoration:none;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-ms-transition:0.2s ease-in-out;transition:0.2s ease-in-out}
a:hover{color: var(--color-p1);outline:0;outline:none;text-decoration:none;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-ms-transition:0.2s ease-in-out;transition:0.2s ease-in-out}
a:focus,*:focus{outline:none}
a[href^="tel:"]{cursor:default}

img{vertical-align:middle;border-style:none;max-width:100%;height:auto}
img.img-fluid{vertical-align:middle;border-style:none;max-width:100%;height:auto}

.container-100p{width:100%;margin:0 auto}
.row:before,.row:after{width:0}
.row.no-margin{margin-right:0;margin-left:0}
.row.flex{display:flex;flex-wrap:wrap}
.no-padding{padding-left:0;padding-right:0}
.flex-center{display:flex;align-items:center}

ul{display:block;list-style-type:none;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}

h1{margin:0 0}
h1,h2,h3,h4,h5,h6{text-transform:none}
dt{font-weight:600}

.fixed-top{position:fixed;z-index:1030}
.d-lg-block h1{font-size:0rem;padding:10px 1rem}



/*・リスト*/
ul.disc    {margin:0;list-style-type:none;font-size:100%;}
ul.disc    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.disc    li:before{content:"・"}
/*・リスト2*/
ul.disc2    {margin:0;list-style-type:none;font-size:100%;}
ul.disc2    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.disc2    li:before{content:"⚫︎ ";font-size:80%;}
/*◼︎リスト*/
ul.square    {margin:0;list-style-type:none;font-size:100%;}
ul.square    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.square    li:before{content:"◼︎"}
/*米印リスト*/
ul.kome{margin:0;list-style-type:none;font-size:100%}
ul.kome li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%}
ul.kome li:before{content:"※"}



/* ------------------------------------------------------------------
　Nav
------------------------------------------------------------------- */

.company-name p{width: 200px;margin-top: 15px;}

@media (max-width: 990px){
.company-name p{width: 180px;margin-top: -5px;}
}


/*pc 社名 + nav 全体*/
.navbar-expand-lg > .container-100p {flex-wrap: nowrap;}
.navbar-expand-lg {display: flex;}

/*pc 社名 + nav inner*/
.container {max-width: 100%;}

/*nav li	a*/
#mainNav .nav-link{position:relative;color:#fff;padding:1.5rem 0;margin:1rem 1rem;transition:all .4s ease-out}
#mainNav .nav-link::before{content:'';position:absolute;left:0;right:0;bottom:0;border-top:2px solid var(--color-p1);-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .25s;transition:all .25s}
#mainNav .nav-link:hover{color:var(--color-p1)}
#mainNav .nav-link:hover:before,#mainNav .nav-link:active:before{-webkit-transform:scale(1);transform:scale(1)}
#mainNav .navbar-nav > li.nav-item > a {font-size: 1.3rem;font-weight: 500;letter-spacing: 1px;line-height: 1.0;}



/*nav li	a お問い合わせ*/
#mainNav .nav-link.gnav-contact{margin-top:1rem;margin-bottom:1rem;margin-left:2rem;padding:1.5rem 2rem 1.5rem 2.5rem;color:#000;background: var(--color-p1);transition:all .4s ease-out}
#mainNav .nav-link.gnav-contact::before{content:'';display:none}
#mainNav .nav-link.gnav-contact:hover{color: var(--color-p2);background: var(--color-p3)}


/*スクロールしたら*/
#mainNav.navbar-shrink {background: #000;}
#mainNav.navbar-shrink .navbar-brand img {display: block;}
#mainNav.navbar-shrink .nav-link {position: relative;color: #F5F5F5;padding: 1.5rem 0;margin: 1.0rem 1.0rem;transition: all .4s ease-out;border-bottom: 0rem solid transparent;}
#mainNav.navbar-shrink .nav-link::before {content: '';position: absolute;left: 0;right: 0;bottom: 0;border-top: 2px solid var(--color-p1);-webkit-transform-origin: left;transform-origin: left;-webkit-transform: scale(0, 1);transform: scale(0, 1);-webkit-transition: all .25s;transition: all .25s;}
#mainNav.navbar-shrink .nav-link:hover {color:  var(--color-p1);}
#mainNav.navbar-shrink .nav-link:hover:before, 
#mainNav.navbar-shrink .nav-link:active:before {-webkit-transform: scale(1);transform: scale(1);}

#mainNav.navbar-shrink .nav-link.gnav-contact {margin-top: 1.0rem;margin-bottom: 1.0rem;margin-left: 2.0rem;padding: 1.5rem 2.0rem 1.5rem 2.5rem;color: #000;background: var(--color-p1);transition: all .4s ease-out;}
#mainNav.navbar-shrink .nav-link.gnav-contact::before {content: '';display: none;}
#mainNav.navbar-shrink .nav-link.gnav-contact:hover {color:  var(--color-p2);background: var(--color-p3);}

@media (min-width: 1200px) {
.navbar {padding: 0 30px;}/*ナビゲーション全体*/
#mainNav .nav-link {margin: 1.0rem 1.0rem;}
#mainNav .navbar-nav > li.nav-item > a {font-size: 1.5rem;letter-spacing: 1px;}
#mainNav.navbar-shrink .nav-link {margin: 1.0rem 1.0rem;}
}

@media (min-width: 1300px) {
.navbar {padding: 0 2%;}
#mainNav .nav-link {margin: 1.0rem 1.5rem;}
#mainNav.navbar-shrink .nav-link {margin: 1.0rem 1.5rem;}
}

@media (min-width: 1480px) {
.navbar {padding: 0 2%;}
#mainNav .nav-link {margin: 1.0rem 2.0rem;}
#mainNav.navbar-shrink .nav-link {margin: 1.0rem 2.0rem;}
#mainNav .navbar-nav > li.nav-item > a {font-size: 1.6rem;}
}



/*toggle button*/
#mainNav .navbar-toggler {position: fixed;right: 15px;top: 15px;font-size: 80%;padding: 0.75rem;color: #fff;border: 1px solid #fff;border-radius: 0rem;}
#mainNav .navbar-toggler i {font-size: 150%;}

@media (max-width: 991px){

#mainNav	.container {}

.navbar-collapse	{margin: -15px -10px 0 -10px;}

.navbar-nav	{}



#mainNav .nav-link,
#mainNav .nav-link:hover,
#mainNav.navbar-shrink .nav-link,
#mainNav.navbar-shrink	.nav-link:hover,
#mainNav .nav-link.gnav-contact,
#mainNav .nav-link.gnav-contact:hover,
#mainNav.navbar-shrink .nav-link.gnav-contact,
#mainNav.navbar-shrink .nav-link.gnav-contact:hover{margin: 0;padding:1.5rem;color:#fff;background: none;background: rgba(0,0,0, 1.0);}

.nav-item	{border-bottom: 1px  solid #333333;}



#mainNav .nav-link::before{display: none}

#mainNav,#mainNav.navbar-shrink    {height: 70px;background: rgba(0,0,0, 1.0);z-index: 20000}
}

/*------------------------------------------------------------------
　【共通】contents wrap / padding
------------------------------------------------------------------*/

.common-section-content-wrap{width:90%;height:auto;margin:0 5%;padding:0;}




/*------------------------------------------------------------------
　【共通】Contact Usお問い合わせ
------------------------------------------------------------------*/
section.contact-section{width:95%;height:auto;margin:0 0 0 5%;padding: 0 0 4%;background:rgba(0,0,0,1)}
.contact-titles{display:block;margin:0 0 5%;padding:0;font-size:3vw;font-family:'Roboto',sans-serif;font-weight:600;line-height:1;letter-spacing:0;color:#fff;text-align:center;}
.contact-titles span{display:block;padding:20px 0 0 0;font-size:1vw;font-family:'Noto Sans JP',sans-serif;font-weight:600;letter-spacing:1px;color:#fff;}

.contact-section-content{width:100%;height:auto;margin:0 auto;padding:5% 5% 5% 5%;background:var(--color-p4);border-radius:0}
.contact-wrap{display:flex;flex-direction:row;align-items:center}

.contact-leads{display:block;font-size:1.4vw;font-weight:600;font-family:'Noto Sans JP',sans-serif;line-height:1.6;letter-spacing:1px;text-align:left;margin:0 0 20px;padding:0}
.contact-leads-s {margin-bottom: 1.5em}

.contact-lead{display:block;font-size:1.2vw;font-weight:600;font-family:'Noto Sans JP',sans-serif;line-height:1.5;letter-spacing:1px;text-align:center;margin:0 0 3%;padding:0}
.contact-lead br{display:none}

.contact-tel-wrap{display:block;margin:0;padding:0;text-align:center}
a.contact-tel{display:block;margin:0;padding:0;font-size:3.6vw;font-weight:600;font-family:'Roboto',sans-serif;line-height:1;letter-spacing:1px;}
.contact-tel-uke{display:block;font-size:1.5rem;font-weight:400;font-family:'Noto Sans JP',sans-serif;line-height:1;letter-spacing:1px;margin:0;padding:10px 0 0}

@media (max-width: 1680px){}
@media (max-width: 1480px){
.contact-lead{font-size:1.8rem;letter-spacing:1px}.contact-lead br{display:block}
.contact-tel-uke{font-size:1.4rem;letter-spacing:0}
}
@media (max-width: 1300px){
.contact-leads {font-size: 1.8rem;}
}

@media (max-width: 1200px){
.contact-lead br{display:block}a.contact-tel{font-size:3.6vw}.contact-tel-uke{font-size:1.3rem}
}

@media (max-width: 990px){
section.contact-section{width:100%;margin:0;padding: 0 0 8% 0}
.contact-titles{font-size:3.6rem;margin:0 0 10%}
.contact-titles span{font-size:1.5rem;letter-spacing:0;padding:10px 0 0 0}
.contact-lead{font-size:1.8rem;letter-spacing:1px;margin:0 0 4%}
.contact-section-content{padding:8% 5%;border-radius:0}
.contact-tel-wrap{margin:0 0 3%}a.contact-tel{font-size:6rem}
}

@media (max-width: 749px){
.contact-lead {font-size: 1.6rem;}
}

@media (max-width: 499px){
section.contact-section {padding: 0 0 12% 0;}
.contact-section-content{padding:12% 10%}
.contact-titles{font-size:3rem;margin:0 0 30px}
.contact-lead{font-size:1.6rem;letter-spacing:0;text-align:left;margin:0 0 30px;padding:0 8%}
.contact-lead br{display:none}
.contact-leads	br{display:none}
.contact-leads-s br{display:none}
a.contact-tel{font-size:9.6vw;letter-spacing:0}
.contact-tel-uke{font-size:1.2rem}
}

/* メールでのお問い合わせ*/
.footer-right-btn{display:block;margin:4% auto 0;padding:0}
.linkbutton-footer{display:block;position:relative;width:80%;height:50px;text-align:left;margin:0 auto;padding:0 20px;background:ransparent;line-height:45px;border:solid 2px #fff}

.linkbutton-footer::before{content:'';position:absolute;top:-1px;right:0;bottom:0;left:0;z-index:0;background: var(--color-p1);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}

.linkbutton-footer:hover::before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}

.linkbutton-footer .text{display:inline-block;position:relative;font-size:1.6rem;font-weight:600;letter-spacing:0;color:#fff;text-align:center;transition:all .3s;-webkit-transition:all .3s;z-index:2}
.linkbutton-footer:hover{border:solid 2px var(--color-p1)}
.linkbutton-footer:hover .text{color: #000}
.linkbutton-footer .arrow{display:block;width:0;height:0;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #fff;position:absolute;right:20px;top:45%;margin-top:-3px;transition:all .3s;-webkit-transition:all .3s;z-index:2}
.linkbutton-footer:hover .arrow{border-color:transparent transparent transparent #000;right:25px}
	
@media (max-width: 1200px){
.linkbutton-footer{padding:0 10px}
.linkbutton-footer .text{font-size:1.2rem}
}
@media (max-width: 990px){
.linkbutton-footer{padding:0 20px}
.linkbutton-footer .text{font-size:1.4rem;letter-spacing:1px}
}



/*------------------------------------------------------------------
	　【共通】footer
-----------------------------------------------------------------*/
section.footer-section{width:100%;height:auto;margin:0;padding:0 0 2%;background:rgba(0,0,0,1);}
.footer-section-content{width:96%;height:auto;margin:0 auto;padding:0;}

.footer-copy-wrapper{margin:0;padding:0 0.5%}

.footer-logo-wrap{display:block;width:100%;margin:0 auto;padding:0 0 20px;text-align:left;line-height:0;}
.footer-logo-wrap   img{max-width: 250px;width:100%;height: auto;margin: 0 auto 0;}

.footer-address{display:block;margin:0;padding:0 0 20px;font-size:1.5rem;font-weight:400;font-family:'Noto Sans JP',sans-serif;line-height:1.7em;letter-spacing:0;text-align:left;}
.footer-address span.footer-gmap{display:block;margin:0;padding:5px 0 0}
.footer-address span.footer-gmap a{font-size:1.2rem;font-weight:500;letter-spacing:0;line-height:1;}
.footer-address span.footer-gmap a i{font-size:1.8rem}
.footer-address span.footer-gmap a:hover{color:var(--color-p1)}
.footer-tel-wrapper{padding:0}
.footer-tel-wrap01{display:inline-block;width:50%;margin:0;padding:0;text-align:left}
.footer-tel-wrap02{display:inline-block;width:50%;margin:0;padding:0;text-align:left}
a.footer-tel{display:block;font-size:2rem;font-weight:600;font-family:'Roboto',sans-serif;line-height:1;letter-spacing:0;margin:0;padding:5px 0}

.footer-menu{display:block;width:100%;text-align:left;margin:10px auto;padding:0}
.footer-menu li.menu-list{display:inline-block;text-align:left;margin:0 3%;padding:0}
.footer-menu li a{display:block;width:100%;font-size:.9vw;font-weight:600;color:#fff;margin:0;padding:5px 10px;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-ms-transition:0.2s ease-in-out;transition:0.2s ease-in-out}
.footer-menu li a:hover{color:var(--color-p1)}

.copyright{display:flex;justify-content: space-between;margin:0;padding:5% 0 10px;font-size:1.4rem;font-weight:600;font-family:'Roboto',sans-serif;letter-spacing:0;line-height:1;text-align:center;}
.copyright  p:first-child{letter-spacing: 1px;}


@media (max-width: 1680px){
.footer-section-content{width:96%}
.footer-logo-wrapper{padding:0 2%}
.footer-copy-wrapper{padding:0 2.4%}
}

@media (max-width: 1480px){
.footer-menu li.menu-list{margin:0 2%}
.footer-section-content{width:90%}
.footer-logo-wrapper{padding:0 0 0 5%}
.footer-copy-wrapper{padding:0 0 0 5.4%}
.footer-address{font-size:1.5rem;letter-spacing:0}
a.footer-tel{font-size:1.6rem;letter-spacing:0;padding:5px 0}
.footer-last-menu a{font-size:1.2rem}
}

@media (max-width: 1300px){
a.footer-tel{font-size:1.5rem}
.footer-address{font-size:1.4rem;letter-spacing:0;padding:0 0 5px}
}

@media (max-width: 1200px){
.footer-address{font-size:1.2rem}
a.footer-tel{font-size:1.2rem}
.footer-menu li.menu-list{width:49%;margin:0 0%}
.footer-menu li a{font-size:1.4rem}
}

@media (max-width: 990px){
.footer-logo-wrapper,.footer-copy-wrapper{padding:0}

.footer-menu{padding:0 0 50px}
.footer-menu li.menu-list{width:49%;padding:10px 0%;text-align:center}
.footer-menu li a{font-size:1.6rem}

.footer-logo-wrap{width:60%;text-align:center;padding:0 0 10px;margin:0 auto}
.footer-address{width:60%;font-size:1.6rem;text-align:center;margin:0 auto;padding:0 0 10px}
.footer-address span.footer-gmap{text-align:center}
.row.no-margin.footer-tel-wrapper{width:60%;margin:0 auto;margin-right:auto;margin-left:auto}
a.footer-tel{font-size:1.6rem;text-align:center}
.footer-pri{text-align:center;margin:0 0 40px}
.copyright{font-size:1.4rem;text-align:center;padding:30px 0 20px}
}

@media (max-width: 749px){
.footer-menu li.menu-list{width:100%;padding:10px 0%;text-align:center}
.footer-menu li a{font-size:1.5rem}.footer-logo-wrap{width:100%;font-size:6vw;padding:0 0 10px;margin:0 auto}
.footer-address{width:100%;font-size:1.6rem;margin:0 auto;padding:0 0 10px}
.row.no-margin.footer-tel-wrapper{width:100%;margin:0 auto;margin-right:auto;margin-left:auto}.footer-tel-wrap01{display:block;width:100%}.footer-tel-wrap02{display:block;width:100%}a.footer-tel{width:100%;font-size:1.8rem}.copyright{font-size:1.4rem;text-align:center;padding:30px 0 20px}
.copyright  p:first-child{font-size:1.2rem;}
}


/*------------------------------------------------------------------
	　【共通】Scroll UP
-----------------------------------------------------------------*/
.scroll-up{position:fixed;display:none;bottom:0;right:0;z-index:999}.scroll-up a{display:block;height:50px;width:50px;text-align:center;line-height:50px;font-size:2rem;color:#FFF;opacity:1;background-color:#000}.scroll-up a:hover,.scroll-up a:active{opacity:1}@media (max-width:1480px){.scroll-up{bottom:0;right:0}}@media (max-width:1200px){.scroll-up{bottom:0;right:0}}@media (max-width:749px){.scroll-up{bottom:0;right:0}.scroll-up a{height:40px;width:42px;line-height:40px;font-size:16px}.scroll-up a::after{top:1.3em;right:.5em}}




/*------------------------------------------------------------------
【下層ページ共通】 サービス / CONTACT US
------------------------------------------------------------------*/


.head-title-block{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:30vh;margin: 90px 0 50px 0;padding:0;color:#fff;background: var(--color-p4);}
.head-title-block-inner{padding:0;text-align: center;}
.head-title{display:block;margin:0;padding:0;font-size:70px;font-weight:600;font-family:'Roboto',sans-serif;letter-spacing:0;line-height:1;}
.head-title span.subtitle-s{display:block;padding:15px 0 0 0;font-size:20px;font-family:'Noto Sans JP',sans-serif;font-weight:600;letter-spacing:1px;}

@media (max-width:1280px){

}

@media (max-width:990px){
.head-title-block{margin-top: 70px;}
}

@media (max-width:499px){
.head-title{font-size:50px;}
.head-title span.subtitle-s{font-size:18px;}
}






/*------------------------------------------------------------------
 　HOME main
------------------------------------------------------------------*/


/*トップページの動画*/
.movie-home-section {background: #0b1355}/*動画がない時の背景画像*/
.movie-home-section {position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width: 100%;background: #0b1355; overflow: hidden;}
.movie-home-section video {position: absolute;top: 50%;left: 62.5%;transform: translate(-50%, -50%);width: 177.77777778vh;height: 56.25vw;min-height: 100%;min-width: 100%;overflow: hidden;}
@media (max-width: 1200px){.movie-home-section video {}}


/*HOME first view text area base white*/
.hero-text-section {position: relative;width: 30%;height: 100%;margin: 0 60% 0 0;padding: 0;background: rgba(0,0,0, 1.0);}
.hero-section-content {position: relative;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}

/*HOME first view text area*/
.hero-lead-wrap {position: absolute;top: 28%;left: 20%;display: block;width: 300%;height: auto;}
/*HOME first view text english*/
.hero-lead-en {display: block;margin: 0 auto 40px;padding: 0;font-size: 6.0vw;font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1.1;letter-spacing: 0;}
/*HOME first view text copy*/
.hero-copy {display: block;margin: 0 auto 30px;padding: 0 0 0 10px;font-size: 3.0rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.4em;letter-spacing: 10px;}
.hero-copy br{display: none}
/*HOME first view lead text*/
.hero-lead {display: block;margin: 0 auto;padding: 0 0 0 10px;font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;line-height: 1.5em;letter-spacing: 1px;}

@media (max-width: 1480px){
.hero-lead-wrap {top: 28%;}
.hero-lead-en {margin: 0 auto 30px;font-size: 7.0vw;}
.hero-copy {padding: 0 0 0 5px;font-size: 2.6rem;letter-spacing: 1px;}
.hero-lead {padding: 0 0 0 5px;font-size: 1.4rem;letter-spacing: 0;}
}

@media (max-width: 1200px){
.hero-lead-wrap {}
.hero-copy {font-size: 2.0rem;}
}

@media (max-width: 749px){
.hero-lead-wrap {top: 35%;}
.hero-lead-en {margin: 0 auto 20px;font-size: 3.6rem;}
.hero-copy {width: 300px;padding: 0;font-size: 2.0rem;letter-spacing: 2px;}
.hero-copy br{display: inline}
.hero-lead {width: 300px}
}

@media (max-width: 499px){
.hero-lead-wrap {top: 32%;width: 300px;}
.hero-lead {padding: 0;font-size: 1.5rem;}
.hero-lead-en {font-size: 3.0rem;}
}


/*------------------------------------------------------------------
　HOME Our Strengths　私たちが選ばれる理由
------------------------------------------------------------------*/

.tunagu-section-content {width: 86%;height: auto;margin: 0 auto;padding: 0;}
section.tunagu-section {width: 100%;height: auto;margin: 10% 0;padding: 0;background: rgba(0,0,0, 1.0);color: #fff;}

/*英語*/
.tunagu-title {display: block;margin: 0 0 5%;padding: 0;font-size: 3.0vw;font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1.0;letter-spacing: 0;text-align: center;}
/*日本語*/
.tunagu-title span {display: block;padding: 20px 0 0;font-size: 1.0vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;letter-spacing: 1px;}
/*アイコン*/
.tunagu-title-img {display: block;width: 100px;margin: 0 auto;padding: 0;font-size: 6.0em;text-align: center;color: var(--color-p1)}
/*アイコン下のタイトル*/
.tunagu-subtitle {display:flex;justify-content: center;align-items: center;height: 3em;margin: 0 0 20px;padding: 0;color: var(--color-p1);font-size: 2.0rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.4;letter-spacing: 6px;text-align: center;}
/*text*/
.tunagu-subtext {display: block;width: 80%;margin: 0 auto;padding: 0;font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;line-height: 1.5;letter-spacing: 1px;}

@media (max-width: 1480px){
.tunagu-subtitle {font-size: 1.8rem;letter-spacing: 4px;}
.tunagu-subtext {font-size: 1.4rem;letter-spacing: 0;}
}

@media (max-width: 1380px){}
@media (max-width: 1300px){}
@media (max-width: 1200px){.tunagu-subtitle {font-size: 1.6rem;letter-spacing: 2px;}}
@media (max-width: 990px){
.tunagu-section-content {width: 94%;}
.tunagu-title {font-size: 3.6rem;}
.tunagu-title span {padding: 10px 0 0;font-size: 1.5rem;}
}
@media (max-width: 749px){.tunagu-subtitle {font-size: 3.0vw;letter-spacing: 0;}}
@media (max-width: 499px){
section.tunagu-section {margin: 70px 0 40px;}
.tunagu-title {margin: 0 0 40px;font-size: 3.0rem;}
.tunagu-subtitle {font-size: 6.0vw;}
.tunagu-subtext {width: 86%;padding: 0 0 30px;font-size: 1.6rem;}
}



/*------------------------------------------------------------------
	　HOME　Our　Service　インフラ構築 事業紹介
------------------------------------------------------------------*/

section.about-section {position: relative;width: 100%;height: auto;margin: 0 0 8%;padding: 0;background: rgba(0,0,0, 1.0);}
.about-bg-wrap {position: absolute;bottom: -10%;left: 0%;width: 75%;height: 33%;}
.about-slide-wrap {border-radius: 0 0px 0px 0;overflow: hidden;}


/*Our Service 事業内容*/
.about-copy-wrapper {display: flex;justify-content: center;align-items: center;}
.about-lead-wrap {padding: 0 10% 0 15%;}
.about-title {display: block;margin: 0 0 10%;padding: 0;font-size: 3.0vw;font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1.0;letter-spacing: 0;text-align: left;}
.about-title span {display: block;padding: 20px 0 0 5px;font-size: 1.0vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;letter-spacing: 1px;}



.about-lead {display: block;margin: 0 0 -20px;padding: 0;font-size: 1.6vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.3;letter-spacing: 4px;}
.about-lead span{margin-right: 3px;color: var(--color-p1)}
.home-about-subtitle	{margin: 0 0 10px;font-size: 18px;font-weight: 600;}


.about-text {display: block;width: 90%;margin: 0 0 8%;padding: 0;font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;line-height: 1.5;letter-spacing: 1px;text-align: left;}

@media (max-width: 1480px){.about-text {font-size: 1.4rem;letter-spacing: 0;}}
@media (max-width: 1200px){.about-lead {letter-spacing: 2px;}}
@media (max-width: 990px){
.about-slide-wrap {width: 100%;}
.about-lead-wrap {padding: 6% 10% 0;}
.about-title {margin: 0 0 5%;font-size: 3.6rem;text-align: center;}
.about-title span {padding: 10px 0 0 5px;font-size: 1.5rem;}
.about-lead {margin: 0 0 5%;font-size: 3.0rem;letter-spacing: 2px;}
.about-lead span{margin-right: 3px;color: var(--color-p1)}
.about-text {width: 100%;margin: 0 0 5%;font-size: 1.5rem;letter-spacing: 0;}
.about-bg-wrap {display: none;}
}
@media (max-width: 749px){
.about-lead {margin: 0 0 5%;font-size: 2.4rem;letter-spacing: 1px;}}
@media (max-width: 499px){
section.about-section {margin: 0 0 70px;}
.about-slide-wrap {width: 100%;border-radius: 0 0px 0px 0;}
.about-lead-wrap {padding: 50px 8% 10px;}
.about-title {margin: 0 0 40px;font-size: 3.0rem;text-align: center;}
.about-lead {margin: 0 0 20px;font-size: 5.0vw;letter-spacing: 0;}
.about-text {margin: 0 0 40px;font-size: 1.6rem;}
}


/*------------------------------------------------------------------
	　【VIEW MORE】 VIEW LIST button
------------------------------------------------------------------*/

/*左揃え*/
.linkbutton-left { position: relative;display: block;width: 160px;height: 45px;margin: 0;padding: 0 20px;background: ransparent;border: solid 2px #fff;text-align: left;line-height: 40px;}
.linkbutton-left::before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: '';z-index: 0;background:  var(--color-p2);-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.linkbutton-left:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
.linkbutton-left .text {position: relative;display: inline-block;font-size: 1.4rem;font-weight: 600;font-family: 'Roboto', sans-serif;letter-spacing: 0;text-align: center;transition: all .3s;-webkit-transition: all .3s;z-index: 2;}
.linkbutton-left:hover {border: solid 2px  var(--color-p2);}
.linkbutton-left:hover .text {color: #FFF;}
.linkbutton-left .arrow {position: absolute;top: 45%;right: 20px;display: block;width: 0;height: 0; margin-top: -3px;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #fff;transition: all .3s;-webkit-transition: all .3s;z-index: 2;}
.linkbutton-left:hover .arrow {border-color: transparent transparent transparent #FFF;right: 25px;}
@media (max-width: 990px){.linkbutton-left {margin: 0 auto;}}


/*------------------------------------------------------------------
　2　column の時の　VIEW MOREのWRAP
------------------------------------------------------------------*/
.linkbutton-round-wrapper {display: block;width: 100%;height: 70px;margin: 5rem 0 0;padding: 0;text-align: left;}
a.linkbutton-round-wrap {display: flex;align-items: center;width: 180px;height: 70px;margin: 0;padding: 0;color: #000;text-align: left;}
a.linkbutton-round-wrap-center {display: flex;align-items: center;width: 180px;height: 70px;margin: 0 auto;padding: 0;color: #000;text-align: left;}



@media (max-width: 1200px){
.linkbutton-round-wrapper {margin: 2rem 0 0;}}
@media (max-width: 990px){}
@media (max-width: 749px){}
@media (max-width: 499px){a.linkbutton-round-wrap {margin: 0 auto;}}


/*------------------------------------------------------------------
　HOME Projects & Packages 実績・パッケージサービス紹介
------------------------------------------------------------------*/

section.works-section {width: 100%;height: auto;margin: 0 0 8%;padding: 8% 0;background: var(--color-p4);}
.works-copy-wrapper {display: block;width: 40%;margin: -7% auto 0;padding: 3% 4% 0;background: var(--color-p4);border-radius: 0;z-index: 999;}
.works-btn-wrapper {display: flex;align-items: center;}

.works-title {display: block;margin: 0 0 4%;padding: 0;font-size: 3.0vw;font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1.0;letter-spacing: 0;text-align: center;}
.works-title span {display: block;padding: 20px 0 0 0;font-size: 1.0vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;letter-spacing: 1px;}

/*　センターのタイトル　英語　Construction Example*/
.works-subtitle {display: block;margin: 0 0 3%;padding: 0;font-size: 2.0vw;font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1.0;letter-spacing: 0;text-align: center;}
/*　センターのタイトル　日本語*/
.works-lead {display: block;margin: 0 0 3%;padding: 0;font-size: 1.4vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.3;letter-spacing: 2px;text-align: center;}
.works-lead span {}
.works-text {display: block;margin: 0 0 8%;padding: 0;font-size: 1.7rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.5;text-align: center;letter-spacing: 1px;}

/*VIEW LIST ブロック*/
.linkbutton-round-wrapper-works {display: block;width: 170px;height: 70px;margin: 0; padding: 0;}

/*画像単体*/
.swiper-slide-imgwrap {display:flex;justify-content: center;align-items: center;width: 100%;margin: 0;padding: 0;overflow: hidden;aspect-ratio: 4 / 3;}
.home-icatch{min-width: 100%;min-height: 100%;width: 100%;height: auto;}

@media (max-width: 1480px){
.works-text {font-size: 1.4rem;letter-spacing: 0;}
}

@media (max-width: 990px){
section.works-section {margin: 0 0 10%;}
.works-title {margin: 0 0 3%;font-size: 3.6rem;}
.works-title span {padding: 10px 0 0 0;font-size: 1.5rem;}

.works-copy-wrapper {width: 90%;margin: -6% 5% 0;padding: 5% 5% 0;}
.works-subtitle {margin: 0 0 5%;font-size: 3.6rem;}
.works-lead {margin: 0 0 5%;font-size: 2.4rem;letter-spacing: 1px;}
.works-text {margin: 0 0 5%;font-size: 1.5rem;letter-spacing: 0;}
}
@media (max-width: 499px){
section.works-section {margin: 0 0 70px;}
.works-title {margin: 0 0 30px;font-size: 2.8rem;}
.swiper-slide-imgwrap {border-radius: 0;}
.works-copy-wrapper {margin: -8% 5% 0;padding: 30px 10px 0;border-radius: 0;}
.works-subtitle {margin: 0 0 30px;font-size: 3.0rem;text-align: center;}
.works-lead {	margin: 0 0 30px;font-size: 2.0rem;letter-spacing: 1px;text-align: center;}
.works-text {margin: 0 0 30px;font-size: 1.6rem;}
}

/* Projects & Packages 実績・パッケージサービス紹介 VIEW LIST
 * ------------------------------------------------------------ */
.linkbutton-center{display:block;position:relative;width:160px;height:45px;text-align:left;margin:3% auto 0;padding:0 20px;background:ransparent;line-height:40px;border:solid 2px #fff}
.linkbutton-center::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--color-p2);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.linkbutton-center:hover::before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.linkbutton-center .text{display:inline-block;position:relative;font-size:1.4rem;font-weight:600;letter-spacing:0;text-align:center;transition:all .3s;-webkit-transition:all .3s;z-index:2}
.linkbutton-center:hover{border:solid 2px var(--color-p2)}
.linkbutton-center:hover .text{color:#FFF}
.linkbutton-center .arrow{display:block;width:0;height:0;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #fff;position:absolute;right:20px;top:45%;margin-top:-3px;transition:all .3s;-webkit-transition:all .3s;z-index:2}
.linkbutton-center:hover .arrow{border-color:transparent transparent transparent #FFF;right:25px}



/*------------------------------------------------------------------
【下層ページ共通】 インフラ構築　/　採用情報
------------------------------------------------------------------*/
.concept-top-section{position:relative;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100%;margin-bottom: 70px;overflow:hidden}
.concept-top-section.recruit{margin-bottom: 0}

/*left text area*/
.concept-hero-lead-wrapper{height:100vh;display:flex;justify-content:center;align-items:center}
/*text wrap*/
.concept-hero-lead-wrap{width:100%;margin:0;padding:0 10%;}
.concept-hero-title-en{display:block;margin:0 auto 15px;padding:0;font-size:70px;font-family:'Roboto',sans-serif;font-weight:600;line-height:1.1;letter-spacing:0;}
.concept-hero-title-jp{display:block;margin:0 auto 15px;padding:0;font-size:20px;font-family:'Noto Sans JP',sans-serif;font-weight:600;line-height:1;letter-spacing:2px;}
.concept-hero-text	{margin-top: 30px;font-weight:400;font-size:14px;}
.concept-bg-section{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:0;overflow:hidden;}

@media (max-width:991px){
.concept-top-section{height:auto;margin: 70px 0 40px;;}
.concept-hero-lead-wrapper{padding: 50px 0;height:auto;;}
.concept-top-section.products	.concept-hero-lead-wrapper{padding: 40px 0;height:auto;}

.concept-hero-title-en{text-align: center;}
.concept-hero-title-jp{text-align: center;}
.concept-bg-section{display: none}
}

@media (max-width:499px){
.concept-hero-title-en{font-size:50px;}
.concept-hero-title-jp{font-size:17px;}
}


/*インフラ構築*/
.concept-bg-section.products{background-image:url(../assets/img/product_top_bg.png);}

/*採用情報*/
.concept-bg-section.recruit{background-image:url(../assets/img/recruit-bg-top.png);}






/*------------------------------------------------------------------
	　　インフラ構築（SES / 請負）
------------------------------------------------------------------*/

/*---　ページ内リンク　---*/
.pagelink-btn-wrap	{display:flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
.pagelink-btn-wrap	li{flex-basis: 48%;}

.pagelink-btn{display:block;position:relative;width:100%;height:50px;margin:0 auto;padding:0 20px;text-align:left;background:ransparent;line-height:45px;border:solid 2px #fff}
.pagelink-btn::before{content:'';position:absolute;top:-1px;right:0;bottom:0;left:0;z-index:0;background: var(--color-p3);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.pagelink-btn:hover::before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}

.pagelink-btn .text{display:inline-block;position:relative;font-size:1.6rem;font-weight:600;letter-spacing:0;color:#fff;text-align:center;transition:all .3s;-webkit-transition:all .3s;z-index:2}
.pagelink-btn:hover .text{color: var(--color-p2)}

.pagelink-btn .arrow{display:block;width:0;height:0;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #fff;position:absolute;right:20px;top:45%;margin-top:-3px;transition:all .3s;-webkit-transition:all .3s;z-index:2}
.pagelink-btn:hover .arrow{border-color:transparent transparent transparent var(--color-p2);right:25px}
	
@media (max-width: 1200px){
.pagelink-btn{padding:0 10px}
}

@media (max-width: 990px){
.pagelink-btn-wrap	li{flex-basis: 100%;margin-bottom: 15px}
.pagelink-btn-wrap	li:last-child{margin-bottom: 0}
.pagelink-btn{padding:0 20px}
.pagelink-btn .text{font-size:1.4rem;letter-spacing:1px}
}


/*---　写真とタイトル　---*/
.products-titlearea-wrap	{display: flex;flex-wrap: wrap;}

.products-titlearea-wrap	.photo	{flex-basis: 40%;margin: 0;}
.products-titlearea-wrap	.photo	img{width: 100%;height: auto;line-height: 0}

.products-titlearea-wrap	.text	{flex-basis: 60%;display:flex;justify-content: center;align-items: center;width: 100%;margin: 0;}

.products-text-wrap	{margin: auto 15%;padding-bottom: 3%;}

.products-title-number	{font-family:'Roboto',sans-serif;font-size:2.5vw;font-weight:600}
.products-title-number	span{padding-left: 4%;font-size:7vw;font-weight:600}
.products-title{display:block;font-size:2.2vw;font-weight:600;line-height:1.4;letter-spacing:4px;text-align:left;margin:0 auto;padding:0 0 5% 0}

@media (max-width: 990px){
.products-titlearea-wrap	.photo,
.products-titlearea-wrap	.text	{flex-basis: 100%;}
.products-text-wrap	{margin: 5%}
.products-title{font-size:4vw;}

.products-title-number	{font-size:4vw;}
.products-title-number	span{padding-left: 3%;font-size:8vw;}
.products-title{display:block;font-size:2.2vw;}

}

@media (max-width: 490px){
.products-text-wrap	{margin: 10% 6%}
.products-title-number	{font-size:6vw;}
.products-title-number	span{font-size:10vw;}
.products-title{font-size:6vw;}
}

/*---　タイトル　---*/

/*英語*/
.products-icon-section-title {display: block;margin: 0 0 5%;padding: 0;font-size: 3.0vw;font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1.0;letter-spacing: 0;text-align: center;}
/*日本語*/
.products-icon-section-title span {display: block;padding: 20px 0 0;font-size: 1.8vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.5em;letter-spacing: 1px;}
.products-icon-section-title span	br{display: none}

@media (max-width: 990px){
.products-icon-section-title {font-size: 3.6rem;}
.products-icon-section-title span {padding: 10px 0 0;font-size: 3.0vw;}
}

@media (max-width: 499px){
.products-icon-section-title {margin: 0 0 40px;font-size: 3.0rem;}
.products-icon-section-title span {font-size: 4.0vw;}
.products-icon-section-title span	br{display: inline}
}


/*アイコンと説明*/
.products-icon-wrap	{padding: 30px 0 0 0;padding-bottom: 1px;background: var(--color-p4)}

.products-icon-section-content {width: 86%;height: auto;margin: 0 auto;padding: 80px 0;}
section.products-icon-section {width: 100%;height: auto;margin: 10% 0;padding: 0;background: rgba(0,0,0, 1.0);color: #fff;}

.product-icon-area	{display: flex;justify-content: space-between;flex-wrap: wrap}
.product-icon-area.area02	{justify-content: space-around;}
.product-icon-box	{flex-basis: 33%}


/*アイコン*/
.products-icon-section-title-img {display: block;width: 100px;margin: 0 auto;padding: 0;font-size: 6.0em;text-align: center;color: var(--color-p1)}
/*アイコン下のタイトル*/
.products-icon-section-subtitle {display:flex;justify-content: center;align-items: center;height: 3em;margin: 0 0 20px;padding: 0;color: var(--color-p1);font-size: 2.0rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.4;letter-spacing: 6px;text-align: center;}
/*text*/
.products-icon-section-subtext {display: block;width: 80%;margin: 0 auto;padding: 0;font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;line-height: 1.5;letter-spacing: 1px;}

@media (max-width: 1480px){
.products-icon-section-subtitle {font-size: 1.8rem;letter-spacing: 4px;}
.products-icon-section-subtext {font-size: 1.4rem;letter-spacing: 0;}
}

@media (max-width: 1200px){.products-icon-section-subtitle {font-size: 1.6rem;letter-spacing: 2px;}}

@media (max-width: 990px){
.product-icon-box	{flex-basis: 100%}
.products-icon-section-content {width: 94%;}
}
@media (max-width: 749px){
.products-icon-section-subtitle {font-size: 3.0vw;letter-spacing: 0;}
}
@media (max-width: 499px){
section.products-icon-section {margin: 70px 0 40px;}
.products-icon-section-subtitle {font-size: 6.0vw;}
.products-icon-section-subtext {width: 86%;padding: 0 0 30px;font-size: 1.6rem;}
}


/*ワークフロー*/
.products-flow-wrap	{padding: 120px 0 0 0;padding-bottom: 1px;}
.products-flow{width:80%;height:auto;margin:0 auto 10%;padding:0;}
table.overvew{width:100%;margin:0 auto;padding: 10px;border-collapse:separate;border-spacing:10px}
table.overvew th{width:28%;font-size:1.6rem;font-weight:600;letter-spacing:1px;vertical-align:middle;text-align:left;padding:1.5em 1em;white-space: nowrap;border-bottom:solid 1px #666}
table.overvew td{width:72%;text-align:left;vertical-align:middle;font-size:1.6rem;font-weight:400;font-family:'Noto Sans JP',sans-serif;letter-spacing:1px;line-height:1.6;padding:1.5em 1em;border-bottom:solid 1px #666}

table.overvew td.strong{font-weight:600;}
table.overvew th.harf{width:22%;}
table.overvew td.harf{width:39%;}

table.overvew th.first,table.overvew td.first	{border-top:solid 1px #666}

table.overvew .sp-only	{display: none}

.step-num	{display: inline-block;width: 25px;height: 25px;line-height: 25px;border-radius: 50%;margin:0 7px;font-size: 14px;background: var(--color-p1);color: #000;text-align: center;}

@media (max-width: 1600px){
.products-flow-wrap	{padding-bottom: 80px;}
.products-flow{width:100%;margin:0;}
}

@media (max-width: 990px){
.products-flow{width:100%;}
table.overvew{border-spacing:0}

table.overvew th,table.overvew td,
table.overvew th.harf,
table.overvew td.harf{display: block;width:100%;}
table.overvew th	{padding: 10px 15px;border-left:solid 1px #666;border-right:solid 1px #666;background: rgba(255,255,255,0.1)}
table.overvew td	{padding: 15px;}
table.overvew td.sp-none	{display: none}
table.overvew	th.sp-none	{display: none}
.first-sp	{border-top:solid 1px #666;}

table.overvew .sp-only	{display: block;color: #999;font-size: 14px;font-weight:600;}
}



/*------------------------------------------------------------------
	　　実績・パッケージサービス紹介
------------------------------------------------------------------*/

.archive-list-wrap	{display:flex;flex-wrap: wrap;margin: 0 0 6% 0;}
.archive-list-block	{flex-basis: 29.33333333333%;margin: 0 6% 6% 0;padding: 0;background: var(--color-p4)}
.archive-list-block:nth-child(3n)	{margin: 0 0 6%}

.archive-single-title,
.archive-single-excerpt	{line-height: 1.5em}

.archive-thumbnail	{display:flex;justify-content: center;align-items: center;width: 100%;aspect-ratio: 3 / 2;overflow: hidden;}
.archive-thumbnail	img{width: 100%;height:auto;margin: 0;line-height: 0}

.archive-list-block-text-wrap	{padding: 20px;}
.archive-category-title	{margin-bottom: 17px;font-weight: 600;}
.archive-category-title	a{display: block;padding: 7px 10px;background: var(--color-p1);color: #000;font-size: 16px;}
ul.post-categories,ul.post-categories	li	{margin: 0;padding: 0;border: none;}

.archive-single-title	{margin-bottom: 15px;font-size: 18px;font-weight: 600}
.archive-single-excerpt	{margin: 0}

@media (max-width: 990px){
.archive-list-block	{flex-basis: 47%;margin: 0 6% 6% 0;}
.archive-list-block:nth-child(3n)	{margin: 0 6% 6% 0}
.archive-list-block:nth-child(2n)	{margin: 0 0 6%}
}

@media (max-width: 499px){
.archive-list-block,
.archive-list-block:nth-child(3n),
.archive-list-block:nth-child(2n)	{flex-basis: 100%;margin: 0 0 7%}
}



/* WordPress 投稿部分の基本のCSS */

.aligncenter{display:block;margin-right:auto;margin-left:auto}
.alignleft{float:left}
.alignright{float:right}
.wp-caption{margin:10px;padding-top:4px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#f3f3f3;text-align:center}
.gallery-caption,.wp-caption-text{font-size:80%}
.wp-caption img{margin:0;padding:0;border:0 0 0}
.wp-caption-dd{margin:0;padding:0 4px 5px;font-size:11px;line-height:17px}img.alignright{display:inline-block;margin:0 0 1em 1.5em}
img.alignleft{display:inline-block;margin:0 1.5em 1em 0}


/*シングルページコンテンツ部分*/
.topics-item-txt	{margin: 0 10%;}
.topics-item-txt.foot-pagenation	{margin-top: 5%;}
@media (max-width:640px){
.topics-item-txt	{margin: 0 3%}
}

.topics-item-txt	h1,.topics-item-txt	h2,.topics-item-txt	h3,.topics-item-txt	h4,.topics-item-txt	h5,.topics-item-txt	h6	{margin-bottom: 1em;font-family:'Noto Sans JP',sans-serif;}

.topics-item-txt	h2{font-size: 2.5rem;font-weight: 500;padding-left: 10px;border-left: 5px solid  var(--color-p1);}
.topics-item-txt	h3{font-size: 2rem;font-weight: 500;padding: 8px 15px;background:  var(--color-p1);color: #000}
.topics-item-txt	h4{font-size: 2.0rem;font-weight: 500;color: var(--color-p1);}
.topics-item-txt	h5{font-size: 1.8rem;font-weight: 500;}
.topics-item-txt	h6{font-size: 1.6rem;ont-weight: 500;}

.topics-item-txt	blockquote	{margin: 20px 5%;padding: 2%;}

.topics-item-txt	table{width: 100%;margin-bottom: 40px;border: 1px solid rgba(255,255,255,0.5);}
.topics-item-txt	table	th,.topics-item-txt	table	td{padding: 10px;border: 1px solid rgba(255,255,255,0.5);}
.topics-item-txt	table	th	{background: rgba(0,0,0,0.05);}

@media (max-width:749px){
.topics-item-txt	table{display: block;;width: 100%;margin: 0 0 40px;padding: 0;border: none;}
.topics-item-txt	table	th,.topics-item-txt	table	td{display: block;width: 100%;margin: 0;border: none;border: 1px solid rgba(255,255,255,0.5);}
.topics-item-txt	table	th{}
.topics-item-txt	table	tr:last-child	td{}

/*border-top: 1px solid rgba(255,255,255,0.5);*/
}

.topics-item-txt	ul{margin: 0 2% 2% 2%;}
.topics-item-txt	ol{margin: 0 2% 2% 2%;padding: 0 20px;}
.topics-item-txt	ol	> ol{margin: 0;}

/*シングルページ サムネール*/
.single-thumbnail	{margin: 0 20% 40px;text-align: center;}
.single-thumbnail	img{max-width: 100%;height:auto;margin: 0 auto}
@media (max-width: 992px){
.single-thumbnail	{margin: 0 10% 40px;}
}

/*シングルページ　タイトル*/
.topics-item-txt	.topics-item-title	{padding: 15px;border: none;border-bottom: 1px solid  var(--color-p1);font-size:25px;font-weight:700;}

/*シングルページ　カテゴリーボタン*/
.topics-item-txt	.topics-item-cate ul{margin:20px 0;list-style:none;}
.topics-item-txt	.topics-item-cate ul li a{display:inline-block;font-size:16px;font-weight:600;font-family:'Roboto',sans-serif;line-height:0;letter-spacing:1px;color:#FFF;padding: 20px 15px;background: var(--color-p1);color:  #000}





/*-----　シングルページ / アーカイブページ　ページネーション　-------*/

/*アーカイブページ ページネーション*/
.archive-page-nav	{padding: 10px 0}

.pagination{display: flex;justify-content: center;margin-top: -50px;padding: 0 0 20px 0;text-align:center;line-height:1em}
a.page-numbers{color:#fff; }
.page-numbers{margin: 0 7px;padding:15px 17px;border:1px solid #fff;text-decoration: none}
.page-numbers.current,.page-numbers:hover{background: var(--color-p1);color: #000;border:1px solid var(--color-p3);text-decoration:none}



/*シングルページ / アーカイブページ　共通ページャー*/
.topics-btnwrap{margin: 70px 0 110px 0;}


/*シングルページ*/
.topics-btnwrap-01{display:flex;width: 100%;margin-bottom: 15px}
/*ALL　アーカイブ　　カテゴリ*/
.topics-btnwrap-02,
.topics-btnwrap-03{display:flex;width: 100%;}


/*シングルページ*/
.topics-btnwrap-01	.topics-btn{margin-right: 15px}
.topics-btnwrap-01	.topics-btn:nth-child(1){width: 60%;}
.topics-btnwrap-01	.topics-btn:nth-child(2){width: 100%;}
.topics-btnwrap-01	.topics-btn:nth-child(3){width: 60%;margin-right: 0}

/*ALL　アーカイブ*/
.topics-btnwrap-02	.topics-btn{width: 100%;margin-right: 15px}
.topics-btnwrap-02	.topics-btn:last-child{margin-right: 0}

/*カテゴリ*/
.topics-btnwrap-03	.topics-btn{width: 100%;margin-right: 15px}
.topics-btnwrap-03	.topics-btn:last-child{margin-right: 0}

.topics-btn	a{width:100%;display: block;font-size:16px;font-weight:600;font-family:'Noto Sans JP',sans-serif;letter-spacing:1px;text-align:center;color:#fff;padding:2rem 2rem;border:solid 2px #fff}
.topics-btn	a:hover,.topics-btn	a:focus{background:var(--color-p1);color:#000}

@media (max-width:1110px){
.topics-btnwrap-01{flex-wrap:wrap;}
.topics-btnwrap-01	.topics-btn:nth-child(1),
.topics-btnwrap-01	.topics-btn:nth-child(2),
.topics-btnwrap-01	.topics-btn:nth-child(3){width: 100%;margin: 0}

.topics-btnwrap-01	.topics-btn:nth-child(1),
.topics-btnwrap-01	.topics-btn:nth-child(3){width: calc(50% - 8px);}
.topics-btnwrap-01	.topics-btn:nth-child(1){margin-right: 7px;}
.topics-btnwrap-01	.topics-btn:nth-child(3){margin-left: 7px;}

.topics-btnwrap-01	.topics-btn:nth-child(1){order: 0}
.topics-btnwrap-01	.topics-btn:nth-child(2){order: 2;margin: 15px 0}
.topics-btnwrap-01	.topics-btn:nth-child(3){order: 1}
}

@media (max-width:640px){
.topics-btnwrap-02{flex-wrap:wrap;}
.topics-btnwrap-02	.topics-btn{width: 100%;margin: 0}
.topics-btnwrap-02	.topics-btn:last-child{margin-top: 15px}
}

@media (max-width:499px){
.topics-btnwrap{margin: 70px 0 80px 0;}
.topics-btn	a{font-size:14px;}
}




/*------------------------------------------------------------------
	　　採用情報
------------------------------------------------------------------*/

/*サブタイトル*/

/*英語*/
.recruit-section-title {display: block;margin: 2% 0 2%;padding: 0;font-size: 3.0vw;font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1.0;letter-spacing: 0;text-align: center;}
/*日本語*/
.recruit-section-title span {display: block;padding: 20px 0 0;font-size: 1.8vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.5em;letter-spacing: 1px;}
.recruit-section-title span	br{display: none}

@media (max-width: 990px){
.recruit-section-title {font-size: 3.6rem;}
.recruit-section-title span {padding: 10px 0 0;font-size: 3.0vw;}
}

@media (max-width: 499px){
.recruit-section-title {margin: 0 0 40px;font-size: 3.0rem;}
.recruit-section-title span {font-size: 4.0vw;}
.recruit-section-title span	br{display: inline}
}

.recruit-wrap	{padding: 50px 0;background: var(--color-p4);}


/*アイコンと説明*/

.products-icon-wrap	{padding: 0;padding-bottom: 1px;background: var(--color-p4)}
.recruit-icon-section-content {width: 86%;height: auto;margin: 0 auto;padding: 0 0 80px 0;}
section.recruit-icon-section {width: 100%;height: auto;margin: 10% 0;padding: 0;background: rgba(0,0,0, 1.0);color: #fff;}

.product-icon-area	{display: flex;justify-content: space-between;flex-wrap: wrap}
.product-icon-area.area02	{justify-content: space-around;}
.product-icon-box	{flex-basis: 33%}


/*アイコン*/
.recruit-icon-section-title-img {display: block;width: 100px;margin: 0 auto;padding: 0;font-size: 6.0em;text-align: center;color: var(--color-p1)}
/*アイコン下のタイトル*/
.recruit-icon-section-subtitle {display:flex;justify-content: center;align-items: center;height: 3em;margin: 0 0 20px;padding: 0;color: var(--color-p1);font-size: 2.0rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;line-height: 1.4;letter-spacing: 6px;text-align: center;}
/*text*/
.recruit-icon-section-subtext {display: block;width: 80%;margin: 0 auto;padding: 0;font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;line-height: 1.5;letter-spacing: 1px;}

@media (max-width: 1480px){
.recruit-icon-section-subtitle {font-size: 1.8rem;letter-spacing: 4px;}
.recruit-icon-section-subtext {font-size: 1.4rem;letter-spacing: 0;}
}

@media (max-width: 1200px){.recruit-icon-section-subtitle {font-size: 1.6rem;letter-spacing: 2px;}}

@media (max-width: 990px){
.product-icon-box	{flex-basis: 100%}
.recruit-icon-section-content {width: 94%;}
}
@media (max-width: 749px){
.recruit-icon-section-subtitle {font-size: 3.0vw;letter-spacing: 0;}
}
@media (max-width: 499px){
section.recruit-icon-section {margin: 70px 0 40px;}
.recruit-icon-section-subtitle {font-size: 6.0vw;}
.recruit-icon-section-subtext {width: 86%;padding: 0 0 30px;font-size: 1.6rem;}
}


/*近年高まる、インフラエンジニアの市場価値*/
section.recruit-second-section{width:100%;height:auto;margin:0;padding: 100px 0}
.recruit-second-wrapper{padding-left:14%;padding-right:14%}
.recruit-second-title{display:block;font-size:3vw;font-family:'Roboto',sans-serif;font-weight:600;line-height:1;letter-spacing:0;margin:0 0 5%;padding:0;text-align: center;}
.recruit-second-title	strong{color: var(--color-p1)}

.recruit-second-title span{display:inline-block;font-size:3vw;font-weight:600;letter-spacing:1px;text-align:left;line-height: 1.5em}
.recruit-second-lead{display:block;font-size:1.6vw;font-weight:600;line-height:1.4;letter-spacing:0;margin:0 0 5%;padding:0}
.recruit-text-01{display:block;font-size:1.6rem;font-weight:400;line-height:1.8;letter-spacing:1px;text-align:left;margin:0 auto;padding:0 0 40px}
.recruit-text-name{display:block;font-size:1.8rem;font-weight:500;line-height:2;letter-spacing:1px;text-align:right;margin:0 auto;padding:0}
.recruit-text-name span{display:inline-block;font-size:1.5rem;padding:0 25px 0 0}
.recruit-second-photo-wrapper{padding-right:5%;border: 1px solid #fff;}

@media (max-width: 749px){
.recruit-second-wrapper{padding: 0 10%}
.recruit-second-title span{font-size:5vw;}
}
@media (max-width: 499px){
.recruit-second-title span{font-size:6.5vw;}
}


/*インフラエンジニア募集要項 / relationのリクルートサイトを見るボタン*/
.recruit-detail-and-button		{margin-bottom: 70px;padding: 50px 0;background: var(--color-p4);}


/*インフラエンジニア募集要項*/
.recruit-detail-wrap	{padding: 0;padding-bottom: 1px;}
.recruit-detail{width:82%;height:auto;margin:0 auto 10%;padding:0;}

table.rectui-details-table{width:100%;margin:0 auto;padding: 10px;border-collapse:separate;border-spacing:10px}
table.rectui-details-table th{width:28%;font-size:1.6rem;font-weight:600;letter-spacing:1px;vertical-align:middle;text-align:left;padding:1.5em 1em;border-bottom:solid 1px #666}
table.rectui-details-table td{width:72%;text-align:left;vertical-align:middle;font-size:1.6rem;font-weight:400;font-family:'Noto Sans JP',sans-serif;letter-spacing:1px;line-height:1.6;padding:1.5em 1em;border-bottom:solid 1px #666}

table.rectui-details-table th.first,table.rectui-details-table td.first	{border-top:solid 1px #666}

table.rectui-details-table .sp-only	{display: none}

table.rectui-details-table	.sub-list{margin-left: 1.2em;}

.step-num	{display: inline-block;width: 25px;height: 25px;line-height: 25px;border-radius: 50%;margin:0 7px;font-size: 14px;background: var(--color-p1);color: #000;text-align: center;}

@media (max-width: 990px){
.recruit-detail{width:100%;}
table.rectui-details-table{border-spacing:0}

table.rectui-details-table th,table.rectui-details-table td,
table.rectui-details-table th.harf,
table.rectui-details-table td.harf{display: block;width:100%;}
table.rectui-details-table th	{padding: 10px 15px;border-left:solid 1px #666;border-right:solid 1px #666;background: rgba(255,255,255,0.1)}
table.rectui-details-table td	{padding: 15px;}
table.rectui-details-table td.sp-none	{display: none}
table.rectui-details-table	th.sp-none	{display: none}
.first-sp	{border-top:solid 1px #666;}

table.rectui-details-table .sp-only	{display: block;color: #999;font-size: 14px;font-weight:600;}
}

/*relationのリクルートサイトを見る*/
.airwork-section    {width:85%;margin:5% 7.5%;padding: 20px;border: 1px solid #fff;}
.airwork-wrap   {display:flex;flex-wrap: wrap;align-items: center;padding: 1% 3%;}
.airwork-leads  {flex-basis: 50%;}
.airwork-link-btn  {flex-basis: 50%;display:flex;justify-content: flex-end;}
.airwork-leads{display:block;font-family:Noto Sans JP,sans-serif;font-size:1.6vw;font-weight: 700;line-height:1.5em;text-align:left;}

@media(max-width:1300px){
.airwork-leads{font-size:1.8rem}
}
@media(max-width:990px){
.airwork-leads,
.airwork-link-btn  {flex-basis: 100%;justify-content: center;width: 100%;}
.airwork-leads{margin-bottom: 25px;font-size:1.8rem;letter-spacing:0;text-align:left}
.airwork-leads  br{display: none}
}
@media(max-width:749px){
.airwork-section    {width:84%;margin:12% 8%;padding: 15px;}
.airwork-wrap   {padding: 1%;}
}


/*relationのリクルートサイトを見るボタン*/
.airwork-linkbutton{display:block;position:relative;width:80%;height:50px;text-align:left;margin:0 0 0 auto;padding:0 20px;background:ransparent;line-height:45px;border:solid 2px #fff}
.airwork-linkbutton:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--color-p1);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.airwork-linkbutton:hover:before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.airwork-linkbutton .text{display:inline-block;position:relative;font-size:1.6rem;font-weight:600;letter-spacing:0;color:#fff;text-align:center;transition:all .3s;-webkit-transition:all .3s;z-index:1}
.airwork-linkbutton:hover{border:solid 2px var(--color-p1)}
.airwork-linkbutton:hover .text{color:#000}
.airwork-linkbutton .arrow{display:block;width:0;height:0;border-style:solid;border-width:6px 0 6px 9pt;border-color:transparent transparent transparent #fff;position:absolute;right:20px;top:45%;margin-top:-3px;transition:all .3s;-webkit-transition:all .3s;z-index:1}

.airwork-linkbutton:hover .arrow{border-color:transparent transparent transparent #000;right:25px}
@media(max-width:1200px){
.airwork-linkbutton{padding:0 10px}
.airwork-linkbutton .text{font-size:1.2rem}
}
@media(max-width:990px){
.airwork-linkbutton{width: 100%;padding:0 20px}
.airwork-linkbutton .text{font-size:1.4rem;letter-spacing:0px}
}





/*------------------------------------------------------------------
	　　お問い合わせ
------------------------------------------------------------------*/

/*コンテンツ*/
.contactus-content{width:86%;height:auto;margin:0 auto;padding:0}
@media(max-width:990px){
.contactus-content{width:100%;}
}


/*電話でのお問い合わせ*/
.contactus-title-ja-box	{margin: 0;padding: 0;}
p.contacts-txt-titles{display:block;width:100%;margin:10px 0 20px;font-size:2.5rem;font-weight:900;letter-spacing:0;line-height:1.5;padding:0;text-align:center}
p.contacts-txt-titles br{display:none}

/*TEL*/
.item-contacts-l{display:flex;justify-content: center;align-items: center;width: 100%;margin:0;padding:0 0 10px;font-size:5rem;font-weight:700;letter-spacing:1px;line-height:1;color:#fff;text-align:center}
.item-contacts-l a{font-size:5rem;font-weight:600;font-family:'Oswald',sans-serif;letter-spacing:0;line-height:1;color:#fff}
.item-contacts-l-teltime{font-size:1.6rem;font-weight:400;font-family:'Noto Sans JP',sans-serif;letter-spacing:1px;line-height:1;;margin:0;padding:0 0 40px;text-align:center}

@media (max-width: 1480px){
p.contacts-txt-title{font-size:1.6rem;text-align:left;}
p.contacts-txt-title br{display: none}
}

@media(max-width:499px){
.contactus-title-ja-box	{margin-bottom: 20px;}

p.contacts-txt-title{font-size:1.6rem;letter-spacing:0;line-height:1.6;padding:30px 0;text-align:left}
p.contacts-txt-title br{display:none}

p.contacts-txt-titles{font-size:1.5rem;letter-spacing:0;line-height:1.6;padding:0 0 10px}
p.contacts-txt-titles br{display:inline}
	
.item-contacts-l a{font-size:10vw;}
.item-contacts-l	i{font-size::10vw}
}

@media (max-width:350px){
dl.item-contacts dt{width:40px;font-size:2.4rem}
dl.item-contacts dd{margin-left:40px;font-size:2.4rem}
}


/*フォーム*/
.contact-form-block {margin-bottom: 70px;padding: 20px 0 50px;}
.contact-form-wrap {width: 80%;margin: 0 10%}

.contact-form-block.thanks,.contact-form-block.confirm	{background: #fff;}

input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;}/*iPhone対策*/


.form-text01 {}
.form-text01.last {margin-bottom: 40px;}
.form-text02 {margin-bottom: 30px;font-size: 14px;}
.form-text03 {margin-top: 40px;}

/*リキャプチャ*/
.form-text04{margin-top: 30px;font-size: 14px;font-weight:500;}
.form-text04	a{text-decoration: underline;}

.hissu {display:inline-block;margin-right: 10px;padding: 7px 10px;color: #000;line-height: 1em;background: var(--color-p1);border-radius: 3px;}
.nini	{display:inline-block;margin-right: 10px;padding: 7px 10px;color: #666;line-height: 1em;background: #ccc;border-radius: 3px;}


.form-parts {width: 100%;margin-bottom: 30px;}


.form-parts dt{margin-bottom: 15px;font-weight:600;}
.form-parts .ja{padding-right: 15px;font-size: 18px;}
.form-parts .en{color: var(--color-02);}
.mw_wp_form_confirm	.form-parts	{margin: 0;padding-bottom: 0;border-bottom: 1px solid rgba(255,255,255,0.5);}

.mw_wp_form_confirm	.form-parts	dt{margin: 0;padding: 10px 15px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.mw_wp_form_confirm	.form-parts:first-child	dt{border-top: 1px solid rgba(255,255,255,0.5);}
.mw_wp_form_confirm	.form-parts	dd{margin: 0;padding: 15px;}
.mw_wp_form_confirm	.form-parts	.ja{font-size: 16px;}
.mw_wp_form_confirm	.privacy-policy	{display: none}

.form-parts .input01,
.form-parts .input02{width: 100%;padding: 0.5em;border: 1px solid #ccc;}

.form-check-box {display: flex;flex-direction: column;}
.form-check-box label {display: block;}
.wpcf7-form-control.wpcf7-checkbox {display:flex;flex-direction: column;}


span.error	{padding-top: 10px;color: #ffff33!important;font-weight: 600;}

@media(max-width:749px){
.contact-form-block {padding: 50px 0;}
.contact-form-wrap {width: 92%;margin: 0 4%}
.form-parts dt{margin-bottom: 15px;}
.form-parts .ja{}
.form-parts .en{display: block}
}

/*プライバシーポリシー*/
.privacy-policy {margin-bottom: 20px;padding: 5%;height: 250px;border: 1px solid #000;background: #333;overflow-y: auto;}


.privacy-policy-title-wrap{padding: 20px 0 20px;text-align: center;}
.privacy-policy-title{display:block;font-size:3rem;font-weight:800;font-family:Roboto,sans-serif;letter-spacing:0;line-height:1;margin:0;padding:0;}
.privacy-policy-title-s{display:block;font-size:2rem;font-weight:600;letter-spacing:1px;padding:10px 0 0;}


.enact {margin:0 0 20px 0;text-align: right;font-size: 14px;}
.privacy-policy-lead {margin: 0 0 1em}
.privacy-policy-list {margin: 0 0 2em}
.privacy-policy-list li{margin: 0 0 1em}

.privacy-policy-contact {}
.privacy-policy-contact .text{margin: 0 0 1em 0}
.privacy-policy-contact-title {font-weight:600}
.privacy-policy-contact-title-s {font-weight:600;line-height:1.5em}
.privacy-policy-contact-title-s br{display: none}
.privacy-policy-contact {}
a.privacy-policy-contact-tel{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;line-height:1;color:#fff;margin:0;padding:0;}
a.privacy-policy-contact-email{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;line-height:1;color:#fff;margin:0;padding:0;}

.contact-pdf	{margin-top: 35px;}
.contact-pdf	a{display: inline-block;padding: 5px 15px;color: var(--color-p1);font-weight:600;border: 1px solid var(--color-p1);font-weight:600;}


@media(max-width:499px){
.privacy-policy-title{font-size:2.5rem;}
.privacy-policy-title-s{font-size:1.7rem;}
.privacy-policy-contact-title-s br{display: inline}
}

/*submitarea*/
.submitarea	{display:flex;justify-content: center;margin: 50px 0}
.submitarea	button[type="submit"],.submitarea	input[type="reset"],
.submitarea	button[type="button"],
.submitarea	a{flex-basis: 40%;margin: 0 5%;padding: 10px 0;border: none;font-size: 105%;font-weight: 700;background: var(--color-p1);color: #000;transition: all 0.5s;}
.submitarea	button[type="submit"]:hover,
.submitarea	buttont[type="reset"]:hover,
.submitarea	button[type="button"]:hover,
.submitarea	a:hover{background:var(--color-p3);;color: var(--color-p2)}
.submitarea	a	{text-decoration: none;text-align: center}

@media(max-width:499px){
.submitarea	button[type="submit"],.submitarea	input[type="reset"],
.submitarea	button[type="button"],
.submitarea	a{flex-basis: 80%;margin: 0 10% 5px;}
}


.contact-thanks{margin-bottom: 50px;padding: 50px 0}




/*--------------------------------------------
  　タイトル部分などのアニメーション
--------------------------------------------*/

.fadein-01{animation-duration: 1s;animation-name: slidein;min-width: 100%;}
@keyframes slidein {
from {margin-left:200px;opacity: 0}
to {margin-left: 0;opacity: 1}
}

.fadein-02{animation-name: slidein02;
animation-duration:1.0s;
animation-fill-mode:forwards;
animation-delay: 0.5s;
opacity:0;}
@keyframes slidein02 {
from {margin-left:200px;}
to {margin-left: 0;opacity: 1}
}

.fadein-03{animation-name: slidein03;
animation-duration:1.0s;
animation-fill-mode:forwards;
animation-delay: 1s;
opacity:0;}
@keyframes slidein03 {
from {margin-left:200px;}
to {margin-left: 0;opacity: 1}
}
.fadein-04{position: relative;animation-duration: 1s;animation-name: slidein4;}
@keyframes slidein4 {
from {top: 30px;opacity: 0}
to {top:  0;opacity: 1}
}