@charset "utf-8";
/* CSS Document */



/* リンク設定
------------------------------------------------- */

a:link{
color: #0066FF;
text-decoration: none;
}
a:visited{
color: #0066FF;
text-decoration: none;
}

a:hover{
color: #0066FF;
 text-decoration: underline;
}


#top_contents h3 a:link,#contents h3 a:link,#leftbody h3 a:link{
color: #FFFFFF;
text-decoration: none;
}
#top_contents h3 a:visited,#contents h3 a:visited,#leftbody h3 a:visited{
color: #FFFFFF;
text-decoration: none;
}
#top_contents h3 a:hover,#contents h3 a:hover,#leftbody h3 a:hover{
color: #FFFFFF;
text-decoration: underline;
}



#contents h3.sm a:link{
color: #0066FF;
text-decoration: none;
}
#contents h3.sm a:visited{
color: #0066FF;
text-decoration: none;
}
#contents h3.sm a:hover{
color: #0066FF;
 text-decoration: underline;
}

#contents h4 a:link{
color: #333333;
text-decoration: none;
}
#contents h4 a:visited{
color: #333333;
text-decoration: none;
}
#contents h4 a:hover{
color: #333333;
 text-decoration: underline;
}


#contents .site_box li a:link,#contents .site_box_r li a:link{
color: #666666;
text-decoration: none;
}
#contents .site_box li a:visited,#contents .site_box_r li a:visited{
color: #666666;
text-decoration: none;
}
#contents .site_box li a:hover,#contents .site_box_r li a:hover{
color: #666666;
 text-decoration: underline;
}






table{
clear: both;
}

.clear{
clear: both;
}

.left{
float: left;
}

.right{
float: right;
}

.more{
float: right;
font-size: 12px;
}

img{
border: none;
}


/* 各index　itコーディネータとは */

.cate_box{
clear: both;
width: 780px;
margin: 10px 0px 20px 0px;

}

.cate_box p{
margin: 10px;
}

.cate_box p.site{
margin: 5px 0px 0px 0px;
}


.itc{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #f8f4ed;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itc_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #f8f4ed;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itc h3, .itc_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#c59f54;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itc ul,.itc_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.itc li,.itc_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

/* 各index　協会について */


.itca{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #eceef7;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itca_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #eceef7;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.itca h3, .itca_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#6673a9;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itca ul, .itca_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.itca li, .itca_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

ol{
margin-bottom: 10px;
}

ol li{
margin-left: 2em;
}

/* 各index　活用する方へ */


.use{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #ecf1f7;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* 20210317 mod start */
.use {
min-height: 200px;
}
.use.use-pink h3{
  background-color:#dc143c;
}
.use.use-pink{
  background-color: #ffc0cb;
}
/* 20170801 mod end */

.use_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #ecf1f7;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* 20210317 mod start */
.use_r {
min-height: 200px;
}
.use_r.use-pink h3{
  background-color:#dc143c;
}
.use_r.use-pink{
  background-color: #ffc0cb;
}
/* 20170801 mod end */

.use h3, .use_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#658ec1;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.use ul, .use_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.use li,.use_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

/* 各index　目指す方 */


.aims{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #ebf4f4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.aims_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #ebf4f4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.aims h3, .aims_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#69bbbc;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.aims ul, .aims_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.aims li,.aims_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}


.btlink{
background-image: url(../images/news_arrow.png);
background-repeat: no-repeat;
padding: 1px 0px 1px 24px;
}



/* 各index　ITコーディネータの方へ */

.news{
clear: both;
overflow: auto;
height: 150px;
margin: 20px 0px;
}


/* 各index　入会会員サービス */


.member{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #f1f1f1;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.member_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #f1f1f1;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.member h3, .member_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#787878;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.member ul, .member_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.member li, .member_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

/* 各index　研修・書籍・イベント */


.study_event{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #fffecd;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.study_event_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #fffecd;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.study_event h3, .study_event_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#eeba3c;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.study_event ul, .study_event_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.study_event li, .study_event_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

/* 検索結果 */


ul.search{
clear: both;
list-style: none;

}

ul.search li{
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
background-image: url(../images/list_tag.gif);
background-position: left;
background-repeat: no-repeat;
padding: 5px 0px 5px 10px;

}
.p_cnt{
padding-top: 20px;
text-align: center;
word-break: break-all;
}

/* 枠 */

.b_box{
padding: 10px;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
margin-bottom: 10px;
background-color: #f2f2f2;
}





/* サイトマップ */


#contents h3.sm{
font-size: 14px;
border-bottom: 1px solid #cccccc;
padding: 5px 0px;
color: #333333;
clear: both;
}

#contents h4{
font-size: 12px;
padding: 5px 0px;
}

.site_box{
float: left;
width: 246px;
margin: 10px 20px 20px 0px;
background-color: #FFFFFF;
}

.site_box_r{
float: right;
width: 246px;
margin: 10px 0px 20px 0px;

background-color: #FFFFFF;
}

.site_box ul, .site_box_r ul{
margin: 0px;
line-height: 1.1;
list-style: none;
}

.site_box li,.site_box_r li{
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;
color: #666666;

}

ul.sitemap li{
display: inline;
padding: 0px 25px 0px 0px;
}



#contents h3.sm a:link{
color: #0066FF;
text-decoration: none;
}
#contents h3.sm a:visited{
color: #0066FF;
text-decoration: none;
}
#contents h3.sm a:hover{
color: #0066FF;
 text-decoration: underline;
}

#contents h4 a:link{
color: #333333;
text-decoration: none;
}
#contents h4 a:visited{
color: #333333;
text-decoration: none;
}
#contents h4 a:hover{
color: #333333;
 text-decoration: underline;
}


