@charset "UTF-8";
/* ****************************************************
mixin
**************************************************** */
/* center */
/* opacity */
/* text length */
/* border radius */
/* transition */
/* break point */
/* for Coding */
/* ****************************************************
color set
**************************************************** */
/* ****************************************************
font
**************************************************** */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
/* ****************************************************
basic
**************************************************** */
html,
body {
overflow: auto;
/* overflow-x: hidden; */
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 0;
margin: 0;
text-align: center;
font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "FontAwesome", serif, Verdana, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-size: 62.5%;
font-weight: normal;
color: #333;
}
html a,
body a {
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
color: #333;
}
html img,
body img {
vertical-align: middle;
}

/* * {
line-height: 2rem;
margin-bottom: 2rem;
} */
p {
	margin: 1rem 0 2rem;
}

ol,ul {
	margin: 1rem 0 2rem;
	padding-left: 40px;
}
li {
	margin-bottom: 16px;
	line-height: 2rem;
}

dl {
	margin: 1em 0;
}

.inner {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1024px;
margin: 0 auto;
}

.red {
color: #f52525;
}

/* ****************************************************
header
**************************************************** */
header {
position: fixed;
top: 0;
width: 100%;
height: 5rem;
text-align: left;
background: #6a8c6a;
color: #fff;
z-index: 99999;
}
header h1 {
padding: 0;
margin: 0;
padding-left: 4rem;
font-size: 28px;
font-size: 2.8rem;
/* line-height: 0.57143; */
line-height: 5rem;
font-weight: normal;
}
header h1 a {
color: #fff;
}

/* ****************************************************
footer
**************************************************** */
footer {
position: fixed;
bottom: 0;
width: 100%;
height: 3rem;
text-align: center;
background: #af9678;
padding: 0;
margin: 0;
}
footer p {
padding: 0;
margin: 0;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.33333;
line-height: 3rem;
color: #fff;
}

/* ****************************************************
main
**************************************************** */
main {
padding-top: 5rem;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
}
main .inner {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
main .inner section {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
margin-bottom: 0;
padding-bottom: 3rem;
}
main .inner section.nav {
width: 25%;
background: #fdf9dd;
}
main .inner section.nav ul {
	list-style-type: none;
	width: 100%;
	margin-top: 3rem;
	padding: 0;
	box-sizing: border-box;
}
main .inner section.nav ul li {
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 0.5rem;
background: #ffecd9;
}
main .inner section.nav ul li a {
/* display: block; */
display: flex;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
/* padding-left: 1rem; */
padding: 14px 0 14px 1rem;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.14286;
/* line-height: 5rem; */
line-height: 1.5rem;
border-left: 2rem solid #6a8c6a;
height: 100%;
}
main .inner section.nav ul li a span {
	margin-bottom: 0;
	line-height: 1.5rem;
}
main .inner section.nav ul li a:after {
content: '\f18e';
margin-left: 1rem;
color: #ffecd9;
font-size: 120%;
}
main .inner section.nav ul li a:hover {
padding-left: 2rem;
border-left: 2rem solid rgba(245, 37, 37, 0.4);
}
main .inner section.nav ul li a:hover:after {
color: #6a8c6a;
}
main .inner section.nav ul li a.inpage {
cursor: default;
border-left: 2rem solid #af9678;
}
main .inner section.nav ul li a.inpage:after {
content: '\f024';
margin-left: 1rem;
color: #af9678;
}
main .inner section.nav ul li a.inpage:hover {
padding-left: 1rem;
border-left: 2rem solid #af9678;
}
main .inner section.nav ul li .smtxt {
	font-size: 90%;
	display: block;
	padding-top: 6px;
	/* line-height: 1.5rem; */
}
main .inner section.nav ul li .side_inner_nav {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fdf9dd;
margin: 0;
}
main .inner section.nav ul li .side_inner_nav li {
margin: 0;
background: rgba(255, 236, 217, 0.7);
}
main .inner section.nav ul li .side_inner_nav li a {
display: block;
padding-left: 3rem;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5rem;
border-top: 1px solid rgba(51, 51, 51, 0.1);
border-left: 2rem solid rgba(175, 150, 120, 0.5);
}
main .inner section.nav ul li .side_inner_nav li a:after {
margin-left: 0.5rem;
}
main .inner section.contents {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
background: rgba(253, 249, 221, 0.1);
padding: 0 4rem 10rem 4rem;
border-right: 1px solid #fdf9dd;
}
main .inner section.contents h2 {
	/* margin: 3rem 0 5rem; */
	margin: 3rem 0 2rem;
	text-align: center;
	font-size: 34px;
	font-size: 3.4rem;
	line-height: 0.47059;
	line-height: 1.6;
	color: #6a8c6a;
}
main .inner section.contents h2 span {
display: block;
margin-top: 1.8rem;
font-size: 28px;
font-size: 2.8rem;
line-height: 0.57143;
color: #af9678;
line-height: 1.4;
}
main .inner section.contents h3 {
	margin: 5rem 0 1rem;
	padding-bottom: 1.3rem;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 0.57143;
	color: #6a8c6a;
	font-weight: normal;
	border-bottom: 1px dotted #6a8c6a;
}
main .inner section.contents h3.index {
	margin: 6rem 0 1rem;
}
main .inner section.contents h4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #af9678;
/* margin: 0 0 1rem; */
margin: 0 0 2rem;
padding: 0.8rem 2rem 0.8rem 1rem;
color: #fff;
font-weight: normal;
}
main .inner section.contents h4:before {
content: '\f192';
margin-right: 1rem;
color: #fff;
}
main .inner section.contents h4.index {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.38462;
background: none;
padding-top: 2rem;
color: #7c5b3a;
font-weight: normal;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
main .inner section.contents h4.index:before {
display: none;
}
main .inner section.contents h5 {
display: inline-block;
margin: 0;
padding: 0.3rem;
font-size: 18px;
font-size: 1.8rem;
line-height: 0.88889;
font-weight: normal;
}
main .inner section.contents h5.main_line {
border-bottom: 2px solid #6a8c6a;
}
main .inner section.contents h5.sub_line {
border-bottom: 2px solid #af9678;
}
main .inner section.contents h5.border_line {
border-bottom: 2px solid #333;
}
main .inner section.contents h5.mt10 {
margin-top: 1rem;
}
main .inner section.contents p.indent {
text-indent: 1em;
}
main .inner section.contents p.right {
text-align: right;
}

/*TOP*/
.top p {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(106, 140, 106, 0.05);
padding: 1rem 2rem;
line-height: 1.82;
border: 1px solid #af9678;
border-radius: 0.5rem;
}
.top p.right {
background: none;
border: none;
line-height: 1.5;
}

/*Ⅰ.概要 Ⅱ.演題募集 共通*/
section.part {
margin-top: 2rem;
padding-bottom: 0;
}
section.part p {
line-height: 1.8;
}

/*Ⅰ.概要 */
.outline section.part dl,
.outline section.part p,
.outline section.part div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 1rem 0;
padding: 0 1rem;
}

