@charset "utf-8";

/*
-------------------
  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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
  width:100%;	
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

button{
  -webkit-appearance: none;
}


/*
-------------------
  base style
-------------------
*/

html{
   font-size: 17px;
}

body{
	font-feature-settings : "palt";
	letter-spacing: 2px;
    background:#F9F9F9;
    font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}

div{
  box-sizing:border-box;
}

#wrap{
    height:100%;
    padding-bottom:0px!important;
}

.wrap{
	margin-top:90px;
}

p,a{
  line-height:1.8;
  font-size:1rem;
  color:#000;
}

a{
  text-decoration:none;
}

strong{
  font-weight:bold;
}

hr{
/*	outline-color: #E1E1E1;*/
display:none;
}

iframe{
  max-width:100%;
}

form{

}

input{
  width:100%;
  border:none;
  border-bottom:1px dotted #aaa;
  padding:10px;
  box-sizing:border-box;
  -webkit-appearance: none;
}

textarea{
  width:100%;
  border:1px solid #aaa;
  padding:10px;
  border-radius:4px;  
  box-sizing:border-box;
  -webkit-appearance: none;
      font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;	
}

input[type="submit"]{
  display:block;
  width:200px;
  margin:auto;
  margin-top:40px;
  padding:10px 0px;
  background:#ff7c62;
  border:none;
  border-bottom:4px solid #9a3800;
  color:#fff;
  font-size:1rem;
  transition: background 0.1s ease-in-out;
}

input[type="submit"]:hover{
  background:#cc6551;
}

input[type="button" i],
button{
	cursor:pointer;
}

.button{
	display:block;
	width:200px;
	margin:60px auto;
	padding:14px 0px;
	border:none;
	background:#4472C4;
	border-bottom:4px solid #343f7b;
	color:#fff;

}

h2.heading{
  margin:40px;
  text-align:center;
  font-size:2rem;
  letter-spacing:0.5rem;
  line-height:0.8;
}

h2.heading img{
  width:30px;
}

.pagenation{
	width:100%;
	margin-top:40px;
}

.pagenation ul{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin:auto;
}

.pagenation ul li a{
	display:block;
	padding:20px;
}