#contents .site_box li a:link,#contents .site_box_r li a:link{
color: #666666;
text-decoration: none;
}
#contents .site_box li a:visited,#contents .site_box_r li a:visited{
color: #666666;
text-decoration: none;
}
#contents .site_box li a:hover,#contents .site_box_r li a:hover{
color: #666666;
 text-decoration: underline;
}




/* topics */


dl.cate_list{
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
}


dl.cate_list dt{   
float:left;   
width:90px;   
margin:7px 0px 7px 0;   
clear:both;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #CCC;
color: #FFF;
padding: 0 5px;
}

dl.cate_list dt abbr{
border-bottom: none;
}


dl.cate_list dd{     
margin-left:120px;   
padding: 7px 10px 7px 0px;
}

abbr{
border: none;

}

/*▼旧サイトのwin-ie.css追加分▼*/

div#mainbody table td { color: #4D4D4D; line-height: 140%; }
/*
div#mainbody a { color: #349DFF; text-decoration: none; }
div#mainbody a:hover { color: #349DFF; text-decoration: underline; }
*/


div#mainbody div { margin: 5px 0; padding: 10px; background: #F2F2F2; border: 1px solid #CCCCCC; color: #4D4D4D;}
div#mainbody p { margin: 5px 0; padding: 2px 10px; background: #F2F2F2; border: 1px solid #CCCCCC; color: #4D4D4D;}



/* direct navigation */

div#directnavi { margin: 0; padding: 0; }
div#directnavi table td { color: #4D4D4D; font-size: x-small; line-height: 130%; }

/*
div#directnavi a { color: #349DFF; text-decoration: none; }
div#directnavi a:hover { color: #349DFF; text-decoration: underline; }
*/
/*TEST20090428 START*/
div#directnavi a { color: #0066FF; text-decoration: none; }
div#directnavi a:hover { color: #0066FF; text-decoration: underline; }
/*TEST20090428 END*/


/* topnews */

div#topnews td { color: #4D4D4D; font-size: 12px; line-height: 23px; padding: 0px 0px 0px 10px ;}
/*
div#topnews a { color: #349DFF; text-decoration: none;}
div#topnews a:hover { color: #349DFF; text-decoration: underline;}
*/
/*TEST20090428 START*/
div#topnews a { color: #0066FF; text-decoration: none;}
div#topnews a:hover { color: #0066FF; text-decoration: underline;}
/*TEST20090428 END*/

/* toptopics */

div#toptopics td { color: #4D4D4D; font-size: 12px;}
div#toptopics .text { padding: 0px 10px 0px 10px ;}
/*
div#toptopics a { color: #349DFF; text-decoration: none;}
div#toptopics a:hover { color: #349DFF; text-decoration: underline;}
*/
/*TEST20090428 START*/
div#toptopics a { color: #0066FF; text-decoration: none;}
div#toptopics a:hover { color: #0066FF; text-decoration: underline;}
/*TEST20090428 END*/

/*▲旧サイトのwin-ie.css▲*/



/*▼旧サイトのhead内記述分▼*/

.size18 { font-size:18px; line-height:1.2; }
.size16 { font-size:16px; line-height:1.2; }
.size14 { font-size:14px; line-height:1.2; }
.size12 { font-size:12px; line-height:1.2; }
.size10 { font-size:10px; line-height:1.2; }


.style1 {
color: #364895;
font-weight: bold;
}

.style2 {
color: #d20000;
font-weight: bold;
}

