@charset "UTF-8";
/* Body */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	margin: 0;
	font-size:16px;
	color: #333;
}

body .sans{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/*body .serif{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}*/

h1{
	font-size:2rem;
	text-align: center;
}



p{

}

a{
	text-decoration: none;
	color: #505050;
}

a.fade{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
a.fade:hover{opacity: 0.7;}

.clear{
	content:"";display:block;clear:both
}

.bold{
	font-weight: bold;
}

.red{
	color: #ff0000;
}

.pc-block{
	display: block;
}

.sp-block{
	display: none;
}

.shadow{filter:drop-shadow(0 3px 5px rgba(0,0,0,0.2));}

/* Container */
.container {
	width: 100%;
	margin: 0 auto;
}

.container p{}




/* Header */
header {position: fixed;width: 100%;height: 90px;z-index: 999;background: linear-gradient(#fff,#efefef);}

.head_contents	{/*width: 960px;*/margin:0 5%;display: flex;align-items: center;justify-content: space-between;}
.head_contents h1{font-size: 0.8rem;color: #ffffff;text-align: left;padding-left: 5px;}
.head_logo img{height: 70px;margin-top: 10px;}
.head_logo a {text-decoration: none;}
.link-btn{display: flex;align-items: center;margin-top: 15px;}
.link-btn .icon{margin-right: 10px;}
.head-space{display: block;content: "";height: 150px;}

/*#page-index header{background: none;}
#page-index .head_contents{justify-content: flex-end;}*/


/*footer設定*/
footer {padding: 50px 1%;}

.footer_contents{margin: 0 auto;width: 960px;text-align: center;}
#footer_menu{margin-bottom: 30px;}
#footer_menu ul{display: flex;justify-content:space-around;align-items:flex-end;}
#footer_menu li{list-style: none;width: 180px;margin: 30px 10px;}
#footer_menu li a{display: block;text-align: center;font-size: 1rem;line-height: 1.2rem;}
#footer_menu li.forcompany a{border-bottom:5px solid #D1666B;}
#footer_menu li.forpeople a{border-bottom:5px solid #457ACC;}
#footer_menu li.example a{border-bottom:5px solid #35A4B2;}
#footer_menu li.event a{border-bottom:5px solid #D982C2;}
#footer_menu li.contact a{border-bottom:5px solid #5CAC63;}

#footer_logo{text-align: center;margin-bottom: 30px;}
#footer_logo img{width: 80px;display: block;margin: 10px auto;}
#footer_logo p{display: inline-block;background: #1B5890;color: #fff;border-radius: 30px;padding: 5px 15px;font-size: 12px;font-weight: bold;}
#footer_logo a:hover{opacity: 0.9;}

.copyright {text-align: center;padding: 10px;}
.copyright img{height: 50px;}


/* pagetop button */
#pageTop {position: fixed;bottom: 30px;right: 20px;z-index: 999;}
#pageTop img{width: 120px;}
#pageTop i {padding-top: 6px}
#pageTop a {display: block;background-color: rgba(255,255,255,0.50);color: #777;border-radius: 10px;padding: 10px;line-height: 16px;text-align: center;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}


/*main contents*/
/*共通設定*/
.contents{
	max-width: 1200px;
  width: 96%;
	margin: 0 auto 50px auto;
}

.contents h2{font-size:2.5rem;letter-spacing: 0.2rem;font-weight: bold;}
.contents h3{font-size:2rem;letter-spacing: 0.1rem;font-weight: bold;}
.contents h4{font-size:2rem;font-weight: bold;}
.contents h5{font-size:1.5rem;font-weight: bold;}
.contents p{margin: 30px 0;letter-spacing: 0.1rem;}


/*ボタン設定*/
.btn_basic{text-align: center;}
.btn_basic a{display: inline-block;border: 1px solid #777;padding: 5px 30px;}
.btn_basic a:hover{text-decoration: underline;}

/* 世界地図 */
#firstpage-logo{position: fixed;top:10px;left: 2%;z-index: 99;}
#worldmap{position: relative;}
#worldmap .background img{width: 100%;}
#worldmap .welcome-text{position: absolute;background: #fff;border: 1px solid #45B8ED;border-radius: 10vw;padding: 20px 30px;font-size: 1.2vw;text-align: center;top:10%;left: 0;right: 0;margin: auto;width: 30vw;font-weight: bold;color: #45B8ED;}
#worldmap .lang-btn a{display: block;width: 8vw;background: #333;color: #fff;text-align: center;font-size: 0.9vw;border-radius: 10px;padding: 5px;}
#worldmap .lang-btn a:hover{opacity: 0.9;}
#worldmap .lang-btn .ja{position: absolute;top:45%;left: 48%;}
#worldmap .lang-btn .zh{position: absolute;top:35%;left: 35%;}
#worldmap .lang-btn .vi{position: absolute;top:50%;left: 35%;}
#worldmap .lang-btn .tl{position: absolute;top:58%;left: 45%;}
#worldmap .lang-btn .id{position: absolute;top:60%;left: 35%;}
#worldmap .lang-btn .en-1{position: absolute;top:75%;left: 48%;}
#worldmap .lang-btn .en-2{position: absolute;top:35%;left: 70%;}
#worldmap .lang-btn .en-3{position: absolute;top:25%;left: 10%;}
#worldmap .lang-btn .pt-1{position: absolute;top:42%;left: 5%;}
#worldmap .lang-btn .pt-2{position: absolute;top:75%;left: 85%;}

/* TOPコンテンツ */
.head-space{width: 100%;height: 80px;}
#first_view{position: relative;height: 800px;background: url(../img/firstview.png)no-repeat;background-size: cover;background-position: center center;}
#first_view .inner{position: absolute;margin: auto;left: 0;right: 0;top: 300px;text-align: center;}
#first_view .inner h1{font-size: 1.5rem;font-weight: bold;}
#first_view .inner img{width: 150px;vertical-align: bottom;}
#first_view .bnr-aichi{position: absolute;margin: auto;left: 0;right: 0;bottom: 30px;text-align: center;}
#first_view .bnr-aichi img{width: 150px;}

#home-sec1{padding: 100px 0;text-align: center;}
#home-sec1 h2{}

#home-links{padding: 30px 0;}
#home-links ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;}
#home-links li{width: 50%;text-align: center;list-style: none;margin: 15px 0;}
#home-links li a{display: inline-block;width: 100%;font-size: 1.3rem;}
#home-links li a img{height: 50px;}
#home-links li.forcompany a{border-bottom:5px solid #D1666B;color: #D1666B;}
#home-links li.forpeople a{border-bottom:5px solid #457ACC;color: #457ACC;}
#home-links li.example a{border-bottom:5px solid #35A4B2;color: #35A4B2;}
#home-links li.event a{border-bottom:5px solid #D982C2;color: #D982C2;}
#home-links li.contact a{border-bottom:5px solid #5CAC63;color: #5CAC63;}

#home-news{padding: 50px 0;text-align: center;}
#news-list ul{max-height: 350px;overflow-y: scroll;}
#news-list li{list-style: none;margin: 30px 0;}
#news-list li .title{display: block;font-size: 1.2rem;padding-bottom: 0;border-bottom: 1px solid #777;margin: 0;text-align: center;}
#news-list li .date{display: block;text-align: right;padding-top: 0;margin: 0;}

/*下層ページヘッダー*/
.childhead_area{padding: 50px 0;}
.childhead_area .contents{display: flex;}
.childhead_area .contents .text{width: 50%;}
.childhead_area .contents .text h2{position: relative;font-size: 2rem;text-align: center;}
.childhead_area .contents .text p{margin: 100px 3%;font-size: 1rem;letter-spacing: 0;font-weight: bold;}
.childhead_area .contents .image{width: 50%;}
.childhead_area .contents .image img{width: 100%;}

#page-forcompany .childhead_area .contents .text h2{color: #D1666B;}
#page-forcompany .childhead_area .contents .text h2:after{position: absolute;display: block;content: "";width: 100%;height: 50px;left: 0;bottom: -40px;background: url(../img/titleborder-forcompany.png)no-repeat 100%;background-position: left;}
#page-forpeople .childhead_area .contents .text h2{color: #457ACC;font-size: 1.8rem;letter-spacing: 0;}
#page-forpeople .childhead_area .contents .text h2:after{position: absolute;display: block;content: "";width: 100%;height: 50px;left: 0;bottom: -40px;background: url(../img/titleborder-forpeople.png)no-repeat 100%;background-position: left;}
#page-example .childhead_area .contents .text h2{color: #35A4B2;}
#page-example .childhead_area .contents .text h2:after{position: absolute;display: block;content: "";width: 100%;height: 50px;left: 0;bottom: -40px;background: url(../img/titleborder-example.png)no-repeat 100%;background-position: left;}
#page-event .childhead_area .contents .text h2{color: #35A4B2;}
#page-event .childhead_area .contents .text h2:after{position: absolute;display: block;content: "";width: 100%;height: 50px;left: 0;bottom: -40px;background: url(../img/titleborder-event.png)no-repeat 100%;background-position: left;}
#page-contact .childhead_area .contents .text h2{color: #5CAC63;}
#page-contact .childhead_area .contents .text h2:after{position: absolute;display: block;content: "";width: 100%;height: 50px;left: 0;bottom: -40px;background: url(../img/titleborder-contact.png)no-repeat 100%;background-position: left;}

/*下層ページ*/
#page-forcompany{}
#page-forcompany .sec1{text-align: center;margin: 50px auto;font-size: 1rem;font-weight: bold;}
#page-forcompany .kokorogamae{text-align: center;margin: 100px auto;}
#page-forcompany .kokorogamae li{list-style: none;margin: 50px auto;}
#page-forcompany .kokorogamae li p{font-size: 1.5rem;margin: 0;padding: 0;font-weight: bold;}
#page-forcompany .kokorogamae li p.bottom{color: #D1666B;}
#page-forcompany .download{margin: 100px auto;text-align: center;}

#page-forpeople{}
#page-forpeople .sec1{text-align: center;margin: 50px auto;font-size: 1rem;font-weight: bold;}
#page-forpeople .link-box{position: relative;border:1px solid #457ACC;text-align: center;padding: 50px 15px 10px 15px;margin: 50px auto;}
#page-forpeople .link-box .title{position: absolute;text-align: center;width: 100%;top:-30px;}
#page-forpeople .link-box h3{display: inline-block;padding: 0 15px;background: #fff;}
#page-forpeople .link-box .inner{display: flex;justify-content: space-around;align-items: baseline;flex-wrap: wrap;margin: 15px 50px;}
#page-forpeople .link-box .inner p{color: #457ACC;font-weight: bold;font-size: 1.1rem;}
#page-forpeople .download{margin: 100px auto;text-align: center;}
#page-forpeople .youtube-list{text-align: center;}
#page-forpeople .youtube-list ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
#page-forpeople .youtube-list li{width: 35%;list-style: none;margin: 30px auto;}
#page-forpeople .youtube-list .youtube-wrap{position: relative;width: 100%;}
#page-forpeople .youtube-list .youtube-wrap:after{display: block;content: "";padding-top: 56.25%;}
#page-forpeople .youtube-list .youtube-wrap iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;}

#page-example .example-title{text-align: center;margin: 50px auto 100px auto;}
#page-example .example-title h3{padding: 0;line-height: 2rem;}
#page-example .example-title p{font-size: 1.2rem;padding: 0;line-height: 1.3rem;}
#page-example .intro{margin: 50px auto 100px auto;}
#page-example .intro h3{text-align: center;color:#35A4B2; }
#page-example .intro h4{text-align: center;margin-top: 30px;}
#page-example .intro .two-img{display: flex;justify-content: center;}
#page-example .intro .two-img p{margin: 0 15px;}
#page-example .example-box{position: relative;border:1px solid #35A4B2;text-align: center;padding: 50px 15px 10px 15px;margin: 50px auto;}
#page-example .example-box .number{position: absolute;text-align: center;width: 100%;top:-45px;}
#page-example .example-box .number p{display: inline-block;padding: 0 15px;background: #fff;font-size: 1.2rem;}
#page-example .example-box .inner{display: flex;}
#page-example .example-box .inner .text{text-align: left;color: #35A4B2;width: 60%;}
#page-example .example-box .inner .text h4{border-bottom:1px solid #35A4B2;}
#page-example .example-box .inner .text p{margin-top: 0;padding: 0;}
#page-example .example-box .inner .text .name{margin: 0;padding: 0;text-align: right;font-size: 1.2rem;}
#page-example .example-box .inner .text .type{font-size: 1.5rem;border-bottom:1px solid #35A4B2;display: inline-block;margin-top: 30px;}
#page-example .example-box .inner .image{width: 40%;padding: 0 3%;}
#page-example .example-box .inner .image img{width: 100%;}

#page-event .sec1 .contents{border:1px solid #777;}
#page-event .sec1 iframe{}
.event-box{border: 2px solid #D982C2;padding: 30px;margin: 30px 15px;}
.event-box .inner{display: flex;}
.event-box .inner .text{width: 65%;}
.event-box .inner .text .date{font-size: 1.2rem;margin: 0;}
.event-box .inner .text h3{color: #D982C2;font-size: 2rem;}
.event-box .inner .text .shusai{font-size:1.2rem;color:#D982C2;text-align: right;}
.event-box .inner .text dl{font-size: 1.2rem;margin: 20px auto;}
.event-box .inner .text dl dt{display: inline-block;width: 100px;background: #D982C2;color: #fff;text-align: center;border-radius: 30px;}
.event-box .inner .text dl dd{display: inline-block;padding:0 15px;border-bottom:2px solid #D982C2;}
.event-box .inner .image{width: 35%;padding: 0 3%;}
.event-box .inner .image img{width: 100%;}
#page-event .published .contents{border:1px solid #707070;padding: 30px;text-align: center;}
#page-event .published .download-file{display: flex;justify-content: center;}
#page-event .published .download-file .file{margin: 30px;}
#page-event .published .download-file .file img{height: 100px;}

#page-contact .links h3{text-align: center;}
#page-contact .links .link-box{display: flex;margin: 30px auto;border:1px solid #5CAC63;color: #5CAC63;justify-content: center;align-items: center;padding: 30px 0;}
#page-contact .links .link-box a{color: #5CAC63;}
#page-contact .links .link-box a:hover{text-decoration: underline;}
#page-contact .links .link-box p{font-size: 1.5rem;font-weight: bold;}

#page-news .news-head{padding: 50px 0 15px 0;}
#page-news .news-head h2{border-bottom: 1px solid #000;}
#page-news .news-head .date{margin: 0;}
#page-news .news-main img{max-width: 100%;height: auto;}
#page-news .news-main .inner{border:5px double #777;padding: 15px;}

/* 取り組み事例(個別詳細) */
#page-example .example-main .sec1{text-align: left;color: #35A4B2;}
#page-example .example-main .sec1 h4{border-bottom:1px solid #35A4B2;}
#page-example .example-main .sec1 p{margin-top: 0;padding: 0;}
#page-example .example-main .sec1 .name{margin: 0 0 30px 0;padding: 0;font-size: 1.2rem;}
#page-example .example-main .profile{border:1px solid #777;padding: 15px;margin: 30px auto;}
#page-example .example-main .profile h4{border-bottom: 3px double #000;text-align: center;}
#page-example .example-main .profile .inner{display: flex;align-items: center;}
#page-example .example-main .profile .inner .image{margin: auto 10px;}

#page-example .example-main .flex{display: flex;justify-content: space-between;margin: 50px auto;}
#page-example .example-main .flex.pc-rev{flex-direction: row-reverse;}
#page-example .example-main .flex .image{width: 40%;}
#page-example .example-main .flex .image img{width: 100%;}
#page-example .example-main .flex .image p{font-size: 0.8rem;margin: 5px 0;color: #333;}
#page-example .example-main .flex .text{width: 56%;color: #35A4B2;}

#page-example .download{display: flex;justify-content: center;}
#page-example .download a{margin: 30px 15px;display: block;font-size: 0.9rem;}
#page-example .download a img{height: 100px;}

#page-example .mov-shots{margin: 30px auto;}
#page-example .mov-shots h4{color: #35A4B2;text-align: center;}
#page-example .mov-shots ul{display: flex;flex-wrap: wrap;}
#page-example .mov-shots li{position: relative;width: 23%;margin: 20px 1%;list-style: none;}
#page-example .mov-shots li img{width: 100%;}
#page-example .mov-shots li:nth-child(2n+1):after{background: url(../img/arrow.png)no-repeat;position: absolute;display: block;content: "";width: 100%;height: 8px;background-size: auto 100%;}

/*tablet*/
@media (min-width:421px) and (max-width:960px){
/*共通設定*/
.contents{

}

}

@media (max-width: 420px) {
	.contents{
	width: 94%;
	margin: 0 3%;
	padding: 10px 0;
}

.contents_min{
	width: 80%;
	margin: 0 10%;
}
}

/* Mobile */
@media (max-width: 960px) {
body{font-size: 14px;}

h1{
	text-align: center;
}



p{
}

.pc-block{
	display: none;
}

.sp-block{
	display: block;
}


/* Container */
.container {
	width: 100%;
	overflow: hidden;
}

.container p{}


/* Header */
header {height: 120px;}
.head_contents	{width: 98%;margin: 0 1%;flex-direction: column;}
.head_logo img{height: 40px;margin-left: 10px;}
.head_logo a {text-decoration: none;}

/*#page-index .head_contents{flex-direction: row;}*/

/*footer設定*/
footer {padding-top: 30px;}
.footer_contents{width: 100%;}
#footer_menu{margin-bottom: 30px;}
#footer_menu ul{display: flex;justify-content:space-around;flex-wrap: wrap;}
#footer_menu li{width: 180px;margin: 15px 10px;}
#footer_menu li a{font-size: 1.1rem;}

#footer_logo{text-align: center;margin-bottom: 30px;}
#footer_logo img{width: 80px;}
.footer_contents p{margin: 0;}

.copyright {text-align: center;padding: 10px;}
.copyright img{height: 50px;}


/*main contents*/
/*共通設定*/

.contents:after{
	content:"";display:block;clear:both
}

.contents h2{font-size:1.8rem;}

.contents h3{font-size:1.5rem;}
.contents h4{font-size:1.2rem;}

.contents p{
	margin: 30px auto;
}

.more_info{
	float: right;
	text-decoration: underline;
	padding: 5px;
}

/*ボタン設定*/

/*世界地図*/
#firstpage-logo{position: static;margin: 10px auto;width: 100%;}
#firstpage-logo .head_logo img{height: auto;margin-left: 0;width: 60%;}
#worldmap .welcome-text{position: static;border-radius:50px ;padding: 20px 3%;font-size: 1rem;width: 90%;}
#worldmap .lang-btn{display: none;}

/* TOPコンテンツ */
.head-space{width: 100%;height: 80px;}
#first_view{position: relative;height: 800px;background: url(../img/firstview.png)no-repeat;background-size: auto 100%;background-position: center center;}
#first_view .inner{position: absolute;margin: auto;left: 0;right: 0;top: 300px;}
#first_view .inner h1{font-size: 1.2rem;}
#first_view .inner img{width: 150px;}
#first_view .bnr-aichi{position: absolute;margin: auto;left: 0;right: 0;bottom: 30px;text-align: center;}
#first_view .bnr-aichi img{width: 150px;}

#home-sec1{padding: 100px 0;}

#home-links{padding: 30px 0;}
#home-links li{width: 100%;margin: 15px 0;}
#home-links li a{font-size: 1.2rem;}

#home-news{padding: 50px 0;}
#news-list li{margin: 30px 0;}
#news-list li .title{font-size: 1rem;}
#news-list li .date{}

  /*下層ページヘッダー*/
  .childhead_area{padding: 50px 0;}
  .childhead_area .contents{display: flex;flex-direction: column;}
  .childhead_area .contents .text{width: 100%;}
  .childhead_area .contents .text h2{font-size: 2rem;}
  .childhead_area .contents .text p{margin: 50px 3%;font-size: 1rem;}
  .childhead_area .contents .image{width: 100%;}


/*下層ページ*/
#page-forcompany{}
#page-forcompany .sec1{margin: 50px auto;font-size: 1rem;}
#page-forcompany .kokorogamae{margin: 50px auto;}
#page-forcompany .kokorogamae li{margin: 50px auto;}
#page-forcompany .kokorogamae li p{font-size: 1.5rem;}
#page-forcompany .download{margin: 50px auto;text-align: center;}

#page-forpeople{}
#page-forpeople .sec1{margin: 50px auto;font-size: 1rem;}
#page-forpeople .download{margin: 50px auto;}
#page-forpeople .youtube-list li{width: 85%;}

#page-example .intro{margin: 50px auto;}
#page-example .intro h3{font-size: 1.5rem;}
#page-example .intro h4{font-size: 1.2rem;}
#page-example .intro img{max-width: 100%;}
#page-example .intro .two-img{display: flex;justify-content: center;flex-direction: column;}
#page-example .example-box .inner{display: flex;flex-direction: column;}
#page-example .example-box .inner .text{width: 100%;}
#page-example .example-box .inner .text h4{font-size: 1.5rem;}
#page-example .example-box .inner .text .type{font-size: 1.2rem;}
#page-example .example-box .inner .image{width: 94%;padding: 0 3%;}

.event-box{padding: 30px 10px;}
.event-box .inner{display: flex;flex-direction: column;}
.event-box .inner .text{width: 100%;text-align: left;}
.event-box .inner .text .date{font-size: 1.2rem;margin: 0;}
.event-box .inner .text .shusai{font-size:1.2rem;}
.event-box .inner .text dl{font-size: 1rem;}
.event-box .inner .text dl dt{display: inline-block;width: 100px;background: #D982C2;color: #fff;text-align: center;border-radius: 30px;}
.event-box .inner .text dl dd{display: block;margin-top: 5px;}
.event-box .inner .image{width: 94%;padding: 0 3%;}

#page-event .published .contents{border:1px solid #707070;padding: 30px 0;text-align: center;}
#page-event .published .download-file{display: flex;justify-content: center;}
#page-event .published .download-file .file{margin: 30px 10px;}
#page-event .published .download-file .file img{height: 100px;}

#page-contact .links h3{text-align: center;}
#page-contact .links .link-box{display: flex;margin: 30px auto;justify-content: center;align-items: center;padding: 30px 0;flex-direction: column;}
#page-contact .links .link-box:hover{opacity: 0.8;}
#page-contact .links .link-box p{font-size: 1.3rem;font-weight: bold;}

/* 取り組み事例(個別詳細) */
#page-example .example-main .sec1 .name{font-size: 1.2rem;}
#page-example .example-main .profile .inner{display: flex;align-items: center;flex-direction: column;}

#page-example .example-main .flex{display: flex;justify-content: space-between;margin: 50px auto;flex-direction: column;}
#page-example .example-main .flex.pc-rev{flex-direction: column;}
#page-example .example-main .flex .image{width: 80%;margin: 10px auto;}
#page-example .example-main .flex .image img{width: 100%;}
#page-example .example-main .flex .image p{font-size: 0.9rem;}
#page-example .example-main .flex .text{width: 96%;margin: 10px 2%;}

#page-example .download{display: flex;justify-content:space-around;flex-wrap: wrap;}
#page-example .download a{margin: 10px 0;display: block;font-size: 0.9rem;width: 40%;}
#page-example .download a img{height: 100px;}


#page-example .mov-shots li{width: 48%;margin: 15px 1%;}


/* pagetop button */
#pageTop {
  position: fixed;
  bottom: 25px;
  right: 20px;
  z-index: 999;
}

#pageTop img{
  width: 80px;
}

#pageTop i {
  padding-top: 6px
}



#pageTop a {
  display: block;
  background-color: rgba(255,255,255,0.50);
  border-radius: 10px;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
}

#sp-phone {
    position: absolute;
    right: 70px;
    top: 5px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
	font-size:38px;
}

/* トグルメニュー */
#nav-toggle {
    padding-top: 3px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #777; /*トグルボタン色設定*/
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

 #head_menu {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -100vh;
        background: #eee;
        width: 100%;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
	 	margin: 0;
    }
#head_menu ul{display: flex;justify-content:space-around;width: 960px;margin: 0 auto;align-items: flex-end;}
#head_menu li{list-style: none;width: 180px;margin: 30px 10px;}
#head_menu li a{display: block;text-align: center;font-size: 1rem;line-height: 1.2rem;}
#head_menu li.forcompany a{border-bottom:5px solid #D1666B;}
#head_menu li.forpeople a{border-bottom:5px solid #457ACC;}
#head_menu li.example a{border-bottom:5px solid #35A4B2;}
#head_menu li.event a{border-bottom:5px solid #D982C2;}
#head_menu li.contact a{border-bottom:5px solid #5CAC63;}
@media (max-width: 420px) {
  #head_menu{height: 100vh;}
  #head_menu ul{width: 100%;padding-top: 100px;flex-direction: column;align-items:center;}
}

    #nav-toggle {
        display: block;
    }


    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #head_menu {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(100vh);
        -webkit-transform: translateY(100vh);
        transform: translateY(100vh);
    }

/*tablet*/
@media (min-width:421px) and (max-width:960px){

}

/* 言語選択 */
.select-lang{margin-right: 15px;}
.select-lang ul{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.select-lang li{margin: 10px 5px;list-style: none;}
.select-lang li a{display: inline-flex;background: #1B5890;border-radius: 5px;padding: 5px 30px;color: #fff;height: 25px;align-items: center;}
.select-lang .short label{display: block;font-size: 12px;text-align: center;margin-bottom: 3px;margin-top: -10px;}
.select-lang .short select{padding:5px 10px;border-radius: 10px;}

@media (min-width:1451px){
.select-lang .short{display: none;}
}
@media (max-width:1450px){
.select-lang .long{display: none;}
#page-firstpage .select-lang .long{display: flex;}
}