.pagenation ul li a:hover{
	background:#000000;
	color:#fff;
}
.spinner {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

select{
	width:100%;
	padding:8px 4px;
	border:1px solid #ccc;
/*  -webkit-appearance: none;*/
}
input.radio-check {
	display:none;
}

label.radio{
	display:inline-block!important;
	position:relative;
	width:auto;
	padding-left:30px;
	margin-right: 35px;
	margin-top:20px;
}

label.radio:before{
  content: "";
  position: absolute;
  top: -5px;
  left: 0px;
  display: block;
  width: 25px;
  height: 25px;
  background:#eee;
  border-radius:50%;
}

.radio-check:checked + label:after{
  content: "✔";
  display: block;
  position: absolute;
  top: -5px;
  left: 0px;
  width:25px;
  line-height:25px;
  background:#4F4F4F;
  border-radius:50px;
  color:#fff;
  text-align:center;
}

input.box-check {
	display:none;
}

label.checkbox{
	position:relative;
	float:left;
	width:auto;
	padding-left:30px;
	margin-right:40px;
	margin-top:20px;
}

label.checkbox:before{
  content: "";
  position: absolute;
  top: -5px;
  left: 0px;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  background:#fff;
}

.box-check:checked + label:after{
  content: "✔";
  display: block;
  position: absolute;
  top: -5px;
  left: 0px;
  width:22px;
  line-height:22px;
  background: #4F4F4F;
  color:#fff;
  text-align:center;
}


[hidden] {
    display: none
}


.search-member-list label{
	margin:20px 0px;
	margin-left:10px;
}

.search-member-list dd{
	overflow:hidden;
}

/*
-------------------
  header
-------------------
*/

header{
	position:fixed;
	top:0px!important;
	left:0px;
	z-index:10;
	width:100%;
	padding: 10px 10px;
	background:#fff;
	box-shadow: 0px 0px 6px 3px #00000030;
}

header:before{

}



header .s_menu{
	position:absolute;
	top: 0px;
	left: 0%;
	width:100%;
}


.header_content .logo{
	position:relative;
	top:6px;
	left: 44px;
}

.header_content .status{
	position:absolute;
	top: 9px;
	right: 363px;
}

.header_content .status select{
    width:auto;
    background:#fff;
    text-align:center;
}

.header_content .mod_dropnavi{
	position:absolute;
	top: 7px;
	right: 32px;
	text-align:right;
}

.header_content .mod_dropnavi input{
	width:auto!important;
	height:auto!important;
	margin:0px 6px !important;
	background:#4472C4!important;
	color:#fff!important;
	padding: 4px 36px!important;
	border-radius:50px!important;
	font-weight:normal!important;
	border:1px solid #fff!important;
}

.header_content .mod_dropnavi input:hover{
	background:#343f7b!important;
	border:1px solid #343f7b!important;
}

.header_content .mod_dropnavi b{
	display:none;
}

.mod_dropnavi a img, .user_menu .dropnavi_button img{
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 100%;
	margin-right: 10px;
}

.mod_dropnavi_child{
	display:none;
	margin-top:-2px;
	padding:10px 40px;
	background:#4472C4;
}

.mod_dropnavi_child ul li a{
	display:block;
	font-size: 14px;
	padding:10px 20px;
	color:#fff;
}

.header_content .logo img{
  width: 139px;
}
.title{
	position:fixed;
	top:0px;
	left: 262px;
	z-index:100;
}

.g_menu ul{
	position:relative;
	display:flex;
}

.g_menu ul li{
	position:relative;
	
}

.g_menu ul li a:hover{
	background:#E4E4E4;
}

.g_menu ul li a{
	display:block;
	padding: 16px 20px;
	color:#4F4F4F;
	font-size: 14px;
}
.g_menu > ul > li > ul{
	display:none;
}
.g_menu ul ul{
	position:absolute;
	top: 54px;
	left:0px;
	display:block;
	width:200px;
	background:#fff;
}

/*
-------------------
  index
-------------------
*/


.contents{
	display:flex;
	flex-direction: row-reverse;
	justify-content:space-between;
}

.main{
	top:0px;
	width:calc(100% - 260px);
	padding:0px 40px;
	padding-bottom:100px;
	overflow:hidden;
}


.main h2{
	font-size: 1.2rem;
	margin-top: 40px;
	margin-bottom:20px;
	clear:both;
	font-weight:bold;
	color:#4d4d4d;
}

ul.sns-button{
	display:flex;
	flex-direction: row;
}

.popular_event{
	width: 30.4%;
	height: 25vw;
	overflow:hidden;
	margin:10px;
	float:left;
	background:#fff;
	padding:0px;
	border-radius:4px;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}

.popular_event .img .photo{
	width: auto;
	height:14vw;
	background-size:cover;
}

.popular_video{
	width: 30.4%;
	height: auto;
	overflow:hidden;
	margin:10px;
	float:left;
	background:#fff;
	padding:0px;
	border-radius:4px;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}


.side{
	margin-top: 80px;
	left:0px;
	z-index:1;
	width: 300px;
}

.side:before{
	content:"";
	position:fixed;
	top:0px;
	left:0px;
	z-index:-100;
	width: 300px;
	height:100%;
	background:#fff;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}


.side ul{

}

.side ul li{
	width:100%;
	padding:0px 0px;
	border-bottom:1px solid hsla(0, 0%, 96%, 1);
}

.side ul li a{
	display:block;
	padding: 10px 10px;
	padding-left:40px;
	font-size: 0.9rem;
	text-align:left;
}

.side ul li a:hover{
	background:#4F4F4F;
	color:#fff;
}

.side-nav{
	width:100%;
}

.side-nav ul li img{
    position:relative;
	top:7px;
	width:24px!important;
	height:24px!important;
	text-align:left;
}

.side form{
	font-size:12px;
	padding-bottom:10px;
	background:transparent!important;
}

.side form h5{
	padding-top:20px;
	padding-left:20px;
	padding-bottom:10px;
}

.side form div{
	margin:0!important;
	padding:0 20px!important;
}

.side form div .photo{
	height:100px;
	width:100px;
	margin:20px!important;
	padding:0px!important;
	background-size:cover;
    border-radius:100px;
}

.side form div dt{
	margin-top:20px;
	font-size:1rem;
	font-weight:bold;
}

.side form div ul li{
	padding:5px 0;
}

.main .more{
	width:100%;
	clear:both;
	margin:20px auto;
	text-align:center;
}

.main .more a{
	position:relative;
	top:20px;
	background:#4472C4;
	color:#fff;
	padding:10px 40px;
	margin-top:20px;
	clear:both;
	box-shadow:0px 0px 6px 3px #e0dfdf;
}

.information{
	padding:1vw;
	line-height:1.2;

}

.popular_event_notify .information{
	padding: 5px 0;
}

.main .more a:hover{
	background:#343f7b;
}

.information .event_type{
	display:none;
}

.information ul.category{
	display:none;
}

.information a{
	padding:6px 0px;
	font-size: 1vw;
	font-weight:bold;
	line-height: 1.5;
	color:#4472C4;
	text-decoration:underline;
}

.information a:hover{
	color:#4472C4;
	text-decoration:underline;
}

.popular_event_notify .information a{
	font-size: 0.9rem;
	font-weight:normal;
	line-height: 1.5;
	letter-spacing:0px;
}


.information ul{
	font-size:0.8rem;
	letter-spacing:0.1rem;
	color:#777;
}

.information ul li{
	margin-bottom:7px;
	font-size:0.7vw;

}

.information ul li.capacity{
	display:none;
}

.popular_people{
	display:flex;
	justify-content:center;
	width: auto;
	margin:10px;
	padding:0px;
	border-radius:4px;
}

.popular_people div{
	width:300px;
	margin:0 30px;
	text-align:center;
}

.popular_people .photo{
	width: 140px;
	height: 140px;
	margin:auto;
	border-radius:100px;
	background-size:cover;
	background-position:center;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}

.popular_people dl dt a{
	font-size: 1.1rem;
	font-weight:bold;
}

.popular_people dl dt a:hover{
	color:#4472C4;
	text-decoration:underline;
}

.popular_people dl dd{
	font-size:0.8rem;
	line-height:1.4;
}


.introduction{
	display:none;
}
/*
-------------------
  events
-------------------
*/

.title .catch{
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
	width:calc(100% - 260px);
	padding:0px 40px;
}

.title .top_category{
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
	width:calc(100% - 260px);
	padding:0px 40px;
}

.event-check{
	max-width: 970px;
	margin:auto;
	margin-top:100px;
	padding:40px;
	padding-top:1px;
	border-radius:6px;
	background:#fff;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}

.event-check .slick-slider{
	height:auto;
}


.event-single-side dt{
	margin-top:40px;
	font-size:1.1rem;
	font-weight:bold;
}

.event-single-side dd{
	font-size:0.9rem;
	line-height:1.6;
}

.event-single-side dd a{
	font-size:0.9rem;
	line-height:1.6;
}

.event-single-side .photo{
	width:130px;
	height:130px;
	margin:auto!important;
	border-radius:100%;
	background-position:center;
	background-size:100%;
	text-align:center;
}

a.event_entry{
	display:block;
	width:180px;
	margin:auto;
	margin-top:20px;
	margin-bottom:40px;
	padding:6px;
	background:#4472C4;
	color:#fff;
	text-align:center;
	border-radius:60px;
}

a.event_entry:hover{
	background:#343f7b;
}


.slider-for {
    width: 100%;
    height: 380px;
}

.slick-slider {
    overflow: hidden;
    position: relative;
    display: block;
    /* height: 350px; */
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.event-report .slick-slider{
	height:auto;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img.facility-image{
	
	max-height:350px;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    height: 78px;
    margin: 0;
    padding: 0;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}


@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);		
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 50px;
    z-index: 100
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 505px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: 50px;
    z-index: 100	
}

[dir="rtl"] .slick-next {
    left: 50px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slider-for img {
    width: 100%;
    object-fit: cover;
}
.main img {
    border-radius: 0px;
}
.slick-slide img {
    display: block;
    margin: 0 auto;
}


p.event-body{
	padding:20px 0px;
	font-size:1rem;
	line-height:1.4;
}

table.event-infotable{
	width:100%;
	margin:40px 0px;
}

table.event-infotable tr{
	padding:20px 0px;
	border-bottom:1px solid #ddd;
}

table.event-infotable tr td{
	
	padding: 20px 0px;
	line-height:1.8;
}

table.event-infotable tr th{
	min-width:100px;
	padding:20px 80px;
	font-weight:bold;
	color:#4d4d4d;
}

table.event-infotable tr th{
	min-width:140px;
	padding:20px 0px;
	padding-right: 0px;
	text-align:left;
}

/*
-------------------
  login
-------------------
*/
#login-page{
	width:100%;
	padding: 11% 0;
}

#login-page img{
	display:block;
	width: 800px;
	margin:auto;
}

#login-page .form{
	background:#fff;
	width: 800px;
	margin:auto;
	padding:60px;
	border-radius:10px;
	box-shadow: 0px 0px 15px 0px #e8e8e8;
	color:#333;
}

#login-page .form a b{
	color:#4472C4;
	text-decoration:underline;
	margin:4px;
}

