@charset "UTF-8";

/*IMGfloat*/
/*テキスト*/
/*共通*/
/*-----リスト*/




/*-----loader-----*/
.loader { margin: 20px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 0.1em solid rgba(248,225,51,0.3); border-right: 0.1em solid rgba(248,225,51,0.3); border-bottom: 0.1em solid rgba(248,225,51,0.3); border-left: 0.1em solid #F8e133; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }
.loader,
.loader:after { border-radius: 50%; width: 10em; height: 10em; }
@-webkit-keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

#loader-bg { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:10000;}
#loader { display:none; position:fixed; top:50%; left:50%; width:200px; height:200px; margin-top:-100px; margin-left:-100px; text-align:center; color:#fff; z-index:2; }
@media screen and (max-width:890px){
	#loader-bg {background-size:125%;}
}




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

#cloude01 { position:absolute; top:250px; left:0; width:366px; height:401px; z-index:-900;}
#cloude02 { position:absolute; top:250px; right:0; width:349px; height:425px; z-index:-900;}
#main { margin:0; padding:0; box-sizing:border-box; height:533px; position:relative;}
#main h2, #main h3 { text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#main h2 { width:299px; height:156px; position:absolute; top:160px; left:50%; margin:0 0 0 -155px; padding:0; background:url(../img/main.png) no-repeat 0 0;}
#main h3 { width:450px; height:148px; position:absolute; top:345px; left:50%; margin:0 0 0 -225px; padding:0; background:url(../img/main2.svg) no-repeat 0 0;}

@media screen and (min-width: 480px) and (max-width: 860px){
	#cloude01 { position:absolute; top:150px; left:0; width:156px; height:172px; z-index:-900;}
	#cloude02 { position:absolute; top:150px; right:0; width:149px; height:182px; z-index:-900;}
	#main { margin:0; padding:0; height:340px;}
	#main h2 { width:172px; height:89px; position:absolute; top:40px; left:50%; margin:0 0 0 -86px; padding:0; background-size:cover;}
	#main h3 { width:260px; height:84px; position:absolute; top:149px; left:50%; margin:0 0 0 -130px; padding:0; background-size:cover;}
}
@media screen and (max-width:479px){
	#cloude01 { position:absolute; top:260px; left:0; width:156px; height:172px; z-index:-900;}
	#cloude02 { position:absolute; top:260px; right:0; width:149px; height:182px; z-index:-900;}
	#main { margin:0; padding:0; height:450px;}
	#main h2 { width:172px; height:89px; position:absolute; top:40px; left:50%; margin:0 0 0 -86px; padding:0; background-size:cover;}
	#main h3 { width:260px; height:84px; position:absolute; top:149px; left:50%; margin:0 0 0 -130px; padding:0; background-size:cover;}
}




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

#cloude03 { position:absolute; bottom:-160px; right:80%; width:614px; height:192px; z-index:-900;}
#news { margin:0; padding:120px 0 0 0; position:relative; box-sizing:border-box; }
#news h2.title { width:126px; height:80px; margin:0 auto; padding:0; background:url(../img/news_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#news dl { width:600px; margin:0 auto; padding:18px 0; border-bottom:1px solid #528298; text-align:left; color:#FFF;}
#news dl:first-of-type { border-top:1px solid #528298; margin-top:60px; /*margin-top:20px;*/}
.bnr2019utage { margin-top:60px; line-height:1%; font-size:1%;}
.bnr2017s { /*margin-top:60px;*/ line-height:1%; font-size:1%;}
.bnr_cbd { line-height:1%; font-size:1%; margin-top:60px; }
.news_bnr { display:block;}
@media screen and (max-width:479px){
	.bnr2019utage { width:90%; height:auto; margin:30px auto 0px;}
	.bnr2017s { width:90%; height:auto; margin:10px auto 0px; /*margin:30px auto 0px;*/}
	.bnr_cbd { width:90%; height:auto; margin:10px auto 0px;}
}

#news dl:last-of-type { margin-bottom:30px;}
#news dt { margin:0 0 10px 0; padding:0; line-height:100%;}
#news dd { margin:0; padding:0; line-height:100%;}
#news dt a { color:#FFF; font-size:85%; line-height:100%; margin:0; padding:0;}
#news dd a { color:#FFF; font-size:95%; line-height:110%; margin:0; padding:0;}
#news a.more { margin:0; padding:0; color:#FFF; font-size:95%;}
@media screen and (min-width: 480px) and (max-width: 860px){
	#cloude03 { position:absolute; bottom:0; right:70%; width:307px; height:96px; z-index:-900;}
	#news { margin:0; padding:0px 0 100px 0;}
	#news h2.title { width:95px; height:61px; background-size:cover;}
	#news dl { width:90%;}
	#news dl:first-of-type { margin-top:30px;}
	#news dl:last-of-type { margin-bottom:20px;}
	#news dt a { font-size:90%; line-height:100%;}
	#news dd a { font-size:100%; line-height:140%;}
	#news a.more { font-size:100%;}
}
@media screen and (max-width:479px){
	#cloude03 { position:absolute; bottom:0; left:-40%; width:307px; height:96px; z-index:-900;}
	#news { margin:0; padding:40px 0 100px 0;}
	#news h2.title { width:95px; height:61px; background-size:cover; margin-bottom:30px;}
	#news dl { width:90%;}
	#news dl:first-of-type { margin-top:30px;}
	#news dl:last-of-type { margin-bottom:20px;}
	#news dt a { font-size:90%; line-height:100%;}
	#news dd a { font-size:100%; line-height:140%;}
	#news a.more { font-size:100%;}
}





#newspost_cloude01 { position:absolute; top:40px; right:80%; width:676px; height:250px; z-index:-900;}
#newspost_cloude02 { position:absolute; top:100px; left:92%; width:614px; height:259px; z-index:-900;}
#newspost_cloude03 { position:absolute; top:85%; right:90%; width:756px; height:250px; z-index:-900;}
#newspost_cloude04 { position:absolute; top:95%; left:80%; width:614px; height:192px; z-index:-900;}

#newspost { margin:0; padding:120px 0 0 0; position:relative; box-sizing:border-box; }
#newspost h2.title { width:126px; height:80px; margin:0 auto; padding:0; background:url(../img/news_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#newspost dl { width:100%; margin:0 auto; padding:18px 0; border-bottom:1px solid #528298; text-align:left; color:#FFF;}
#newspost dl:first-of-type { border-top:1px solid #528298;}
#newspost dl:last-of-type { margin-bottom:30px;}
#newspost dt { margin:0 0 10px 0; padding:0; line-height:100%;}
#newspost dd { margin:0; padding:0; line-height:100%;}
#newspost dt a { color:#FFF; font-size:85%; line-height:100%; margin:0; padding:0;}
#newspost dd a { color:#FFF; font-size:95%; line-height:110%; margin:0; padding:0;}
.news-post { color:#fff; padding:60px 0 60px 0; text-align:left;}
.news-post h2.cattitle { text-align:center; margin:0 0 40px 0; line-height:140%; font-size:140%;}
.news-post h3 { margin:0 0 40px 0; padding:0; line-height:140%; font-size:140%;}
.news-post h3 span { font-size:60%;}
.news-post p { margin:0 0 15px 0; padding:0;}
.news-post p:last-of-type { margin-bottom:0px;}
.news-post img { max-width:100%!important;}
.news-post a { color:#FFF;}
.paging { border-top:1px solid #528298; border-bottom:1px solid #528298; padding:15px 0; margin:30px 0 60px 0;}
.navitop { float:left; width:34%; text-align:center;}
.navitop2 { width:34%; text-align:center; margin:0 auto;}
.navileft { float:left; width:33%; text-align:left; word-break:break-all; line-height:1.5em; color:#999;}
.naviright { float:right; width:33%; text-align:right; word-break:break-all; line-height:1.5em; color:#999;}
.footer-widgets { margin:40px auto 0; padding:0;}
.widgettitle { text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 20px; text-align: center; color:#fff;}
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.widget_search #searchsubmit { display: none;}
.footer-widgets li { margin:0; padding:0; display:inline;}
#categories-3 { width:30%; float:left; text-align:center;}
#archives-3 { width:30%; margin:0 5%; float:left; text-align:center;}
#archives-3 select { font-size:80%;}
#search-3 { width:30%; float:right; text-align:center;}
#categories-3 select, #archives-3 select { font-size:80%; border:none; margin:0 auto;}
#search-3 form input { font-size:80%; border:none;}
#newstop .wrapper { width:820px;}
.cms-field { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
.cms-field-01 { width: 30%;}
.cms-field-02 { width: 30%;}
.cms-field-03 { width: 36%;}
.cms-field-01 input[type="text"],
.cms-field-02 input[type="text"],
.cms-field-03 input[type="text"] { border: none; font-size: 14px;}
.cms-field-01 select,
.cms-field-02 select { border: none; width: 100%; font-size: 14px;}
.cms-field-03 .submit { background: #f8e133; border: 1px solid #f8e133; font-size: 12px; padding: 3px 10px 2px}
#blogSearchInput { width: 70%;}
@media screen and (min-width: 480px) and (max-width: 860px){
	#newstop .wrapper { width:100%;}
	#newspost { background:url(../img/story02.png) no-repeat 240% 0, url(../img/story04.png) no-repeat -100% 100%;}
	.paging-navigation { width:90%; margin:60px auto 0;}
	#newspost { margin:0; padding:60px 0 0 0; position:relative; box-sizing:border-box; }
	#newspost h2.title { width:95px; height:61px; background-size:cover;}
	#newspost_cloude01 { display:none;}
	#newspost_cloude02 { display:none;}
	#newspost_cloude03 { display:none;}
	#newspost_cloude04 { display:none;}
	#newspost dl { width:90%;}
	#newspost dl:first-of-type { margin-top:0px;}
	#newspost dl:last-of-type { margin-bottom:20px;}
	#newspost dt a { font-size:90%; line-height:100%;}
	#newspost dd a { font-size:100%; line-height:140%;}
	#newspost a.more { font-size:100%;}
	#categories-3 { width:100%; margin:0 auto; text-align:center;}
	#archives-3 { width:100%; margin:0 auto; text-align:center;}
	#search-3 { width:100%; margin:0 auto; text-align:center;}
	.paging { width: 90%; margin:60px auto 0;}
	.news-post h3 { width: 90%; margin:0 auto 40px;}
	.news-post .entry { width: 90%; margin:0 auto;}
}
@media screen and (max-width:479px){
	#newstop .wrapper { width:100%;}
	#newspost { background:url(../img/story02.png) no-repeat 240% 0, url(../img/story04.png) no-repeat -100% 100%;}
	.paging-navigation { width:90%; margin:60px auto 0;}
	#newspost { margin:0; padding:60px 0 0 0; position:relative; box-sizing:border-box; }
	#newspost h2.title { width:95px; height:61px; background-size:cover;}
	#newspost_cloude01 { display:none;}
	#newspost_cloude02 { display:none;}
	#newspost_cloude03 { display:none;}
	#newspost_cloude04 { display:none;}
	#newspost dl { width:90%;}
	#newspost dl:first-of-type { margin-top:0px;}
	#newspost dl:last-of-type { margin-bottom:20px;}
	#newspost dt a { font-size:90%; line-height:100%;}
	#newspost dd a { font-size:100%; line-height:140%;}
	#newspost a.more { font-size:100%;}
	.widgettitle { margin-bottom: 0px;}
	#categories-3 { width:100%; margin:0 auto 30px; text-align:center;}
	#archives-3 { width:100%; margin:0 auto 30px; text-align:center;}
	#search-3 { width:100%; margin:0 auto; text-align:center;}
	.paging { width: 90%; margin:20px auto 20px;}
	.news-post h3 { width: 90%; margin:0 auto 40px;}
	.news-post .entry { width: 90%; margin:0 auto;}
    .cms-field { width: 90%; margin: 0 auto;}
    .cms-field-01 { width: 100%;}
    .cms-field-02 { width: 100%;}
    .cms-field-03 { width: 100%;}
}



.wp-pagenavi { clear: both; text-align:center; margin:0 auto;}
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #528298; padding: 3px 5px; margin: 2px; color:#F8e133;}
.wp-pagenavi a:hover { border-color:#FFF;}
.wp-pagenavi span.current { border-color:#fff;}
.wp-pagenavi span.current { background:rgba(255, 255, 255, 0.1); color:#F8e133;}


/*-----mission----*/

#cloude04 { position:absolute; bottom:-30px; left:55%; width:902px; height:380px; z-index:-900;}
#human01 { position:absolute; top:290px; left:50%; margin-left:320px; width:101px; height:228px; z-index:-800;}
#human02 { position:absolute; top:300px; left:54%; margin-left:360px; width:172px; height:auto; z-index:-800;}
#human03 { position:absolute; top:415px; left:50%; margin-left:410px; width:88px; height:112px; z-index:-800;}
#mission { margin:0; padding:120px 0 0 0; box-sizing:border-box; position:relative;}
#mission h2.title { width:155px; height:79px; margin:0 auto 60px; padding:0; background:url(../img/mission_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#mission h3 { width:587px; height:37px; margin:0 auto 70px; padding:0; background:url(../img/mission_title2.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden}
.missionL { width:450px; float:left; margin:0 0 0 20px; text-align:left; color:#FFF;}
.missionL h4 { width:427px; height:75px; margin:0 0 30px 0; padding:0; background:url(../img/mission_title3.svg) no-repeat 0 0; text-indent:-9999px; font-size:0%; line-height:0%; text-decoration:none; overflow:hidden;}
.missionR { width:360px; float:left; margin:0 0 0 60px; padding:0;}
@media screen and (min-width: 480px) and (max-width: 860px){
	#cloude04 { display:none;}
	#mission { background:url(../img/mission05.png) no-repeat 100% 90%; background-size:270px 190px; padding:20px 0 100px 0;}
	#mission h2.title { width:118px; height:60px; background-size:cover;}
	#mission h3 { width:200px; height:64px; margin:0 auto; padding:0; background:url(../img/main2.svg) no-repeat 0 0; background-size:cover;}
	.missionL { width:90%; float:none; margin:0 auto; text-align:left; color:#FFF;}
	.missionL h4 { width:260px; height:46px; margin:30px auto 30px; background:url(../img/mission_title3sp.svg) no-repeat 0 0; background-size:cover;}
	.missionR { width:90%; float:none; margin:30px auto 0; padding:0;}
	.missionR iframe{width:60%;}
}
@media screen and (max-width:479px){
	#cloude04 { display:none;}
	#mission { background:url(../img/mission05.png) no-repeat 100% 90%; background-size:270px 190px; padding:20px 0 100px 0;}
	#mission h2.title { width:118px; height:60px; background-size:cover;}
	#mission h3 { width:200px; height:64px; margin:0 auto; padding:0; background:url(../img/main2.svg) no-repeat 0 0; background-size:cover;}
	.missionL { width:90%; float:none; margin:0 auto; text-align:left; color:#FFF;}
	.missionL h4 { width:260px; height:46px; margin:30px auto 30px; background:url(../img/mission_title3sp.svg) no-repeat 0 0; background-size:cover;}
	.missionR { width:90%; float:none; margin:30px auto 0; padding:0;}
	.missionR iframe{width:100%;}
}
@media screen and (max-width:890px){
	#human01 { display:none;}
	#human02 { display:none;}
	#human03 { display:none;}
}



/*-----products----*/

#products_cloude01 { position:absolute; top:0; right:80%; width:582px; height:392px; z-index:-900;}
#products_cloude02 { display:none;}
#products_cloude03 { position:absolute; top:740px; right:55%; width:791px; height:309px; z-index:-900;}
#products_cloude04 { position:absolute; top:960px; left:55%; width:795px; height:310px; z-index:-900;}
#products_cloude05 { position:absolute; top:1200px; right:55%; width:791px; height:309px; z-index:-900;}
#products_cloude06 { position:absolute; top:1500px; left:55%; width:795px; height:310px; z-index:-900;}
#products { margin:0; padding:120px 0; box-sizing:border-box; position:relative; }
#products h2.title { width:92px; height:79px; margin:0 auto 60px; padding:0; background:url(../img/products_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
.productsC { width:100%; margin:0 auto; padding:0 0 50px 0; font-size:100%; line-height:110%; font-weight:bold; background:url(../img/products02.png) no-repeat 50% 100%; background-size:669px 278px;}
.productsC img { margin:0 0 10px 0; padding:0; line-height:100%;}
.productsC span { display:block; line-height:160%; font-size:95%; margin-bottom:10px;}
.products01 { margin-top:0; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:center; gap: 32px 0; width: 390px;}
.products01 li { width:130px; font-size:85%; line-height:160%; font-weight:bold;}
.products02 { margin-top:0; /*margin-left: calc(50% + 192px);*/ margin-left: calc(50% + 12%); display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:left; gap: 32px 0; width: 390px;}
.products02 li { width:130px; font-size:85%; line-height:160%; font-weight:bold;}
.products03 { margin-top:0; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:right; gap: 32px 0; width: 390px;}
.products03 li { width:130px; font-size:85%; line-height:160%; font-weight:bold;}
.products04 { margin-top:0; /*margin-left: calc(50% + 192px);*/ margin-left: calc(50% + 12%); display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:left; gap: 32px 0; width: 390px;}
.products04 li { width:130px; font-size:85%; line-height:160%; font-weight:bold;}
.products01 li img,
.products02 li img,
.products03 li img,
.products04 li img { margin:10px 0 0px 0; padding:0; line-height:100%;}
@media screen and (max-width:1160px){
	.wrapper2 { width:100%; margin:0 auto; padding:0;}
}
@media screen and (max-width: 980px) {
    .products02 {
        margin-left: calc(50% + 8%);
    }
	.products04 {
        margin-left: calc(50% + 8%);
    }
}
@media screen and (min-width:860px) and (max-width:1160px){
	.products01 li { width:120px;}
	.products02 li { width:120px;}
	.products03 li { width:120px;}
	.products04 li { width:120px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#products_cloude03 { position:absolute; top:740px; right:52%; width:791px; height:309px; z-index:-900;}
	#products_cloude04 { position:absolute; top:740px; left:52%; width:795px; height:310px; z-index:-900;}
	#products_cloude05 { position:absolute; top:740px; right:52%; width:791px; height:309px; z-index:-900;}
	#products_cloude06 { position:absolute; top:740px; right:52%; width:795px; height:310px; z-index:-900;}
}
@media screen and (min-width: 480px) and (max-width: 860px){
	#products_cloude01 { display:none;}
	#products_cloude02 { display:none;}
	#products_cloude03 { display:none;}
	#products_cloude04 { display:none;}
	#products_cloude05 { display:none;}
	#products_cloude06 { display:none;}
	#products { padding:20px 0 100px;}
	#products h2.title { width:70px; height:60px; background-size:cover;}
	.productsC { width:100%; margin:0 auto; padding:0 0 40px 0; font-size:85%; line-height:120%; font-weight:bold; background:url(../img/products02.png) no-repeat 50% 100%; background-size:440px 182px;}
	.productsC img { width:200px; height:auto; margin:0 auto 10px; padding:0; line-height:100%;}
	.products01 { width:100%; height:240px; margin-top:30px; box-sizing:border-box; background:url(../img/products03.png) no-repeat -80px 100%; background-size:550px 214px; justify-content:left; padding-left: 32px;}
	.products01 li { width:120px; font-size:85%; line-height:160%; font-weight:bold;}
	.products01 li:nth-child(2) { margin:0 0.5%;}
	.products02 { width:100%; /*height:220px;*/ height: 240px; box-sizing:border-box; background:url(../img/products04.png) no-repeat 100% 100%; background-size:550px 214px; margin-left: 0; justify-content:right; /*padding-right: 152px;*/ padding-right: 32px;}
	.products02 li { width:120px; font-size:85%; line-height:160%; font-weight:bold;}
	.products02 li:nth-child(2) { margin:0 0.5%;}
	.products03 { width:100%; height:240px; box-sizing:border-box; background:url(../img/products03.png) no-repeat -80px 100%; background-size:550px 214px; justify-content:left; padding-left: 152px;}
	.products03 li { width:120px; font-size:85%; line-height:160%; font-weight:bold;}
	.products03 li:nth-child(2) { margin:0 0.5%;}
	.products04 { width:100%; /*height:220px;*/ height: 240px; box-sizing:border-box; background:url(../img/products04.png) no-repeat 100% 100%; background-size:550px 214px; margin-left: 0; justify-content:right; /*padding-right: 152px;*/ padding-right: 32px;}
	.products04 li { width:120px; font-size:85%; line-height:160%; font-weight:bold;}
	.products04 li:nth-child(2) { margin:0 0.5%;}
	.products01 li img,
	.products02 li img,
	.products03 li img,
	.products04 li img { width:65px; height:auto; margin-bottom:5px;}
}
@media screen and (max-width:479px){
	#products_cloude01 { display:none;}
	#products_cloude02 { display:none;}
	#products_cloude03 { display:none;}
	#products_cloude04 { display:none;}
	#products_cloude05 { display:none;}
	#products_cloude06 { display:none;}
	#products { padding:20px 0 100px;}
	#products h2.title { width:70px; height:60px; background-size:cover;}
	.productsC { width:100%; margin:0 auto; padding:0 0 40px 0; font-size:85%; line-height:160%; font-weight:bold; background:url(../img/products02.png) no-repeat 50% 100%; background-size:440px 182px;}
	.productsC img { width:200px; height:auto; margin:0 auto 10px; padding:0; line-height:100%;}
	.products01 { float:none; width:100%; height:240px; margin-top:30px; box-sizing:border-box; background:url(../img/products03.png) no-repeat -150px 100%; background-size:550px 214px;}
	.products01 li { width:33%; float:left; font-size:85%; line-height:160%; font-weight:bold;}
	.products01 li:nth-child(2) { margin:0 0.5%;}
	.products02 { float:none; width:100%; /*height:220px;*/ height: 240px; margin-top:30px; box-sizing:border-box; clear:both; background:url(../img/products04.png) no-repeat -50px 100%; background-size:550px 214px; margin-left: 0; padding-right: 0px; justify-content:center;}
	.products02 li { width:33%; float:left; font-size:85%; line-height:160%; font-weight:bold;}
	.products02 li:nth-child(2) { margin:0 0.5%;}
	.products03 { float:none; width:100%; height:240px; margin-top:30px; box-sizing:border-box; background:url(../img/products03.png) no-repeat -150px 100%; background-size:550px 214px; padding-left: 0px; justify-content:center;}
	.products03 li { width:33%; float:left; font-size:85%; line-height:160%; font-weight:bold;}
	.products03 li:nth-child(2) { margin:0 0.5%;}
	.products04 { float:none; width:100%; /*height:220px;*/ height: 240px; margin-top:30px; box-sizing:border-box; clear:both; background:url(../img/products04.png) no-repeat -50px 100%; background-size:550px 214px; margin-left: 0; padding-right: 0px; justify-content:center;}
	.products04 li { width:33%; float:left; font-size:85%; line-height:160%; font-weight:bold;}
	.products04 li:nth-child(2) { margin:0 0.5%;}
	.products01 li img,
	.products02 li img,
	.products03 li img,
	.products04 li img { width:65px; height:auto; margin-bottom:5px;}
}


/*-----utage----*/

#utage { margin:0; padding:220px 0 0; box-sizing:border-box; position:relative; color:#FFF;}
#utage h2.title { width:325px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/event_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
.utage_img { margin:20px auto; text-align:center; width:936px; height:334px; position:relative;}
.utage_img01 { position:absolute; top:0; left:0px;}
.utage_img02 { position:absolute; bottom:0; right:0px;}
.utage_img03 { position:absolute; top:0px; leftt:50%; margin-left:-190px;}
.utage_img03-2 { position:absolute; top:49px; leftt:-30px;}
.utage_img03-3 { position:absolute; top:40px; right:-30px;}
.utage_img04 { display:none;}
#utage p { margin:0 0 20px 0; padding:0;}
#utage a { display: block; box-sizing: border-box; text-align: center; font-size: 85%; color:#00354B; font-weight: bold; background: url(../img/external_link.svg) no-repeat 95% 50% #f8e133; width: 340px; margin:0 auto; padding: 12px 0 10px; line-height: 100%;}
#utage a:hover { color:#00354B; background: url(../img/external_link.svg) no-repeat #FFECC1 95% 50%;}
@media screen and (min-width: 480px) and (max-width: 860px){
	#utage { padding:20px 0 100px;}
	#utage h2.title { width:299px; height:60px!important; background:url(../img/event_title2.svg) no-repeat 50% 0; background-size: contain; margin-left:auto; margin-right:auto;}
	#utage p { width: 90%; margin:0 auto; text-align: justify; text-justify: inter-ideograph;}
	.utage_img { margin:15px auto; text-align:center; width:100%; height:auto; position:relative;}
	.utage_img01 { display:none!important;}
	.utage_img02 { display:none!important;}
	.utage_img03 { display:none!important;}
	.utage_img03-2 { display:none!important;}
	.utage_img03-3 { display:none!important;}
	.utage_img04 { display:block; margin:0 auto 32px; /*width:60%;*/}
	#utage a { margin:20px auto 0; max-width:90%;}
}
@media screen and (max-width:479px){
	#utage { padding:20px 0 100px;}
	#utage h2.title { width:299px; height:60px!important; background:url(../img/event_title2.svg) no-repeat 50% 0; background-size: contain; margin-left:auto; margin-right:auto;}
	#utage p { width: 90%; margin:0 auto; text-align: justify; text-justify: inter-ideograph;}
	#utage p br { display: none;}
	.utage_img { margin:15px auto; text-align:center; width:100%; height:auto; position:relative;}
	.utage_img01 { display:none!important;}
	.utage_img02 { display:none!important;}
	.utage_img03 { display:none!important;}
	.utage_img03-2 { display:none!important;}
	.utage_img03-3 { display:none!important;}
	.utage_img04 { display:block; margin:0 auto 32px; /*width:90%;*/ /*display: inline-block; width: 30%;*/}
	#utage a { margin:20px auto 0; max-width:90%;}
}


/*-----cbd----*/

#cbd { margin:0; padding:220px 0 0; box-sizing:border-box; position:relative; color:#FFF;}
#cbd h2.title { width:329px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/project_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
.cbd_img { margin:20px auto; text-align:center; width:1337px; height:340px; position:relative;}
.cbd_img01 { position:absolute; top:220px; left:0px;}
.cbd_img02 { position:absolute; top:220px; right:0px;}
.cbd_img03 { position:absolute; top:0px; leftt:50%; margin-left:-190px;}
.cbd_img03-2 { position:absolute; top:100px; left:120px;}
.cbd_img03-3 { position:absolute; top:100px; right:120px;}
.cbd_img04 { display:none;}
#cbd p { margin:0 0 20px 0; padding:0;}
#cbd a { display: block; box-sizing: border-box; text-align: center; font-size: 85%; color:#00354B; font-weight: bold; background: url(../img/external_link.svg) no-repeat 95% 50% #f8e133; width: 340px; margin:0 auto 10px; padding: 12px 0 10px; line-height: 100%;}
#cbd a:hover { color:#00354B; background: url(../img/external_link.svg) no-repeat #FFECC1 95% 50%;}
@media screen and (min-width: 480px) and (max-width: 860px){
	#cbd { padding:20px 0 100px;}
	#cbd h2.title { width:295px; height:60px!important; background:url(../img/project_title2.svg) no-repeat 50% 0; background-size: contain; margin-left:auto; margin-right:auto;}
	#cbd p { width: 90%; margin:0 auto; text-align: justify; text-justify: inter-ideograph;}
	.cbd_img { margin:15px auto; text-align:center; width:100%; height:auto; position:relative;}
	.cbd_img01 { display:none!important;}
	.cbd_img02 { display:none!important;}
	.cbd_img03 { display:none!important;}
	.cbd_img03-2 { display:none!important;}
	.cbd_img03-3 { display:none!important;}
	.cbd_img04 { display:block; margin:0 auto 5px; width:60%;}
	.cbd_img04-1 { margin:0 auto 20px;}
	#cbd a { margin:20px auto 10px; max-width:90%;}
}
@media screen and (max-width:479px){
	#cbd { padding:0px 0 0px;!important}
	#cbd h2.title { width:295px; height:60px!important; background:url(../img/project_title2.svg) no-repeat 50% 0; background-size: contain; margin-left:auto; margin-right:auto;}
	#cbd p { width: 90%; margin:0 auto; text-align: justify; text-justify: inter-ideograph;}
	.cbd_img { margin:15px auto; text-align:center; width:100%; height:auto; position:relative;}
	.cbd_img01 { display:none!important;}
	.cbd_img02 { display:none!important;}
	.cbd_img03 { display:none!important;}
	.cbd_img03-2 { display:none!important;}
	.cbd_img03-3 { display:none!important;}
	.cbd_img04 { display:block; margin:0 auto 5px; width:90%;}
	.cbd_img04-1 { margin:0 auto 20px;}
	#cbd a { margin:20px auto 10px; max-width:90%;}
}


/*-----tour----*/

#tour { margin:0; /*padding:120px 0 0;*/ padding:190px 0 0; box-sizing:border-box; position:relative; color:#FFF;}
#tour h2.title { width:607px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/tour_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
.tour { width:1256px; height:464px; margin:40px auto 0; padding:0; background:url(../img/tour01.png) no-repeat bottom center; position:relative;}
.column-flex { width:1100px; margin:0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;}
.tour-box { color:#111; line-height:160%;}
.tour-box h2 { color:#111; margin:0; padding:0; line-height:160%; font-size:95%; font-weight:bold;}
.tour-box span { font-size:85%;}
.tour-box:first-child { padding-top:50px;}
.tour-box:last-child { padding-top:50px;}
.tour a { display: block; border: 1px solid #01364B; box-sizing: border-box; text-align: center; font-size: 85%; color: #00354B; font-weight: bold; background: url(../img/external_link.svg) no-repeat 95% 50%; width: 340px; margin:-30px auto 0; padding: 12px 0 10px; line-height: 100%;}
.tour a:hover { color:#FFF; background: url(../img/external_link3.svg) no-repeat #01364B 95% 50%;}
@media screen and (min-width:860px) and (max-width:1160px){
	.tour { width:100%; height:auto; margin:20px auto 0; padding:0 0 40px 0; background:url(../img/beerworks04.png) repeat-x 50% 100%; background-size:577px 300px; position:relative;}
	.column-flex { width:93%; margin:0 auto;}
	.tour-box h2 { line-height:140%;}
	.tour-box { width:31%;}
	.tour-box img { width:100%; height:auto;}
	.tour-box:first-child { padding-top:0px;}
	.tour-box:last-child { padding-top:0px;}
	.tour a { margin:20px auto 0;}
}
@media screen and (min-width: 480px) and (max-width: 860px){
	#tour { padding:40px 0 80px;}
	#tour h2.title { width:360px; height:80px; background:url(../img/tour_title2.svg) no-repeat 0 0; background-size:cover;}
	#tour p { width: 90%; margin:0 auto; text-align: justify; text-justify: inter-ideograph;}
	.tour { width:100%; height:auto; margin:20px auto 0; padding:0 0 40px 0; background: url(../img/beerworks04.png) repeat-x 50% 100%;
    background-size:577px 300px; /*background:url(../img/tour01.png) no-repeat bottom center; position:relative;*/}
	.column-flex { width:93%; margin:0 auto;}
	.tour-box { width:31%;}
	.tour-box span { font-size:80%; line-height:140%; }
	.tour-box img { width:100%; height:auto;}
	.tour-box br { display:none;}
	.tour-box:first-child { padding-top:0px;}
	.tour-box:last-child { padding-top:0px;}
	.tour a { margin:30px auto 0; max-width:90%;}
}
@media screen and (max-width:479px){
	#tour { padding:40px 0 80px;}
	#tour h2.title { width:300px; height:106px; background:url(../img/tour_title2.svg) no-repeat 0 0; background-size:cover;}
	.tour-box h2 { color:#FFF;}
	.tour-box span { color:#FFF;}
	#tour p { width: 90%; margin:0 auto; text-align: justify; text-justify: inter-ideograph; color:#FFF;}
	.tour { width:100%; height:auto; margin:20px auto 0; padding:0 0 60px 0; position:relative; background:none; color:#FFF; /*background:url(../img/products04.png) no-repeat -50px 10%, url(../img/products03.png) no-repeat -180px 60%, url(../img/products04.png) no-repeat -50px 100%;*/ /*background-size:550px 214px, 550px 214px,550px 214px;*/}
	.column-flex { width:90%; margin:0 auto; display:block;}
	.tour-box { width:100%; padding-bottom:25px;}
	.tour-box img { width:100%; height:auto;}
	.tour-box:first-child { padding-top:0px;}
	.tour-box:last-child { padding-top:0px; padding:0;}
	.tour a { margin:30px auto 0; max-width:90%; background-color:#FFCC4E;}
}


#fbnr2019utage { position:fixed; right:0%; /*bottom:340px;*/ bottom:90px; cursor:pointer; width:211px; height:327px; /*display:none;*/ background:url(../img/fbnr2019utage.png) no-repeat 0 0;}
#fbnr2019utage:hover { background-position:0 -327px; z-index:100;}
#fbnr2017s { position:fixed; right:0%; bottom:90px; /*bottom:300px;*/ cursor:pointer; width:220px; height:255px; display:none; background:url(../img/fbnr2017s.png) no-repeat 0 0; z-index:100;}
#fbnr2017s:hover { background-position:0 -255px;}

#fbnr_cbd { position:fixed; right:5px; bottom:170px; cursor:pointer; width:200px; height:140px; display:none; background:url(../img/fbnr_cbd.png) no-repeat 0 0;}
#fbnr_cbd:hover { background-position:0 -140px; z-index:100;}

@media screen and (max-width:890px){
	#fbnr2019utage { display:none!important; width:30%;}
	#fbnr2017s { display:none!important; width:30%;}
}

.bottom_nav { display:none;}
@media screen and (max-width:890px){
	.bottom_nav { display:block; height:40px; position:fixed; bottom:0; left:0; width:100%; z-index:100; box-sizing:border-box;}
	.bottom_nav a { display:block; background:#EFB331; height:40px; width:100%; color:#00354B; font-weight:bold; box-sizing:border-box; padding-top:10px; font-size:90%; letter-spacing:-0.06em; border-bottom:1px solid #00354B;}
	.bottom_nav a:last-child { border-bottom:none;}
}


/*-----onlineshop----*/
#shop_human01 { position:absolute; left:50%; top:235px; margin-left:-270px;}
#shop_human02 { position:absolute; left:50%; top:220px; margin-left:200px;}
#onlineshop { margin:0; padding:120px 0 0 0; box-sizing:border-box; position:relative; color:#FFF;}
#onlineshop h2.title { width:418px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/shop_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#onlineshop p { margin-bottom:30px;}
.onlineshop { width:1261px; height:392px; margin:0 auto; padding:0; background:url(../img/shop05.png) no-repeat top center; position:relative;}
.onlineshop ul { width:300px; margin:0 auto; padding:257px 0 0 0;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;}
.onlineshop ul li { margin:0; padding:0; display:inline; line-height:100%;}
.onlineshop ul li a { display:block; width:300px; box-sizing:border-box; background: url(../img/external_link.svg) no-repeat 95% 50% #f8e133; border-right:2px solid #11192B; border-bottom:2px solid #11192B; text-align:center; color:#00354B; font-weight:bold; font-size:110%; padding:20px 0; line-height:100%;}
.onlineshop ul li a:hover { background-color:#FFECC1;}
@media screen and (max-width:1261px){
	.onlineshop { width:100%; background:url(../img/shop01.png) no-repeat top center;}
}
@media screen and (max-width:890px){
	#onlineshop { padding:0px 0 100px 0;}
	#onlineshop h2.title { width:144px; height:80px; background:url(../img/shop_title2.svg) no-repeat 0 0; background-size:cover;}
	.onlineshop { width:100%; height:380px; margin:0 auto; padding:0; background:url(../img/shop02.png) no-repeat 50% 0; background-size:595px 380px;}
	.onlineshop ul { width:260px; margin:0 auto; padding:180px 0 0 0; display:block; justify-content:none;}
	.onlineshop ul li a { display:block; width:260px; box-sizing:border-box; background: url(../img/external_link.svg) no-repeat 95% 50% #f8e133; border-right:2px solid #11192B; border-bottom:2px solid #11192B; text-align:center; color:#00354B; font-weight:bold; font-size:110%; padding:20px 0; line-height:100%; margin:20px auto 0;}
	#shop_human01 { display:none;}
	#shop_human02 { display:none;}
	#onlineshop p { width:90%; margin-left:auto; margin-right:auto; text-align: justify; text-justify: inter-ideograph;}
}




/*-----beerworks----*/

#beerworks_cloude01 { position:absolute; top:340px; left:50%; width:1073px; height:356px; z-index:-900; margin-left:-570px;}
#beerworks { margin:0; padding:120px 0 0 0; box-sizing:border-box; position:relative; }
#beerworks h2.title { width:668px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/beerworks_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#beerworks .wrapper2 p { width:570px; margin:auto; text-align:left;}
#beerworks .wrapper2 a { display:block; border:1px solid #01364B; box-sizing:border-box; text-align:center; font-size:85%; color:#00354B; font-weight:bold; background: url(../img/external_link.svg) no-repeat 95% 50%; width:280px; margin:0px auto 0; padding:12px 0 10px; line-height:100%;}
#beerworks .wrapper2 a:hover { color:#FFF; background: url(../img/external_link3.svg) no-repeat #01364B 95% 50%;}
@media screen and (max-width:890px){
	#beerworks_cloude01 { display:none;}
	#beerworks { margin:0 0 40px 0; padding:20px 0 0 0;}
	#beerworks h2.title { width:190px; height:102px; margin:0 auto 30px; padding:0; background:url(../img/beerworks_title2.svg) no-repeat 50% 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden; background-size:cover;}
	#beerworks .wrapper2 { width:100%; margin:0 auto; background:url(../img/beerworks04.png) no-repeat 50% 50%; background-size: cover;padding:30px 0 60px;}
	#beerworks .wrapper2 .sp { width:90%; margin:0 auto; height:auto;}
	#beerworks .wrapper2 .sp img { width:100%; height:auto;}
	#beerworks .wrapper2 p { width:90%; margin:auto; text-align:left;}
	#beerworks .wrapper2 a { margin:10px auto 0;}
}




/*-----story----*/

#story_cloude01 { position:absolute; top:10%; right:80%; width:676px; height:250px; z-index:-900;}
#story_cloude02 { position:absolute; top:15%; left:92%; width:614px; height:259px; z-index:-900;}
#story_cloude03 { position:absolute; top:80%; right:90%; width:756px; height:250px; z-index:-900;}
#story_cloude04 { position:absolute; top:90%; left:80%; width:614px; height:192px; z-index:-900;}
#story { margin:0; padding:120px 0 0 0; position:relative; box-sizing:border-box; }
#story h2.title { width:159px; height:77px; margin:0 auto 60px; padding:0; background:url(../img/story_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#story h2.title.history { background:url(../img/history_title.svg) no-repeat 0 0;}
#story .wrapper3 {width:670px; box-sizing:border-box;}
#story .wrapper3 .slide-conts { width:670px; margin:0 auto; height:420px; color:#FFF; text-align:left;
-ms-writing-mode: tb-rl;;
writing-mode: tb-rl; /*IE*/
-o-writing-mode: vertical-rl; /*Opera*/
-webkit-writing-mode: vertical-rl; /*Chrome, Safari*/
writing-mode: vertical-rl; /*Firefox, Edge*/
padding:30px 0px; box-sizing:border-box; }
#story .wrapper3 .slide-conts.bg01 { background: url(../img/slide_bg1.jpg) no-repeat 50% 50% / cover;}
#story .wrapper3 .slide-conts.bg02 { background: url(../img/slide_bg2.jpg) no-repeat 50% 50% / cover;}
#story .wrapper3 .slide-conts.bg03 { background: url(../img/slide_bg3.jpg) no-repeat 50% 50% / cover;}
#story .wrapper3 .slide-conts.bg04 { background: url(../img/slide_bg4.jpg) no-repeat 50% 50% / cover;}
#story .wrapper3 .slide-conts.bg05 { background: url(../img/slide_bg5.jpg) no-repeat 50% 50% / cover;}
#story .wrapper3 .slide-conts.bg06 { background: url(../img/slide_bg6.jpg) no-repeat 50% 50% / cover;}
#story .wrapper3 .slide-conts p { line-height:180%; padding:0 20px 0 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#story .wrapper3 .slide-conts p strong { font-size:120%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.slide-conts p:first-child { padding:0 35px 0 15px!important;}

.flex-direction-nav {}
.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-next {-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.flex-direction-nav a.flex-prev { width: 40px; position: absolute; top: 22px;left: auto!important; right: 0!important; height: 420px; background: url(../img/arw-next.svg) no-repeat 50% 50% !important; background-size: 12px 20px!important;}
.flex-direction-nav a.flex-next { width: 40px; position: absolute; top: 22px; left: 0; height: 420px; background: url(../img/arw-prev.svg) no-repeat 50% 50% !important; background-size: 12px 20px!important;}
.flex-direction-nav a.flex-prev:hover,
.flex-direction-nav a.flex-next:hover { background-color: rgba(255,255,255,.2)!important;}

.story-pc { display: block; background:rgba(0,0,0,.3);}
.story-sp { display: none; text-align: right; overflow-x: auto; /*display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between; flex-direction:row-reverse;*/}
.story-sp-conts { /*padding-bottom:20px;*/ -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left; display: inline-block; }
.story-sp-conts div p:nth-child(1) { margin: 0 60px 0 30px;}
.hint2 { display: none; font-size: 12px; color: #fff; margin-top: 8px;}
@media screen and (max-width:890px){
	#story_cloude01 { display:none;}
	#story_cloude02 { display:none;}
	#story_cloude03 { display:none;}
	#story_cloude04 { display:none;}
	.story-pc { display: none; }
	.story-sp { display: block; width:90%; margin:0 auto; color:#FFF; /*text-align:left;*/ background: url(../img/slide_bg4.jpg) no-repeat 50% 50% / cover; height:400px; overflow-x: scroll; overflow-y: hidden; /*overflow:auto;*/ -webkit-overflow-scrolling: touch; /*background:rgba(0,0,0,.3);*/ box-sizing:border-box; padding:15px}
	.story-sp p { line-height:180%; padding:20px 0px 0; margin: 0 0 0 20px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; /*font-family:"メイリオ","ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka,"ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;*/ }
	.story-sp p strong { font-size:120%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; /*font-family:"メイリオ","ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka,"ＭＳ Ｐゴシック", Meiryo, MS PGothic, sans-serif;*/ }
	.story-sp p span {text-combine-upright: all;}
	.wrapper3 { background:url(../img/story02.png) no-repeat 240% 0, url(../img/story04.png) no-repeat -100% 100%; background-size:70%; padding:0px 0 120px; width:100%!important;}
	.hint2 { display: block;}
}
@media screen and (max-width:890px){
	.wrapper3 { width:100%!important;}
	#story { padding:20px 0 20px 0;}
	#story h2.title { width:122px; height:60px; background-size:cover;}
}
@media screen and (max-width:480px){
	.wrapper3 { width:100%!important;}
	#story { padding:20px 0 20px 0;}
	#story h2.title { width:122px; height:60px; background-size:cover;}
	/*.story-sp { height:300px; overflow:auto;}*/
}




/*-----process----*/

#process { margin:0; padding:120px 0 0 0; position:relative; box-sizing:border-box; }
#process h2.title { width:171px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/process_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#process .wrapper2 { background:url(../img/process01.png) no-repeat 50% 0; width:1195px; height:1001px; position:relative;}
.process { width:360px; margin:0; padding:0; text-align:left;}
.process h3 { font-weight:bold; font-size:140%; color:#00354B; margin:0 0 20px 0; padding:0; line-height:100%;}
.process p { font-size:85%;}
.process01 { position:absolute; top:100px; left:50%; margin-left:-420px;}
.process02 { position:absolute; top:160px; left:50%; margin-left:50px;}
.process03 { position:absolute; top:320px; left:50%; margin-left:-140px;}
.process04 { position:absolute; top:560px; left:50%; margin-left:-320px;}
.process05 { position:absolute; top:750px; left:50%; margin-left:-260px;}
#process_human01 { position:absolute; top:950px; left:50%; margin-left:-500px; width:174px; height:223px; z-index:10;}
#process_human02 { position:absolute; top:780px; left:50%; margin-left:165px; width:415px; height:299px; z-index:10;}
@media screen and (max-width:1195px){
	#process .wrapper2 { width:100%;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#process_human01 { position:absolute; top:950px; left:50%; margin-left:-460px; width:174px; height:223px; z-index:10;}
	#process_human02 { position:absolute; top:810px; left:50%; margin-left:125px; width:360px; height:259px; z-index:10;}
}
@media screen and (max-width:890px){
	#process { padding:20px 0 100px 0;}
	#process h2.title { width:128px; height:60px; margin:0 auto 30px; background-size:cover;}
	#process .wrapper2 { background:none; position:static; width:100%; height:auto;}
	.sp-bg1 { background: url(../img/process04.png) no-repeat 50% 50%; background-size:cover; padding:60px 0;}
	.sp-bg2 { background: url(../img/process05.png) no-repeat 50% 50%; background-size:cover; padding:50px 0 40px;}
	.process01 { position:static; width:90%; margin:0 auto 30px;}
	.process02 { position:static; width:90%; margin:0 auto 30px;}
	.process03 { position:static; width:90%; margin:0 auto 30px;}
	.process04 { position:static; width:90%; margin:0 auto;}
	.process05 { position:static; width:90%; margin:10px auto 0;}
	.process-sp-img01 { width:70%; margin:0 auto; height:auto;}
	.ph-l { float:left; margin:0 10px 0 0; width:35%; height:auto;}
	.ph-r { float:right; margin:0 0 0 10px; width:35%; height:auto;}
}




/*-----company----*/

.company_cloude01 { position:absolute; top:20%; left:50%; margin-left:300px; width:361px; height:78px; z-index:-900;}
.company_cloude02 { position:absolute; top:30%; left:50%; margin-left:-950px; width:527px; height:115px; z-index:-900;}
.company_cloude03 { position:absolute; top:40%; left:50%; margin-left:400px; width:901px; height:200px; z-index:-900;}
.company_cloude04 { position:absolute; top:50%; left:50%; margin-left:-1200px; width:901px; height:200px; z-index:-900;}
#company { margin:0; padding:120px 0 620px 0; position:relative; 
background:url(../img/company06.png) no-repeat center 75%, url(../img/company05.png) no-repeat center bottom; box-sizing:border-box; }
#company h2.title { width:128px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/company_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#company dl { width:500px; margin:0 auto; padding:18px 0; border-bottom:1px solid #528298; text-align:left; color:#FFF;}
#company dl:first-of-type { border-top:1px solid #528298; margin-top:60px;}
/* #company dl:last-of-type { margin-bottom:30px;} */
#company dt { margin:0; padding:0; line-height:100%; width:6em; float:left; font-size:95%;}
#company dd { margin:0; padding:0 0 0 6.5em; line-height:100%; font-size:95%;}
#company dd p { margin:0 0 10px 0; padding:0; line-height:140%;}
#company dd p:last-of-type { margin:0;}
#company dd div { margin: 40px 0 0 0; border:2px solid #f8e133; padding: 16px; background: rgb(0,53,75,.6); box-sizing: border-box;}
#company dd div h2 { font-size: 18px; list-style: 100%; margin: 0 0 10px 0;font-weight:bold; color:#f8e133;}
#company dd div p {font-size: 14px;line-height: 160%;font-weight: bold; color:#f8e133;}
#company div.registration_number { width:500px; margin:0 auto 30px; padding:18px 0; border-bottom:1px solid #528298; text-align:left; color:#FFF;}
@media screen and (min-width: 480px) and (max-width: 860px){
	.company_cloude01 { display:none;}
	.company_cloude02 { display:none;}
	.company_cloude03 { display:none;}
	.company_cloude04 { display:none;}
	#company { margin:0; padding:20px 0 17rem 0; background:url(../img/company06.png) no-repeat center 90%, url(../img/company05.png) no-repeat center bottom; background-size:90%, 130%;}
	#company h2.title { width:96px; height:60px; background-size:cover;}
	#company dl { width:90%; margin:0 auto;}
	#company dt { margin:0 0 10px 0; padding:0; line-height:100%; width:auto; float:none; font-size:95%; font-weight:bold;}
	#company dd { margin:0; padding:0; line-height:100%; font-size:95%;}
	#company div.registration_number { width:90%;}
	#socialmedia { padding:80px 0 0px 0;}
	.socialmediaL { width:300px; float:none; margin:0 auto 20px; padding:0;}
	.socialmediaR { width:300px; float:none; margin:0 auto; padding:0;}
}
@media screen and (max-width:479px){
	.company_cloude01 { display:none;}
	.company_cloude02 { display:none;}
	.company_cloude03 { display:none;}
	.company_cloude04 { display:none;}
	#company { margin:0; padding:20px 0 14rem 0; background:url(../img/company06.png) no-repeat center 89%, url(../img/company05.png) no-repeat center bottom; background-size:90%, 180%;}
	#company h2.title { width:96px; height:60px; background-size:cover;}
	#company dl { width:90%; margin:0 auto;}
	#company dt { margin:0 0 10px 0; padding:0; line-height:100%; width:auto; float:none; font-size:95%; font-weight:bold;}
	#company dd { margin:0; padding:0; line-height:100%; font-size:95%;}
	#socialmedia { padding:80px 0 0px 0;}
	.socialmediaL { width:300px; float:none; margin:0 auto 20px; padding:0;}
	.socialmediaR { width:300px; float:none; margin:0 auto; padding:0;}
}




/*-----socialmedia----*/

#socialmedia { margin:0; padding:120px 0 0 0; box-sizing:border-box; }
#socialmedia h2.title { width:317px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/socialmedia_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
.socialmediaL { width:400px; float:left; margin:0; padding:0;}
.socialmediaR { width:400px; float:right; margin:0; padding:0;}
@media screen and (min-width: 480px) and (max-width: 860px){
	#socialmedia { padding:80px 0 0px 0;}
	#socialmedia h2.title { width:235px; height:60px; background-size:cover;}
	.socialmediaL { width:300px; float:none; margin:0 auto 20px; padding:0;}
	.socialmediaR { width:300px; float:none; margin:0 auto; padding:0;}
}
@media screen and (max-width:479px){
	#socialmedia { padding:80px 0 0px 0;}
	#socialmedia h2.title { width:235px; height:60px; background-size:cover;}
	.socialmediaL { width:300px; float:none; margin:0 auto 20px; padding:0;}
	.socialmediaR { width:300px; float:none; margin:0 auto; padding:0;}
}



/*-----recruit----*/

.recruit_cloude01 { position:absolute; top:35%; left:50%; margin-left:400px; width:361px; height:78px; z-index:-900;}
.recruit_cloude02 { position:absolute; top:30%; left:50%; margin-left:-900px; width:527px; height:115px; z-index:-900;}
.recruit_cloude03 { position:absolute; top:60%; left:50%; margin-left:200px; width:901px; height:200px; z-index:-900;}
.recruit_cloude04 { position:absolute; top:55%; left:50%; margin-left:-1000px; width:901px; height:200px; z-index:-900;}
.recruit-pc { display:block;}
.recruit-sp { display:none;}
#recruit { margin:0; padding:120px 0 0 0; position:relative; box-sizing:border-box; }
#recruit h2.title { width:74px; height:79px; margin:0 auto 60px; padding:0; background:url(../img/recruit_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
#recruit p { width:600px; margin:0 auto; padding:0; color:#FFF; text-align:left; font-size:95%; text-align:center;}
#recruit a.btn { width:300px; display:block; box-sizing:border-box; background: url(../img/external_link.svg) no-repeat 95% 50% #f8e133; text-align:center; color:#00354B; font-weight:bold; font-size:120%; margin:0 auto; padding:21px 0 18px; line-height:100%;}
#recruit a.btn.btn2020 { margin-top:40px;}
@media screen and (min-width: 480px) and (max-width: 860px){
	.recruit_cloude01 { display:none;}
	.recruit_cloude02 { display:none;}
	.recruit_cloude03 { display:none;}
	.recruit_cloude04 { display:none;}
	.recruit-pc { display:block;}
	.recruit-sp { display:none;}
	#recruit { margin:80px auto 0; padding:20px 0 0 0; background:none; width:100%; background:url(../img/company04.png) no-repeat -140% 80%, url(../img/company03.png) no-repeat 260% 60%; background-size:80%;}
	#recruit h2.title { width:57px; height:60px; background-size:cover;}
	#recruit p { width:90%; margin:0 auto; padding:0 0 20px 0; color:#FFF; text-align:left; font-size:95%; text-align:left;}
	#recruit img { width:90%; height:auto; margin:0 auto;}
}
@media screen and (max-width:479px){
	.recruit_cloude01 { display:none;}
	.recruit_cloude02 { display:none;}
	.recruit_cloude03 { display:none;}
	.recruit_cloude04 { display:none;}
	.recruit-pc { display:none;}
	.recruit-sp { display:block;}
	#recruit { margin:80px auto 0; padding:20px 0 0 0; background:none; width:100%; background:url(../img/company04.png) no-repeat -25% 80%, url(../img/company03.png) no-repeat 135% 60%; background-size:140%;}
	#recruit h2.title { width:57px; height:60px; background-size:cover;}
	#recruit p { width:90%; margin:0 auto; padding:0 0 20px 0; color:#FFF; text-align:left; font-size:95%; text-align:left;}
	#recruit img { width:90%; margin:0 auto;}
}



/*-----contact----*/

#contact { margin:0; padding:120px 0 0 0; box-sizing:border-box; }
#contact .wrapper2 { background:url(../img/contact01.png) repeat 0 0; padding:60px 0; width:800px;}
#contact .wrapper { width:600px;}
#contact h2.title { width:192px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/contact_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
.contactL { /*width:460px;*/ width:320px; float:left; text-align:left;}
.contactR { /*width:460px;*/ width:220px; float:right; text-align:left;}
.contactL h3 { color:#01364B; font-size:120%; margin:0 0 40px 0; padding:0; line-height:100%; font-weight:bold;}
.contactR h3 { color:#01364B; font-size:120%; margin:0 0 40px 0; padding:0; line-height:100%; font-weight:bold;}
.contactL p { font-size:95%;}
.contactL p span { font-size:85%; line-height:110%;}

	.contactL2 { width:100%; text-align:center;}
	.contactL2 h3 { color:#01364B; font-size:120%; margin:0 0 40px 0; padding:0; line-height:100%; font-weight:bold;}
	.contactL2 p { font-size:95%;}
	.contactL2 p span { font-size:85%; line-height:110%;}

.contactL dl { margin:0; padding:0;}
.contactL dt { margin:30px 0 15px 0; padding:0; font-weight:bold; line-height:100%;}
.contactL dd { margin:0; padding:0; font-size:95%; line-height:100%;}
.contactL a { line-height:280%;}
.contactL a img { vertical-align:middle; }
.contactR dl { margin:0; padding:0;}
.contactR dt { margin:30px 0 15px 0; padding:0; font-weight:bold; line-height:100%;}
.contactR dd { margin:0; padding:0; font-size:95%; line-height:100%;}
.contactR a { line-height:280%;}
.contactR a img { vertical-align:middle; }

	#contact_cloude01 { position:absolute; top:40px; right:80%; width:676px; height:250px; z-index:-900;}
	#contact_cloude02 { position:absolute; top:100px; left:92%; width:614px; height:259px; z-index:-900;}
	#contact_cloude03 { position:absolute; top:65%; right:90%; width:756px; height:250px; z-index:-900;}
	#contact_cloude04 { position:absolute; top:75%; left:80%; width:614px; height:192px; z-index:-900;}

	.contact-link { display:block; background:#01364B; text-align:center; box-sizing:border-box; width:380px; margin:40px auto 0; color:#f8e133; padding:15px 0; font-weight:bold; font-size:105%;}

	.contactR2 { width:100%; text-align:center;}
	.contactR2 h3 { color:#01364B; font-size:120%; margin:0 0 40px 0; padding:0; line-height:100%; font-weight:bold;}
	.contactR2 dl { clear:both; margin:0; padding:0 0 17px 0; text-align:left;}
	.contactR2 dt { margin:0; padding:10px 0 0 0; line-height:100%; width:10.5em; float:left; font-size:85%; position:relative; box-sizing:border-box;}
	.contactR2 dd { margin:0; padding:0 0 0 11.5em; line-height:100%; font-size:85%; box-sizing:border-box;}
	.formTXT01 { width:100%; font-size:85%; box-sizing:border-box; padding:3px;}
	.formTXT02 { width:8em; font-size:85%; box-sizing:border-box; padding:3px;}
	.formTXT03 { width:50%; font-size:85%; box-sizing:border-box; padding:3px;}
	.formTXT04 { width:100%; height:12em; font-size:85%; box-sizing:border-box; padding:3px;}
	.contactR2 dt span { position:absolute; top:0.5em; right:0; background:#f8e133; text-align:center; padding:3px 3px 3px; line-height:100%; font-size:80%; color:#01364B;}
	.btnConfirm { background:#01364B; text-align:center; padding:10px 0; color:#FFCC4C; font-size:110%; width:100%; box-sizing:border-box; border:none; cursor:pointer;}
	.btnConfirm2 { background:#01364B; text-align:center; padding:10px 0; color:#FFCC4C; font-size:110%; width:49%; box-sizing:border-box; border:none; cursor:pointer;}
	.btnConfirm3 { background:#01364B; text-align:center; padding:10px 0; margin:0 0 0 2%; color:#FFCC4C; font-size:110%; width:49%; box-sizing:border-box; border:none; cursor:pointer;}
	div.wpcf7-mail-sent-ok { border: 2px solid #F8e133!important; background:#FFF;}
	div.wpcf7-validation-errors { border: 2px solid #f00!important; background:#FFF!important; color:#f00!important;}

#mfp_button_send { background:#01364B; text-align:center; padding:10px 0; color:#FFCC4C; font-size:110%; width:49%; box-sizing:border-box; border:none; cursor:pointer;}
#mfp_button_cancel { background:#666; text-align:center; padding:10px 0; color:#fff; font-size:110%; width:49%; box-sizing:border-box; border:none; cursor:pointer;}

#wpcf7-modify { background:#666; text-align:center; padding:10px 0; color:#fff; font-size:110%; width:49%; box-sizing:border-box; border:none; cursor:pointer;}


@media screen and (max-width:890px){
	#contact { margin:100px auto 0; padding:0px 0 0 0;}
	#contact .wrapper2 { background:url(../img/contact01.png) repeat 0 0; padding:50px 0; width:100%;}
	#contact h2.title { width:145px; height:60px; margin:0 auto 50px; background-size:cover;}
	#contact .wrapper { width:100%;}
	.contactL2 { width:90%; text-align:left; margin:0 auto;}
	.contactL2 h3 { color:#01364B; font-size:120%; margin:0 0 40px 0; padding:0; line-height:100%; font-weight:bold;}
	.contactL2 p { font-size:95%;}
	.contactL2 p span { font-size:85%; line-height:110%;}
	.contactL { width:90%; margin:0 auto 30px; float:none; text-align:left;}
	.contactR { width:90%; margin:0 auto 0px; float:none; text-align:left;}
	.btnConfirm { background:#01364B; text-align:center; padding:10px 0; color:#FFCC4C; font-size:110%; width:100%; box-sizing:border-box; border:none;}
	.btnConfirm2 { background:#01364B; text-align:center; padding:10px 0; color:#FFCC4C; font-size:110%; width:100%; box-sizing:border-box; border:none;}
	.btnConfirm3 { background:#01364B; text-align:center; padding:10px 0; margin:20px 0 0 0; color:#FFCC4C; font-size:110%; width:100%; box-sizing:border-box; border:none;}

	.contact-link { display:block; background:#01364B; text-align:center; box-sizing:border-box; width:90%; margin:20px auto 0; color:#f8e133; padding:15px 0; font-weight:bold; font-size:105%;}

	#contacttop #contact { margin:0 auto 0; padding:0px 0 0 0;}
	.contactR2 { width:90%; margin:0 auto;}
	#contact_cloude01 { display:none;}
	#contact_cloude02 { display:none;}
	#contact_cloude03 { display:none;}
	#contact_cloude04 { display:none;}
	.contactR2 dl { clear:both; margin:0; padding:0 0 17px 0;}
	.contactR2 dt { margin:0; padding:10px 0 10px 0; line-height:100%; width:10.5em; float:none; font-size:85%; position:relative; box-sizing:border-box; font-weight:bold;}
	.contactR2 dd { margin:0; padding:00; line-height:100%; font-size:85%; box-sizing:border-box;}
	.contactR2 dt span { position:static; top:0; left:0; margin-left:10px; background:#f8e133; text-align:center; padding:3px 3px 3px; line-height:100%; font-size:80%; color:#01364B;}
	input[type="button"],input[type="text"],input[type="submit"],input[type="email"],input[type="tel"],input[type="number"],select,textarea { -webkit-appearance: none; border-radius: 0;}
	{ -webkit-appearance: none;}
	select { background:#FFF;}


}


#contacttop a.btn { width:300px; display:block; box-sizing:border-box; background:#f8e133; text-align:center; color:#00354B; font-weight:bold; font-size:120%; margin:30px auto 0; padding:21px 0 18px; line-height:100%;}

.to-form a.btn { width:300px; display:block; box-sizing:border-box; background:#f8e133; text-align:center; color:#00354B; font-weight:bold; font-size:120%; margin:30px auto 0; padding:21px 0 18px; line-height:100%;}



.definition { display:list-item; padding:0 5px; margin:25px 0 0 25px; font-size:0.875rem; list-style-image:url(../img/open_quotes.png); list-style-type:none; background:url(../img/close_quotes.png) bottom right no-repeat; }





/*home insta*/
.home-instagram { padding: 64px 0 24px 0; width:680px; margin-left:auto; margin-right:auto;}
.home-instagram h2 { color:#fff; position:relative;}
.home-instagram h2 em { display: block; font-size:12px; color:#fff;}
.home-instagram h2 em a { color:#fff;}
.home-instagram h2 strong { color:#fff; position:relative; font-weight:normal;}
.home-instagram h2 strong:after { content:url(../img/icon_i2.svg); width:21px; height:21px; margin:0; padding:0; position:absolute; top:0px; right:-27px; color:#fff;}

.btn_insta { max-width: 300px; width: 90%; height: 48px; display: block; margin: 24px auto 0; background:#f8e133; color:#00354B; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.btn_insta span { display: block; position: relative; font-size: 16px; color:#00354B;}
/*
ul#instafeed { list-style-type:none; width:680px; padding-top:30px;}
ul#instafeed li { width:26.6666%;  margin:0 3.332% 20px; font-size:12px; line-height:150%; text-align:left; position:relative;}
ul#instafeed li span { background: #fff; padding: 0px; color: #152636; }
ul#instafeed li span.instnum { background: #001a43; width: 24px; height:24px; line-height:2; text-align: center; color: #fff; border-radius:50%; position:absolute; top: 7px; right:7px; }
ul#instafeed li img {width: 100%; border-radius:0px;}
*/
@media screen and (max-width:900px){
	/*#instagram.wrapper { width:90%;}*/
	/*ul#instafeed { width:100%;}*/
	.home-instagram { width:90%; max-width:680px;}
}
@media screen and (max-width:767px){
	/*ul#instafeed li { width:26.6666%; height:auto; margin:0 3.332% 30px; display:inline-block;}*/
	.home-instagram { width:100%; padding: 40px 0 16px 0;}
}

#sb_instagram .sb_instagram_header { display: none;}
#sb_instagram #sbi_load { display: none;}


.home-youtube { padding: 40px 0 0 0;width:680px; margin-left:auto; margin-right:auto;}
.home-youtube h2 { color:#fff; position:relative;}
.home-youtube h2 em { display: block; font-size:12px; color:#fff;}
.home-youtube h2 em a { color:#fff;}
.home-youtube h2 strong { color:#fff; position:relative; font-weight:normal;}
.home-youtube h2 strong:after { content:url(../img/icon_i6.svg); width:21px; height:21px; margin:0; padding:0; position:absolute; top:0px; right:-27px; color:#fff;}
.youtube iframe{ width: 100%; margin:20px 0 0 0;}
@media screen and (max-width:900px){
	.home-youtube { width:90%; max-width:680px;}
}
@media screen and (max-width:767px){
	.home-youtube { width:90%;}
}

#pressroomtop .wrapper { width: 1136px;}
#pressroom { margin:0; padding:120px 0 0 0; position:relative; box-sizing:border-box; }
#pressroom a {color: #fff;;}
#pressroom h2.title { width:192px; height:80px; margin:0 auto; padding:0; background:url(../img/press_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
@media screen and (max-width:900px){
	#pressroomtop .wrapper { width: 90%;}
	#pressroom { padding:80px 0 0 0;}
	#pressroom h2.title { width:142px; height:60px; background-size:cover;}
}

.press_nav { margin: 60px auto; border-bottom: 1px solid #4E7D90;}
.press_nav ul { width: 800px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
.press_nav ul li { line-height: 100%; margin: 0; padding: 0;}
.press_nav ul li a { display: inline-block; font-weight: bold; font-size: 16px; color: #fff; padding: 0 5px 15px; position: relative;}
.press_nav ul li a:hover { color: #F8E133!important;}
.press_nav ul li a:hover::after { content:""; width: 100%; height: 4px; background: #F8E133; position: absolute; left: 0; bottom: 0;}
.press_nav ul li.active a { color: #F8E133!important;}
.press_nav ul li.active a::after { content:""; width: 100%; height: 4px; background: #F8E133; position: absolute; left: 0; bottom: 0;}
@media screen and (max-width:900px){
	.press_nav { margin: 40px auto;}
	.press_nav ul { width: 100%;}
}
@media screen and (max-width:680px){
	.press_nav { margin: 40px auto;}
	.press_nav ul { width: 100%;}
	.press_nav ul li { width: 32%;}
	.press_nav ul li:nth-child(1) { width: 26%; margin-bottom: 20px;}
	.press_nav ul li:nth-child(2) { width: 37%; margin-bottom: 20px;}
	.press_nav ul li:nth-child(3) { margin-bottom: 20px;}
	.press_nav ul li a { font-size: 14px; }
	.press_nav ul:after { content: "";  width: 32%;}
}

.press_list { width: 100%; margin:0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
.press_list div { display: block; width: 272px; text-align: left; color: #fff; margin: 0 0 60px 0; padding: 0;}
.press_list div h2 { color: #fff; font-size:16px; line-height: 160%; margin: 0 0 10px 0; padding: 0;}
.press_list div h2 a { color: #fff!important; font-size:16px; line-height: 160%; padding: 0;}
.press_list div figure { position: relative; line-height: 0; font-size: 0; margin: 0 0 20px 0; padding: 0;}
.press_list div figure a { display: block; background: #002436; display: block; height: 181px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.press_list div figure img { max-width: 100%; max-height: 100%; width: auto; height: auto; line-height: 0; font-size: 0; margin: 0; padding: 0;}
.press_list div figcaption { color: #00334B; font-size:12px; line-height: 100%; margin: 0; padding: 4px 6px 3px; background: #F8E133; display: inline-block; position: absolute; left: 0; bottom: 0; font-weight: bold;}
.press_list div figcaption span:not(.cat_62):not(.cat_63) { display: none;}

.press_list div h3 { color: #CCDCE2; font-size:12px; line-height: 100%; margin: 0; padding: 0;}
.press_list div { width: 272px;}
@media screen and (max-width:900px){
	.press_list div { display: block; width: 24%; margin: 0 0 50px 0;}
	.press_list div figure a { /*height: 14.1vw;*/ height: 15.6vw;}
}
@media screen and (max-width:640px){
	.press_list div { display: block; width: 48%; margin: 0 0 40px 0;}
	.press_list div figure a { /*height: 28.1vw;*/ height: 31.1vw;}
}


.press_list2 { width: 880px; margin:0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
.press_list2 div { display: block; width: 208px; text-align: left; color: #fff; margin: 0 0 40px 0; padding: 0;}
.press_list2 div h2 { color: #fff; font-size:14px; line-height: 160%; margin: 0 0 10px 0; padding: 0;}
.press_list2 div h2 a { color: #fff!important; font-size:14px; line-height: 160%; padding: 0;}
.press_list2 div figure { position: relative; line-height: 0; font-size: 0; margin: 0 0 15px 0; padding: 0;}
.press_list2 div figure a { display: block; background: #002436; display: block; height: 138px; display: flex;flex-direction: column; justify-content: center; align-items: center;}
.press_list2 div figure img { /*width: 100%; height: auto; line-height: 0; font-size: 0; margin: 0; padding: 0;*/ /*aspect-ratio: 208 / 138;*/ max-width: 100%; max-height: 100%; width: auto; height: auto; height: auto; line-height: 0; font-size: 0; margin: 0; padding: 0;}
.press_list2 div figcaption { color: #00334B; font-size:12px; line-height: 100%; margin: 0; padding: 4px 6px 3px; background: #F8E133; display: inline-block; position: absolute; left: 0; bottom: 0; font-weight: bold;}
.press_list2 div h3 { color: #CCDCE2; font-size:10px; line-height: 100%; margin: 0; padding: 0;}
.press_list2 div { width: 208px;}
@media screen and (max-width:900px){
	.press_list2 { width: 100%;}
	.press_list2 div { display: block; width: 24%; margin: 0 0 30px 0;}
	.press_list2 div { width: 24%;}
}
@media screen and (max-width:640px){
	.press_list2 div { display: block; width: 48%; margin: 0 0 30px 0;}
	.press_list2 div { width: 48%;}
}

#presspost { margin:0; padding:120px 0 0 0; position:relative; box-sizing:border-box; }
#presspost h2.title { width:192px; height:80px; margin:0 auto; padding:0; background:url(../img/press_title.svg) no-repeat 0 0; text-decoration:none; overflow:hidden;text-indent:-9999px; font-size:1%; line-height:1%;}
#presspost h2.title2 { width:100%; height:21px; margin:60px auto 30px; padding:0 0 30px 0; line-height:100%; text-decoration:none; border-bottom: 1px solid #4E7D90;}
#presspost h2.title2 span { display:block; width:100%; height:21px; margin:0 auto; background:url(../img/press_title2.svg) no-repeat 50% 50%; box-sizing: 150px; text-indent:-9999px; font-size:1%; line-height:1%;}


.press-post { color:#fff; padding:0 0 60px 0; text-align:left; margin: 0 auto; width: 880px;}
.press-post figure.top_ph {text-align: center;}
.press-post figure.top_ph img { margin: 0 auto;}
.press-post figure img { max-width: 100%; height: auto; margin: 0 auto; display: block;}
.press-post-wrapper { width: 820px; margin: 0 auto;}
.press-post-head { margin: 40px auto 40px;}
.press-post-head h2 { font-size: 36px!important; line-height: 180%!important; margin: 0 0 30px 0!important; padding: 0!important; border: none!important;}
.press-post-head-meta {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
.press-post-head-metaL { width: 200px;}
.press-post-head-metaR { width: 200px;}
.press-post-head-metaL h3 { color: #00334B!important; font-size:14px!important; line-height: 100%!important; margin: 0!important; padding: 4px 6px 3px!important; background: #F8E133!important; display: inline-block!important; font-weight: bold!important;}
.press-post-head-metaL h4 { color: #CCDCE2!important; font-size:12px!important; line-height: 100%!important; margin: 0 0 0 10px!important; padding: 0!important; display: inline-block!important;}
.press-post-head-metaL h4::before { display: none!important;}
@media screen and (max-width:900px){
	.press-post {  padding:0 0 40px 0; width: 100%;}
	.press-post-wrapper { width: 100%; margin: 0 auto;}
	.press-post img {max-width: 100%; height: auto;}
	.press-post-head h2 { font-size: 30px!important; line-height: 160%!important; margin: 0 0 20px 0!important;}
	.press-post-head-metaL { width: 49%;}
	.press-post-head-metaR { width: 49%;}
}

.press-post { clear: both;}
.editer { clear: both; word-wrap: break-word; word-break: break-all;}
/* .editer + .editer { padding: 32px 0 0 0;} */
.editer + .post-title { margin-top: 50px;}
.editer a {text-decoration: underline;}
@media screen and (max-width:768px){
	/* .editer + .editer { padding: 20px 0 0 0;}
	.editer + .post-title { padding: 32px 0 0 0;} */
}

.press-post a { color: #fff;}
.press-post .navileft { color: #fff;}
.press-post .naviright { color: #fff;}
.press-post .paging {margin: 80px 0 60px 0;}
@media screen and (max-width:768px){
	.press-post .paging {margin: 60px 0 40px 0;}
}

/* .press-post h2 { font-size: 28px; line-height: 160%; margin: 0 0 30px 0; padding: 0; font-weight: 700;} */
.press-post h2 { font-size: 30px; line-height: 160%; margin: 0 0 28px 0; /*padding: 0;*/ font-weight: 700; border-bottom: 4px solid #F8E133; padding: 0 0 .5rem;}
.press-post h3 { font-size: 26px; line-height: 160%; margin: 0 0 20px 0; /*padding: 0;*/ font-weight: 700; border-left: 6px solid #F8E133; padding: .4rem .4rem .4rem 1.2rem;}
.press-post h4 { font-size: 22px; line-height: 160%; margin: 0 0 16px 0; /*padding: 0;*/ font-weight: 700; position: relative; padding: 0 0 0 1.6rem;}
.press-post h4::before { content: ""; width: 12px; height: 12px; background: #F8E133; position: absolute; left: 0; top:13px; display: block; border-radius: 50%;}
.press-post h5 { font-size: 18px; line-height: 160%; margin: 0 0 16px 0; /*padding: 0;*/ font-weight: 700; position: relative; padding: 0; border-bottom: 1px solid #F8E133;}
.press-post h6 { font-size: 13px; line-height: 160%; margin: 0 0 16px 0; /*padding: 0;*/ font-weight: 700; position: relative; padding: 0; font-weight: normal;}

.press-post h5 { font-size: 18px; line-height: 160%; margin: 0 0 10px 0; padding: 0; font-weight: 700;}
.press-post div + h2 { margin-top: 64px;}
.press-post div + h3 { margin-top: 56px;}
.press-post div + h4 { margin-top: 48px;}
.press-post h2 + h3 { margin-top: 56px;}
.press-post h2 + h4 { margin-top: 48px;}
.press-post h2 + h5 { margin-top: 32px;}
.press-post h2 + h6 { margin-top: 24px;}
.press-post h3 + h4 { margin-top: 48px;}
.press-post h3 + h5 { margin-top: 32px;}
.press-post h3 + h6 { margin-top: 24px;}
.press-post h4 + h5 { margin-top: 32px;}
.press-post h4 + h6 { margin-top: 24px;}
.press-post h5 + h6 { margin-top: 24px;}
.editer p { margin-bottom: 32px;}
.editer p + ul,
.editer p + ol { margin-top:-1em!important;}
.editer ul + p,
.editer ol + p { margin-top:1.2em;}
@media screen and (max-width:900px){
	/* .press-post h3 { font-size: 20px; margin: 0 0 30px 0; }
	.press-post h4 { font-size: 18px; margin: 0 0 20px 0; } */
	.press-post h2 { font-size: 26px; margin: 0 0 48px 0;}
	.press-post h3 { font-size: 24px; margin: 0 0 32px 0;}
	.press-post h4 { font-size: 22px; margin: 0 0 24px 0;}
	.press-post h5 { font-size: 20px; margin: 0 0 16px 0;}
	.press-post h6 { font-size: 16px; margin: 0 0 16px 0;}
}
@media screen and (max-width:600px){
	.press-post h6 { font-size: 12px;}
}

.editer ul {padding: 0 0 0 25px;}
.editer ul li { list-style-type: disc; margin: 0 0 10px 0; line-height: 140%;}
.editer ol {padding: 0 0 0 25px;}
.editer ol li { list-style-type: decimal; margin: 0 0 10px 0; line-height: 140%;}
.editer ul li:last-of-type,
.editer ol li:last-of-type { margin: 0;}
.editer dl {}
.editer dl dt { font-weight: bold; margin: 0 0 5px 0; line-height: 140%;}
.editer dl dd { margin: 0; line-height: 140%;}
.editer dd + dt { margin: 20px 0 5px 0;}


.editer div + table {margin: 40px 0 0 0!important;}
.editer table + table {margin: 40px 0 0 0!important;}
.editer table + .notes {margin: 10px 0 0 0!important;}
.editer table + h3 {margin: 48px 0 24px 0!important;}
.editer table + h4 {margin: 32px 0 24px 0!important;}
.editer table + h5 {margin: 24px 0 16px 0!important;}
.editer table + h6 {margin: 16px 0 16px 0!important;}
.editer figure + h3 {margin: 48px 0 24px 0!important;}
.editer figure + h4 {margin: 32px 0 24px 0!important;}
.editer figure + h5 {margin: 24px 0 16px 0!important;}
.editer figure + h6 {margin: 16px 0 16px 0!important;}
.editer figure + figure {margin: 20px 0 0 0!important;}

.editer table {border-top: 1px solid #ccc; width: 100%;}
.editer table th { font-size: 16px; line-height: 140%; padding: 18px; font-weight: bold; border-bottom: 1px solid #ccc; vertical-align: middle;}
.editer table th a { font-weight: bold;}
.editer table td { font-size: 16px; line-height: 140%; padding: 18px; border-bottom: 1px solid #ccc; vertical-align: middle;}
.editer table caption {text-align: left; font-size: 24px; line-height: 100%; font-weight: bold; margin:0 auto 20px; font-family: "Segoe UI",-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, sans-serif; position: relative;}

.editer img { /*width: 100%;*/ height: auto;}
.editer figure { position: relative; line-height: 0; font-size: 0; margin: 0 0 20px 0; padding: 0;}
.editer figure img, .editer img { /*width: 100%;*/ height: auto; line-height: 0; font-size: 0; margin: 0; padding: 0; max-width: 100%;}
.editer figure.t-center img { margin: 0 auto;}
.editer figure figcaption { font-size:12px; line-height: 140%; margin: 10px 0 0 0; padding:0;}

h2.archive_title { font-size: 30px; color: #fff; font-weight: bold; margin: 0 auto 30px;}
@media screen and (max-width:900px){
	h2.archive_title { font-size: 26px; color: #fff; font-weight: bold; margin: 0 auto 20px;}
}
@media screen and (max-width:600px){
	h2.archive_title { font-size: 24px; color: #fff; font-weight: bold; margin: 0 auto 20px;}
}

.picture_list { width: 100%; margin:0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
.picture_list.cat { width: 860px;}
.picture_list .picture_box { display: block; width: 272px; text-align: left; margin: 0 0 60px 0; padding: 0; background: #fff;}
.picture_list .picture_box h2 { color: #fff; font-size:16px; line-height: 160%; margin: 0 0 10px 0; padding: 0;}
.picture_list .picture_box h2 a { color: #111!important; font-weight: bold;}
.picture_list .picture_box figure { position: relative; line-height: 0; font-size: 0; margin: 0 0 20px 0; padding: 0;}
.picture_list .picture_box figure img { width: 100%; height: auto; line-height: 0; font-size: 0; margin: 0; padding: 0;}
.picture_list .picture_box figcaption { color: #00334B; font-size:12px; line-height: 100%; margin: 0; padding: 4px 6px 3px; background: #F8E133; display: inline-block; position: absolute; left: 0; bottom: 0; font-weight: bold;}
.picture_list .picture_box h3 { color: #CCDCE2; font-size:12px; line-height: 100%; margin: 0; padding: 0;}
.picture_list div.flex { width: 272px; background: none;}
.picture_list .picture_box .tag_list a {color: #111!important; background:#FBED85; padding: 4px 4px; display: inline-block; text-align: center; -webkit-border-radius:.7em; border-radius:.7em; font-size: 12px; line-height: 100%;}
.picture_list .picture_box .tag_list a + a { margin-left: 10px;}
.picture_list .picture_box .inner { margin: 0 auto; padding: 0 20px 20px;}
@media screen and (max-width:900px){
	.picture_list.cat { width: 100%;}
	.picture_list .picture_box { width: 24%; margin: 0 0 50px 0;}
	.picture_list div.flex { width: 24%;}
}
@media screen and (max-width:600px){
	.picture_list .picture_box { width: 48%; margin: 0 0 40px 0;}
	.picture_list div.flex { width: 48%;}
}




.picture-post-title { font-size: 30px; color: #fff; font-weight: bold; line-height: 140%; text-align: center; margin: 0 auto 40px;}
.picture_list .empty { width: 272px;}

.download-box { width: 272px!important; border:none!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; border-radius: 0!important; text-align: left!important; position: relative!important; margin: 0!important; box-shadow:none!important; background: #fff;}
.download-box img {width: 100%; height: auto; border-radius: 0!important;}
.download-count { display: none!important;}
.download-box-content {}
.download-box-content h1 { color: #111; font-weight: bold; margin: 10px 0; line-height: 160%; padding: 0;}
.download-button { background: #F8E133!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; border-radius: 0!important; color: #00344B!important; font-weight: bold; text-shadow: none!important; box-shadow: none!important; border: none!important; padding: 10px; font-size: 16px!important; ine-height: 100%;}
@media screen and (max-width:900px){
	.picture-post-title { font-size: 26px; margin: 0 auto 30px;}
	.picture_list .empty { width: 48%;}
	.download-box { width: 48%!important;}
}
@media screen and (max-width:600px){
	.picture-post-title { font-size: 24px; margin: 0 auto 30px;}
	.picture_list .empty { width: 48%;}
	.download-box { width: 48%!important;}
}


.login { background: url(../img/contact01.png) repeat 0 0; padding: 60px 60px; width: 860px; text-align: center; box-sizing: border-box; margin: 0 auto;}
.login h2 { font-size: 22px; line-height: 160%; text-align: center; margin: 0 auto 30px; font-weight: bold;}
.login h3 { font-size: 16px; line-height: 160%; text-align: center; margin: 0 auto 20px; font-weight: bold;}
.loginLR {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
.loginLR div {width: 320px;}
.loginLR a { display: block;}
.loginLR div a.btn { width: 320px; display: block; box-sizing: border-box; background: #f8e133; text-align: center; color: #00354B!important; font-weight: bold; font-size: 18px; margin: 10px auto 10px; line-height: 100%; height: 70px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.loginLR div a.link {text-align: center;}
.loginLR div a.link span { color: #00354B!important; font-size:14px; font-weight: bold;}
@media screen and (max-width:900px){
	.login { padding: 30px 30px; width: 100%; }
	.login h2 { font-size: 20px; margin: 0 auto 30px;}
	.loginLR div {width: 100%;}
	.loginLR div a.btn { width: 100%;}
	.loginLR div + div { margin: 30px auto 0;}
}

.login a.btn {
    width: 300px;
    display: block;
    box-sizing: border-box;
    background: #f8e133;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    margin: 0px auto 0;
    padding: 21px 0 18px;
	line-height: 100%;
	color: #00354B!important;
}

.press_login { background: url(../img/contact01.png) repeat 0 0; padding: 40px 60px; width: 600px!important; text-align: center; box-sizing: border-box; margin: 0 auto;}
#wpmem_login fieldset, #wpmem_reg fieldset {margin: 20px 0!important;}
#wpmem_login legend, #wpmem_reg legend {margin-bottom: 30px!important;}

@media screen and (max-width:900px){
	.press_login { padding: 30px 30px; width: 100%!important;}
}

#wpmem_login .div_text { width: 300px!important; margin: 0 auto 14px!important;}
@media screen and (max-width:500px){
	#wpmem_login .div_text { width: 90%!important;}
}

#wpmem_login input[type="submit"] {
    -moz-box-sizing: border-box;
    font-size: 100%;
    margin: 20px auto 0!important;
    max-width: 100%;
	vertical-align: baseline;
	display: block;
	background: #F8E133!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; border-radius: 0!important; color: #00344B!important; font-weight: bold; text-shadow: none!important; box-shadow: none!important; border: none!important; padding: 10px!important; font-size: 16px!important; ine-height: 100%; width: 300px!important;
}
#wpmem_login input[type="text"] {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
    color: #2b2b2b;
    padding: 8px 10px 8px;
	background: none repeat scroll 0 0 #fff;
	margin: 0 auto!important;
	box-sizing: border-box!important;
}

#wpmem_login .button_div {
    width: 300px!important;
    padding: 6px 0;
	text-align: center!important;
	margin: 0 auto!important;
}

#wpmem_login input[type=password], #wpmem_login input[type=text], #wpmem_reg input[type=date], #wpmem_reg input[type=email], #wpmem_reg input[type=number], #wpmem_reg input[type=password], #wpmem_reg input[type=text], #wpmem_reg input[type=url], #wpmem_reg textarea {
    box-sizing: border-box!important;
}




#press_room { margin:0; padding:120px 0 0 0; position:relative; box-sizing:border-box; }
#press_room h2.title { width:192px; height:80px; margin:0 auto 60px; padding:0; background:url(../img/press_title.svg) no-repeat 0 0; text-indent:-9999px; font-size:1%; line-height:1%; text-decoration:none; overflow:hidden;}
@media screen and (max-width:900px){
	#press_room h2.title { width:142px; height:60px; background-size:cover;}
}
#press_room .press_list3 { width: 880px; margin:0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
#press_room .press_list3 div { display: block; width: 208px; text-align: left; color: #fff; margin: 0 0 40px 0; padding: 0;}
#press_room .press_list3 h2 { color: #fff; font-size:14px; line-height: 160%; margin: 0 0 10px 0; padding: 0;}
#press_room .press_list3 h2 a { color: #fff!important; font-size:14px; line-height: 160%; padding: 0;}
#press_room .press_list3 div figure { position: relative; line-height: 0; font-size: 0; margin: 0 0 15px 0; padding: 0;}
#press_room .press_list3 div figure a { display: block; background: #002436; display: block; height: 138px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#press_room .press_list3 div figure img { max-width: 100%; max-height: 100%; width: auto; height: auto; /*width: 100%;*/ height: auto; line-height: 0; font-size: 0; margin: 0; padding: 0;}
#press_room .press_list3 div figcaption { color: #00334B; font-size:12px; line-height: 100%; margin: 0; padding: 4px 6px 3px; background: #F8E133; display: inline-block; position: absolute; left: 0; bottom: 0; font-weight: bold;}
#press_room .press_list3 div h3 { color: #CCDCE2; font-size:10px; line-height: 100%; margin: 0; padding: 0;}
#press_room .press_list3 div { width: 208px;}
@media screen and (max-width:900px){
	#press_room .press_list3 { width: 94%;}
	#press_room .press_list3 div { display: block; width: 24%; margin: 0 0 30px 0;}
	#press_room .press_list3 div { width: 24%;}
	#press_room .press_list3 div figure a { height: 15.6vw;}
}
@media screen and (max-width:640px){
	#press_room { padding:120px 0 100px 0;}
	#press_room .press_list3 div { display: block; width: 48%; margin: 0 0 30px 0;}
	#press_room .press_list3 div { width: 48%;}
	#press_room .press_list3 div figure a { height: 31.1vw;}
}
#press_room a.btn { display: block; box-sizing: border-box; text-align: center; font-weight: bold; font-size: 16px; color: #00354B; font-weight: bold; background:#f8e133; width: 340px; margin: 0 auto; padding:0; line-height: 100%; height: 50px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
@media screen and (max-width:640px){
	#press_room a.btn { width: 300px;}
}



#pressroomtop.single .paging { max-width: 880px; width: 100%; margin:30px auto 60px;}
#pressroomtop.archive .paging { width:100%; margin:30px auto 60px;}
#pressroomtop .navitop a { color: #fff;}
#pressroomtop .navileft a { color: #fff;}
#pressroomtop .naviright a { color: #fff;}
#pressroomtop .cms-field h2 { color: #fff; text-align: left;}
#pressroomtop .cms-field { max-width: 880px; width: 100%; margin: 0 auto;}
#pressroomtop .cms-field-01 { width: 24%;}
#pressroomtop .cms-field-02 { width: 24%;}
#pressroomtop .cms-field-03 { width: 24%;}
#pressroomtop .cms-field-04 { width: 24%;}
.cms-field-01 select,
.cms-field-02 select { border: none; width: 100%; font-size: 14px;}
.cms-field-03 .submit { background: #f8e133; border: 1px solid #f8e133; font-size: 12px; padding: 3px 10px 2px}
#blogSearchInput { width: 70%;}
@media screen and (min-width: 480px) and (max-width: 860px){
	#pressroomtop .cms-field-01 { width: 100%;}
	#pressroomtop .cms-field-02 { width: 100%;}
	#pressroomtop .cms-field-03 { width: 100%;}
	#pressroomtop .cms-field-04 { width: 100%;}
}
@media screen and (max-width:479px){
	#pressroomtop .cms-field-01 { width: 100%; margin-bottom: 2rem;}
	#pressroomtop .cms-field-02 { width: 100%; margin-bottom: 2rem;}
	#pressroomtop .cms-field-03 { width: 100%; margin-bottom: 2rem;}
	#blogSearchInput { width: 78%;}
	.cms-field-03 .submit { width: 20%;}
	#pressroomtop .cms-field-04 { width: 100%;}
}

.wp-pagenavi { clear: both; text-align:center; margin:0 auto 32px;}
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #528298; padding: 3px 5px; margin: 2px; color:#F8e133;}
.wp-pagenavi a:hover { border-color:#FFF;}
.wp-pagenavi span.current { border-color:#fff;}
.wp-pagenavi span.current { background:rgba(255, 255, 255, 0.1); color:#F8e133;}





#pushu .pushu { width: 670px; padding: 64px 0 0 0; margin: 0 auto 80px; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between;}
#pushu .pushu + .pushu { padding: 0px 0 0 0;}
#pushu .pushu figure { width: 160px;}
#pushu .pushu figure img { width: 100%; height: auto;}
#pushu .pushu figure figcaption { width:127px; height: auto; margin: 0 auto;}
#pushu .pushu div { width:calc(100% - 190px); text-align: left; color:#fff;}
#pushu .pushu div h2 { font-size:20px; font-weight: bold; line-height: 160%; margin: 0 0 16px 0; padding: 0; color:#fff;}
#pushu .pushu div h3 { font-size:14px; line-height: 150%; margin: 0 0 16px 0; padding: 0; color:#fff;}
#pushu .pushu div p { color:#fff;}
@media screen and (max-width:890px){
	#pushu .pushu {width:90%!important;}
}
@media screen and (max-width:700px){
	#pushu .pushu { margin: 0px auto 64px; padding: 16px 0 0 0;}
	#pushu .pushu figure { margin: 0 auto 32px;}
	#pushu .pushu div { width:100%;}
}



.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin-left: 24px!important;}
.alignleft { float: left; margin-right: 24px!important;}


blockquote {
    background: rgba(1,46,72,.6);
    border-radius: 0.5rem;
    padding: 2rem;
}
blockquote p { margin: 0!important; font-size: 15px; line-height: 180%;}
@media screen and (max-width:640px){
	blockquote p { font-size: 14px;}
}
blockquote p + p { margin-top: 2rem;}





/* リンクをカード形式で表示させる時のスタイル */
.blogcard {
	line-height: 1;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	word-wrap: break-word;
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.025);
	color: black;
  }
  .blogcard.ex {
	background-color: #f7f7f7;
  }
  .blogcard a {
	text-decoration: none;
	opacity: 1;
	transition: all 0.2s ease;
	color: black;
	display: flex;
	flex-wrap: wrap;
  }
  .blogcard a:hover {
	opacity: 0.6;
	color: #0066ca;
  }
  .blogcard_thumbnail {
	width: 100%;
  }
  .blogcard_thumbnail img {
	margin-bottom: 0px !important;
  }
  .blogcard_content { width: calc(100% - 9rem);}
  .blogcard_title {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4;
	padding: 20px 20px 10px;
  }
  .blogcard_excerpt {
	font-size: 0.85em;
	line-height: 1.6;
	padding: 0 17px 15px 20px;
  }
  .blogcard_link {
	font-size: 0.65em;
	padding: 0 17px 15px 20px;
	text-align: left;
	word-wrap: break-word;
    word-break: break-all;
  }
  
  .blogcard_link .icon-external-link-alt::before {
	font-size: 0.75em;
  }
  
  @media screen and (max-width: 768px) {
	.blogcard {
	  margin: 40px 0;
	}
	.blogcard a {
		gap: 0 4%;
	}

	.blogcard_thumbnail {
		width: 36%;
		line-height: 0;
	}
	.blogcard_content { width: 60%;}
	.blogcard_title {
	  font-size: 0.95em;
	  padding: 10px 10px 5px 0px;
	  /*padding-bottom: 17px;*/
	}
	.blogcard_excerpt {
	  display: none;
	}
	.blogcard_link {
		padding: 0 10px 5px 0px;
	  }
  }
  
  @media screen and (min-width: 769px) {
	.blogcard_thumbnail {
	  overflow: hidden;
	  width: 9rem;
	  height: 9rem;
	  position: relative;
	  background-color: #2b2b2b;
	}
	.blogcard_thumbnail img {
	  width: 9rem;
	  height: 9rem;
	  object-fit: cover;
	}
  }