.style3 {color: #CC0000}

.style4 {color: #d20000}

.style5 {color: #333333}

.style6 {color: #FFFFFF}

.style9 {font-size: 12px}

.style8 {
font-family: "ＭＳ ゴシック", "Osaka－等幅";
font-size: 12px;
line-height: normal;
}

.style10 {font-size: 14px}

.title{  font-size:18px; line-height:1.4; }
.title2{  font-size:16px; line-height:1.4; }
.content{  font-size:12px; line-height:1.2; }


/*▲旧サイトのhead内記述分▲*/



/* IT経営研究所 */

.lry h3{
  color: #FFFFFF;
  font-weight: normal;
  background-color:#dc4175;
  padding: 6px 5px 4px 20px;
  background-image:url(../../common/images/news_arrow.png);
  background-position: left;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  font-size: 110%;
  moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


.lry{
  padding: 10px;
  margin: 0px 0px 20px 0px;
  background-color: #fcf5f7;
  moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.w350_l{
width: 350px;
float: left;
margin: 20px 0;
}

.w350_r{
width: 350px;
float: right;
margin: 20px 0;
}







/* ここまでリニューアル前のcss
------------------------------------------------- */




/* 以下リニューアル後20151110
------------------------------------------------- */





body {
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 90%;
color: #333;
line-height: 1.6;
}

#top_main{
clear: both;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
background-position: top;
padding-bottom: 50px;
}

.center{
text-align: center;
}

.pd100{
padding-bottom: 100px;
}

.emT1{
margin-top: 1em;
}

.emT2{
margin-top: 2em;
}

.em05{
margin-bottom: 0.5em;
}

.maT40{
margin-top: 40px;
}

.maT70{
margin-top: 70px;
}

.photo_l{
float: left;
margin: 0 30px 20px 0;
}
.photo_l img{
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}




/* テキスト
------------------------------------------------- */

h1.logo{
float: left;
}

.txt_small{
font-size: 80%;
}

.txt_yellow{
color: #FF6;
}

h3.bluetxt{
border-bottom: solid 1px #ccc;
font-size: 140%;
font-weight: normal;
color: #2a94d6;
margin-bottom: 20px;
}

.att{
text-indent: -1em;
margin-left: 1em;
color: #ff3366;
margin-bottom: 10px;
}


/* ヘッダー
------------------------------------------------- */

#header{
border-bottom: solid #eaeaea 4px;

}

.wrapper{
width: 980px;
margin: auto;
}

.h_right{
clear: both;
float: right;
max-width: 600px;
margin-top: -33px;

}

ul.header_navi{
list-style: none;
float: right;
background-color: #d2d2d2;
border-bottom-left-radius: 7px; 
border-bottom-right-radius: 7px; 
-webkit-border-bottom-left-radius: 7px; 
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
display: inline-block;
padding: 8px 0;
margin-bottom: 10px;
font-size: 14px;
}


ul.header_navi li{
float: left;
padding: 0px 15px;
border-left: 1px solid #FFF;
color: #FFF;
line-height: 1.0;


}

ul.header_navi li:first-child{
border-left:none;
}


ul.header_navi a:link {
color: #FFF;
text-decoration: none;
}
ul.header_navi a:visited {
color: #FFF;
text-decoration: none;
}
ul.header_navi a:hover {
color: #FFF;
text-decoration: underline;
}


.after{
clear: both;
float: left;
margin: 11px 10px 0 0;
font-size: 14px;
width: 300px;
text-align: right;
}

ul.login{
background-color: #f8f8f8;
list-style: none;
border: solid #d2d2d2 4px;
moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 3px 15px;
font-size: 14px;
margin-bottom: 30px;
float: right;
}


ul.login li{
padding: 0px 0px 0px 10px;
float: left;
color: #2a94d6;
border-left: 1px solid #d2d2d2;
margin-top: 5px;
}

ul.login li.login_before{
padding: 0px 10px 0px 0px;
border-left:none;
margin-top: 0px;
}

ul.login li.login_after{
padding: 0px 10px 0px 0px;
border-left:none;
margin-top: 4px;
}

ul.login li span{
vertical-align: super;
}

ul.login a:link {
color: #2a94d6;
text-decoration: none;
}
ul.login a:visited {
color: #2a94d6;
text-decoration: none;
}
ul.login a:hover {
color: #36b2ff;
text-decoration: none;
}







/* メインボタンエリア
------------------------------------------------- */

.button_area{
float: right;
width: 260px;
background-color: #fff;
margin-top: 20px;
border-top-left-radius: 7px; 
border-top-right-radius: 7px; 
-webkit-border-top-left-radius: 7px; 
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
padding: 10px 10px 0 10px;
min-height: 375px;
}


.button_area ul{
list-style: none;
}


.button_area ul li.login a{
display: block;
background-color: #2a94d6;
color: #FFF;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
font-size: 18px;
line-height: 1.2em;
padding: 0 5px;
height: 56px;
text-align: center;
margin-bottom: 10px;
}

.button_area ul li.login a:hover{
background-color: #30a6f0;

}



.button_area ul li.login a span.plus{
background-color: #5a69a6;
font-size: 10px;
padding: 4px 10px;
line-height: 1.0;
display: inline-block;
margin-bottom: 5px;
border-bottom-left-radius: 5px; 
border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;

}



.sup{
vertical-align: super;
}


.button_area ul li.new{
margin-bottom: 10px;
position: relative;
}

.wakaba{
position: absolute;
left: 8px;
top: 8px;
}

.button_area ul li.new a{
text-align: center;
background-color: #58bbba;
color: #FFF;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
font-size: 18px;
line-height: 1.2em;
padding: 8px 5px 0px 5px;
height: 48px;
display: table-cell;
vertical-align: middle;
width: 250px;
}


.button_area ul li.new a:hover{
background-color: #62d0cf;
}



.button_area ul li.pink a{
float: left;
width: 111px;
background-color: #ffebeb;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3e87ac;
text-align: center;
padding: 10px 7px;
text-decoration: none;
font-size: 13px;
margin-bottom: 10px;
line-height: 1.5;
}


.button_area ul li.pink_r a{
float: right;
width: 111px;
background-color: #ffebeb;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3e87ac;
text-align: center;
padding: 10px 7px;
text-decoration: none;
font-size: 13px;
margin-bottom: 10px;
line-height: 1.5;
}

.button_area ul li.pink a:hover,
.button_area ul li.pink_r a:hover{
background-color: #ffe0e0;
}



.button_area ul li.yellow a{
float: left;
width: 111px;
background-color: #f9fbc4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3e87ac;
text-align: center;
padding: 10px 7px;
text-decoration: none;
font-size: 13px;
margin-bottom: 5px;
line-height: 1.5;
}

.button_area ul li.yellow_r a{
float: right;
width: 111px;
background-color: #f9fbc4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3e87ac;
text-align: center;
padding: 10px 7px;
text-decoration: none;
font-size: 13px;
margin-bottom: 5px;
line-height: 1.5;
}

.button_area ul li.yellow a:hover,
.button_area ul li.yellow_r a:hover{
background-color: #fbff9e;
}


/* トップページ左ボディ
------------------------------------------------- */

#top_leftbody{
width: 670px;
float: left;
}

.pickup_wrap{
clear: both;
background-image: url(../../images/center_line.gif);
background-repeat: repeat-y;

}

.pickup_in{
width: 275px;
padding: 0 30px;
float: left;
text-align: center;
}

dl.btn_green{
display: inline-block;
background-color: #318685;
moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 12px 10px 10px 10px;
margin: 10px 7px;
}

dl.btn_green dt{
margin-bottom: 5px;
color: #FFF;
font-size: 14px;
}

dl.btn_green dd a{
background-color: #5ecac9;
color: #fdff79;
font-size: 16px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 9px 25px 9px 7px;
background-image: url(../../images/search.png);
background-repeat: no-repeat;
background-position: right;
display: block;
}

dl.btn_green2{
display: inline-block;
background-color: #318685;
moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 12px 10px 10px 10px;
margin: 10px 7px;
}

dl.btn_green2 dt{
margin-bottom: 5px;
color: #FFF;
font-size: 14px;
}

dl.btn_green2 dd a{
background-color: #5ecac9;
color: #fdff79;
font-size: 16px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 9px 35px 9px 15px;
background-image: url(../../images/seminar.png);
background-repeat: no-repeat;
background-position: right;
display: block;
}

dl.btn_green dd a:hover,
dl.btn_green2 dd a:hover{
background-color: #8be3e2;
text-decoration: none;
}


h3.info{
font-size: 20px;
color: #4083ad;
font-weight: normal;
margin: 30px 0 20px 0;
border-top: dashed 1px #ccc;
padding-top: 30px;
}

h3.info a{
color: #4083ad;
}


h3.info:first-of-type{
border-top: none;
padding-top: 0px;
}



dl.reco{
overflow: hidden;
}

dl.reco dt{
font-size: 110%;
margin-bottom: 15px;
}

dl.reco dd a{
color: #F90;
}


.info_box{
width: 320px;
float: left;
margin-bottom: 60px;
}

.news_box{
width: 320px;
float: right;
margin-bottom: 60px;
}


dl.newinfo{
margin: 20px 0 10px 0;
}

dl.newinfo dt{
background-color: #CCC;
color: #FFF;
padding: 0 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
}

dl.newinfo dd{
border-bottom: dashed 1px #ccc;
padding-bottom: 5px;
margin-bottom: 10px;
}


dl.newinfo a,
dl.newinfo a{
color: #333;
}

dl.newinfo a:hover,
dl.newinfo a:hover{
color: #0066ff;
}


.list_more{
text-align: right;
}



/* トップページ右ボディ
------------------------------------------------- */

#top_rightbody{
width: 280px;
float: right;
}

#top_rightbody ul.senmon{
list-style: none;
border: solid #eaeaea 4px;
padding: 0 10px;
margin-top: 10px;
}


#top_rightbody ul.senmon li a{
list-style: none;
border-top: solid #eaeaea 2px;
padding: 7px 0px 6px 15px;
background-image: url(../../images/arrow.png);
background-position: left;
background-repeat: no-repeat;
display: block;
color: #333;
}