#login-page h4{
	font-size: 1.5rem;
}

#login-page h5{
	font-size: 1.4rem;
	line-height:1.4;
}

#login-page input{
	background:#fff!important;
	border-radius:40px;
	padding:16px 30px;
	border:0.5px solid #ccc;
}

#login-page label{
	display:block;
/*	margin-top:40px;*/
}

#login-page button{
	display:block;
	margin:20px auto;
	padding:10px 60px;
	border-radius:50px;
	border:none;
	background:#000000;
	color:#fff;
}

.fieldset{
	margin:10px auto; 
	line-height:1.4;
}

.fieldset legend{
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
	font-weight:bold;
	border-bottom:1px solid #aaa;
	font-size:1.2rem;
}

table.register-interest{
	width:100%;
	margin:0px!important;
	table-layout:fixed;
}

table.register-interest td{
	display:block;
	width:100%;
	min-height: 55px;
	margin-bottom: 5px;
	vertical-align:top;
	text-align:left;
}

table.register-interest tr td:nth-child(2n-1){
	background:#eee;
}

#login-page table.register-interest label{
	margin:20px;
}

/*
-------------------
  events
-------------------
*/

.event-list-search{
	position:relative;
	margin-top:50px;
	width:500px;
}
.event-list-search input{
	border:0.5px solid #ddd;
	border-radius:40px;
}

.event-list-search button{
	position:relative;
	margin-top:10px;
	right:0px;
	border:none;
	padding:4px 20px;
	background:#000000;
	color:#fff;
	line-height:20px;
	-webkit-appearance:unset;
}

.event-list-search dt{
	margin-top:20px;
}

.event-list-search .search_detail_button{
	margin-top:20px;
}

.catch h2{
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.4;
	color:#4d4d4d;
}

.slider-nav ul.slick-dots{
	display:none!important;
}

/*
-------------------
  event-entry-form
-------------------
*/

.event-entry-sub_title{
	width:100%;
	margin-top:100px;
	margin-bottom:40px;
	text-align:center;
}

.event-entry-sub_title h3{
	font-size:1.4rem;
	font-weight:bold;
	margin-top:10px;
}

.event-entry-form{
	background:#fff;
	width:800px;
	margin:auto;
	padding:60px;
	border-radius:10px;
	box-shadow: 0px 0px 15px 0px #e8e8e8;
	color:#333;
}


.event-entry-form input{
	margin-bottom:20px;
	background:#eee;
	border:none;
}

.event-entry-form button{
	display:block;
	margin:20px auto;
	padding:10px 60px;
	border-radius:50px;
	border:none;
	background:#4472C4;
	color:#fff;
}

.event-entry-confirm{
	background:#fff;
	width:800px;
	margin:auto;
	margin-top:100px;
	padding:60px;
	border-radius:10px;
	box-shadow: 0px 0px 15px 0px #e8e8e8;
	color:#333;
}

.event-entry-confirm h2{
	font-size:1.4rem;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
}

.event-entry-confirm h3{
	font-size:1.4rem;
	font-weight:bold;
	margin:40px;
	text-align:center;
}

.event-entry-confirm button{
	display:block;
	margin:20px auto;
	padding:10px 60px;
	border-radius:50px;
	border:none;
	background:#4472C4;
	color:#fff;
}


/*
-------------------
  event-report
-------------------
*/

.event-report{
	max-width:970px;
	margin:auto;
	margin-top:90px;
	padding:40px;
	padding-top:1px;
	background:#fff;
	border-radius:6px;
	background:#fff;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}


/*
-------------------
  poople
-------------------
*/




.person-list-flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:auto;
}

.person-list div{
	width: 240px;
	margin: 0 10px;
	text-align:center;
}

.person-list .photo{
	width: 140px;
	height: 140px;
	margin:auto;
	border-radius:100px;
	background-size:cover;
	background-position:center;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}

