@charset "utf-8";

/*PCSP共通設定*/
section:nth-of-type(odd){background-color:#fffdee;}
section:nth-of-type(even){background-color:#fff;}
html {scroll-behavior: smooth;}/*smooth scroll*/

/*共通項目*/
    .emphasis {
        background-image: linear-gradient(
            rgba(0 0 0 / 0) 70%,
            #fcee21 70%
            
        );
    }

    hr.line{
      border: none;
      border-top: 10px dashed #fff;
    }

    .more {
        font-size: 15px;
         text-align: right;  
        margin-right: 0.5rem;
    }


/*759px以下*/
    @media screen and (max-width: 759.9px) {
    #wrapper {line-height: 1.4;}
    .spnone{display:none;}

/* CSS */
    #dirPathBlock,
    #anchorLinkBlock {
        font-size: 10px;
        margin: 1% 1% 0 1%;
    }
    #dirPathBlock p,
    #anchorLinkBlock a{font-size: 12px;}
        
        
/*共通項目*/
     h2 {
        max-width: 759.9px;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
    }

/*title*/
    img#mainphoto {
        width: 100%;
        max-width: 100%; /* もしくは max-width: 100%; */
        margin: 0 auto 2%;
        display: block;
    }
    
/*メニュー*/ 
    .forpc {
        max-width: 759.9px;
    }
        
    .contentsMenu {
        max-width: 759.9px;
        display: flex; 
        flex-wrap: wrap;   /* 折り返しを許可 */
        justify-content: center;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .contentsMenu li {
        width: 43%;  /* 2列にする */
        box-sizing: border-box;
        position: relative;
        column-gap: 0.3rem;
        margin-bottom: 0.3rem;
    }
    
    .menuImage {
        position: static;
        display: block;
        top: 0;
        left: 0;
        width: 98%;
        height: auto;
        z-index: 1; /* 背景なので低く */
    }
         
        
    .forpc {
        display: none;
    }

/*マレーシアが選ばれる理由*/
    
    .chooseMy {
	    max-width: 759.9px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 2rem;
        
    }

    .chooseMy .formb img {
        max-width: 759.9px;
        width: 100%;
        height: auto;
        display: block;
        margin: -4rem auto 0 auto;
    }

     .chooseMy .forpc img {
        display: none;
    }

 /*基本情報*/
    
    .basicInfo {
	    max-width: 759.9px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 2rem;
        
    }

    .basicInfoItem p {
        width: 80%;
        font-size: 18px;
        display: block;
        margin: 2rem auto;
        
    }
    
    .basicInfoItem img {
        width: 90%;
        height: auto;
        display: block;
        margin: 3rem auto 2rem auto;
    }
        
/*エリア情報*/
    
    .area {
        max-width: 759.9px;
        margin-right: auto;
        margin-left: auto;
    }

    .areaItem {
        width: 80%;  /* 2つ並べるなら50%以下が目安 */
        padding: 20px;
        box-sizing: border-box; /* padding込みで幅を計算するため */
        background-color: #fff;
        border: 1px solid #c1c1c1;
        margin: 2rem auto;
    }
    
    .areaItem h4 {
        font-size: 20px;
        margin: 1rem 0.5rem 0.5rem 0.5rem;
        font-weight: bold;
    }
    
    .areaItem p {
        font-size: 15px;
        margin: 0 0.5rem 0.5rem 0.5rem;
    }
    
    .areaItem img {
        width: 100%
    }
        

        

/*教育プログラム*/
    
    .education {
        max-width: 759.9px;
        margin-right: auto;
        margin-left: auto;
    }

    .educationItem {
        width: 80%;  /* 2つ並べるなら50%以下が目安 */
        padding: 20px;
        box-sizing: border-box; /* padding込みで幅を計算するため */
        background-color: #fff;
        border: 1px solid #c1c1c1;
        margin: 2rem auto;
    }
    
    .educationItem h4 {
        font-size: 20px;
        margin: 1rem 0.5rem 0.5rem 0.5rem;
        font-weight: bold;
    }
    
    .educationItem p {
        font-size: 15px;
        margin: 0 0.5rem 0.5rem 0.5rem;
    }
    
    .educationItem img {
        width: 100%
    }
        
/* ガイドブック*/
    
    .guidebook {
        max-width: 759.9px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .wrapGuidebook {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;  
        margin-top: 3rem;
        
    }
    
    .guidebookItem {
        width: 40%; 
        padding: 0 10px;
        box-sizing: border-box;
        text-align: center;
    }
    
    .guidebookItem h5 {
        min-height: 3rem; /* 適宜調整 */
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        padding: 0.2rem 0.5rem;
        border: 2px solid #c1c1c1;
        background-color: #fff;
    }
    
    .guidebookItem p {
        font-size: 16px;
        margin-top: 1.5rem;
        margin-bottom: 3rem;
    }
    
    .guidebookItem img {
        width: 60%;
        height: auto;
        margin-top: 1.2rem;
    }
    
        
/* 外部リンク*/
    
    .link {
        max-width: 759.9px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .wrapLink {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; 
        margin-bottom: 3rem;
    }
    
    .linkItem {
        width: 32%; 
        text-align: center;
    }
    
    .linkItem img {
        width: 80%; 
    }
    
    .linkItem p {
        margin-top: -0.5rem;
        font-size: 10px;

    }
        
}

/*760px以上*/
@media screen and (min-width: 760px),print {
    
/*共通項目*/
    h2 {
        width:900px;
        min-width:700px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 4rem;
        font-size: 22px;
        font-weight: bold;
    }
    

/* 個別CSS */
    #wrapper {line-height: 1.231;}
    #dirPathBlock,
    h1,
    .iframe_end-content_gadget,
    #anchorLinkBlock{
        width: 100%;
        max-width:970px;
        min-width:760px;
        margin: auto;
    }

    .mainvisual img {
        width: 100%;
    }

    /*panlist&back*/
    #dirPathBlock,
    #anchorLinkBlock {
        width: 100%;
        margin: 0 auto;
        display: block;
        font-size: 12px;
    }
    #dirPathBlock p,
    #anchorLinkBlock a{font-size: 12px;}


/*title*/
    img#mainphoto {
        width: 100%;
        max-width: 100%; /* もしくは max-width: 100%; */
        margin: 0 auto -;
        display: block;
    }
    
/* メニュー */
    
    .contentsMenu {
      display: flex;
      list-style: none;
      max-width: 970px;
      text-align: center;
      margin: 0 auto 3rem auto;
    }

    .contentsMenu li {
      /* 幅を均等にしたい場合 */
      flex: 1;
      margin:auto 0.3rem;
    }

    .contentsMenu li a {
      display: block;
      background-color: #2d327d; /* 濃い青 */
      color: white;
      text-align: center;
      padding: 15px 10px;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
      line-height: 1.4;

      /* 左端だけ左下と左上を丸く */
      border-bottom-right-radius: 15px;
      border-bottom-left-radius: 15px;
    }

    /* ホバー効果 */
    .contentsMenu li a:hover {
      background-color: #444b9c;
    }
    
    .formb {
        display: none;
    }
    

/*マレーシアが選ばれる理由*/
    
    .chooseMy {
        width:970px;
	   min-width:760px;
        margin-right: auto;
        margin-left: auto;
    }

    .chooseMy h2 {
        width:900px;
        min-width:700px;
        margin-right: auto;
        margin-left: auto;
        
        font-size: 22px;
    }

    .chooseMy .forpc img {
        max-width: 900px; /* 最大幅を600pxに制限 */
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

     .chooseMy .formb img {
        display: none;
    }

/*基本情報*/
    
    .basicInfo {
        width:970px;
	    min-width:760px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .basicInfoItem {
        display: flex;
        justify-content: space-between;
    }
    
    .basicInfoItem p {
        width: 48%;
        font-size: 18px;
        
    }
    
    .basicInfoItem img {
        width: 50%;
        height: auto;
        margin-top: -2rem;
        margin-bottom: 4rem;
    }
    
    
/*エリア情報*/
    
    .area {
        width:970px;
	    min-width:760px;
        margin-right: auto;
        margin-left: auto;
        margin-top: -1rem;
    }
    
    .wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;  
}
    
    .areaItem {
        width: 48.5%;  /* 2つ並べるなら50%以下が目安 */
        padding: 20px;
        box-sizing: border-box; /* padding込みで幅を計算するため */
        background-color: #fff;
        border: 1px solid #c1c1c1;
        margin-bottom: 2rem;
    }
    
    .areaItem h4 {
        font-size: 20px;
        margin: 1rem 0.5rem 0.5rem 0.5rem;
        font-weight: bold;
    }
    
    .areaItem p {
        font-size: 15px;
        margin: 0 0.5rem 0.5rem 0.5rem;
    }
    
    .areaItem img {
        width: 100%
    }

    
/*教育プログラム*/
    
    .education {
        width:970px;
	    min-width:760px;
        margin-right: auto;
        margin-left: auto;
        margin-top: -1rem;
    }
    
    .wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;  
}
    
    .educationItem {
        width: 48.5%;  /* 2つ並べるなら50%以下が目安 */
        padding: 20px;
        box-sizing: border-box; /* padding込みで幅を計算するため */
        background-color: #fff;
        border: 1px solid #c1c1c1;
        margin-bottom: 2rem;
    }
    
    .educationItem h4 {
        font-size: 20px;
        margin: 1rem 0.5rem 0.5rem 0.5rem;
        font-weight: bold;
    }
    
    .educationItem p {
        font-size: 15px;
        margin: 0 0.5rem 0.5rem 0.5rem;
    }
    
    .educationItem img {
        width: 100%
    }
    
/* ガイドブック*/
    
    .guidebook {
        width:970px;
	    min-width:760px;
        margin-right: auto;
        margin-left: auto;
        margin-top: -1rem;
    }
    
    .wrapGuidebook {
        display: flex;
        justify-content: space-between;
    }
    
    .guidebookItem {
        width: 30%; 
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
    }
    
    .guidebookItem h5 {
        min-height: 3rem; /* 適宜調整 */
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        padding: 0.8rem 1rem;
        border: 2px solid #c1c1c1;
        background-color: #fff;
    }
    
    .guidebookItem p {
        font-size: 16px;
        margin-top: 1.5rem;
        margin-bottom: 3rem;
    }
    
    .guidebookItem img {
        width: 60%;
        height: auto;
        margin-top: 1.2rem;
    }
    
/* 外部リンク*/
    
    .link {
        width:970px;
	    min-width:760px;
        margin-right: auto;
        margin-left: auto;
        margin-top: -1rem;
    }
    
    .wrapLink {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; 
        margin-top: -3rem;
        margin-bottom: 5rem;
    }
    
    .linkItem {
        width: 32%; 
        text-align: center;
    }
    
    .linkItem img {
        width: 80%; 
    }
    
    .linkItem p {
        margin-top: -1rem;
        font-size: 14px;

    }
    
}