#top_rightbody ul.senmon li:first-child a{
border-top: none;

}


.mail_magazine a{
background-color: #318685;
color: #fdff79;
text-align: center;
padding: 15px 10px;
display: block;
border: solid #5ecac9 4px;
margin-bottom: 30px;
font-size: 120%;

}

.mail_magazine a:hover{
background-color: #489b9a;
text-decoration: none;
}

#top_rightbody ul.side_bunner{
list-style: none;
margin-bottom: 10px;
}

#top_rightbody ul.side_bunner li{
margin-bottom: 10px;
}




/* 協賛バナー
------------------------------------------------- */

x#sponsor{
background-color: #f0f4f6;
padding: 25px 0 23px 0;
margin-top: 100px;
}

x.over-flow{
overflow: hidden;
}

xul.sponsor_bunner{
list-style: none;
width: 1000px;
margin-left: -20px;
}

xul.sponsor_bunner li{
float: left;
margin: 7px 0 7px 20px;
}


ul.sponsor_bunner{
list-style: none;
width: 670px;
background-color: #f0f4f6;
padding: 15px 0 15px 0;
clear: both;
}

ul.sponsor_bunner li{
float: left;
margin: 7px 0px 7px 19px;
}


/* フッター
------------------------------------------------- */

#footer{
border-top: 2px solid #f0f4f6;
padding: 40px 0;
}

