/* ++++++++ @reset ++++++++ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline; }

/* ++++++++ BODY ++++++++ */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Arial;
	font-size: 15px;
	line-height: 1.7;
	color: #000;
	background-color: #FFF;
	text-align: center;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.wrp { width:960px; margin:0 auto; text-align:left; }
#page_back { background-image:url(../img/page_back.gif); background-repeat:repeat-x; margin:0; padding:0; position:relative; z-index:0; }

/* ++++++++ BASIC ++++++++ */

img{ max-width: 100%; height: auto; width /***/:auto; }

.img_l { } /*PCで表示*/
.img_s { display:none; }/*モバイルで表示*/
.big_btn_l { margin-right:10px; } /*PCで表示*/
.big_btn_s { display:none; }/*モバイルで表示*/

p { margin-top: 1.4em; margin-right: auto; margin-bottom:0.5em; margin-left: auto; }
.off { position: absolute; top: 0px; left: -1800px; width: 100px; margin: 0px; padding: 0px; }
strong { font-weight:700; }

a, a:visited { color:#0079c6; text-decoration:underline; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
a:hover, a:active { color:#a85aea; }

#page_back h1 { position:relative; margin-top:-3px; }

img.img_control1 { width:94%; height:auto;}
img.img_control2 { width:50%; height:auto;}

/* ++++++++ FLOAT ++++++++ */
.fl_r { float:right; }
.fl_l { float:left; }
.clr { clear:both; height:0; line-height:0; display:block; }

/* ++++++++ ALIGNMENT ++++++++ */
.align_cntr { text-align:center; }
.align_left { text-align:left; }
.align_rigt { text-align:right;}

/* ++++++++ GRID ++++++++ */
.g1 { width:300px; }
.g1_rep { width:300px; }
.g2 { width:630px; }
.g3 { width:590px; }

.g50p { width:460px; margin-right:39px;}
.g50p2 { width:460px; }

/*20220408追加*/
.g50pm { width:480px; }
/*20220408追加*/

.prof_photo { float:left; width:215px; }
.prof_tex { float:left; width:680px;}

.g210 { width:210px; }


/* ++++++++ MARGIN and PADDING ++++++++ */
.mg0_t {margin-top:0; }
.mg20_l {margin-left:20px !important;}
.mg60_r { margin-right:60px !important; }
.mg50_r { margin-right:50px !important; }
.mg30_r { margin-right:30px !important; }
.mg60_t { margin-top:60px !important; }
.mg40_t { margin-top:40px !important; }
.mg30_t { margin-top:30px !important; }
.mg20_t { margin-top:20px !important; }
.mg25_t { margin-top:25px !important; }
.mg40_t { margin-top:40px !important; }
.mg50_t { margin-top:50px !important; }
.mg30_t { margin-top:30px !important; }
.mg15_t { margin-top:15px !important; }
.mg10_t { margin-top:10px !important; }
.mg30_b { margin-bottom:30px !important; }
.mg40_b { margin-bottom:40px !important; }

/* ++++++++ JUNTENDO THEME HEADER ++++++++ */
#jucoi_header { width:100%; background-color:#ededed; border-bottom:solid 1px #aeaeae; text-align:center; }
#jucoi_header_wrp { width:960px; margin:0 auto; }
#jucoi_header #jucoi_header_wrp .logo1, #jucoi_header #jucoi_header_wrp .logo2, #jucoi_header #jucoi_header_wrp .logo3 { float:left; width:33%; margin:8px auto;}
#jucoi_header #jucoi_header_wrp .logo1 img, #jucoi_header #jucoi_header_wrp .logo2 img, #jucoi_header #jucoi_header_wrp .logo3 img { width:75%;}
#jucoi_header #jucoi_header_wrp .logo1 { text-align:left;}
#jucoi_header #jucoi_header_wrp .logo2 { text-align:center;}
#jucoi_header #jucoi_header_wrp .logo3 { text-align:right;}

#bread { width:960px; margin:0 auto; line-height:1; font-size:12px; }
#bread p { margin:0 auto; padding:12px 0 0 0; text-align:left; color:#333; }
#bread p a { color:#333; text-decoration:none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
#bread p a:hover { color:#999; text-decoration:none; }

/* ++++++++ TOP ++++++++ */
#top_main_cont { width:960px; margin:0 auto; position:relative; top:-5px; text-align:left; }
.top_backg { background-image:url(../img/top_back.gif); background-repeat:repeat-x; width:100%; text-align:center; }
.top_backg_img { max-width:1200px; margin:0 auto; max-height:647px; padding-top:10px;}

.top_bnr_are { width:100%;}
.main_cont_bnr { float:left; padding-right:7px; margin-bottom:5px; }
.main_cont_bnr2 { float:left; padding-right:0; margin-bottom:5px; }
.message_top { height:16px; padding-left:95px; position:relative; z-index:900; }
.message_area { border:solid 3px #ffbb62; position:relative; top:-3px; z-index:800; margin-bottom:30px; }
.message_area p { padding:10px 30px 9px 30px; }
.msg_btn { text-align:right; margin-right:30px; margin-bottom:20px; margin-left:30px; }

.topic_fl_l {float:left; }
.topic_fl_r { float:right; }
.topic_ttl { clear:both; border-bottom:solid 3px #bebebe; }
p.topics { border-bottom:dotted 1px #797979; padding-bottom:0.5em; padding-top:0.5em; color:#333; margin:0; }
.top_bnr_area {text-align:center; /*white-space:nowrap;*/ margin:0 auto; width:100%; position:relative; z-index:100; }
.top_bnr { margin:2px -0; padding:0; }
.top_bnr img { border:solid 1px #cecece; margin:0; width:152px; }

/* ++++++++ TEXT ++++++++ */
.rt { color:#ff0000; }
.lt { font-size:18px; }
.mt { font-size:16px; }
.st { font-size:12px; }
.tex_indnt { padding-left:1.5em; text-indent:-1.5em }
.tex_indnt_s { padding-left:1em; text-indent:-1em }
.purpl_t { color:#dd8cd6; }
.edo_murasaki { color:#745399;}

h4 { font-weight:700; font-size:16px; color:#000; }

.h2_orange { font-size:24px; font-weight:700; border-left:solid 10px #fe890c; padding-left:12px; }
.h3_orange { font-size:21px; font-weight:700; border-left:solid 7px #fe890c; padding-left:8px; }
.h4_orange { font-size:18px; font-weight:700; border-bottom:solid 2px #fe890c; }
.h2_green { font-size:24px; font-weight:700; border-left:solid 10px #aacf00; padding-left:12px; }
.h3_green { font-size:21px; font-weight:700; border-bottom:solid 3px #aacf00; }
.h3_non { font-size:21px; font-weight:700; margin-bottom:0; }
.h2_purple { font-size:24px; font-weight:700; border-left:solid 10px #dd8cd6; padding-left:12px; }
.h2_blue { font-size:24px; font-weight:700; border-left:solid 10px #0b8ac8; padding-left:12px; }
.h3_blue { font-size:21px; font-weight:700; border-left:solid 7px #0b8ac8; padding-left:8px; }
.h4_blue { font-size:18px; font-weight:700; border-bottom:solid 2px #0b8ac8; }

.h2_st { font-size:18px; font-weight:700; }

/* ++++++++ TABLE ++++++++ */
.tbl1 table { border-top:dotted 1px #666; }
.tbl1 th { background-color:#e8e8e8; font-weight:700; padding:8px; border-bottom:dotted 1px #666; }
.tbl1 td { padding:8px; border-bottom:dotted 1px #666; }

.tbl2 table { }
.tbl2 th { background-color:#fff; font-weight:normal; padding:8px 3px; text-align:left; }
.tbl2 td { padding:8px 3px; }

/* ++++++++ DOTLINE ++++++++ */
.dotline { border-bottom:dotted 1px #676767; padding-bottom:10px; height:1px; }
.dashline { border-bottom:dashed 1px #7a6c4c; padding-top:6px; margin-bottom:6px; height:1px; }

/* ++++++++ LIST ++++++++ */
ul.list1 { margin-left:1.5em; margin-top:10px;}
ul.list1 li { margin-bottom:5px;}

/* ++++++++ FOOTER ++++++++ */
.page_top { clear:both; text-align:right; margin-top:50px; margin-bottom:8px; }
.footer_links { background-color:#0079c6; width:100%; color:#fff; font-size:14px; text-align:left; padding:20px 0; }
.footer_links p {margin-top:0;}
.footer_links h3 { font-size:16px; border-bottom:solid 1px #fff; padding-bottom:1px; margin-bottom:10px; }
.footer_links a { color:#fff; text-decoration:none; line-height:1.8;}
.footer_links a:hover { color:#4aa6ec; }
.footer_links .g50p { width:45%; margin-right:10%;}
.footer_links .g50p2 { width:45%; }
.ftr_menu { padding:2px; display:block; margin:0px; }
.footer_copy { background-color:#004396; width:100%; text-align:center; padding:13px 0; font-size:12px; color:#fff; }

/* ++++++++ PROJECT ++++++++ */
.project_on { text-align:center; position:relative; top:-4px; margin-bottom:18px; }
.proj_bnr { float:left; width:300px; margin-right:30px; }
.proj_bnr2 { float:left; width:300px; }
.proj_menu { display:none; }

.bnr { float:left;  width:305px; margin-right:20px; }
.bnr2 { float:left; width:305px; }

.texture_back { background-image:url(../../project/img/img_back.gif); background-repeat:repeat-y; width:960px; margin-top:25px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset, 0 0 0 rgba(0, 0, 0, 0.1) inset; }
.texture_back2 { background-image:url(../../project/img/img_back.gif); background-repeat:repeat-y; margin-top:25px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset, 0 0 0 rgba(0, 0, 0, 0.1) inset; text-align:center; }
.texture_back2 img {margin:25px auto; }
.circle_pic { float:left; padding:80px 40px 0 40px; }
.circle_tex_area { float:left; width:485px; margin:15px; }
.circle_tex { padding-left:50px; }

.problem { border:solid 5px #ffc556; }
.problem h3 { background-color:#ffc556; padding:3px; }
.problem div { background-color:#fff; font-size:18px; padding:20px 35px; margin:-3px 0 0 0; position:relative; }
.problem div ul { margin-top:0;}

.period1 dl {width:100%; margin-top: 15px;}
.period1 dl dt {display: block; width:10%; clear: left; float: left; padding-bottom: 8px;}
.period1 dl dd {display: block; width:90%; float: left; padding-bottom: 8px;}

.period2 dl {width:100%; margin-top: 15px;}
.period2 dl dt {display: block; width:25%; clear: left; float: left; padding-bottom: 8px;}
.period2 dl dd {display: block; width:75%; float: left; padding-bottom: 8px; font-weight: 700;}
.period2 dl dd > a {font-weight: 700;}

.paper_list ul {padding-left: 1em; margin: 15px auto 15px 1em;}
.paper_list ul li { margin-bottom: 0.8em;}

/* ++++++++ REPOERT ++++++++ */
.report_on { text-align:center; position:relative; top:-4px; margin-bottom:18px; }
.report_bnr { float:left; width:460px; margin-right:40px; }
.report_bnr2 { float:left; width:460px; }
.rep_menu { display:none; }
.rep_dot { background-image:url(../img/report_dot.gif); background-repeat:no-repeat; padding-left:18px; margin-top:15px;}
.rep_grey { background-color:#f5f5f5; padding:8px 12px; margin-top:12px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; color:#4e4e4e; }
.rep_grey i { color:#666;}
.link_grey { background-color:#f5f5f5; padding:20px 25px; margin-top:40px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; color:#4e4e4e; }
.link_grey p { margin:0 auto; padding:0 0 8px 0;}
.tex_indnt_rep { padding-left:3em; text-indent:-3em; margin-top:35px; }
.tex_indnt_rep2 { padding-left:3em; }
#page_nav { text-align:center; margin-top:60px;}
.pg_nmb_on { background-color:#48a7d6; padding:5px 8px; text-align:center; font-weight:700; font-size:20px; color:#fff; display:inline;margin-left: 5px; margin-right:5px;}
.pg_nmb_off{ display:inline; margin-left:5px; margin-right:5px; }
.pg_nmb_off a { background-color:#beeaff; border:solid 1px #48a7d6; padding:5px 8px; text-align:center; font-weight:700; font-size:20px;}
.pg_nmb_off a:hover { background-color:#48a7d6; border:solid 1px #48a7d6; padding:5px 8px; text-align:center; font-weight:700; font-size:20px; color:#fff; text-decoration:none; }
.pg_nmb_next { display:inline; font-size:18px; margin-left:10px; }
.name {color:#0b8aca;}
.leaflet_thum { float:right; width:140px; text-align:right;}
.rep_prevention { float:left; width:46%; margin:2%;}
div.rep_prevention > h4.h4_blue { font-size:24px; font-weight:400; border-bottom:solid 2px #0b8ac8; }
div.rep_prevention dl { margin-bottom:12px; margin-top:12px; display:block;}
div.rep_prevention dl:after {display:block; clear:both; height:0; visibility: hidden;content: ".";}
div.rep_prevention dl dt { float:left; width:10%; background-color:#0b8ac8; color:#fff; text-align:center; padding:2px 4px; display:inline-block;}
div.rep_prevention dl dd { margin-left:3%; width:85%; display:inline-block;}
div.rep_prevention > div.fl_l { float:left; width:44%; text-align:center; margin:0 3%;}

/* ++++++++ SYSTEM ++++++++ */
.member_list { margin: 8px auto 0 auto;}
.member_list a, .member_list a:visited { list-style:none; float:left; background-color:#efffcf; border-radius:3px; padding:7px; line-height:1.3; margin-right:8px; margin-bottom:5px; width:7.6em; color:#000; text-decoration:none;}
.member_list a i {color:#5ba32f;}
.member_list a:hover { background-color:#c8df5d; }

/*===============================================
画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
#top_main_cont { width:96%; margin:0 2%; position:relative; top:-5px; text-align:left; }

img{ max-width: 100%; height: auto; width /***/:auto; }
.img_l { display:none; }
.img_s { display:block; }
.top_backg .img_l, h1 .img_l, .project_menu .img_l, .report_menu .img_l { display:block; }
.top_backg .img_s, h1 .img_s, .project_menu .img_s, .report_menu .img_s { display:none; }
.img_top_mg { margin-top:10px; }
.wrp { width:96%; margin:0 2%; }

.g1, .g2 { width:100%; }
.g3 { width:90%; }
.g1_rep {width:100%; text-align:center;}

.g50p { width:100%; margin-right:0; }
.g50p2 { width:100%; margin-top:25px;}
/*20220408追加*/
.g50pm { width:100%; margin-right:0; }
/*20220408追加*/
.footer_links .g50p { width:100%; margin-right:0%;}
.footer_links .g50p2 { width:100%; }

.mg60_r { margin-right:3% !important; }
.mg50_r { margin-right:0px; }
.mg30_r { margin-right:0px; }
.mg25_r { margin-right:0.8em !important; }

.fl_r, .fl_l { float:none; margin-top:0; }

#jucoi_header { width:100%; background-color:#ededed; border-bottom:solid 1px #aeaeae; text-align:center; }
#jucoi_header_wrp { width:96%; margin:0 auto; }
#jucoi_header #jucoi_header_wrp .logo { float:left; width:40%; margin:3px auto 4px auto; }
#jucoi_header #jucoi_header_wrp .theme { float:right; margin-top:14px; width:55%; height:auto; }
#bread { width:96%; margin:0 auto; line-height:1.4; font-size:11px; }

/* ++++++++ TOP ++++++++ */
.top_bnr_are { width:100%; display:inline;}
.main_cont_bnr { float:left; padding-right:1.2%; margin-bottom:5px; width:24%; }
.main_cont_bnr2 { float:left; padding-right:0; margin-bottom:5px; width:24%; }
.message_area p { padding:20px 20px 3px 20px; margin:0; }
.msg_btn { text-align:right; margin-right:20px; margin-bottom:10px; }
.top_bnr_area {text-align:center; white-space:normal; margin:0 auto; }
.top_bnr { margin:1px auto; padding:0; }

.footer_links h3 { font-size:16px; border-bottom:solid 1px #fff; padding-bottom:1px; margin-bottom:10px; margin-top:25px; }
.ftr_menu { background-color:#0067b6; padding:5px; display:block; margin:5px; }

/* ++++++++ PROJECT ++++++++ */
.project_menu {margin:0px auto 15px auto; }
.proj_bnr { float:left; width:32%; margin-right:2%; }
.proj_bnr2 { float:left; width:32%; }
.project_on { text-align:center; position:relative; top:-3px; margin-bottom:18px; }

.bnr { float:left;  width:35%; margin-right:1%; }
.bnr2 { float:left; width:35%; }

.texture_back { background-image:url(../../project/img/img_back.gif); background-repeat:repeat-y; width:100%; margin-top:10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset, 0 0 0 rgba(0, 0, 0, 0.1) inset; padding-bottom:15px; }
.texture_back2 img {width:95%; margin:2% auto; }
.circle_pic { float:none; padding:10px; text-align:center; }
.circle_tex_area { float:none; width:97%; margin:5px; }
.circle_tex { padding-left:10px; }

.period1 dl dt {display: block; width:12%; clear: left; float: left; padding-bottom: 8px;}
.period1 dl dd {display: block; width:88%; float: left; padding-bottom: 8px;}

.period2 dl dt {display: block; width:22%; clear: left; float: left; padding-bottom: 8px;}
.period2 dl dd {display: block; width:78%; float: left; padding-bottom: 8px;}


/* ++++++++ REPOERT ++++++++ */
.report_menu {margin:0px auto 15px auto; }
.report_on { text-align:center; position:relative; top:-3px; margin-bottom:18px; }
.report_bnr { float:left; width:49%; margin-right:2%; }
.report_bnr2 { float:left; width:49%; }
.leaflet_thum { float:none; width:100%; text-align:right; margin-top:5px;}
.page_per { text-align:right; color:#666; margin-top:8px; clear:both;}
.rep_prevention { float:left; width:46%; margin:2%;}
div.rep_prevention dl dt { float:left; width:10%; background-color:#0b8ac8; color:#fff; text-align:center; padding:2px 4px; display:inline-block;}
div.rep_prevention dl dd { margin-left:3%; width:82%; display:inline-block;}


/* ++++++++ SYSTEM ++++++++ */
.prof_photo { float:left; width:25%; }
.prof_tex { float:left; width:70%;}

#member .fl_l { float:left; }
#member .g1 { width:30%; }
#member .mg30_r { margin-right:4%; }

#system .fl_l { float:left; }

}

/*===============================================
画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	

/* ++++++++ JUNTENDO THEME HEADER ++++++++ */
#jucoi_header #jucoi_header_wrp .logo1, #jucoi_header #jucoi_header_wrp .logo2, #jucoi_header #jucoi_header_wrp .logo3 { float:left; width:33.3%; margin:8px auto;}
#jucoi_header #jucoi_header_wrp .logo1 img, #jucoi_header #jucoi_header_wrp .logo2 img, #jucoi_header #jucoi_header_wrp .logo3 img { width:100%;}

/* ++++++++ PROJECT ++++++++ */
.project_menu .img_l, .report_menu .img_l  { display:none; }
.project_menu .img_s, .reoirt_menu .img_s { display:block; }
.project_on, .report_on { display:none; }
.project_menu .g1 { width:100%; margin-right:0; }
.project_menu .fl_l { float:none; }

.proj_menu { display:block; margin-bottom:30px; }
.proj_menu_on { background-color:#ffb949; background-image:url(../img/circle33.svg); background-repeat:no-repeat; background-size:16px 16px; background-position:0.4em 0.8em; padding:0.6em 0.3em 0.6em 1.8em; }
.proj_menu_on a { color:#333; text-decoration:none; }
.proj_menu_off { border:solid 1px #ffb949; background-color:#fffae8; background-image:url(../img/arrow461.svg); background-repeat:no-repeat; background-size:16px 16px; background-position:0.4em 0.8em; padding:0.6em 0.3em 0.6em 1.8em; border-bottom:solid 1px #ffb949;}
.proj_menu_off a { color:#fe890c; text-decoration:none; }
.proj_menu_off a:hover { color:#333; }

.proj_menu_off_cs { color:#ffaa4f; border:solid 1px #ffb949; background-color:#fffae8; background-image:url(../img/circle33_cs.svg); background-repeat:no-repeat; background-size:16px 16px; background-position:0.4em 0.8em; padding:0.6em 0.3em 0.6em 1.8em; border-bottom:solid 1px #ffb949;}

.period1 dl dt {display: block; width:100%; clear: both; float: none; padding-bottom: 0px;}
.period1 dl dd {display: block; width:100%; float: both; padding-bottom:12px;}

/* ++++++++ REPOERT ++++++++ */
.rep_menu { display:block; margin-bottom:30px; }
.rep_menu_on { background-color:#5dc0f1; background-image:url(../img/circle33.svg); background-repeat:no-repeat; background-size:16px 16px; background-position:0.4em 0.8em; padding:0.6em 0.3em 0.6em 1.8em; }
.rep_menu_on a { color:#333; text-decoration:none; }
.rep_menu_off { border:solid 1px #5dc0f1; background-color:#def4ff; background-image:url(../img/arrow461_b.svg); background-repeat:no-repeat; background-size:16px 16px; background-position:0.4em 0.8em; padding:0.6em 0.3em 0.6em 1.8em; border-bottom:solid 1px #5dc0f1;}
.rep_menu_off a { color:#0070a6; text-decoration:none; }
.rep_menu_off a:hover { color:#333; }
.rep_prevention { float:left; width:46%; margin:2%;}
div.rep_prevention dl { margin-bottom:12px; margin-top:12px; display:block;}
div.rep_prevention dl dt { float:left; width:15%; background-color:#0b8ac8; color:#fff; text-align:center; padding:2px 2px; display:inline-block; white-space:norwap;}
div.rep_prevention dl dd { margin-left:2%; width:80%; display:inline-block;}
div.rep_prevention > h4.h4_blue { font-size:22px; font-weight:400; border-bottom:solid 2px #0b8ac8; }

/* ++++++++ TOP ++++++++ */
.top_bnr_area {padding-top:10px;}
.main_cont_bnr { float:left; padding-right:1%; margin-bottom:5px; width:24%; }
.main_cont_bnr2 { float:left; padding-right:0; margin-bottom:5px; width:24%; }

/* ++++++++ TEXT ++++++++ */
.h2_orange { font-size:21px; font-weight:700; border-left:solid 10px #fe890c; padding-left:10px; line-height:1.4; }
.h3_orange { font-size:18px; font-weight:700; border-left:solid 8px #fe890c; padding-left:5px; }

/* ++++++++ SYSTEM ++++++++ */
#member .fl_l { float:left; }
#member .g1 { width:28%; }
#member .mg30_r { margin-right:4%; }
.g210 { width:30%; margin:0 5px; }

}

/*===============================================
画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
#jucoi_header { width:100%; background-color:#ededed; border-bottom:solid 1px #aeaeae; text-align:center; }
#jucoi_header #jucoi_header_wrp .logo { float:left; width:55%; margin:6px auto 6px auto; display:block; }
#jucoi_header #jucoi_header_wrp .theme { float:left; margin-top:0px; width:95%; display:block; margin-bottom:4px; }

#page_back h1 { position:relative; margin-top:3px; }
.g3 { width:87%; }

.lt { font-size:16px; }

.top_backg .img_l, h1 .img_l { display:none; }
.top_backg .img_s, h1 .img_s { display:block; }

/* ++++++++ TOP ++++++++ */
.main_cont_bnr { float:left; padding-right:3px; margin-bottom:3px; width:49%; }
.main_cont_bnr2 { float:left; padding-right:0; margin-bottom:3px; width:49%; }
.main_cont_bnr img, .main_cont_bnr2 img { width:100%; }
.message_area p { padding:15px 10px 9px 10px; margin:0 auto; }
.msg_btn { text-align:center; margin-right:auto; margin-bottom:20px; margin-left:auto; width:95%; }
.msg_btn img.big_btn_l { display:none; margin-right:0; } /*PCで表示*/
.big_btn_s { display:block; margin-right:auto; margin-left:auto; margin-bottom:10px; }/*モバイルで表示*/

.top_bnr_area {text-align:center; white-space:normal; margin:0 auto; width:100%; }
.top_bnr { margin:1px auto; padding:0; }
.top_bnr img {width:48%;}

/* ++++++++ PROJECTS ++++++++ */
.period2 dl dt {display: block; width:100%; clear: both; float: none; padding-bottom: 0px;}
.period2 dl dd {display: block; width:100%; float: none; padding-bottom: 12px;}


/* ++++++++ SYSTEM ++++++++ */
.prof_photo { float:none; width:100%; }
.prof_tex { float:none; width:100%;}

#member .fl_l { float:none; }
#member .g1 { width:100%; }
#member .mg30_r { margin-right:0; }

.mt { font-size:18px; }

.link_grey { padding:8px 10px;}

/* ++++++++ REPORT ++++++++ */
.rep_prevention { float:none; width:96%; margin:2%;}
div.rep_prevention dl { margin-bottom:12px; margin-top:12px; display:block;}
div.rep_prevention dl dt { float:left; width:15%; background-color:#0b8ac8; color:#fff; text-align:center; padding:2px 2px; display:inline-block; white-space:norwap;}
div.rep_prevention dl dd { margin-left:2%; width:80%; display:inline-block;}
div.rep_prevention > h4.h4_blue { font-size:21px; font-weight:400; border-bottom:solid 2px #0b8ac8; margin-top:25px;}

}