@charset "utf-8";
/*
.breakpoint-320 {
	width:320px;
	overflow-x:hidden;
}
.breakpoint-640 {
	width:640px;
	overflow-x:hidden;
}
*/
.breakpoint-320 .displayN-sp{
	display:none !important;
}
.breakpoint-320 .displayB-sp{
	display:block !important;
}
.breakpoint-320 iframe{
	width:100%;
}
.breakpoint-320 input[type="text"],textarea{
	width:85%;
}
.breakpoint-320 .wpcf7 p{
	text-align:center;
}
.breakpoint-320 img{
	max-width:100%;
	height:auto
}
.breakpoint-320 .schedule ul{
	width:100%;
}
.breakpoint-320 p{
	padding:0px 10px;
}
.breakpoint-320 #contents .schedule table td{
	text-align:center;
	padding:3px 0px;
}
.breakpoint-320 #mainContents #commission #member .sectionRight{
	width:100%;
	text-align:center;
}
.breakpoint-320 #mainContents p.profile{
	float:none;
	margin-bottom:1em;
	text-align:center;
	border:none;
}
.breakpoint-320 #mainContents #successive p.p-photo{
	float:none;
	text-align:center;
}
.breakpoint-320 #mainContents #successive .sectionLeft{
	width:100%;
}
.breakpoint-320 #mainContents #successive h4{
	text-align:center;
}
.breakpoint-320 #mainContents #successive p{
	text-align:center;
}
.breakpoint-320 #mainContents .sectionLeft,
.breakpoint-320 #mainContents .sectionRight{
	float:none !important;
	width:100% !important;
	clear:both !important;
padding:0 1em;
box-sizing:border-box;
}
.breakpoint-320 #mainContents #commission p.photo{
	float:none;
}
.breakpoint-320 #mainContents #officer .sectionLeft{
	text-align:center;
}
.breakpoint-320 #mainContents #officer .sectionRight{
	width:100%;
}
.breakpoint-320 #mainContents #director .sectionLeft{
	text-align:center;
}
.breakpoint-320 #mainContents #executive .sectionLeft{
	text-align:center;
}
.breakpoint-320 #mainContents #chief .sectionLeft{
	text-align:center;
}
.breakpoint-320 #mainContents #chief .sectionRight{
	width:100%;
}
.breakpoint-320 #mainContents #commission .sectionLeft{
	text-align:center;
}
.breakpoint-320 #mainContents #commission .sectionRight{
	width:100%;
}
.breakpoint-320 #mainContents #successive p.fltL,
.breakpoint-320 #mainContents #successive p.fltR{
	float:none;
}
.breakpoint-320 #contents,.breakpoint-320 #wrapper,.breakpoint-320 #topContents,.breakpoint-320 #mainContents,.breakpoint-320 ul#nav,.breakpoint-320 #mainContents .section{
	width:100%;
}
.breakpoint-320 #contents{
	margin-bottom:20px;
}
.breakpoint-320 #contents h1{
	width:auto;
}
.breakpoint-320 #topContents,.breakpoint-320 #mainContents{
	padding:15px 3%;
	box-sizing:border-box;
}
.breakpoint-320 #headerNav p#logo {
	float:none;
	text-align:center;
	padding-left:0px;
}
.breakpoint-320 #headerNav p#logo img {
	width:216px;
}
.breakpoint-320 #slowgun {
	background: url(/2023/images/bg-mainvisual.jpg) no-repeat center center;
	height: 370px;
    background-size: cover;
}

#slowgun h2 img{
	height: auto;
}

.breakpoint-320 #gNav{
	background:none;
	height:auto;
}
.breakpoint-320 #gNav li{
	width:50%;
}
.breakpoint-320 #gNav li:nth-child(odd){
	clear:both;
	box-sizing: border-box;
	border-right: 1px solid white;
}
.breakpoint-320 #gNav li img{
	width:100%;
}
.breakpoint-320 #link {
	display: none;
}
.breakpoint-320 #info {
	display: none;
}
.breakpoint-320 #headerInfo {
	display: none;
}
.breakpoint-320 #search {
	display: none;
}
.breakpoint-320 #topContents #schedule {
	display: none;
}
.breakpoint-320 #toTop {
	display: none;
}
.breakpoint-320 #footer {
	display: none;
}

