@charset "utf-8";
html {
  scroll-behavior: smooth;
}


body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

li {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}


li a {
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}




h5, h6 {
	margin: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding: 0;
}


p {
	font-family: "メイリオ";
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}


p a { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}


a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
 a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

a {
    /** マウスオーバー（ふわっと切換える） ******************************/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
/***************************
1s が1秒なので、上記の場合は0.3秒で背景色が変わる
ease は変化の方法
****************************/
}


a:hover {
    /** 半透明（全体） ******************************/
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
/*********************
『filter:alpha(opacity=50);』--【IE】/ 透過無しの状態"100%"を指定する際は「filter:alpha(opacity=100);」。
『-moz-opacity: 0.5;』--【Firefox（Mozilla）】/ 透過無しの状態"100%"を指定する際は「-moz-opacity:1;」。
『opacity: 0.5;』--【SafariやOpera】/ 透過無しの状態"100%"を指定する際は「opacity:1;」。
**********************/
}








/**　CONTENT　ここから　***********************************************************************************/
#content {
    overflow: hidden;
    width: 100%;
	padding: 0;
    margin: 0 auto 30px;
	clear: both;
}


/** ---------------  content_area　ここから ↓↓↓　------------------------------ */
@media screen and (min-width: 481px) { /*ウィンドウ幅が最少481pxの場合にPC表示*/
#content #content_area {
    overflow: hidden;
    width: 1080px;
	padding: 0;
    margin: 20px auto 0;
}
}

@media screen and (max-width: 480px) { /*ウィンドウ幅が最大481pxの場合にスマホ表示*/
#content #content_area {
    width: 100%;
	clear: both;
	padding: 0;
    margin: 0 auto;
}
}
/** ---------------  content_area　ここまで ↑↑↑　------------------------------ */








/***************************************************************************************************************************/
/** 【PC用】　↓↓↓　*****************************************************************************************************/
@media screen and (min-width: 481px) { /*ウィンドウ幅が最少481pxの場合にPC表示*/
#content .sdgs {
    background: #F1F1F1;
	padding: 8px 0 8px;
    margin: 0 auto;
}
    
#content .sdgs p.logo {
    width: 1080px;
	font-size: 15px;
	font-weight: bold;
    margin: 0 auto;
    text-align: center;
    background: url("../../images-new/program/siliconvalley/sdgs-logo.jpg") right 0 no-repeat;
}
#content .sdgs p.logo span {
}




    
    
    
/** --------------- main1　ここから ↓↓↓ 　--------------------------------------- **/
#content .main1 {
	overflow: hidden;
	width: 1080px;
	margin: 15px auto 40px;
    clear: both;
}

#content .main1 p.support {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	margin: 0 0 20px;
}
#content .main1 p.support span {
}
#content .main1 p.support span:before {
    content: "・";
}
    
#content .main1 h1 {
    float: left;
    width: 420px;
    font-size: 20px;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
	margin: 0 0 0 80px;
    padding: 8px 0 6px;
    background: #F0F0E1;
        /** 角丸 ******************************/
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
}
    
#content .main1 h2 {
    float: left;
    width: 420px;
    font-size: 20px;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
	margin: 0 0 0 80px;
    padding: 8px 0 6px;
    background: #EFFFDB;
        /** 角丸 ******************************/
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
}
    
#content .main1 p {
    font-size: 14px;
	margin: 0 80px;
    padding: 20px 0 5px;
    clear: both;
}

#content .main1 p.schedule {
    font-size: 16px;
    font-weight: bold;
	margin: 15px 0 0 350px;
    padding: 0;
}

    #content .main1 p.schedule2 {
    font-size: 16px;
    font-weight: bold;
	margin: 0 0 0 350px;
    padding: 0;
}

#content .main1 p.schedule span {
    font-size: 14px;
    font-weight: normal;
}
    
#content .main1 ul.pdf {
    width: 100%;
	margin: 15px 0 0;
    padding: 0;
}
    
#content .main1 ul.pdf li.left {
    float: left;
    width: 360px;
	margin: 0 0 0 150px;
    padding: 0;
}

#content .main1 ul.pdf li.right {
    float: left;
    width: 360px;
	margin: 0 0 0 80px;
    padding: 0;
}

#content .main1 ul.pdf li a {
    font-size: 16px;
    color: #0000FF;
	margin: 0;
    padding: 0;
    line-height: 150%;
}
#content .main1 ul.pdf li:before {
    content: "■";
    margin: 0 5px 0 0;
}
    
    
    
    
    
    
/** --------------- main1　ここまで ↑↑↑ 　--------------------------------------- **/





/** ---------------  main2　ここから ↓↓↓ 　--------------------------------------- **/
#content .main2 {
	width: 1060px;
	height: auto;
	padding: 30px 10px;
    margin: 0;
    background: #F0F0E1;
    border-top: 1px dotted #ccc;
}

#content .main2 p.support {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
	margin: 0 0 20px;
}
#content .main2 p.support span {
}
#content .main2 p.support span:before {
    content: "・";
}
    