.person-list dl dt a{
	font-size: 1.1rem;
	font-weight:bold;
}

.person-list dl dt span{
	display:block;
	margin:10px 0;
	font-size:0.8rem;
	line-height:1.4;
}

.person-list dl dd{
	font-size:0.8rem;
	line-height:1.4;
}

.person-detail{
	max-width: 970px;
	margin:auto;
	margin-top:100px;
	padding:40px;
	padding-top:1px;
	border-radius:6px;
	background:#fff;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}


.people_slider{
	width:100%;
	margin:auto;
	margin-top: 60px;
	text-align:center;
}

.people_slider img{
	max-width:100%;
	max-height: 260px;
}

.people_slider p{
	margin-top:20px;
	font-size:1.2rem;
	line-height:1.2;
	font-weight:bold;
}

.people_slider p span{
	font-size:1rem;
	font-weight:normal;
}

table.people{
	max-width:680px;
	margin:auto;
	margin-top:40px;
}

table.people tr{
	border-bottom:1px solid #ddd;
}

table.people td{
	padding:20px 0;
	min-width:200px;
	line-height:1.4;
}

table.people td a{
	text-decoration:underline;
	color:#4472C4;
}

table.people th{
	padding:20px 0;
	min-width:130px;
	text-align:left;
}

.popular_people{
	display:flex;
	justify-content:center;
	width: auto;
	margin:10px;
	padding:0px;
	border-radius:4px;
}

.panel-radios{
	display:none;
}

ul#tabs-list{
	display:none;
}

/*
-------------------
  community
-------------------
*/

.community-info-page{
	max-width: 970px;
	margin:auto;
	margin-top:100px;
	padding: 40px;
	padding-top:1px;
	border-radius:6px;
	background:#fff;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}

table.community-info{
	margin:auto;
	background:#fff;
}

table.community-info tr{
	border-bottom:1px solid #eee;
}

table.community-info tr:nth-child(1){
	background:#4472C4;
	color:#fff;
}

table.community-info td{
	min-width:40px;
	padding:20px 10px;
	line-height:1.4;
}

table.community-info td:nth-child(4){
	min-width: 64px;
}

table.community-info td:nth-child(1){
	width: 130px;
	text-align:left;
}

.related_event .event_list{
	display:flex;
	justify-content:center;
	margin-top:40px;
}

.related_event .event_list .list{
	width:300px;
	margin:0 20px;
}

.related_event .event_list .list .photo{
	width:100%;
	height:200px;
	background-size:cover;
	background-position:center;
}

.related_event .event_list .date{
	margin:6px 0;
}

.related_event .event_list .text a{
	margin:6px 0;
	line-height:1.4;
	font-weight:bold;
	text-decoration:underline;
}


/*
-------------------
 facility
-------------------
*/

.facility-info{
	max-width: 970px;
	margin:auto;
	margin-top:100px;
	padding: 40px;
	padding-top:1px;
	border-radius:6px;
	background:#fff;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}

dd.facility-info-event {
	padding:20px;
}

dd.facility-info-event .photo{
	height:140px;
	background-size:cover;
}

dd.facility-info-event .date{
	font-size:0.8rem;
	margin-top:10px;
}

dd.facility-info-event .document dd {
	font-size:0.8rem;
}

dd.facility-info-event a{
	text-decoration:underline;

}



/*
-------------------
 enquete
-------------------
*/

.enquate-contents{
	background:#fff;
	width:800px;
	margin:auto;
	margin-top:100px;
	padding:60px;
	border-radius:10px;
	box-shadow: 0px 0px 15px 0px #e8e8e8;
	color: #4d4d4d;
}

.enquate-contents p.greeting{
	font-size:1.4rem;
	text-align:center;
}

.enquate-contents h2{
	font-size:2rem;
	text-align:center;
	font-weight:bold;
}

.enquate-contents h3{
	margin:40px 0;
	font-size:1.4rem;
	text-align:center;
}

.enquate-contents h5{
	margin-top:60px;
	padding-bottom:10px;
	font-size:1.4rem;
	line-height:1.4;
	font-weight:bold;
	border-bottom:2px solid #4472C4;
}


.enquate-contents input{
	margin-bottom:20px;
	background:#F9F9F9;
	border:none;
}

.enquate-contents button{
	display:block;
	margin:20px auto;
	padding:10px 60px;
	border-radius:50px;
	border:none;
	background:#4472C4;
	color:#fff;
}


.enquate-contents textarea{
	margin-top:10px;
}


/*
-------------------
  profile
-------------------
*/

.profile-page{
	width:800px;
	padding:40px;
	margin:auto;
	margin-top:100px;
	background:#fff;
}

.profile-page-image{
	text-align:center;
}

.profile-page-image img{
	max-width:100%;
}

.profile-page h4{
	margin-top:40px;
	font-size:1.4rem;
	font-weight:bold;
}

.profile-page h5{
	margin-top:60px;
	padding-bottom:10px;
	font-size:1.4rem;
	line-height:1.4;
	font-weight:bold;
	border-bottom:2px solid #4472C4;
}

.profile-page table{
	width:100%;

}

.profile-page table tr{
	border-bottom:1px solid #ddd;
}

.profile-page table td{
	padding:20px 0;
	background:none!important;
}

.profile-page table th{
	width:30%;
	padding:20px 0;
	background:none!important;
	text-align:left;
}

.profile-page input[type="button"] {
	display:block;
	width:200px;
	margin:20px auto;
	padding:10px 0px;
	border-radius:50px;
	border:none;
	text-align:center;
	background:#4472C4;
	color:#fff;
}

.profile-page ul li{
	margin:6px 0;
	line-height:1.4;
}

.profile_edit{
	width:700px;
	margin:auto;
	margin-top:100px;
}

table.profile-edit-table{
	width:100%;
}

table.profile-edit-table td{
	padding:10px;
}

table.profile-edit-table tr:nth-child(1) td{
	padding:10px 10px;
	background:#4472C4;
	color:#fff;
}

.profile_edit button{
	width: 150px;
	padding:10px;
    border: 0px solid;
    cursor: pointer;
    background-color: #4472C4;
    font-weight: bold;
    color: #fff;
    margin: 5px;
}

#display_category_btn b,#close_category_btn b,
#place_foreign_btn b
{
	text-decoration:underline;
}

.profile_edit #person_category_table td{
	padding:10px 20px;;
	vertical-align:top;
	background:#fff;
	border:1px solid #efefef;
}

.profile_edit #person_category_table td:nth-child(2n) label{
	margin:10px;
	width:20%;
}