.breakpoint-320 #topics h2 {
	line-height:50px;
	background:url(/2016/images/h2-top-bg.png) repeat-x center top;
	text-align:left;
	border-bottom:#666666 1px solid;
	border-top:#666666 1px solid;
	width:100%;
	padding:12px 0px 12px 10px;
}
.breakpoint-320 #topics h2 img{
	height:20px;
	width:auto;
}
.breakpoint-320 #topics .title {
	border-bottom:none;
	margin-bottom:5px;
}
.breakpoint-320 #topics dl {
	margin-bottom:5px;
	padding-bottom:0px;
	border:none;
}
.breakpoint-320 #topics dl dt {
	float:left;
	line-height:2.5em;
	padding: 1px 15px 1px 10px;
	background-image:none;
}
.breakpoint-320 #topics dl dd {
	text-align:left;
	background:url(/2016/images/ico-arrow-01.jpg) no-repeat 95% 5px;
	line-height:2.5em;
	overflow: hidden;
}
.breakpoint-320 #topics dl dd a {
	display:block;
	width:90%;
}
.breakpoint-320 #topics dl dd.evenLine {
	background-color: #F0F0F0;
}
.breakpoint-320 #topics span.new {
	color:#e98c33;
	font-weight:bold;
}
.breakpoint-320 #top-schedule {
	margin-bottom:20px;
	width:100%;
}
.breakpoint-320 #top-schedule img {
	margin-bottom:20px;
	width:100%;
}
.breakpoint-320 #top-greeting {
	margin-bottom:30px;
	width:100%;
	display:none;
}
.breakpoint-320 #top-greeting img {
	width:100%;
}
.breakpoint-320 #meeting ul,.breakpoint-320 #project ul,.breakpoint-320 #action ul,.breakpoint-320 #topics ul{
	width:300px;
	margin:0px auto;
}
.breakpoint-320 #meeting ul li,.breakpoint-320 #project ul li,.breakpoint-320 #action ul li,.breakpoint-320 #topics ul li{
	width:300px !important;
	padding:0px 0px 15px 0px !important;
}
.breakpoint-320 #meeting ul img,.breakpoint-320 #project ul img,.breakpoint-320 #action ul img,.breakpoint-320 #topics ul img{
	width:300px !important;
}


/* ----- footer ------ */
.breakpoint-320 #sp-footer {
	text-align:center;
	font-weight: normal;
	font-size:0.9em;
	padding-top:20px;
	border-top:2px solid #404042;
}
.breakpoint-320 #sp-footer p {
	text-align: center;
}
.breakpoint-320 #sp-footer #sp-footer-info .info-ttl {
	font-size:1.3em;
	color:#0071b8;
	font-weight:bold;
}
.breakpoint-320 #sp-footer #sp-footer-info .info-ttl-02 {
	color:#403f41;
	font-weight:bold;
	margin-right:5px;
}
.breakpoint-320 p#copyright{
	font-size:0.7em;
}

