@charset "UTF-8";

.top_slide{
    width: 100%;
    /*background-color: #ECECEC;*/
	background-image: url("/images/top_test5.jpg");
	height: 450px;
	background-position: center;	
    margin-top: 1em;
    text-align: center;
}
.top_slide img{margin: 0 auto;vertical-align: top;}

.delayed-image {
 	animation: fadeIn 6s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

.top_slide_txt{
    color: #fff;
    font-size: 3.2em;
    padding-top: 160px;
    font-weight: bold;
    text-shadow: 3px 3px 5px #000000;
    line-height: 0.8em;
	letter-spacing: 0.05em;
}
.top_slide_txt2{
	color: #fff;
	font-size: 2em;
	padding-top: 20px;
	font-weight: bold;
	text-shadow: 3px 3px 5px #000000;
	line-height: 1.1em;
	letter-spacing: 0.05em;
	}

/* じわっと画像が表示される */
@keyframes fadeIn {
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}

/*古いブラウザ用*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

hr.line {
width: 40%;
margin: 0 auto;
border: 0;
height: 1px;
background-image: linear-gradient(to right, transparent, #0b4382, transparent)
}

.support_wrap{
    width: 1200px;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1em auto 0;
    box-shadow: 5px 5px 10px #a5a5a5,-5px -5px 10px #ffffff;
    border-radius: 10px;
	background-color: whitesmoke;
}
.support_wrap a:hover{opacity: 0.7;border: 1px solid #FF7498;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;}

.support_box{
    border: 1px solid #fff;
    height: 250px;
    margin: 1.5em;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    text-decoration: none;
    /* [disabled]background-color: #edf3fb; */
    border-radius: 10px;
    box-shadow: 5px 5px 10px #CCCCCC,-5px -5px 10px #ffffff;
    -webkit-box-shadow: 5px 5px 10px #CCCCCC,-5px -5px 10px #ffffff;
}
.support_box span{display: block; margin-top: 70px; font-size: 1.4em; font-weight: bold;text-shadow:
        1px 1px 1px #fff,
        1px -1px 1px #fff,
        -1px 1px 1px #fff,
        -1px -1px 1px #fff,
        0 0 22px #fff;}

.support_stxt{font-size: 0.9em; margin-top: 10px;text-shadow:
        1px 1px 1px #fff,
        1px -1px 1px #fff,
        -1px 1px 1px #fff,
        -1px -1px 1px #fff,
        0 0 22px #fff;}

.support_bg01{background-position: center;
	background-size: 105%;
    background-repeat: no-repeat;
	background-color:rgba(255,255,255,0.7);
	background-blend-mode:lighten;
	background-image: url("/image2/support_bg01.jpg")}
.support_bg02{background-position: center;
    background-size: 105%;
    background-repeat: no-repeat;
	background-color:rgba(255,255,255,0.7);
	background-blend-mode:lighten;
	background-image: url("/image2/support_bg02.jpg")}


.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px); /* フェードインで動く高さを指定 */
  -webkit-transition: all 1000ms;
  -o-transition: all 1000ms;
  transition: all 1000ms; /* フェードインにかかる時間を指定 */
}