.outline section.part ul {
list-style-type: none;
margin: 1rem 0 0 0;
padding-left: 1rem;
}
.outline section.part ul li {
margin: 0 0 1rem 0;
}

.outline section.part dl dt {
margin: 0;
line-height: 1.6;
}
.outline section.part dl dt:before {
content: '\f0c8';
margin-right: 0.5rem;
color: #6a8c6a;
}
.outline section.part dl dt a {
text-decoration: underline;
}
.outline section.part dl dt i {
margin: 0;
}

.outline section.part dl dd {
margin: 0;
padding: 0.5rem 1rem 2rem 1rem;
}
.outline section.part dl dd ul {
list-style-type: disc;
margin: 0 0 1rem 0;
padding-left: 3rem;
}

.outline section.part table {
margin-bottom: 3rem;
border-top: 1px solid #ffecd9;
border-right: 1px solid #ffecd9;
}
.outline section.part table th,
.outline section.part table td {
padding: 0.8rem 2rem;
font-weight: normal;
border-bottom: 1px solid #ffecd9;
border-left: 1px solid #ffecd9;
}
.outline section.part div.flow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.outline section.part div {
margin: 0;
}

.outline section.part div.flow .img img {
width: 100%;
border: 1px solid #ccc;
}
.outline  section.part div.flow .img {
width: 30%;
margin: 0;
}
.outline section.part div.flow dl {
width: 69%;
margin: 0;
}
.outline section.part div.flow .img img {
width: 100%;
border: 1px solid #ccc;
}