/* 640px */
.breakpoint-640 .displayN-sp{
	display:none !important;
}
.breakpoint-640 .displayB-sp{
	display:block !important;
}
.breakpoint-640 iframe{
	width:100%;
}
.breakpoint-640 input[type="text"],textarea{
	width:85%;
}
.breakpoint-640 .wpcf7 p{
	text-align:center;
}
.breakpoint-640 img{
	max-width:100%;
}
.breakpoint-640 .schedule ul{
	width:100%;
}
.breakpoint-640 p{
	padding:0px 10px;
}
.breakpoint-640 #contents .schedule table td{
	text-align:center;
	padding:3px 0px;
}
.breakpoint-640 #mainContents #commission #member .sectionRight{
	width:100%;
	text-align:center;
}
.breakpoint-640 #mainContents p.profile{
	float:none;
	margin-bottom:1em;
	text-align:center;
	border:none;
}
.breakpoint-640 #mainContents #successive p.p-photo{
	float:none;
	text-align:center;
}
.breakpoint-640 #mainContents #successive .sectionLeft{
	width:100%;
}
.breakpoint-640 #mainContents #successive h4{
	text-align:center;
}
.breakpoint-640 #mainContents #successive p{
	text-align:center;
}
.breakpoint-640 #mainContents .sectionLeft,
.breakpoint-640 #mainContents .sectionRight{
	float:none;
	width:100%;
	clear:both;
}
.breakpoint-640 #mainContents #commission p.photo{
	float:none;
}
.breakpoint-640 #mainContents #commission .sectionLeft{
	text-align:center;
}
.breakpoint-640 #mainContents #commission .sectionRight{
	width:100%;
}
.breakpoint-640 #mainContents #successive p.fltL,
.breakpoint-640 #mainContents #successive p.fltR{
	float:none;
}
.breakpoint-640 #contents,.breakpoint-640 #wrapper,.breakpoint-640 #topContents,.breakpoint-640 #mainContents,.breakpoint-640 ul#nav,.breakpoint-640 #mainContents .section{
	width:100%;
}
.breakpoint-640 #contents{
	margin-bottom:20px;
}
.breakpoint-640 #contents h1{
	width:auto;
}
.breakpoint-640 #topContents,.breakpoint-640 #mainContents{
	padding-top:15px;
}
.breakpoint-640 #headerNav p#logo {
	float:none;
	text-align:center;
	padding-left:0px;
}
.breakpoint-640 #headerNav p#logo img {
	width:216px;
}
.breakpoint-640 #slowgun {
	background:url(/2016/images/bg-mainvisual-02.jpg) no-repeat center center;
	height:220px;
}
.breakpoint-640 #slowgun h2 {
	text-align:center;
	position:static;
	margin:38px 0px 0px 0px;
}
.breakpoint-640 #slowgun h2 img{
	width:130px;
}
.breakpoint-640 #gNav{
	background:none;
	height:auto;
}
.breakpoint-640 #gNav li{
	width:33.3%;
}
.breakpoint-640 #gNav li img{
	width:100%;
}
.breakpoint-640 #link {
	display: none;
}
.breakpoint-640 #info {
	display: none;
}
.breakpoint-640 #headerInfo {
	display: none;
}
.breakpoint-640 #search {
	display: none;
}
.breakpoint-640 #topContents #schedule {
	display: none;
}
.breakpoint-640 #toTop {
	display: none;
}
.breakpoint-640 #footer {
	display: none;
}

.breakpoint-640 #topics h2 {
	line-height:50px;
	background:url(/2016/images/h2-top-bg.png) repeat-x center top;
	text-align:left;
	border-bottom:#666666 1px solid;
	border-top:#666666 1px solid;
	width:100%;
	padding:12px 0px 12px 10px;
}
.breakpoint-640 #topics h2 img{
	height:20px;
	width:auto;
}
.breakpoint-640 #topics .title {
	border-bottom:none;
	margin-bottom:5px;
}
.breakpoint-640 #topics dl {
	margin-bottom:5px;
	padding-bottom:0px;
	border:none;
}
.breakpoint-640 #topics dl dt {
	float:left;
	line-height:2.5em;
	padding: 1px 15px 1px 10px;
	background-image:none;
}
.breakpoint-640 #topics dl dd {
	text-align:left;
	background:url(/2016/images/ico-arrow-01.jpg) no-repeat 95% 5px;
	line-height:2.5em;
}
.breakpoint-640 #topics dl dd a {
	display:block;
	width:90%;
}
.breakpoint-640 #topics dl dd.evenLine {
	background-color: #F0F0F0;
}
.breakpoint-640 #topics span.new {
	color:#e98c33;
	font-weight:bold;
}
.breakpoint-640 #top-schedule {
	margin-bottom:20px;
	width:100%;
}
.breakpoint-640 #top-schedule img {
	width:100%;
}
.breakpoint-640 #top-greeting {
	margin-bottom:30px;
	width:100%;
}
.breakpoint-640 #top-greeting img {
	width:100%;
}
/* ----- footer ------ */
.breakpoint-640 #sp-footer {
	text-align:center;
	font-weight: normal;
	font-size:0.9em;
	padding-top:20px;
	border-top:2px solid #404042;
}
.breakpoint-640 #sp-footer p {
	text-align: center;
}
.breakpoint-640 #sp-footer #sp-footer-info .info-ttl {
	font-size:1.3em;
	color:#0071b8;
	font-weight:bold;
}
.breakpoint-640 #sp-footer #sp-footer-info .info-ttl-02 {
	color:#403f41;
	font-weight:bold;
	margin-right:5px;
}
.breakpoint-640 p#copyright{
	font-size:0.7em;
}
.breakpoint-640 ul#nav ul,.breakpoint-320 ul#nav ul{
top: 55px;
}
.breakpoint-640 ul#nav ul,.breakpoint-320 ul#nav ul,
.breakpoint-640 ul#nav ul li,.breakpoint-320 ul#nav ul li,
.breakpoint-640 ul#nav ul li a,.breakpoint-320 ul#nav ul li a{
width:100%;
box-sizing:border-box;
}
.breakpoint-640 ul#nav ul li a,.breakpoint-320 ul#nav ul li a{
    padding: 10px 0px 10px 5px;
}
.breakpoint-640 .pc-dN,
.breakpoint-320 .pc-dN{
display:block;
}
.breakpoint-640 #mainContents #officer ul,
.breakpoint-320 #mainContents #officer ul{
margin-bottom:0;
}
.breakpoint-640 #mainContents #officer ul li,
.breakpoint-320 #mainContents #officer ul li{
margin-right:0;
margin-bottom:2em;
}
.breakpoint-640 .mc-main.calendar,
.breakpoint-320 .mc-main.calendar{
overflow:scroll;
border:1px solid #ccc;
padding: 1em;
box-sizing: border-box;
}
.breakpoint-640 .mc-main.calendar table td,
.breakpoint-320 .mc-main.calendar table td{
white-space:nowrap;
}
.breakpoint-640 .my-calendar-month,
.breakpoint-320 .my-calendar-month{
border-bottom: 2px solid #004980;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0px 0px 0px 5px;
    margin-bottom: 15px;
    clear: both;
    width: 100%;
	text-align:left;
}
/* ゆめ川柳応募フォーム */
#yumesenryu img {
    max-width: 100%;
    height: auto;
}
#yumesenryu p {
    text-align: left;
}