.profile_edit #person_category_table td label{
    margin-top:0px;
    margin:10px 0px;;
}

.profile_edit #person_category_table input[type="text" i]{
	width:380px;
}

.profile_edit #person_category_table input[type="button" i]{
	width:60px;
	padding:7px;
}

#major_category_idv{
	display:block;
	padding:10px 0px;
}

#major_category_idv input{
	width:20px;
	padding:0px;
}

.profile-edit-community .horizontal{
	margin:40px 0px;
}

.profile-edit-community .horizontal input{
	width:80%;
}

.profile-edit-community .horizontal input[type="button" i]{
	width:80px;
	background:#4472C4;
	color:#fff;
}

.profile-edit-community #com_apply_wait{
	min-height:100px;
}

/*
-------------------
  project-detail
-------------------
*/

.project-detail{
	margin:auto;
	margin-top:100px;
	max-width:880px;	
/*	max-width:780px; */
}

.project-detail h5{
	font-size:1.4rem;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:80px;
	padding-bottom:10px;
	line-height:1.4;
	border-bottom:2px solid #4472C4;
}

.project-detail table tr{
	border-bottom:1px solid #ddd;
}

.project-detail table th{
	width:35%;
	text-align:left;
	padding:10px 0px;
	vertical-align:middle;
}

.project-detail table td{
	text-align:left;
	padding:10px 10px;
	line-height:1.4;
}

.project-detail input[type="button"] {
	display:block;
	width:170px;
	margin:20px auto;
	margin-left:0px;
	padding: 10px 0px;
	border-radius:50px;
	border:none;
	text-align:center;
	font-size: 0.8rem;
	background:#4472C4;
	color:#fff;
}

/*
-------------------
  project-board
-------------------
*/

.project-board{
	max-width:680px;
	margin:auto;
	margin-top:100px;
}

.project-board .input-group input{
	border-radius:100px;
	border:1px solid #eee;
}

.project-board .search button{
	border:none;
	background:#4472C4;
	color:#fff;
	padding:3px 20px;;
}

.project-board .inputgroup{
	width:calc(100% - 260px);
	padding:20px 20px;
	position:fixed;
	bottom:0px;
	right:0px;
	background:#fff;
	box-shadow:7px 0px 6px 3px #f3f3f3;
	z-index:500;
}

.project-board .inputgroup .textarea{
	width:80%;
  -webkit-appearance: none;
}

.project-board .inputgroup .button-area{
	position:absolute;
	right:10px;
	bottom: 25px;
    display:flex;
}

.project-board .inputgroup .button-area input{
	width:100px;
	border:none;
	border-radius:10px;
	background:#4472C4;
	color:#fff;
  -webkit-appearance: none;
}

.project-board .inputgroup .button-area .file_edit{

}

.project-board .inputgroup .button-area .file_edit label{
	display:block;
	width: 20px;
	height: 20px;
	margin-top:8px;
	margin-right: 0px;
	background-size:80%;
	opacity:0.7;
}


.project-board .project-board-message{
	padding:20px 20px;
	margin:10px 0;
	background:#fff;
	box-shadow:0px 0px 6px 3px #f3f3f3;
}

.project-board .project-board-message .photo_post{
	position:relative;
}



.project-board .project-board-message .photo_post dl dt{
	display:flex;
	align-items:center;
} 

.project-board .project-board-message .photo_post dl dt .date{
	color:#888;
	font-size:0.8rem;
}

.project-board .project-board-message .photo_post dl dd{
	margin:20px 0px;
}

.project-board .project-board-message .photo_post dl dd font{
	font-size:1.2rem;
	line-height:1.4;
}

.project-board .project-board-message .photo_post dl dd ul{
	margin-top:10px;
}

.project-board .project-board-message .photo_post dl dd ul li font{
	font-size:0.8rem;
	color:#888;
}

.project-board .project-board-message .photo_post .deleting_button button{
	background:none;
	border:none;
	color:#888;
	font-size:0.8rem;
  -webkit-appearance: none;
}

.project-board .project-board-message .photo_post .message-comment{
	width:85%;
	background:#fafafa;
	border:1px solid #ddd;
	border-radius:100px;
}



.project-board .project-board-message .photo_post input{
	position:absolute;
	bottom:3px;
	right:10px;
    width:10%;
    border-radius:6px;
    border:none;
    padding:7px;
    background:#4472C4;
    color:#fff;
  -webkit-appearance: none;
}

.project-board .comment-style{
	background:#eee;
	border: 1px solid #e8e8e8;
	border-radius:10px;
	margin-left:60px;
}

.project-board .project-board-message .photo_post dl dd ul li a font{
	text-decoration:underline;
	color:#4472C4;
	font-size:1rem;
}

p.message-unread{
	text-align:center;
}

/*
-------------------
  project-file-list
-------------------
*/

.project-file-list table{
	width:100%;
	background:#fff;
}