/*Ⅱ.演題募集*/
.recruiting .inner_nav {
list-style-type: none;
/* margin: 3rem 0 5rem 0; */
margin: 3rem 0 2rem 0; /* add 20190903 */
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* -webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; */
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.recruiting .inner_nav li {
margin: 0;
width: 33%; 
display: flex;}
.recruiting .inner_nav li a {
display: flex;
align-items: center;
margin: 0 0 4%;
/* padding: 0.5rem 1.5rem; */
padding: 10px 6px 10px 10px;
border: 1px solid #af9678;
width: 100%;
}
.recruiting .inner_nav li a:before {
content: '\f063';
margin-right: 0.5rem;
color: rgba(106, 140, 106, 0.5);
}
.recruiting .inner_nav li a:hover:before {
color: #6a8c6a;
}

.recruiting section.part {
margin-top: -5rem;
padding-top: 5rem;
}
.recruiting section.part ul li {
line-height: 1.6;
}
.recruiting section.part ul.slide {
list-style-type: none;
margin-left: -2rem;
}
.recruiting section.part ul.theme {
list-style-type: none;
}
.recruiting section.part ul.theme li {
margin-bottom: 1rem;
}
.recruiting section.part div {
margin: 0;
}
.recruiting section.part div.flow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.recruiting section.part div.flow .img {
width: 40%;
margin: 0;
text-align: center;
}
.recruiting section.part div.flow .img img {
width: 100%; 
border: solid 1px blue;
margin-bottom: 0;}
.recruiting section.part div.flow dl {
width: 56%;
margin: 0;
}
.recruiting section.part div.flow dl dt {
margin-bottom: 0;
padding-bottom: 0.5rem;
border-bottom: 1px solid #6a8c6a;
}
.recruiting section.part div.flow dl dd {
margin: 0;
padding: 0.5rem 0 1.5rem 0;
}
.recruiting section.part div.flow dl dd p {
margin: 0 0 1rem 0;
text-align: justify;
line-height: 1.4;
}
.recruiting section.part div.flow dl dd p.button {
text-align: center;
margin-bottom: 0;
}
.recruiting section.part div.flow dl dd p.button a {
display: inline-block;
background: #6a8c6a;
margin: 0;
padding: 0.5rem 2rem;
color: #fff;
}
.recruiting section.part div.flow dl dd p.button a i {
margin: 0 0 0 0.5rem;
color: #6a8c6a;
}
.recruiting section.part div.flow dl dd p.button a:hover i {
color: #fff;
}
.recruiting section.part div.arrow {
text-align: center;
margin-bottom: 2rem;
font-size: 28px;
font-size: 2.8rem;
line-height: 0.57143;
color: #6a8c6a;
}
.recruiting section.part dl.reference dt, .recruiting section.part dl.projector dt {
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px dotted #af9678;
font-size: 110%;
font-weight: bold;
}
.recruiting section.part dl.reference dd, .recruiting section.part dl.projector dd {
text-align: justify;
margin: 0.51rem 0 0 2rem;
padding-bottom: 3rem;
line-height: 1.6;
}
.recruiting section.part ol li span {
display: block;
margin-top: 1rem;
}
.recruiting section.part ol li span.button {
text-align: center;
margin-bottom: 0;
}
.recruiting section.part ol li span.button a {
display: inline-block;
background: #6a8c6a;
margin: 0;
padding: 0.5rem 2rem;
color: #fff;
}
.recruiting section.part ol li span.button a i {
margin: 0 0 0 0.5rem;
color: #6a8c6a;
}
.recruiting section.part ol li span.button a:hover i {
color: #fff;
}
.recruiting section.part .border_red {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.5rem 2rem;
border: 1px solid #f52525;
}

/*Ⅲ.CD-R郵送先お問い合わせ*/
.inquiry p {
margin-top: 5rem;
line-height: 2.0;
height: 60rem;
/*仮*/ }

/*実行委員一覧*/
.committee table {
width: 100%;
border-bottom: 1px solid #6a8c6a;
}
.committee table th,
.committee table td {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 2rem;
}
.committee table th {
background: #fdf9dd;
font-weight: normal;
border-bottom: 1px solid #6a8c6a;
}
.committee table td {
border-bottom: 1px solid #eee;
}


/* add 20190902、20190903 */
.part dl dd p.lineheight01{
line-height:1.2;
margin:5px 0 0;
}
.part dl dd p.lineheight01_bottom{
line-height:1.2;
margin:5px 0 5px;
}

.part p.lineheight02{
line-height:1.5;
margin:5px 0 0;
}
.part p.lineheight02_bottom{
line-height:1.5;
margin:5px 0 22px;
}

.underline{
text-decoration-line:underline;
}

.part ul li p.indent_02,
.part p.indent_02{
padding-left:2rem;
padding-top:0;
margin-top:0;
}

.recruiting p.button {
margin: 0 0 30px;
}
.recruiting p.button a {
display: inline-block;
background: #6a8c6a;
margin: 0;
padding: 2.5rem 10rem;
color: #fff;
}
.recruiting p.button a i {
margin: 0 0 0 0.5rem;
color: #6a8c6a;
}
.recruiting p.button a:hover i {
color: #fff;
}

/* add 20220823 */
.picture{
display: block;
margin: 0 0 0 auto;
width: 30%;
}

/* add 202212 */
/* ***********************************
other
*********************************** */
.l_height_18 {line-height: 1.8;}
.l_height_20 {line-height: 2;}

.bold {font-weight: bold;}
.f_size80 {font-size: 80%;}
.f_size90 {font-size: 90%;}
.f_size110 {font-size: 110%;}
.f_size120 {font-size: 120%;}
.f_size130 {font-size: 130%;}

.center {
text-align: center !important;
}

.mb00 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.mt00 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.ml00 {margin-left: 0px !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

.mr00 {margin-right: 0px !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.loginbtn input[type="button"] {
padding: 14px 10px 12px;
cursor: pointer;
}

.indent_1rem {
padding-left: 1rem;
text-indent: -1rem;
}
.indent_2rem {
padding-left: 2rem;
text-indent: -2rem;
}

.indent_4em {
padding-left: 4em;
text-indent: -4em;
}

.pcon{
	display: block;
}
.spon{
	display: none;
}

/* ***********************************
.bunkakai table
*********************************** */
.bunkakai table {
border-collapse: collapse;
width: 100%;
clear: both;
box-sizing: border-box;
border-top: solid 1px #909090;
border-left: solid 1px #909090;
}
.bunkakai table th {
box-sizing: border-box;
border-right: solid 1px #909090;
border-bottom: solid 1px #909090;
padding: 10px;
word-break: break-all;
}
.bunkakai table td {
box-sizing: border-box;
border-right: solid 1px #909090;
border-bottom: solid 1px #909090;
padding: 10px;
word-break: break-all;
}
.bunkakai table th .link,
.bunkakai table td .link {
color: #0075b9;
font-size: 110%;
font-weight: bold;
}
.bunkakai table th .link:hover,
.bunkakai table td .link:hover {
text-decoration: underline;
}

/* ***********************************
.toujitsu_list
*********************************** */
.toujitsu_list {
padding-left: 1.2em;
text-indent: -1.2em;
line-height: 1.5;
margin-bottom: 0;
}
.toujitsu_list::before {
content: '\f0c8';
margin-right: 0.5rem;
color: #6a8c6a;
}

/* ***********************************
.toujitsu_linkBtn
*********************************** */
.toujitsu_linkBtn {
display: inline-block;
padding: 0;
margin-bottom: 0;
}
.toujitsu_linkBtn a {
display: block;
background-color: #0075b9;
border-radius: 14px;
color: #fff;
font-weight: bold;
padding: 14px 20px;
margin-bottom: 0;
}
.toujitsu_linkBtn a:hover {
opacity: 0.6;
transition: 0.5s;
}
.toujitsu_linkBtn.nolink a {
background-color: #606060;
pointer-events: none;
}
/* add-end */


/* add 202301 */
.recruiting section.part ul.theme02 {
list-style-type: none;
}
.recruiting section.part ul.theme02 li {
margin-bottom: 1rem;
display: flex;
}
.recruiting section.part ul.theme02 li .li_01 {
width: 18%;
}
.recruiting section.part ul.theme02 li .li_02 {
width: 82%;
}

/* ***********************************
レスポンシブ対応1
～1024px
*********************************** */
@media screen and (max-width:1024px){
header {
}
header h1 {
}

.pcon {
	display: block;
}
.tablet_none {
	display: none;
}
.spon{
	display: none;
}

main {
margin-bottom: 0;
}

.inner {
width: 100%;
}

main .inner {
position: relative;
display: block;
width: 100%;
}
main .inner section.nav {
position: fixed;
width: 100%;
/* height: 160px; */
height: 180px;
padding: 0;
}

main .inner section.nav ul {
display: flex;
flex-wrap: wrap;
/* justify-content: space-between; */
justify-content: flex-start;
margin: 0;
/* padding: 2%; */
padding: 20px 20px 0;
}
main .inner section.nav ul li {
	width: 32%;
	/* margin-bottom: 20px; */
	margin: 0 2% 2% 0;
}
main .inner section.nav ul li:nth-child(3n) {
	margin-right: 0;
}
main .inner section.nav ul li a {
/* line-height: 4rem; */
}
main .inner section.nav ul li .smtxt {
	padding-top: 0px;
}
main .inner section.nav ul li .side_inner_nav {
display: none;
}


main .inner section.contents {
width: 100%;
/* padding: 200px 40px 40px; */
padding: 230px 40px 40px;
}

main .inner section.contents h2 {
	/* margin: 0 0 5rem; */
	margin: 0 0 2rem;
}

.recruiting section.part ul.theme02 li .li_01 {
width: 20%;
}
.recruiting section.part ul.theme02 li .li_02 {
width: 80%;
}


footer {
position: relative;
}
}

/* ***********************************
レスポンシブ対応2
～730px
*********************************** */
@media screen and (max-width:730px){
ul {
padding-left: 16px;
}

.pcon{
	display: none;
}
.spon{
	display: block;
}

.picture{
width: 50%;
}

header {
margin-bottom: 0;
height: 4rem;
display: flex;
align-items: center;
}
header h1 {
font-size: 22px;
font-size: 2.2rem;
padding-left: 2rem;
line-height: 1;
}
main {
padding-top: 4rem;
font-size: 14px;
font-size: 1.4rem;
}

main .inner section.nav {
/* height: 170px; */
height: 186px;
}

main .inner section.nav ul {
padding: 10px 0 0;
justify-content: space-between;
}
main .inner section.nav ul li {
width: 48%;
margin: 0 1% 3%;
}
main .inner section.nav ul li.sp_long {
width: 100%;
}
main .inner section.nav ul li a {
/* line-height: 4rem; */
/* padding-left: 1rem; */
padding: 14px 0 14px 1rem;
border-left: 1rem solid #6a8c6a;
}
main .inner section.nav ul li.sp_long a {
	padding: 10px 0 10px 1rem;
}
main .inner section.nav ul li a:after {
	content: none;
}
main .inner section.nav ul li a:hover {
padding-left: 1rem;
border-left: 1rem solid rgba(245, 37, 37, 0.4);
}
main .inner section.nav ul li a.inpage {
padding-left: 1rem;
border-left: 1rem solid #af9678;
}
main .inner section.nav ul li a.inpage:hover {
padding-left: 1rem;
border-left: 1rem solid #af9678;
}
main .inner section.nav ul li .smtxt {
	font-size: 80%;
	padding-top: 0px;
}


main .inner section.contents {
/* padding: 190px 20px 20px; */
padding: 230px 20px 20px;
}

main .inner section.contents h2 {
	/* margin: 0 0 5rem; */
	margin: 0 0 2rem;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: left;
}
main .inner section.contents h3 {
	margin: 2rem 0 1rem;
	font-size: 24px;
	font-size: 2.4rem;
}
main .inner section.contents h3.index {
	margin: 5rem 0 1rem;
}

.recruiting .inner_nav {
justify-content: space-between;
}
.recruiting .inner_nav li {
width: 49%;
}
.recruiting .inner_nav li a {
}
.recruiting p.button a {
display: block;
padding: 2rem 1rem;
text-align: center;
}
.recruiting section.part div.flow {
flex-direction: column-reverse;
margin-bottom: 30px;
}
.recruiting section.part div.flow .img {
width: 100%;
}
.recruiting section.part div.flow dl {
width: 100%;
}
.recruiting section.part ul.theme02 li .li_01 {
width: 25%;
}
.recruiting section.part ul.theme02 li .li_02 {
width: 75%;
}
.recruiting section.part div.flow dl dd {
margin: 0;
padding: 0.5rem 0 0.5rem 0;
}
}
/* add-end */

/* add 202308 */
.recruiting_poster_box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 20px 0 !important;
}
.recruiting_poster_box div {
padding-right: 10px;
box-sizing: border-box;
}
.recruiting_poster_box div:last-child {
padding-right: 0;
}
.recruiting_poster_box div.wid40 {
width: 40%;
}
.recruiting_poster_box div.wid50 {
width: 50%;
}
.recruiting_poster_box div.wid60 {
width: 60%;
}

.img_recruiting_poster01 {
width: 100%;
}
.img_recruiting_poster02 {
width: 100%;
}
@media screen and (max-width:730px){
.img_recruiting_poster01 {
width: auto;
}
.img_recruiting_poster02 {
width: 100%;
}
}

@media screen and (max-width:730px){
.recruiting_poster_box {
flex-direction: column;
}
.recruiting_poster_box div {
padding-right: 0;
}
.recruiting_poster_box div.wid40,
.recruiting_poster_box div.wid50,
.recruiting_poster_box div.wid60 {
width: 100%;
}

}
/* add-end */