.tbl-wrapper{
	width: 100%;
	overflow-x: scroll;
}

.tbl-wrapper:after{
	content: "";
  display: block;
  clear: both;
}

/* 下関北九州道路海峡むすぶミライ図 */
#kaikyo-miraizu img {
    max-width: 100%;
    height: auto;
	margin-bottom: 20px;
}
/* =page-sdgs
----------------------------------------------- */
#sdgs {

}
#sdgs .about_project{
}
#sdgs .about_project p {
	margin-bottom: 1.5em;
}
#sdgs .about_project img{
	width: 100%;
}
#mainContents #sdgs h3 {
    background-color: inherit;
    line-height: 30px;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    margin-bottom: 10px;
    color: inherit;
    clear: both;
    width: 100%;
}
#mainContents #sdgs h3:before {
    content: "■";
    display: inline;
    color: #004980;
}
#mainContents #sdgs .poster {
    margin-bottom: 20px;
}
#mainContents #sdgs .poster:after  {
    content: "";
    display: block;
    clear: both;
}
#mainContents #sdgs .poster .poster_image {
    width: 100%;
    box-sizing: border-box;
}
#mainContents #sdgs .poster .poster_list {
    box-sizing: border-box;
    width: 100%;
    box-sizing: border-box;
}
#mainContents #sdgs .poster .poster_image img {
    box-sizing: border-box;
    width: 100%;
    height: auto;
}
#mainContents #sdgs .poster .poster_list {
    padding-left: 1em;
}
#mainContents #sdgs .poster .poster_list h4 {
    margin-bottom: 0;
    margin-top: 2em;
}
#mainContents #sdgs .poster .poster_list ul {
    list-style-type: disc;
    list-style-position: inside;
}
#mainContents #sdgs .poster .poster_list ul li {
    line-height: 2.5em;
}

#mainContents #sdgs .sticker {
    margin-bottom: 5em;
}
#mainContents #sdgs .sticker .sticker_image {
    width: 90%;
    margin-left: auto;
    
}
#mainContents #sdgs .sticker .sticker_image p {
    display: inline-block;
    width: 48%;
    height: auto;
}
#mainContents #sdgs .sticker .sticker_image p:nth-of-type(2) {
    padding-left: 10px;
    box-sizing: border-box;
}
#mainContents #sdgs .sticker .sticker_image p img {
    width: 100%;
    htight: auto;
}
#mainContents #sdgs .sticker .sticker_image p:nth-of-type(2) img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#mainContents #sdgs .about_target {
    margin-bottom: 2em;
}
#mainContents #sdgs .about_target .target_image {
    margin-bottom: 2em;
}
#mainContents #sdgs .about_target .target_image img {
    width: 100%;
    height: auto;
}
#mainContents #sdgs .about_target .para_01 {
    margin-bottom: 2em;
    margin-right: 25px;
}

#mainContents #sdgs .movie {
    /*text-align: center;*/
}

#mainContents #sdgs .banner {
    text-align: center;
}
#mainContents #sdgs .banner .banner_link {
    display: inline-block;
    margin-bottom: 10px;
}