.project-file-list table tr:nth-child(1){
	background:#4472C4;
	color:#fff;
}

.project-file-list table tr{
	border-bottom:1px solid #eee;
}

.project-file-list tr td{
	padding:10px 20px;
}

.project-file-list tr td a{
	text-decoration:underline;
	color:#4472C4;
}

/*
-------------------
  calender
------------------
*/

table.calender_heading{
	width: 220px;
	margin:auto;
}

table.calender_heading td{
	padding: 10px 0px;
}

.calender_page{
	padding:20px;
	background:#fff;
}

.calender_page .wrap{
	margin-top:20px;
}

table.calender_table{
	min-height: 80vh;
	table-layout: fixed;
}

table.calender_table tr{
	border-bottom:1px solid #ddd;
}

table.calender_table tr:nth-child(1){
	font-weight:bold;
	text-align:right;
	border-bottom:1px solid #ddd;
}

table.calender_table th{
	height:30px;
	border-right:1px solid #ddd;
	vertical-align:bottom;
}

table.calender_table td{
	width:14%!important;
	height:20%;
	border-right:1px solid #ddd;
	overflow:hidden;
	text-align:right;
}

table.calender_table td a{
	font-size:0.8rem;
	font-weight:bold;
}

table.calender_table td a.calender-plantitle{
	display:block;
	width:auto;
	margin:2px;
	padding:0px 2px;
	background:#4472C4;
	border-radius:3px;
	font-size:0.7rem;
	text-align:left;
	color:#fff;
	font-weight:normal;
    letter-spacing:0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
}

table.calender_table td a.calender-plantitle.event-color{
	background:#f5a31a;
}

table.calender_table td a.calender-plantitle.task-color{
	background:#79d70f;
}


table.calender_table td:nth-child(1){
	background:#f7f7f7;
}

table.calender_table td:nth-child(7){
	background:#f7f7f7;
}

table.calender_table td:nth-child(1) b a{
	color:#d32626;
}

table.calender_table td:nth-child(7) b a{
	color:#4472C4;
}

table.calender_table th:nth-child(1){
	color:#d32626;
}

table.calender_table th:nth-child(7){
	color:#4472C4;
}

input.calender_arrow{
	width: 20px;
	height: 20px;
	object-fit: cover;
	border:none;
	cursor:pointer;
	background-size:cover;
	background:transparent;
	background-image: url("../img/arrow_nex.svg"); 
	opacity:0.4;
}

img.calender-addbutton{
	opacity:0.4;
}

input.calender_arrow.pre{
	 
}

input.calender_arrow.nex{
	transform:rotate(0.5turn);
}

/*
-------------------
  footer
-------------------
*/

footer{
	position:relative;
	z-index:1;
	width:260px;
	padding:20px;
}

footer ul.f_Gmenu{
	display:none;
}

footer .info_menu li{
	margin:10px 0px;
}

footer .info_menu a{
	font-size:0.8rem;
}

footer .copyright{
	display:none;
	margin-top:20px;
	font-size:0.7rem;
}

#modal-content {
	width: 700px;
	height: auto;
	margin: 10px;
	padding: 70px;
	border-radius:4px;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 2;
}
 
#modal-content-innar{
	margin:0 auto;
	width:90%;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
 
.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

#modal-content-innar img{
	margin-bottom:20px;
}

#modal-content-innar input{
	margin-bottom:20px;
	background:#eee;
	border:none;
}

  /*
-------------------
  1000px
-------------------
*/

@media screen and (max-width:1000px){



    
}


  /*
-------------------
  680px
-------------------
*/


@media screen and (max-width:680px){


  /*
-------------------
  nav
-------------------
*/

  header>span#navbtn {
        width: 40px;
        height: 40px;
        display: -ms-flexbox;
        display: flex;
        font-size: 2em;
        text-align: center;
        position: fixed;
        right: 5px;
        top: 7px;
        z-index:1000;
        cursor: pointer;
        -ms-flex-align: center;
        align-items: center;
    }
    header>span#navbtn svg {
        margin: 0 auto
    }
    header>nav {
        width: 70%;
        background: #fff;
        position: fixed;
        right: 0;
        overflow-y: auto;
        border-top: 1px solid #ddd;
        box-sizing: border-box;
        z-index: 100;
        transition: all 0.4s;
        box-shadow:0px 0px 18px 2px rgba(0,0,0,0.14);
    }
    header>nav ul {
        width: 100%;
        margin: -1px 0 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    header>nav ul li {
        width: 100%;
        border-top: 1px solid #ddd;
        box-sizing: border-box;
        position:relative;
        font-size:0.8rem;
    }

    header>nav ul li:nth-child(1){
    	border-top:none;
    }

    header>nav ul li.sub_menu{
    	position:relative;
    	padding-left:40px;
    	background:#f5f5f5;
    	font-size:0.7rem;
    }
    header>nav ul li.sub_menu ul li:before{
    	content:"ー";
    	height: 40px;
        width: 40px;
        margin-top: -20px;
        display: block;
        text-align: center;
        line-height: 40px;
        position: absolute;
        left: 0px;
        top: 50%;
        color:#aaa;
    }

    header>nav ul li.sub_menu ul li a{
    	color:#aaa;
    }


    header>nav ul li a {
        padding: 14px 10px 14px 0px;
        margin-left:40px;
        display: block;
        font-size: 1.2em;
        line-height: 1.2;
        position: relative;
    }
    header>nav ul li.has_sub_menu:before {
        content: "▼";
        font-family: fontawesome;
        font-size: 0.6em;
        height: 40px;
        width: 40px;
        margin-top: -20px;
        display: block;
        text-align: center;
        line-height: 40px;
        position: absolute;
        left: 0px;
        top: 50%
    }
    header>nav ul li a:link,
    header>nav ul li a:visited {
        
        text-decoration: none
    }
    header>nav ul li.navclose span {
        height: 40px;
        padding: 0 40px;
        display: block;
        font-size: 1.2em;
        line-height: 40px;
        color: #999;
        text-decoration: none;
        position: relative
    }
    header>nav ul li.navclose span:before {
        content: "\f00d";
        font-family: fontawesome;
        font-size: 0.8em;
        height: 40px;
        width: 20px;
        margin-top: -20px;
        display: block;
        text-align: center;
        line-height: 40px;
        position: absolute;
        left: 10px;
        top: 50%
    }
    header>nav ul li.subnav>a:before {
        content: "\f078";
        left: inherit;
        right: 10px
    }
    header>nav ul li.subnav ul {
        background: rgba(0, 0, 0, 0.05)
    }
    header>nav ul li.subnav.open>a:before {
        content: "\f077"
    }
    header>nav.close {
        right: -100%
    }
    #header_overlay.close,
    header>nav ul li.subnav>ul {
        display: none
    }
 #navbtn i {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 3px;
        background: #fff;
        transition: background 0.5s;
        position: relative;
        left: 10px
    }
    #navbtn i:before,
    #navbtn i:after {
        content: "";
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 3px;
        background: #fff;
        position: absolute;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all 0.3s !important
    }
    #navbtn i:before {
        -ms-transform: translateY(8px);
        transform: translateY(8px)
    }
    #navbtn i:after {
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    #navbtn.is-open i {
        background: transparent;
    }
    #navbtn.is-open i:after {
        -ms-transform: translateY(0px) rotate(-45deg);
        transform: translateY(0px) rotate(-45deg)
    }
    #navbtn.is-open i:before {
        -ms-transform: translateY(0px) rotate(45deg);
        transform: translateY(0px) rotate(45deg)
    }

  /*
-------------------
  main
-------------------
*/