#content .main2 h2 {
    font-size: 35px;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
	margin: 0;
    padding: 0;
}
    
#content .main2 h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	margin: 0;
    padding: 0;
}
    
#content .main2 .box {
	width: 580px;
	height: auto;
	padding: 10px 0;
    margin: 20px auto 15px;
    background: #fff;
    border: 2px solid #79796A;
    /** 角丸 ******************************/
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
  
#content .main2 .box p {
    font-size: 16px;
    font-weight: bold;
	padding: 0;
    margin: 0 0 0 30px;
    line-height: 160%;
}
#content .main2 .box p span.next:before {
    content: "・";
}
    
#content .main2 p.text {
    font-size: 14px;
	padding: 0;
    margin: 0 40px 10px;
    line-height: 140%;
}
    
    
    
    
    
/** --------------- main2　ここまで ↑↑↑ 　--------------------------------------- **/


    
    
    
/** ---------------  main3　ここから ↓↓↓ 　--------------------------------------- **/
#content .main3 {
	width: 1060px;
	height: auto;
	padding: 30px 10px;
    margin: 20px 0 0;
    background: #EFFFDB;
}

#content .main3 h2 {
    font-size: 35px;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
	margin: 0;
    padding: 0;
}
    
#content .main3 h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	margin: 0;
    padding: 0;
}
    
#content .main3 .box {
    overflow: hidden;
	width: 854px;
	height: auto;
	padding: 10px 0;
    margin: 20px auto 15px;
    background: #fff;
    border: 2px solid #79796A;
    /** 角丸 ******************************/
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
  
#content .main3 .box .left{
    float: left;
	width: 425px;
	height: auto;
	padding: 0;
    margin: 0;
    background: #fff;
    border-right: 1px dotted #ccc;
}

#content .main3 .box .right{
    float: left;
	width: 424px;
	height: auto;
	padding: 0;
    margin: 0;
    background: #fff;
}

#content .main3 .box p {
    font-size: 15px;
    font-weight: bold;
	padding: 0 0 0 20px;
    margin: 0;
    line-height: 160%;
}
    
#content .main3 p.about {
    font-size: 14px;
	padding: 0 0 0 40px;
    margin: 0;
    line-height: 140%;
}
    
#content .main3 p.last {
    font-size: 14px;
	padding: 0 20px 0 0;
    color: #0000FF;
    margin: 0;
    text-align: right;
    clear: both;
}

#content .main3 p.text {
    font-size: 14px;
	padding: 0;
    margin: 0 40px 10px;
    line-height: 140%;
}

/** --------------- main3　ここまで ↑↑↑ 　--------------------------------------- **/





/** ---------------  main4　ここから ↓↓↓ 　--------------------------------------- **/
#content .main4 {
    margin: 30px 0;
	padding: 0;
}

#content .main4 p.apply {
    float: left;
    margin: 0 0 0 70px;
}

#content .main4 p.apply a {
    display: block;
    width: 540px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    padding: 30px 0 27px;
    text-align: center;
    text-decoration: none;
    background: #FF8000;
        /** 角丸 ******************************/
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}

#content .main4 p.apply a:hover {
    /** 半透明（全体） ******************************/
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

#content .main4 p.mail {
    float: right;
    margin: 50px 80px 0 0;
}

#content .main4 p.mail a {
    display: block;
    font-size: 15px;
    padding: 0px 0 0;
    color: #0000FF;
    text-decoration: underline;
}
#content .main4 p.mail a:after {
    content: ">>>";
}

#content .main4 p.mail a:hover {
    /** 半透明（全体） ******************************/
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

/** --------------- main4　ここまで ↑↑↑ 　--------------------------------------- **/






}
/** 【PC用】　ここまで　↑↑↑　*****************************************************************************************************/







/************************************************************************************************************************************/
/** 【SP用】　↓↓↓　***************************************************************************************************************/

    
/** ---------------  main1　ここから ↓↓↓ 　--------------------------------------- **/
@media screen and (max-width: 480px) { /*ウィンドウ幅が最少480pxの場合にPC非表示*/
#content .main1 {
	overflow: hidden;
	width: 100%;
	margin: 0 auto 20px;
    clear: both;
}

#content .main1 p.support {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	margin: 0 0 0;
}
#content .main1 p.support span {
    display: block;
}
#content .main1 p.support span:before {}
    
#content .main1 h1 {
    font-size: 18px;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
	margin: 0 10px 0;
    padding: 8px 10px 6px;
    background: #F0F0E1;
        /** 角丸 ******************************/
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
}
    
#content .main1 h2 {
    font-size: 18px;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
	margin: 10px 10px 0;
    padding: 8px 10px 6px;
    background: #EFFFDB;
        /** 角丸 ******************************/
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
}
    
#content .main1 p {
    font-size: 14px;
	margin: 0 20px;
    padding: 20px 0 20px;
    clear: both;
}

#content .main1 p.schedule {
    font-size: 14px;
    font-weight: bold;
	margin: 0 0 0 20px;
    padding: 0;
}