#footer ul{
list-style: none;
text-align: center;
}

#footer ul li{
display: inline;
padding: 0 10px;
border-left: solid #73a4c3 1px;

}

#footer ul li:first-child {
border-left: none;
}


address{
text-align: center;
color: #666666;
font-style: normal;
margin-top: 10px;
}


#footer a:link{
color: #4083ad;
text-decoration: none;
}
#footer a:visited{

color: #4083ad;
text-decoration: none;
}
#footer a:hover{
color: #50a5da;
text-decoration: underline;
}

#page-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
z-index: 99999;
}





/* ぱんくず
------------------------------------------------- */

ul.pankuzu{
list-style: none;
width: 980px;
margin: 10px auto;
}

ul.pankuzu li{
display: inline;
}

ul.pankuzu li a{
display: inline;
background-image: url(../images/pankuzu.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 20px;
color: #4083ad;
}




/* 中ページ
------------------------------------------------- */

.bg_blue{
background-image: url(../images/bg_blue.gif);
background-repeat: repeat;
margin-bottom: 40px;
}

h2.ttl{
width: 980px;
margin: auto;
font-size: 30px;
color: #FFF;
font-weight: normal;
padding: 23px 0;
}

#leftbody{
width: 180px;
float: left;
}

#contents{
width: 780px;
float: right;
}




/* サイドメニュー
------------------------------------------------- */


#leftbody ul{
list-style: none;
line-height: 1.4;
}


#leftbody ul li a{
display: block;
background-color: #f0f4f6;
border-top: #eaeaea solid 2px;
padding: 10px 5px 10px 15px;
background-image: url(../images/side_arrow.png);
background-repeat: no-repeat;
background-position: left;
color: #4083ad;
text-decoration: none;

}

#leftbody ul li.main_current a{
background-color: #2a94d6;
background-image: url(../images/side_arrow2.png);
background-image: 
background-repeat: no-repeat;
background-position: left;
color: #FFF;
}



#leftbody ul li li a{
display: block;
background-color: #FFF;
border-top: #eaeaea solid 2px;
padding: 8px 5px 8px 27px;
background-image: url(../images/side_li.png);
background-repeat: no-repeat;
background-position: left;
color: #333;

}

#leftbody ul li.main_current li a{
display: block;
background-color: #FFF;
border-top: #eaeaea solid 2px;
padding: 8px 5px 8px 27px;
background-image: url(../images/side_li.png);
background-repeat: no-repeat;
background-position: left;
color: #333;

}

#leftbody ul li.main_current li.current a,
#leftbody ul li li.current a{
background-color: #58bbba;
color: #FFF;

}

/* リスト
------------------------------------------------- */

ul.list{
margin-bottom: 10px;
}


ul.list li{
margin-left: 2em;
}


/* 20160804追記分
------------------------------------------------- */


.photo_right{
float: right;
margin: 0 0 30px 30px;
}

ul.button{
text-align: center;
list-style: none;
}

ul.button li{
display: inline-block;
margin: 30px 20px 30px 20px;
}

ul.button li a{
padding: 10px 20px 10px 30px;
moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
background-color: #2a94d6;
color: #FFF;
width: 200px;
background-image: url(../images/side_arrow2.png);
background-repeat: no-repeat;
background-position: 10px 50%;
font-size: 16px;

}

ul.button li a:hover{
background-color: #49aed8;
color: #FFF;
text-decoration: none;
}

.movie{
text-align: center;
padding-bottom: 20px;
background-color: #f2f2f2;

}

/* 2021０４２３追記分
------------------------------------------------- */

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}



.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}

.btn--radius,
a.btn--radius,
button.btn--radius
{
    border-radius: 100vh;
}


/* 20210928追記分#fa9819
------------------------------------------------- */


ul.buttonorange{
text-align: center;
list-style: none;
}

ul.buttonorange li{
display: inline-block;
margin: 30px 20px 30px 20px;
}

ul.buttonorange li a{
padding: 10px 20px 10px 30px;
moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
background-color: #fa9819;
color: #FFF;
width: 200px;
background-image: url(../images/side_arrow2.png);
background-repeat: no-repeat;
background-position: 10px 50%;
font-size: 16px;

}

ul.buttonorange li a:hover{
background-color: #49aed8;
color: #FFF;
text-decoration: none;
}

