/* parts */
.detailArea a { text-decoration: underline; }
.detailArea a:hover { text-decoration: none; }

@media print, screen and (min-width: 768px) { section { position: relative; }
  #mainvisual { background: url(../../../kyoto2018/img/mainvisual_bg.png) no-repeat center center; background-size: cover; }
  .index .twocolumn { width: 1160px; margin: 0 auto; display: flex; justify-content: space-between; }
  .index .twocolumn > section { width: 49%; box-sizing: border-box; padding: 20px; }
  .index .threecolumn { width: 1160px; margin: 0 auto 80px; display: flex; justify-content: space-between; }
  .index .threecolumn > section { width: 32.5%; box-sizing: border-box; padding: 20px; }
  .index .threecolumn > section .inner { width: auto; padding: 0; }
  .index .threecolumn > section h2 { font-family: "Roboto", sans-serif; font-size: 2rem !important; font-weight: 500; margin-bottom: 0 !important; padding: 0 !important; }
  .index .news { background: url(../../../aboutus/img/news_bg.jpg) no-repeat center center; background-size: cover; }
  .index .news .inner { margin: 0 auto; text-align: center; }
  .index .news .inner .newsList { margin-top: 10px; height: 200px; box-sizing: border-box; padding: 0 10px 20px; overflow-y: scroll; }
  .index .news .inner .newsList::-webkit-scrollbar { width: 6px; }
  .index .news .inner .newsList::-webkit-scrollbar-track { border-radius: 6px; background-color: rgba(255, 255, 255, 0.3); }
  .index .news .inner .newsList::-webkit-scrollbar-thumb { background-color: #323232; border-radius: 6px; }
  .index .news .inner dl { display: block; text-align: left; font-family: "Roboto", sans-serif; font-size: 1.3rem; overflow: hidden; padding: 12px 0; border-bottom: 1px solid #aaa; }
  .index .news .inner dl:last-child { border-bottom: none; }
  .index .news .inner dt { font-weight: 700; margin-bottom: 10px; line-height: 1.5; }
  .index .news .inner dd { line-height: 1.5; }
  .index .news .inner dd a { display: inline-block; position: relative; padding-left: 25px; color: #000; }
  .index .news .inner dd a:before { position: absolute; left: 0; }
  .index .pamphlet { background: url(../../../aboutus/img/pamphlet_bg.jpg) no-repeat center center; background-size: cover; position: relative; }
  .index .pamphlet .inner { margin: 0 auto; text-align: center; }
  .index .pamphlet .inner .btn { display: block; overflow: hidden; position: absolute; top: calc(50% + 2.4rem); left: 50%; transform: translate(-50%, -50%); text-align: center; width: 70%; margin-top: 0; }
  .index .pamphlet .inner .btn a { display: block; background: #262626; padding: 25px 20px; color: #fff; letter-spacing: 1px; font-size: 1.3rem; cursor: pointer; text-decoration: none; border: none; transition-delay: 0s !important; }
  .index .pamphlet .inner .btn a:hover { background: #006834; }
  .index .moive { background: #f5f5f5; text-align: center; }
  .index .moive #movieArea { padding: 15px; }
  .index .fundamental-concept .inner { width: 1160px; text-align: center; margin: 0 auto; padding: 0 0 80px; }
  .index .fundamental-concept .inner .detailArea { text-align: left; }
  .index .fundamental-concept .inner .detailArea p { margin-bottom: 15px; }
    /* message
=================================================*/
  .message .inner { width: 1160px; margin: 0 auto; padding: 0 0 80px; text-align: center; }
  .message .inner .detailArea { text-align: left; }
  .message .profile { display: flex; margin-bottom: 50px; }
  .message .profile .photo { width: 200px; height: 260px; background: #f0f0f0; margin-top: 0; }
  .message .profile .text { padding-left: 50px; width: 930px; }
  .message .profile .text p { font-size: 1.4rem; }
  .message .profile .text p.name { font-size: 3.5rem; margin-top: 0; }
  .message .profile .text p.Chairman { font-size: 1.8rem; margin-top: 0; }
    /* boardmembers
=================================================*/
  .boardmembers .inner { width: 1160px; margin: 0 auto; padding: 0 0 80px; text-align: center; }
  .boardmembers .inner .detailArea { text-align: left; }
  .boardmembers .inner .detailArea h3 { font-size: 2.2rem; margin-top: 40px; margin-bottom: 15px; position: relative; }
    /* councilmembers
=================================================*/
  .councilmembers .inner { width: 1160px; margin: 0 auto; padding: 0 0 80px; text-align: center; }
  .councilmembers .inner .detailArea { text-align: left; }
  /* member_list */
  .member_list { margin-top: 5px !important; width: 100%; }
  .member_list th, .member_list td { border-left: none; border-right: none; padding: 15px; }
  .member_list th { background: #f5f5f5; font-weight: normal; width: 200px; color: #222; }
  .member_list th.check { width: 20px; text-align: right; padding: 0; }
    /* members
=================================================*/
  .members .inner { width: 1160px; margin: 0 auto; padding: 0 0 80px; text-align: center; }
  .members .inner .detailArea { text-align: left; }
  .members .inner .member_box { margin: 20px 0 50px; padding: 0 0 30px; border-bottom: 1px solid #ddd; }
  .members .inner .member_box dt { background: #eee; padding: 10px; font-weight: bold; }
  .members .inner .member_box dd { padding: 10px 10px 10px; }
  .members .inner .member_box dd ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .members .inner .member_box dd li { width: 50%; margin: 5px 0; }
    /* aasts
=================================================*/
  .aasts .inner { width: 1160px; margin: 0 auto; padding: 0 0 80px; text-align: center; }
  .aasts .inner .detailArea { text-align: left; }
  .aasts .inner b.fontBold { display: block; padding-bottom: 5px; }
  .aasts .inner .box01 { margin-bottom: 10px; }
  .aasts .inner .box01 h3 { margin-bottom: 10px; }
  .aasts .inner .box01 h3 span { font-weight: 100; }
  .aasts .inner .box01 address { font-style: normal; }
  .aasts .inner .box01 p { margin-top: 5px; }
    /* aboutContent
=================================================*/
  .aboutContent { /* member_list */ }
  .aboutContent .inner { width: 1160px; margin: 0 auto; padding: 0 0 80px; text-align: center; }
  .aboutContent .inner .detailArea { text-align: left; }
  .aboutContent .inner .detailArea h2 { left: 50%; transform: translateX(-50%); margin-top: 80px; }
  .aboutContent .profile { display: flex; margin-bottom: 50px; }
  .aboutContent .profile .photo { width: 200px; height: 260px; background: #f0f0f0; margin-top: 0; }
  .aboutContent .profile .text { padding-left: 50px; width: 930px; }
  .aboutContent .profile .text p { font-size: 1.4rem; }
  .aboutContent .profile .text p.name { font-size: 3.5rem; margin-top: 0; }
  .aboutContent .profile .text p.Chairman { font-size: 1.8rem; margin-top: 0; }
  .aboutContent h3 { font-size: 2.2rem; margin-bottom: 15px; position: relative; }
  .aboutContent .member_list { margin-top: 5px !important; width: 100%; }
  .aboutContent .member_list th, .aboutContent .member_list td { border-left: none; border-right: none; padding: 15px; }
  .aboutContent .member_list th { background: #f5f5f5; font-weight: normal; width: 200px; color: #222; }
  .aboutContent .member_list th.check { width: 20px; text-align: right; padding: 0; }
  .aboutContent .member_box { margin: 0; padding: 0; }
  .aboutContent .member_box dt { background: #eee; padding: 10px; font-weight: bold; }
  .aboutContent .member_box dd { padding: 10px 10px 20px; }
  .aboutContent .member_box dd ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 1.2em; margin-top: 0; }
  .aboutContent .member_box dd li { list-style-type: disc; width: 50%; margin: 5px 0; }
  .aboutContent b.fontBold { display: block; padding-bottom: 5px; }
  .aboutContent .box01 { margin-bottom: 10px; }
  .aboutContent .box01 h3 { margin-bottom: 10px; }
  .aboutContent .box01 h3 span { font-weight: 100; }
  .aboutContent .box01 address { font-style: normal; }
  .aboutContent .box01 p { margin-top: 5px; }
  .btn { margin-top: 80px; }
  .btn a { display: inline-block; margin: 0 auto; padding: 15px 80px; border: 2px solid #222; }
  .btn a:hover { background: #222; color: #fff; text-decoration: none; } }
@media screen and (max-width: 767px) { section { position: relative; }
  #mainvisual { background: url(../../../kyoto2018/img/mainvisual_bg.png) no-repeat center center; background-size: cover; }
  .index .twocolumn { width: 1160px; margin: 0 auto; display: flex; justify-content: space-between; }
  .index .twocolumn > section { width: 49%; box-sizing: border-box; padding: 20px; }
  .index .threecolumn { margin: 0 auto; }
  .index .threecolumn > section { box-sizing: border-box; padding: 5% 3%; margin-top: 2px; }
  .index .threecolumn > section .inner { width: auto; padding: 0; }
  .index .threecolumn > section h2 { font-family: "Roboto", sans-serif; font-size: 1.9rem !important; font-weight: 500; margin-bottom: 0 !important; text-align: left; margin-top: 0 !important; padding: 0 10px; }
  .index .news { background: url(../../../aboutus/img/news_bg.jpg) no-repeat center center; background-size: cover; }
  .index .news .inner { margin: 0 auto; }
  .index .news .inner .newsList { margin-top: 10px; height: 40vh; box-sizing: border-box; padding: 0 10px 20px; overflow-y: scroll; }
  .index .news .inner .newsList::-webkit-scrollbar { width: 6px; }
  .index .news .inner .newsList::-webkit-scrollbar-track { border-radius: 6px; background-color: rgba(255, 255, 255, 0.3); }
  .index .news .inner .newsList::-webkit-scrollbar-thumb { background-color: #323232; border-radius: 6px; }
  .index .news .inner dl { font-family: "Roboto", sans-serif; font-size: 1rem; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #aaa; text-align: left; }
  .index .news .inner dl:last-child { border-bottom: none; }
  .index .news .inner dt { font-weight: 700; margin-bottom: 5px; line-height: 1.5; }
  .index .news .inner dd { line-height: 1.5; }
  .index .news .inner dd a { display: inline-block; position: relative; padding-left: 25px; color: #000; }
  .index .news .inner dd a:before { position: absolute; left: 0; }
  .index .pamphlet { background: url(../../../aboutus/img/pamphlet_bg.jpg) no-repeat center center; background-size: cover; position: relative; }
  .index .pamphlet .inner { margin: 0 auto; text-align: center; }
  .index .pamphlet .inner .btn { display: block; overflow: hidden; text-align: center; width: 90%; margin: 5% auto; }
  .index .pamphlet .inner .btn a { display: block; background: #262626; width: 100%; padding: 5% 0; color: #fff; letter-spacing: 1px; font-size: 1.2rem; cursor: pointer; text-decoration: none; border: none; transition-delay: 0s !important; }
  .index .pamphlet .inner .btn a:hover { background: #006834; }
  .index .moive { background: #fff; text-align: center; }
  .index .moive #movieArea { padding: 15px; }
  .index video { width: 100%; max-width: 500px; height: auto; }
  .index .modaal-close { top: -35px; width: 35px; height: 35px; } }
@media screen and (max-width: 767px) and (min-width: 768px) { .index .fundamental-concept .inner { width: 1160px; margin: 0 auto; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .index .fundamental-concept .inner { padding: 10% 5%; } }
@media screen and (max-width: 767px) { .index .fundamental-concept .inner .detailArea { text-align: left; }
  .index .fundamental-concept .inner .detailArea p { margin-bottom: 15px; }
  /* message =================================================*/ }
@media screen and (max-width: 767px) and (min-width: 768px) { .message .inner { width: 1160px; margin: 0 auto; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .message .inner { padding: 10% 5%; } }
@media screen and (max-width: 767px) { .message .inner .detailArea { text-align: left; }
  .message .profile { margin-top: 8%; }
  .message .profile .photo { width: 40%; height: auto; max-width: 200px; max-height: 260px; background: #f0f0f0; margin: 0 auto; }
  .message .profile .text { margin-top: 5%; }
  .message .profile .text p.name { font-size: 1.8rem; margin-top: 0; }
  .message .profile .text p.Chairman { font-size: 1.4rem; margin-top: 0; }
  /* boardmembers =================================================*/ }
@media screen and (max-width: 767px) and (min-width: 768px) { .boardmembers .inner { width: 1160px; margin: 0 auto; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .boardmembers .inner { padding: 10% 5%; } }
@media screen and (max-width: 767px) { .boardmembers .inner .detailArea { text-align: left; }
  .boardmembers .inner .detailArea h3 { font-size: 1.5rem; margin-top: 8%; margin-bottom: 15px; position: relative; }
  /* councilmembers =================================================*/ }
@media screen and (max-width: 767px) and (min-width: 768px) { .councilmembers .inner { width: 1160px; margin: 0 auto; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .councilmembers .inner { padding: 10% 5%; } }
@media screen and (max-width: 767px) { .councilmembers .inner .detailArea { text-align: left; }
  /* member_list */
  .member_list { margin-top: 5px !important; width: 100%; font-size: 1.1rem; }
  .member_list th, .member_list td { border-left: none; border-right: none; padding: 3%; }
  .member_list th { background: #f5f5f5; font-weight: normal; width: 25vw; color: #222; }
  .member_list th.check { width: 2vw; text-align: right; padding: 0; }
  /* members =================================================*/ }
@media screen and (max-width: 767px) and (min-width: 768px) { .members .inner { width: 1160px; margin: 0 auto; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .members .inner { padding: 10% 5%; } }
@media screen and (max-width: 767px) { .members .inner .detailArea { text-align: left; }
  .members .inner .member_box { margin: 0; padding: 0; }
  .members .inner .member_box dt { background: #eee; padding: 3%; font-weight: bold; }
  .members .inner .member_box dd { padding: 3%; }
  .members .inner .member_box dd ul { margin-left: 1.5em; }
  .members .inner .member_box dd li { list-style: disc; margin: 5px 0; }
  /* aasts =================================================*/ }
@media screen and (max-width: 767px) and (min-width: 768px) { .aasts .inner { width: 1160px; margin: 0 auto; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .aasts .inner { padding: 10% 5%; } }
@media screen and (max-width: 767px) { .aasts .inner .detailArea { text-align: left; }
  .aasts .inner b.fontBold { display: block; padding-bottom: 5px; }
  .aasts .inner .box01 { margin-bottom: 10px; }
  .aasts .inner .box01 h3 { margin-bottom: 10px; }
  .aasts .inner .box01 h3 span { font-weight: 100; }
  .aasts .inner .box01 address { font-style: normal; }
  .aasts .inner .box01 p { margin-top: 5px; }
  /* aboutContent =================================================*/
  .aboutContent { /* member_list */ } }
@media screen and (max-width: 767px) and (min-width: 768px) { .aboutContent .inner { width: 1160px; margin: 0 auto; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .aboutContent .inner { padding: 10% 5%; } }
@media screen and (max-width: 767px) { .aboutContent .inner .detailArea { text-align: left; }
  .aboutContent .profile { margin-top: 8%; }
  .aboutContent .profile .photo { width: 40%; height: auto; max-width: 200px; max-height: 260px; background: #f0f0f0; margin: 0 auto; }
  .aboutContent .profile .text { margin-top: 5%; }
  .aboutContent .profile .text p.name { font-size: 1.8rem; margin-top: 0; }
  .aboutContent .profile .text p.Chairman { font-size: 1.4rem; margin-top: 0; }
  .aboutContent h3 { font-size: 1.5rem; margin-top: 8%; margin-bottom: 15px; position: relative; }
  .aboutContent .member_list { margin-top: 5px !important; width: 100%; font-size: 1.1rem; }
  .aboutContent .member_list th, .aboutContent .member_list td { border-left: none; border-right: none; padding: 3%; }
  .aboutContent .member_list th { background: #f5f5f5; font-weight: normal; width: 25vw; color: #222; }
  .aboutContent .member_list th.check { width: 2vw; text-align: right; padding: 0; }
  .aboutContent .member_box { margin: 5% 0 0; padding: 0 0 3%; border-bottom: 1px solid #ddd; }
  .aboutContent .member_box dt { background: #eee; padding: 3%; font-weight: bold; }
  .aboutContent .member_box dd { padding: 3%; }
  .aboutContent .member_box dd li { margin: 5px 0; }
  .aboutContent b.fontBold { display: block; padding-bottom: 5px; }
  .aboutContent .box01 { margin-bottom: 10px; }
  .aboutContent .box01 h3 { margin-bottom: 10px; }
  .aboutContent .box01 h3 span { font-weight: 100; }
  .aboutContent .box01 address { font-style: normal; }
  .aboutContent .box01 p { margin-top: 5px; }
  .aboutContent .btn { margin-top: 10%; text-align: center; }
  .aboutContent .btn a { display: block; width: 90%; margin: 0 auto; padding: 5% 3%; border: 2px solid #222; font-size: 1.3rem; }
  .aboutContent .btn a:hover { background: #222; color: #fff; text-decoration: none; } }