.effect-scroll {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.top_title{
    width: 1200px;
    font-size: 1.2em;
    text-align: center;
    margin: 6em auto 0em;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.top_title h2{margin: 0;}
.top_title p{margin: 5px auto 0;font-size: 0.8em}

.top_title2{width: 1200px; font-size: 1.2em;text-align: center;margin: 0.5em auto 0em;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.top_title2 p{margin: 0;font-size: 0.8em}

ul.news_common ,ul.news_ir{
    border: 1px solid #999;
    border-radius: 5px;
    overflow: hidden;
    /* [disabled]box-shadow: 5px 5px 10px #a5a5a5,-5px -5px 10px #ffffff; */
    /* [disabled]-webkit-box-shadow: 5px 5px 10px #a5a5a5,-5px -5px 10px #ffffff; */
}

.twitter{display: block;border: 1px solid #999;width: 590px;height: 250px;margin: 5px;border-radius: 5px!important;overflow: hidden;}
.twitter_wrap{width: 100%;}
.timeline-Tweet{font-size: 0.8em;}
.twitter-title{margin: 5px 0 0;border-bottom: 1px solid #999;padding: 0 0 5px 5px;font-size: 0.9em;}
.twitter-title_p{display: inline;font-size: 1.2em;margin-left: 0.5em;}
.twitter_follow{color: #fff;background-color: #1d9bf0;border-radius: 10px;padding: 2px 10px;text-align: center;width: 9em;font-size: 0.9em; display: inline;}
.twitter_follow:hover{background-color: #0c7abf;}
.twitter_follow_a{text-decoration: none;}
.news_title{font-size: 1.1em;}

.mt_news {margin-top: 5em;}

.pickup_wrap{display: flex;flex-wrap: wrap;width: 1200px;margin: 4em auto 0;justify-content: center;}
.pickup_area {display: block;border: 1px solid #999;width: 590px;height: 250px;margin: 5px;border-radius: 5px!important;}

.timeline-Tweet-text{font-size: 1em!important;}

.news_area{margin-left: 15px;margin-top: 5px;display: table-cell; width:97%;}

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

#slide{padding: 10px;}
.katuyaku_title{border-bottom: 1px solid #999;padding: 5px 15px;font-size: 1.1em;}
.katuyaku_title a{text-decoration:none;}

.jinzai{text-decoration: none;background-image: url("../images/jinzai_back.jpg");
  display: block;
  position: relative;
  box-sizing: border-box;
  transition: 0.5s;}
.jinzai:hover{
	/* [disabled]opacity: 0.7; */
	/* [disabled]border: 1px solid #FFFDDB; */
}

.shiken{text-decoration: none;background-image: url("../images/shiken_back.jpg");
  display: block;
  position: relative;
  box-sizing: border-box;
  transition: 0.5s;}
.shiken:hover{
	/* [disabled]opacity: 0.7; */
	/* [disabled]border: 1px solid #FFFDDB; */
}

.cap_top{text-decoration: none;background-image: url("../images/cap_top_back.jpg");
  background-position: center;
  display: block;
  position: relative;
  box-sizing: border-box;
  transition: 0.5s;}
.cap_top:hover{
	/* [disabled]opacity: 0.7; */
	/* [disabled]border: 1px solid #FFFDDB; */
}

.shihoudai{text-decoration: none;background-image: url("../images/shihoudai_back.jpg");
  display: block;
  position: relative;
  box-sizing: border-box;
  transition: 0.5s;}
.shihoudai:hover{
	/* [disabled]opacity: 0.7; */
	/* [disabled]border: 1px solid #FFFDDB; */
}

.koushikitext{text-decoration: none;background-image: url("../images/koushikitext_back.jpg");
  background-position: center;
  display: block;
  position: relative;
  box-sizing: border-box;
  transition: 0.5s;}
.koushikitext:hover{
	/* [disabled]opacity: 0.7; */
	/* [disabled]border: 1px solid #FFFDDB; */
}

.yu-shikakutext{text-decoration: none;background-image: url("../images/yu-shikaku_back.jpg");
  background-position: center;
  display: block;
  position: relative;
  box-sizing: border-box;
  transition: 0.5s;}

.jinzai_title{
    text-align: center;
    font-size: 1.7em;
    background-color: #FFFFFF;
    padding: 10px 30px;
    border-radius: 50px;
    width: 12em;
    margin: 1.8em auto 1em;
    letter-spacing: 7px;
    text-shadow: 1px 2px 3px #808080;
	line-height: 1em;
}
.jinzai_title span {font-size: 0.6em;letter-spacing: 0;}
.jinzai_text{
    text-align: center;
    font-size: 1.4em;
    color: #FFFFFF;
    background: rgba(0, 98, 199, 0.6);/*IE11*/
	background-color: rgb(0 98 199 / 60%);
    padding: 10px;
	font-weight:bold;
}

.shihoudai_title{
    text-align: center;
    font-size: 1.7em;
    background: rgba(0, 94, 95, 0.7);/*IE11*/
    background-color: rgb(0 94 95 / 70%);
    padding: 10px 30px;
    margin: 1.2em auto 1em;
    letter-spacing: 7px;
    text-shadow: 1px 2px 3px #808080;
    line-height: 1em;
    color: #fff;
}
.shihoudai_title span {font-size: 0.6em;letter-spacing: 0;display:block;line-height: 1.3em;margin-bottom: 5px;}
.shihoudai_text{
    text-align: center;
    font-size: 1.2em;
    color: #404040;
    background: rgba(255, 255, 255, 0.4);/*IE11*/
    background-color: rgb(255 255 255 / 40%);
    padding: 10px;
    width: 90%;
    margin: 0 auto;
    border-radius: 20px;
	font-weight:bold;
}

.koushikitext_title{
    text-align: center;
    font-size: 1.4em;
    background: rgb(43, 116, 207, 0.9);/*IE11*/
    background-color: rgb(43 116 207 / 90%);
    padding: 10px 30px;
    margin: 1.9em auto 0.5em;
    /* letter-spacing: 7px; */
    text-shadow: 1px 2px 3px #000000;
    line-height: 1.3em;
    color: #ffffff;
    width: 95%;
    border-radius: 5px;
    font-weight: bold;
}
.koushikitext_title span {
	font-size: 0.9em;
	letter-spacing: 0;
}
.koushikitext_text{
    text-align: center;
    font-size: 1em;
    color: #404040;
    background: rgba(255, 255, 255, 0.8);/*IE11*/
    background-color: rgb(255 255 255 / 80%);
    padding: 10px;
    width: 95%;
    margin: 0 auto;
    border-radius: 5px;
	font-weight:bold;
}

.yu-shikaku_title{
    text-align: center;
    font-size: 1.4em;
    background: rgb(156, 197, 33, 0.92);/*IE11*/
    background-color: rgb(156 197 33 / 92%);
    padding: 10px 30px;
    margin: 1.9em auto 0.5em;
    /* letter-spacing: 7px; */
    text-shadow: 1px 2px 3px #000000;
    line-height: 1.3em;
    color: #ffffff;
    width: 95%;
    border-radius: 5px;
    font-weight: bold;
}
.yu-shikaku_title span {
	font-size: 0.9em;
	letter-spacing: 0;
}
.yu-shikaku_text{
    text-align: center;
    font-size: 1em;
    color: #404040;
    background: rgba(255, 255, 255, 0.8);/*IE11*/
    background-color: rgb(255 255 255 / 80%);
    padding: 10px;
    width: 95%;
    margin: 0 auto;
    border-radius: 5px;
	font-weight:bold;
}



.shiken_title{
    text-align: center;
    font-size: 1.7em;
    background-color: #ffbd02;
    padding: 10px 10px;
    border-radius: 10px;
    width: 14em;
    margin: 1em auto;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px 5px #000;
}
.shiken_text{
    text-align: center;
    font-size: 1em;
    color: #000;
    background: rgba(255, 255, 255, 0.7);/*IE11*/
	background-color: rgb(255 255 255 / 70%);
    padding: 10px;
	font-weight:bold;
}

.cap_top_title{
    text-align: center;
    font-size: 1.7em;
    background-color: #1b9630;
    padding: 10px 10px;
    border-radius: 10px;
    width: 14em;
    margin: 1em auto;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px 5px #000;
}
.cap_top_text{
    text-align: center;
    font-size: 1em;
    color: #000;
    background: rgba(255, 255, 255, 0.7);/*IE11*/
	background-color: rgb(255 255 255 / 70%);
    padding: 10px;
	font-weight:bold;
}


.ribbon-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  height: 85px;
  overflow: hidden;
  }

.ribbon {
  display: inline-block;
  position: absolute;
  padding: 5px 0;
  left: -24px;
  top: 20px;
  width: 160px;
  text-align: center;
  font-size: 18px;
  line-height: 16px;
  background: #ff4646;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 2px rgb(255, 70, 70);
  border-top: dashed 1px rgba(255, 255, 255, 0.65);
  border-bottom: dashed 1px rgba(255, 255, 255, 0.65);
}

a[href$=".pdf"] {
	background: url(/images/icon_pdf.gif) no-repeat left top;
    padding-left: 20px;
    margin-right: 0.5em;
    display: inline;}

a[href$=".xlsx"] {
	background: url(/images/icon_xlsx.gif) no-repeat left top;
    padding-left: 20px;
    margin-right: 0.5em;
    display: inline;}

a[href$=".xls"] {
	background: url(/images/icon_xlsx.gif) no-repeat left top;
    padding-left: 20px;
    margin-right: 0.5em;
    display: inline;}

a[href$=".doc"] {
	background: url(/images/icon_doc.gif) no-repeat left top;
    padding-left: 20px;
    margin-right: 0.5em;
    display: inline;}

a[href$=".docx"] {
	background: url(/images/icon_doc.gif) no-repeat left top;
    padding-left: 20px;
    margin-right: 0.5em;
    display: inline;}

a[href$=".ppt"] {
	background: url(/images/icon_ppt.gif) no-repeat left top;
    padding-left: 20px;
    margin-right: 0.5em;
    display: inline;}

a[href$=".pptx"] {
	background: url(/images/icon_ppt.gif) no-repeat left top;
    padding-left: 20px;
    margin-right: 0.5em;
    display: inline;}
@media only screen and (max-width: 1000px) {

.top_slide{width: 100%;background-color: #fff;margin-top: 1em;text-align: center;height: 200px;background-size: 200%; background-repeat:no-repeat;}
.top_slide img{margin: 0 auto;vertical-align: top;width: 100%;}
.top_slide_txt{font-size: 2.3em;padding-top: 50px;}
.top_slide_txt2{font-size: 1.4em;padding-top: 10px;}
.twitter-title_p{;font-size: 1em;}
.twitter_follow{;font-size: 0.8em;}
.katuyaku_title{font-size: 1em;}

.support_wrap{width: 95%;display: block;margin: 1em auto 0;}
.support_box{font-size: 0.9em;margin: 1em auto;display: block;height: 5em;width: 90%;}
.support_box span{margin-top: 25px; font-size: 1em;}
.support_stxt{display: none;}

.twitter {width: 48%;}
.pickup_wrap{width: 100%;}
.pickup_area {width: 48%;}

.shiken_title{
    font-size: 1.5em;
    padding: 10px 10px;
    width: 12em;
    margin: 1.5em auto 1em;
}
	
.cap_top_title{
    font-size: 1.5em;
    padding: 10px 10px;
    width: 13.5em;
    margin: 1.5em auto 1em;
}

.top_title{width: 100%;margin-top: 3em;}
.top_title h2{font-size: 1em;}
.sp-caption-container {font-size: 12px;}
.top_title2{width: 100%;}
.top_kensaku{width: 100%;}
.top_title2 p{font-size: 0.7em}
.top_kensaku_waku{width: 250px;padding: 4px}
.top_kensaku_btn{padding: 5px 10px; font-size: 1em;}
.top_title p{margin: 3px auto 0;font-size: 0.7em}
.news_area{display: inline-table;}
.fadein {
  opacity: 100;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); /* フェードインで動く高さを指定 */
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
  transition: all 0ms; /* フェードインにかかる時間を指定 */
}
}

@media screen and (min-width:1000px) and ( max-width:1200px) {

.pickup_wrap{width: 100%;}
.pickup_area {width: 48%;}
.twitter{width: 48%;}

}

@media only screen and (max-width:700px){
	.news_title{font-size: 1em;}
	.katuyaku_title{font-size: 1em;}
	.twitter-title_p{;font-size: 1em;}
	.pickup_area {width: 95%;}
	.twitter {width: 95%;}
	.news_area{width:95%;}
	.top_slide_txt{font-size: 1.8em;padding-top: 50px;}
	.top_slide_txt2{font-size: 1.1em;padding-top: 10px;}

}
	
@media only screen and (max-width:500px){
	.top_slide{height: 200px;background-size: 800px;}
	.sp-caption-container {font-size: 13px;}
	.sp-slides-container{height: 150px!important;}
	.sp-image{height: 150px!important;}
	.sp-buttons{padding-top: 0px;}
	.news_area{width:94%;}
	.top_slide_txt{font-size: 1.3em;padding-top: 60px;line-height: 1em;}
	.top_slide_txt2{font-size: 0.9em;padding-top: 10px;}
	.jinzai_title {
    font-size: 1.4em;
    padding: 10px 20px;
    width: 80%;
    margin: 2.5em auto 1.8em;
    letter-spacing: 0px;}
	.jinzai_text {
    font-size: 1.1em;}
	.shiken_title{
    font-size: 1.3em;
    padding: 10px 10px;
    width: 80%;
    margin: 1.5em auto 1.2em;}
	.shiken_title br{ display:none;}
	.shiken_text{
    font-size: 0.9em;}
	.koushikitext_title{
    font-size: 1.2em;
    margin: 1.5em auto 0.5em;}
	.koushikitext_text{
    font-size: 0.9em;}
	.yu-shikaku_title{
    font-size: 1.2em;
    margin: 1.5em auto 0.5em;}
	.yu-shikaku_text{
    font-size: 0.9em;}
	.yu-shikaku_text br{ display:none;}
	.cap_top_title{
    font-size: 1.3em;
    padding: 10px 10px;
    width: 80%;
    margin: 1.5em auto 1.2em;}
	.cap_top_title br{ display:none;}
	.cap_top_text{
    font-size: 0.9em;}
	.shihoudai_title {
    font-size: 1.4em;}
	.shihoudai_text {
    font-size: 1em;}
	.pickup_area {height: 200px;}
	.slide_katuyaku{height: 250px;}

}

@media only screen and (max-width:380px){
.sp-image {height: 130px!important;}
.sp-caption-container {margin-top: -15px;}
}

@media only screen and (max-width:350px){
.top_slide_txt{padding-top: 40px;}
.shiken_title {
	font-size: 1em;}
.cap_top_title {
	font-size: 1em;}
.koushikitext_title {
	padding: 10px 10px;
	font-size: 1em;}
.yu-shikaku_title {
	padding: 10px 10px;
	font-size: 1em;}
.shihoudai_title {
	padding: 10px 10px;
	font-size: 1.1em;}

.shiken_text {
	font-size: 0.8em;}
.shiken_text br{
	display: none;}
.cap_top_text{
	font-size: 0.8em;}
.cap_top_text br{
	display: none;}
.koushikitext_text {
	font-size: 0.8em;}
.koushikitext_title br{
	display: none;}
.shihoudai_text{
    font-size: 0.8em;}
.shihoudai_title br{
	display: none;}
.shihoudai_text br{
	display: none;}
}