.movie{
text-align: center;
padding-bottom: 20px;
background-color: #f2f2f2;

}






/* 2023トップページ刷新
------------------------------------------------- */
/* 画像用マスクアニメーション
------------------------------------------------- */

.pc_none {
    display: none;
}

 /* 画像用マスクアニメーション
------------------------------------------------- */
  
.box {
  width: 100%;
  margin: 0 0 2% 0;
  overflow: hidden;
}

.box .boxInner {
  width: inherit;
  height: inherit;
  text-align: center;
  color: #555;
  xbackground-color: #fff;
  opacity: 0;

}

.isPlay {
  animation-name: play;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}
  
.isPlay:before {
  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 555;
  width: 100%;
  height: 100%;
  background-image: linear-gradient( 109.6deg,  rgba(244,244,244,1) 11.2%, rgba(244,244,244,1) 91.1% );
}

@keyframes play {
  from {
    transform: translateX(-100%);
  }
  
  to {
    transform: translateX(0);
  }
}

@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

header#n_header {
  max-width: 1920px;
  margin: auto;
  font-family: 'Noto Sans JP', sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header#n_header a img {
  transition: 0.3s;
}
header#n_header a:hover img {
  opacity: 0.7;
}
h1.n_logo {
  margin: 10px 0 10px 4%;
}
.n_header_r {
  margin-right: 100px;
}
ul.n_header_navi {
  list-style: none;
  display: flex;
  font-weight: 500;
  align-items: flex-end;
}
ul.n_header_navi li {
  margin: 10px 15px;
}
ul.n_header_navi li sup {
  font-size: 90%;
  vertical-align: text-top;
}
ul.n_header_navi li img {
  display: block;
  margin: 0 auto 0;
  padding: 7px;
  transition: 0.3s;
}
ul.n_header_navi li:hover img {
  background-color: #e9e9e9;
  border-radius: 100px;
}
ul.n_header_navi li a {
  color: #333;
  transition: 0.3s;
}
ul.n_header_navi li a:hover {
  color: #00a9e0;
  text-decoration: none;
}
/* メニュー
------------------------------------------------- */
ul.global_navi {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 5%;
}
ul.global_navi li {
  font-size: 150%;
  color: #356bbc;
  line-height: 1.4;
  margin: 0 3% 100px 0;
  width: 30%;
  border-left: solid 1px #FFF;
  padding-left: 20px;
  box-sizing: border-box;
}
ul.global_navi li a {
  text-decoration: none;
  position: relative;
  display: block;
  color: #FFF;
  padding: 5px 0 5px 20px;
  transition: 0.3s;
}
ul.global_navi ul {
  list-style: none;
  display: block;
  margin: 30px 0 0 0;
}
ul.global_navi li ul li {
  color: #333;
  margin: 0%;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif, 'メイリオ', 'Meiryo', sans-serif, 'Hiragino Kaku Gothic ProN';
  border-left: none;
  font-size: 90%;
}
ul.global_navi li ul li a {
  color: #FFF;
  display: block;
  padding: 5px 0 5px 20px;
  margin: 5px 0;
  position: relative;
}
ul.global_navi li a:hover {
  color: #b3e6f7;
}
ul.global_navi li a:after {
  width: 6px;
  height: 6px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}