body{
	background:#fff;
}


.g_menu{
	display:none;
}

.mod_dropnavi{
	display:none;
}




.header_content .logo{
	left:10px;
}

.status .lang{
	display:none;
}

.contents{
	display:block;
}  

.main{
	width:auto;
	padding: 1px 0px;
}

.side{
	width:auto;
}

.side:before{
	display:none;
}

.wrap{
	padding:1px 0px;
	margin-top:0px;

}

.main h2{
	margin:0px;
	padding:20px;
	padding-top:20px;

	font-size:1.4rem;
}

.popular_event{
	float:none;
	width:auto;
	height:auto;
	margin:0px;
	box-shadow:none;
	border-radius:0px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.popular_event .img .photo{
	height:50vw;
	background-position:center;
}

.popular_event_notify:nth-child(2){
	border-top:1px solid #eee;
}

.popular_event_notify{
	padding:4px 20px;
	background:#fff;
	border-bottom:1px solid #eee;
}

.information{
	padding:20px;
}

.information a{
	font-size:1.2rem;
}

.information ul li{
	font-size:0.8rem;
}

.main .more a{
	display:block;
	top:0px;
	width:60%;
	padding:10px 0px;
	margin:auto;
	background:transparent;
	color:#555;
	box-shadow:none;
	text-decoration:underline;
}

.main .more a:hover{
	background:transparent;
	border:1px solid #555;
}

.main .more a:before{
	content:"↓";
}

.main .more{
	margin-bottom:60px;
	
}

.event-list-search{
	width:90%;
	margin:auto;
	margin-top:40px;
	margin-bottom:20px;
}

.event-list-search input{
	font-size:16px;
}

.popular_people{
	display:block;
}

.popular_people div{
	margin:60px auto;
}

.top_category p{
	padding:0px 20px;
	font-size:0.8rem;
	letter-spacing:0;
}

.slick-slider{
	
}

.event-check{
	background:#fff;
}

p.event-body{
	padding:20px;
}

a.event_entry{
	padding:20px 40px;
}

table.event-infotable{
	width:100%;
	margin:0px auto;
	table-layout: fixed;
}

table.event-infotable tr td{
	display:block;
	width:100%;
	padding:20px;
	box-sizing:border-box;
    word-wrap: break-word;
    font-size:0.9rem;
    letter-spacing:0;
    line-height:1.3;
}

table.event-infotable tr th{
	display:block;
	width:100%;
	padding:20px;
	font-size:1rem;
	letter-spacing:0;
    line-height:1.3;
    background:#eee;
}

table.event-infotable tr td a{
	font-size:1rem;
	text-decoration:underline;
	letter-spacing:0;
    line-height:1.3;
}


.side form div .photo{
	height:40vw;
	width:40vw;
}

.side a.event_entry{
	display:none;
}

#login-page{

}

#login-page .form{
	width:auto;
	padding:20px;
	box-shadow:none;
}

#login-page img{
	width:100%;
}

.event-entry-form{
	width:auto;
	padding:20px;
	box-shadow:none;
}

.event-report{
	background:#fff;
}

.event-report .catch p{
	display:none;
}

.event_experience_text{
	padding:20px;
}

.event_experience h3{
	font-size:1.7rem;
	font-weight:bold;
	margin-left:20px;
}

.event-entry-confirm{
	width:auto;
	padding:20px;
	margin-top:0px;
	box-shadow:none;
}

.person-list div{
	width:90%;
	margin:auto;
}

.person-detail-profimg{
	margin-top:20px
}

table.people{
	width:100%;
}

table.people th{
	display:block;
	width:100%;
	padding:20px;
	background:#eee;
}

table.people td{
	display:block;
	width: auto;
	padding:20px;
	font-size:0.8rem;
}

#map{
	width: 100%!important;
}

table.people td:nth-child(1){
	width:30%;
}

table.community-info{
	table-layout:fixed;
}

table.community-info td:nth-child(1){
	width:unset;
}

