@charset "utf-8";

/* --------------------------------------------------------------------------------
// Branding Colors

 Color Example 
.branding {
  color: darkcolor;
  color: lightcolor;
}


.agriculture {
  color: rgb(0,88,58);
  color: rgb(231,245,232);
}
.business {
  color: rgb(236,108,0);
  color: rgb(255,241,230);
}
.commerce {
  color: rgb(155,2,129);
  color: rgb(239,220,239);
}
.economics {
  color: rgb(184,57,68);
  color: rgb(247,231,232);
}
.ims {
  color: rgb(24,82,146);
  color: rgb(230,240,250);
}
.infocom {
  color: rgb(244,172,70);
  color: rgb(254,241,224);
}
.law {
  color: rgb(83,55,132);
  color: rgb(234,230,244);
}
.letters {
  color: rgb(128,59,44);
  color: rgb(247,236,230);
}
.nippon {
  color: rgb(90,129,74);
  color: rgb(232,240,229);
}
.science {
  color: rgb(102,171,202);
  color: rgb(227,241,244);
}
-------------------------------------------------------------------------------- */


/* infocom£¨Çéˆó¥³¥ß¥å¥Ë¥±©`¥·¥ç¥óѧ²¿£©
 */

/* Background Color
 */
h3,
.introduction,
.gakubu_summary {
  background-color: rgb(254,241,224);
}
h2,
h4,
.intro_stepinto_guide,
.menuList li {
  background-color: rgb(244,172,70);
}

/* Border Color
 */
h2::after {
  border-top-color: rgb(244,172,70);
}
h3 {
  border-left-color: rgb(244,172,70);
}
.menuList li a::after {
  border-bottom-color: rgb(244,172,70);
  border-left-color: rgb(244,172,70);
}

.tab_menu borderB_infocom{
	border-bottom-color: rgb(244,172,70);
}

nav {
  border-top-color: rgb(244,172,70);
  border-bottom-color: rgb(244,172,70);
}
nav li {
  border-right-color: rgb(244,172,70);
}
nav li:first-child {
  border-left-color: rgb(244,172,70);
}
@media screen and (max-width: 767px){
nav {
    border-top-color: rgb(244,172,70);
    border-bottom-color: rgb(244,172,70);
  }
  nav ul {
    border-left-color: rgb(244,172,70);
    border-right-color: rgb(244,172,70);
  }
  nav li {
    border-top-color: rgb(244,172,70);
    border-left-color: rgb(244,172,70);
  }
  nav li:first-child {
    border-left-color: rgb(244,172,70);
  }
}

/* Text Color
 */
nav li a,
h1,
h3,
.summary_info dt,
.intro_stepinto_title,
.request_container .request_title,
.request_container .request_title::after,
.request_container .btn_window_close_request {
  color: rgb(244,172,70);
}

.interest_request_area .interest_paragraph {
  color: rgb(244,172,70) !important;
}

/* Other Styles
 */
nav li.current a {
    background-color: #F6BD6B;
    color: white;
}
nav a:hover {
    background-color: #F6BD6B;
}

h1 span {
  font-size: 4.8rem;	
  font-feature-settings: "palt";
}

.interest_lead h2 {
color: #f4ac46;
}
.interest_lead h2::before,
.interest_lead h2::after,
.interest_slider .slick-dots li.slick-active,
.interest_article_link,
.request_container input[type="submit"]  {
background-color: #f4ac46;
}
@media screen and (max-width: 767px){
h1 span {
    font-size: 2.4rem;
}
}

.btn_more_details {
    width: auto;
    height: 36px;
    padding: 0 10px 0 48px;
}
.clip {
    height: 50px;
}
.w460 div:first-of-type{
	margin-top: 20px;
}
.intro_stepinto {
background: url(/stepinto/infocom/img/bg_stepinto_title_pc.png) center bottom repeat;
}
.interest_article {
background: #fef1e0 url(../img/bg_interest_latest_pc.png) center bottom repeat-x;
}


.interest_lead h2,
.interest_lead h2::before,
.interest_lead h2::after {
color: #;
}
.interest_slider .slick-dots li.slick-active,
.interest_article_link {
background-color: #;
}
@media screen and (max-width: 767px){
section.inSlider.btnTwo {
    padding-bottom: 140px;
}	
.btn_more_details {
    height: 32px;
}
.w460 div:first-of-type {
    bottom: 45px;
}
.w460 div:last-of-type {
    bottom: 0;
}
.intro_stepinto {
background: url(/stepinto/infocom/img/bg_stepinto_title.png) center bottom repeat;
}
.interest_article {
background: #fef1e0 url(../img/bg_interest_latest.png) center bottom repeat-x;
background-size: 160px auto;
}  
}

.onlinkimg{
	position: relative;
}

.onlink{
	position: absolute;
    top: 240px;
    left: 375px;
}

.menuList.split li:first-child span {
    font-size: 1.9rem;
}
@media screen and (max-width: 767px) {
.menuList.split li:nth-child(-n+3) span {
    height: 36px;
    font-size: 1.2rem;
    line-height: 1.3;
    display: flex;
    justify-content: center;
    align-items: center;
}
}