/* main
------------------------------------------------- */
#n_main {
  max-width: 1920px;
  margin: 50px auto 70px;
  padding: 0 4% 180px;
  display: flex;
  justify-content: space-between;
  font-family: 'Noto Sans JP', sans-serif;
  align-items: center;
}
/* 背景のアニメーション */
#n_main {
  background-image: url("../../images/animation_itc.svg");
  background-repeat: repeat-x;
  background-position: bottom;
  animation: main_bg 20s infinite linear;
  background-size: 1200px;
}
@keyframes main_bg {
  0% {
    background-position: left 1200px bottom 0;
  }
  100% {
    background-position: left -1200px bottom 0;
  }
}
ul.n_mainnavi {
  list-style: none;
  display: flex;
  width: 70%;
}
ul.n_mainnavi li {
  position: relative;
  margin-right: 60px;
  flex: 1;
}
ul.n_mainnavi li img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  transition: 0.3s;
}
ul.n_mainnavi li:hover img {
  opacity: 0.7;
}
ul.n_mainnavi li span.number::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 140px solid transparent;
  border-left: 140px solid #FFF;
  z-index: 100;
}
ul.n_mainnavi li:nth-child(1) span.number:after {
  color: #00a9e0;
  font-size: 64px;
  font-family: 'Roboto', sans-serif;
  position: absolute;
  content: "01";
  line-height: 1;
  top: 0;
  left: 0;
  z-index: 200;
}
ul.n_mainnavi li:nth-child(2) span.number:after {
  color: #00a9e0;
  font-size: 64px;
  font-family: 'Roboto', sans-serif;
  position: absolute;
  content: "02";
  line-height: 1;
  top: 0;
  left: 0;
  z-index: 200;
}
ul.n_mainnavi li span.navi {
  content: "";
  position: absolute;
  bottom: 40px;
  left: -30px;
  background-color: #00a9e0;
  font-size: 1.5vw;
  color: #FFF;
  padding: 10px 30px;
  z-index: 300;
}
ul.n_othernavi {
  list-style: none;
  font-size: 190%;
  width: 30%;
  font-weight: 500;
}
ul.n_othernavi li {
  border-bottom: solid 1px #ddd;
}
ul.n_othernavi li:last-child {
  border-bottom: none;
}
ul.n_othernavi li a {
  padding: 60px 0;
  display: block;
  color: #333;
  text-decoration: none;
  position: relative;
  padding-right: 80px;
  transition: 0.3s;
}
ul.n_othernavi li a:hover {
  color: #999;
}
ul.n_othernavi li span.number {
  color: #00a9e0;
  font-size: 64px;
  font-family: 'Roboto', sans-serif;
  display: block;
}
ul.n_othernavi li span.sub {
  color: #00a9e0;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  display: block;
}
ul.n_othernavi li a:before {
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  content: "";
  right: 0;
  bottom: 60px;
  transition: 0.3s;
}
ul.n_othernavi li a:after {
  right: 30px;
  bottom: 86px;
  width: 16px;
  height: 16px;
  border-top: 2px solid #00a9e0;
  border-right: 2px solid #00a9e0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  content: "";
}
ul.n_othernavi li:hover a:before {
  background-color: #00a9e0;
}
ul.n_othernavi li:hover a:after {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
/* pickup
------------------------------------------------- */
.n_pickup_banner {
  max-width: 1920px;
  margin: 0 auto 100px;
  padding: 0 4%;
  position: relative;
  overflow: hidden;
  font-family: 'Noto Sans JP', sans-serif;
}
.n_pickup_banner h1 {
  font-size: 600%;
  font-family: 'Roboto', sans-serif;
  text-align: right;
  color: #000;
  margin-bottom: 10px;
}
.n_pickup_banner h1 span {
  animation: rotation-y2 3s linear infinite;
	display: inline-block;
  color: #00a9e0;
}
/* アニメーション */
@keyframes rotation-y2 {
  0% {
    transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(1080deg);
  }
  100% {
    transform: rotateY(1080deg);
  }
}
ul.n_pickup_slider {
  list-style: none;
  margin-left: 20%;
}
ul.n_pickup_slider li {
  margin-left: 50px;
}
ul.n_pickup_slider li img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 15px;
	transition: 0.3s;
}
ul.n_pickup_slider li span {
  font-size: 200%;
}
ul.n_pickup_slider li a{
  color: #333;
  text-align: left;
  display: block;
}
ul.n_pickup_slider li a:hover{
  text-decoration: none;
}
ul.n_pickup_slider li a:hover img{
 opacity: 0.7;
}
ul.n_pickup_slider li a span strong {
  font-size: 17px;
  color: #00a9e0;
  display: block;
  font-weight: 500;
}
/* ニュース
------------------------------------------------- */
.n_news_wrap {
  max-width: 1300px;
  margin: 0 auto 100px;
  padding: 0 4%;
  font-family: 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.n_news_wrap div.n_news_more {
  width: 400px;
}
.n_news_wrap h1 {
  font-size: 350%;
  font-weight: 500;
  margin-bottom: 50px;
  font-family: 'Roboto', sans-serif;
}
.n_news_wrap h1 span {
  animation: rotation-y 3s linear infinite;
	display: inline-block;
  color: #00a9e0;
}
/* アニメーション */
@keyframes rotation-y {
  0% {
    transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(1080deg);
  }
  100% {
    transform: rotateY(1080deg);
  }
}
.n_btn_more {
  font-size: 200%;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.n_btn_more a {
  color: #333;
  position: relative;
  padding-right: 120px;
  transition: 0.3s;
}
.n_btn_more a:hover {
  xcolor: #b0d900;
  text-decoration: none;
}
.n_btn_more:first-letter {
  color: #b0d900;
}
.n_btn_more a:before {
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
.n_btn_more a:after {
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  border-top: 2px solid #00a9e0;
  border-right: 2px solid #00a9e0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  content: "";
}
.n_btn_more:hover a:before {
  background-color: #00a9e0;
}
.n_btn_more:hover a:after {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
.n_news_wrap dl {
  width: calc(100% - 440px);
  font-size: 110%;
  display: flex;
  flex-wrap: wrap;
}
.n_news_wrap dl dt {
  width: 120px;
  padding: 30px 20px 30px 0;
  border-bottom: solid 1px #ddd;
}
.n_news_wrap dd {
  width: calc(100% - 140px);
  padding: 30px 0;
  border-bottom: solid 1px #ddd;
}
.n_news_wrap dd a{
	color: #333;
	transition: 0.3s;
}
.n_news_wrap dd a:hover{
	color: #00a9e0;
	text-decoration: none;
}
/* バナーエリア
------------------------------------------------- */
.n_banner_wrap {
  background-color: #fafafa;
  padding: 35px 4%;
}
ul.n_banner {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1300px;
  margin: auto;
}
ul.n_banner:before {
  content: "";
  display: block;
  width: 23.5%;
  order: 1;
}
ul.n_banner:after {
  content: "";
  display: block;
  width: 23.5%;
}
ul.n_banner li {
  width: 23.5%;
  margin: 15px 0;
}
ul.n_banner li img {
  max-width: 100%;
  height: auto;
  transition: 0.3s;
}
ul.n_banner li:hover img {
  opacity: 0.7;
}
dl.n_sponser {
  display: flex;
  max-width: 1300px;
  margin: 50px auto;
  align-items: center;
  justify-content: space-between;
  padding: 0 4%;
}
dl.n_sponser dt {
  width: 180px;
  color: #999999;
  font-size: 200%;
  font-family: 'Roboto', sans-serif;
  border-right: solid 1px #ddd;
  padding: 10px 0;
  margin-right: 40px;
  box-sizing: border-box;
  font-weight: 500;
}
dl.n_sponser dd {
  width: calc(100% - 220px);
}
dl.n_sponser ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
dl.n_sponser ul li {
  margin: 20px 0;
  width: 20%;
}
dl.n_sponser ul li img {
  max-width: 100%;
  height: auto;
  transition: 0.3s;
}
dl.n_sponser ul li:hover img {
  opacity: 0.7;
}
/* お問い合わせ
------------------------------------------------- */
.n_contact {
  background-image: url("../../images/contact_bg.jpg");
  background-size: cover;
  background-position: center;
}
.n_contact a {
  padding: 4%;
  text-align: center;
  display: block;
  transition: 0.3s;
  background-color: rgba(0, 169, 224, 0.95)
}
.n_contact a:hover {
  text-decoration: none;
  background-color: rgba(0, 169, 224, 0.75);
}
.n_contact a dl dt {
  font-size: 500%;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  color: #FFF;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.n_contact a dl dt span {
  font-size: 16px;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: normal;
}
.n_contact a dl dd {
  font-size: 200%;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  color: #333;
  margin-top: 40px;
  position: relative;
  padding-right: 120px;
  transition: 0.3s;
  display: inline-block;
}
.n_contact a dl dd:first-letter {
  color: #FFF;
}
.n_contact a dl dd:before {
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
.n_contact a dl dd:after {
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  content: "";
}
/* footer
------------------------------------------------- */
#n_top_footer {
  padding: 4%;
  font-family: 'Noto Sans JP', sans-serif;
  display: flex;
  justify-content: space-between;
  line-height: 1.8;
  max-width: 1300px;
  margin: auto;
  font-size: 106%;
}
#n_top_footer address {
  text-align: left;
  color: #333;
  width: 33%;
}
#n_top_footer address img {
  display: block;
  margin-bottom: 15px;
}
ul.n_sns {
  list-style: none;
  display: flex;
  justify-content: center;
  width: 33%;
}
ul.n_sns li {
  margin: 10px;
}
ul.n_sns li a {
  transition: 0.3s;
}
ul.n_sns li a:hover {
  opacity: 0.7;
}
.n_footer_navi_wrap {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.n_footer_navi {
  list-style: none;
}
.n_footer_navi li a {
  color: #333;
  padding: 5px 0 5px 20px;
  display: block;
  position: relative;
  transition: 0.3s;
}
.n_footer_navi li a:before {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 2px solid #03aae0;
  border-right: 2px solid #03aae0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  content: "";
}
.n_footer_navi li a:hover {
  color: #00a9e0;
  text-decoration: none;
}
ul.n_footer_bottom {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-top: solid 1px #ddd;
  max-width: 1300px;
  margin: auto;
  padding: 2% 4%;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
}
ul.n_footer_bottom li a {
  color: #333;
  margin: 0 25px 10px;
  transition: 0.3s;
  display: block;
}
ul.n_footer_bottom li a:hover {
  color: #00a9e0;
  text-decoration: none;
}
.n_copy {
  max-width: 1300px;
  margin: auto;
  padding: 0 4% 2%;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  color: #999;
}
#n_page_top {
  position: relative;
}
#n_page_top a {
  position: fixed;
  bottom: 50px;
  right: 4%;
  width: 70px;
  height: 70px;
  border-radius: 100px;
  background-color: #00a9e0;
  transition: 0.3s;
  border: solid 1px #ddd;
}
#n_page_top a:after {
  left: 0;
  right: 0;
  top: 7px;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  content: "";
}
#n_page_top a:hover {
  background-color: #FFF;
}
#n_page_top a:hover:after {
  border-top: 2px solid #00a9e0;
  border-right: 2px solid #00a9e0;
}

/* googleの検索窓
------------------------------------------------- */

.google_search{
	margin-top: 20px;
	text-align: right;
}
.google_search input{
	padding: 7px 10px;
	border: solid 1px #ddd;
  font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
	margin-bottom: 5px;
}
.google_search input[type=radio] {
transform:scale(1.5);
}

.google_search input[type=radio]:last-child {
margin-left: 10px;
}