table.community-info td{
	width:20%; 
	word-wrap:break-word;
}


.project-board .project-board-message .photo_post .message-comment{
	border-radius:4px;
	height:40px;
}

.project-board .project-board-message .photo_post input{
	width:16%;
	border-radius:4px;
	height:40px;
}

.project-board .inputgroup{
	width:100%;
	padding:5px;
}

.project-board .inputgroup .textarea{
	width:75%;
}

.project-board .inputgroup .button-area input{
	width:100%;
}

.project-board .project-board-message .photo_post dl dd font{
	font-size:1rem;
}

.project-board .comment-style{
	margin-left:20px;
}

.project-detail table th{
	display:block;
	width:100%;
	padding:20px;
	font-weight:bold;
	background:#eee;
}

.project-detail table{
	width:100%;
}

.project-detail table td{
	display:block;
	width:90%;
}

.project-file-list table{
	table-layout:fixed;
}

table.event-plan-entry-list{
	width:800px;
}

table.event-plan-entry-list td.name{
	width:200px;
}

.project-file-list tr td{
	width:25%;
	padding:5px;
	word-wrap:break-word;
	font-size:0.8rem;
}

.project-file-list tr td a{
	word-wrap:break-word;
	font-size:0.8rem;
}

.profile-page{
	width:auto;
}

.profile-page h5{
	padding:20px;
	border:none;
}
.profile-page table th{
	display:block;
	width:100%;
	padding:20px;
	background:#eee!important;
}

.profile-page table td{
	display:block;
	width:100%;
	padding:20px;
	box-sizing:border-box;
}

.profile-page ul:nth-child(14) li{
	padding:0px 20px;
	padding-bottom:20px;
	box-sizing:border-box;
}

.profile-page ul:nth-child(14) li b{
	display:block;
	width:100%;
	padding:20px;
	margin-left:-20px;
	margin-bottom:10px;
	background:#eee;
}

.profile_edit{
	width:auto;
	margin-top:1px;
	padding:20px;
}

.pic_edit img{
	width:100%!important;
	height:200px!important;
}

.enquate-contents{
	box-sizing:border-box;
	width:auto;
	padding:20px;
	box-shadow:none;
}


#modal-content{
	width:90%!important;
	left: 3%!important;
	top:20%!im;
	padding:10px;
}	
	
/*
-------------------
title
-------------------
*/
.content-title {
	font-size: 26px;
	font-weight: bold;
	color: #4D4D4D;
	margin-bottom: 20px;
}

/*
-------------------
search-form(blue-line)
-------------------
*/

/* 外枠 */
.search-form {
	border-top: 5px solid #4472C4;
	background: #fff;
	padding: 20px 25px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.11);
}

.search-form dl {
	background: #ECF1F9;
	margin: -20px -25px 0;
	padding: 20px 25px;
	color: #4D4D4D;
}

.search-form dt {
	font-size: 14px;
	font-weight: bold;
	width: 120px;
	float: left;
	padding-bottom: 20px;
}

.search-form dt:last-of-type {
	padding-bottom: 0;
}

.search-form dd {
	font-size: 14px;
	padding-bottom: 20px;
}

.search-form dd:last-of-type {
	padding-bottom: 0;
}

/* checkbox 修正する際は、↑にある元コードの上書き注意 */
.search-form dd input[type="checkbox"] {
    width: 100%;
    border: none;
	padding: 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.search-form input.box-check {
	display:none;
}

.search-form label.checkbox{
	position:relative;
	float:none;
	width:auto;
	padding-left: 21px;
	margin-right: 15px;
	margin-top: 0;
}

.search-form label.checkbox:before{
	content: "";
	position: absolute;
	top: 1px;
	left: 0px;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #9D9D9D;
	background:#fff;
}

.search-form .box-check:checked + label:after{
	content: "✔";
	display: block;
	position: absolute;
	top: 1px;
	left: 0px;
	width:15px;
	line-height:15px;
	background: #4472C4;
	color:#fff;
	text-align:center;
	font-size: 10px;
}

/* select */
.select-title {
	padding-top: 12px;
}

.search-form select {
	border-radius: 4px;
	position: relative;
	height: 36px;
	width: auto;
	border: 1px solid #9D9D9D;
	-webkit-appearance: none;
	min-width: 436px;
	padding: 8px 15px;
}

.search-form .selectwrap{
  width: auto;
  position: relative;
  display: inline-block;
}

.search-form .selectwrap::after {
	position: absolute;
    right: 15px;
	top: 16px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #707070 transparent transparent transparent;
}

/* 検索ボタングループ */
.search-form .btn-wrap {
	overflow: hidden;
	width: 368px;
	margin: 20px auto 0;
}

.search-form .btn-wrap .button {
	margin-right: 20px;
	float: left;
}

.search-form .btn-wrap .button:last-child {
	margin-right: 0;
}

/* ボタンベース */
.search-form .button {
	border-radius: 4px;
	width: auto;
	margin:0;
	padding:12px 20px;
	border:none;
	background: #4472C4;
	border: none;
	color: #fff;
	display: inline-block;
	line-height: 1;
	transition-duration: .4s;
}

.search-form .button:hover {
	opacity: .8;
}

.search-form .search-button {
	font-size: 20px;
	background: #4472C4;
	font-weight: bold;
	padding:15px 50px;
}

.search-form .search-button .fa-search:before {
	font-size: 18px;
	margin-right: 8px;
}

/* クリアボタン */
.search-form .clear-button {
	background: #A9A9A9;
	font-size: 16px;
	font-weight: bold;
	padding:12px 40px;
	margin-top: 5px;
}

/* カレンダー外枠 */
.white-box {
	background: #fff;
	padding: 20px 25px;
	box-shadow: 0px 0px 15px 3px #f3f3f3;
}