#content .main1 p.schedule span {
    font-size: 14px;
    font-weight: normal;
}

#content .main1 ul.pdf {
    width: 100%;
	margin: 15px 0 0;
    padding: 0;
}
    
#content .main1 ul.pdf li.left {
	margin: 0 0 0 20px;
    padding: 0;
}

#content .main1 ul.pdf li.right {
	margin: 0 0 0 20px;
    padding: 0;
}

#content .main1 ul.pdf li a {
    font-size: 14px;
    color: #0000FF;
	margin: 0;
    padding: 0;
    line-height: 150%;
}
#content .main1 ul.pdf li:before {
    content: "■";
    margin: 0 5px 0 0;
}
/** ---------------  main1　ここまで ↑↑↑ 　--------------------------------------- **/






/** ---------------  main2　ここから ↓↓↓ 　--------------------------------------- **/
#content .main2 {
	height: auto;
	padding: 30px 10px;
    margin: 0;
    background: #F0F0E1;
    border-top: 1px dotted #ccc;
}

#content .main2 p.support {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	margin: 0;
    padding: 0;
}
#content .main2 p.support span {
    display: block;
}
#content .main2 p.support span:before {}
    
#content .main2 h2 {
    font-size: 20px;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
	margin: 20px 0;
    padding: 0;
}
    
#content .main2 h3 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
	margin: 0;
    padding: 0;
}
#content .main2 h3 span {
    display: block;
}
    
#content .main2 .box {
	padding: 10px 0;
    margin: 20px 10px 15px;
    background: #fff;
    border: 2px solid #79796A;
    /** 角丸 ******************************/
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
  
#content .main2 .box p {
    font-size: 15px;
    font-weight: bold;
	padding: 0;
    margin: 5px 0 0 10px;
}
#content .main2 .box p span {
    display: block;
    margin: 0 0 0 15px;
    font-weight: normal;
}
 
#content .main2 p.text {
    font-size: 14px;
	padding: 0;
    margin: 0 15px 10px;
    line-height: 140%;
}
    
    
    
    
    
/** --------------- main2　ここまで ↑↑↑ 　--------------------------------------- **/


    
    
    
/** ---------------  main3　ここから ↓↓↓ 　--------------------------------------- **/
#content .main3 {
	height: auto;
	padding: 30px 10px;
    margin: 20px 0 0;
    background: #EFFFDB;
}

#content .main3 h2 {
    font-size: 18px;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
	margin: 0;
    padding: 0;
}
    
#content .main3 h3 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
	margin: 0;
    padding: 0;
}
#content .main3 h3 span {
    display: block;
}
    
#content .main3 .box {
    overflow: hidden;
	height: auto;
	padding: 10px 0;
    margin: 20px 10px 15px;
    background: #fff;
    border: 2px solid #79796A;
    /** 角丸 ******************************/
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
  
#content .main3 .box .left{
	padding: 0 0 5px;
    margin: 0 0 5px;
    background: #fff;
    border-bottom: 1px dotted #ccc;
}

#content .main3 .box .right{
	padding: 0;
    margin: 0;
    background: #fff;
}

#content .main3 .box p {
    font-size: 14px;
    font-weight: bold;
	padding: 0 0 0 10px;
    margin: 0;
}
    
#content .main3 p.about {
    font-size: 14px;
    font-weight: normal;
	padding: 0 0 0 30px;
    margin: 0;
    letter-spacing: -0.5px;
}
#content .main3 p.about span {
    display: block;
}
    
#content .main3 p.last {
    font-size: 14px;
	padding: 10px 0 0;
    color: #0000FF;
    margin: 0;
    text-align: center;
}

#content .main3 p.text {
    font-size: 14px;
	padding: 0;
    margin: 0 15px 10px;
    line-height: 140%;
}

/** --------------- main3　ここまで ↑↑↑ 　--------------------------------------- **/





/** ---------------  main4　ここから ↓↓↓ 　--------------------------------------- **/
#content .main4 {
    margin: 30px 0 0;
	padding: 0;
}

#content .main4 p.apply {
    margin: 0 15px 0;
}

#content .main4 p.apply a {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding: 20px 0 17px;
    text-align: center;
    text-decoration: none;
    background: #FF8000;
        /** 角丸 ******************************/
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#content .main4 p.mail a:after {
    content: ">>>";
}

#content .main4 p.apply a:hover {
    /** 半透明（全体） ******************************/
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

#content .main4 p.mail {
    display: block;
    margin: 30px 0 0;
    text-align: center;
}

#content .main4 p.mail a {
    display: block;
    font-size: 15px;
    padding: 0px 0 0;
    color: #0000FF;
    text-decoration: underline;
}
#content .main4 p.mail a:after {
    content: ">>>";
}

#content .main4 p.mail a:hover {
    /** 半透明（全体） ******************************/
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

/** --------------- main4　ここまで ↑↑↑ 　--------------------------------------- **/






}
/** 【SP用】　ここまで　↑↑↑　*****************************************************************************************************/












/** コンテント ここまで　↑↑↑　*****************************************************************************************************/