@charset "UTF-8";

/* 全体 */
.wid1280px {
	width: 1280px; 
}
@media (max-width: 1280px) {
	.wid1280px { width: 100%; }
}
/* 全体 */

/* グローバルナビ */
.menu-organization a:hover {
	background: #1F3B60;
}
/* グローバルナビ */

/*ページ名*/
.org-title-box {
	background: #FFF6FE;
}
.org-main-text {
	width: 240px;
	margin: 0 auto 5px auto;
	padding: 6% 0 5px 0;
	border-bottom: 1px solid #544141;
	font-size: 24px;
}
.org-main-subtitle {
	padding: 5px 0 6% 0;
	font-size: 14px;
}
/*ページ名*/

/* メイン */
#main {
	background: #FFF6FE;
	color: #544141;
	font-family: "TsukuGoPr5-M", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important;
}
.org-header {
	margin: 0 0 80px 0;
	padding: 80px 0 80px 0;
	background: url(../pic3/org-header.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.org-text-header {
	background: rgba(240,240,240,0.7);
	line-height: 150%;
}
.org-detail-btn a {
	display: inline-block;
	padding: 0.8em 1.8em 0.8em 1.8em;
	background: #3199DF;
	border-radius: 100px;
	color: #FFFFFF;
	transition: 0.3s ease-in-out;
}
.org-detail-btn a:hover {
	opacity: 0.8;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.org-content-title {
	color: #544141;
	font-weight: 500;
}
.org-content {
	float: left;
	width: 32%;
	margin: 0 2% 6% 0;
}
.org-content:nth-child(3n) {
	margin: 0 0 6% 0;
}
.org-content-title2 {
	margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 140%;
}
.org-content-detail {
	padding: 0 0 0 20px;
}
.org-content-detail li {
	list-style: disc;
}
.org-content-title3 {
	margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 140%;
}
.org-concept {
}
.org-concept-pic {
	float: right;
	width: 35%;
	margin: 0 0 20px 40px;
	padding: 10px 10px 10px 10px;
	background: repeating-linear-gradient(-45deg, #F3D4DF, #F3D4DF 5px, #FCF0F1 0, #FCF0F1 10px);
	box-sizing: border-box;
}
.org-concept-pic img {
	width: 100%;
}
.org-content-title4 {
	padding: 28px 0 28px 0;
	color: #FFFFFF;
	background: #C489A0;
	font-size: 36px;
	position: relative;
	text-align: center;
}
.org-content-title4::after {
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #C489A0;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
}
.org-pic {
}
.org-pic img {
	width: 100%;
}
.org-text {
}
.org-conceptlink a {
	display: inline-block;
	padding: 0.8em 1.8em 0.8em 1.8em;
	background: #3199DF;
	border-radius: 100px;
	color: #FFFFFF;
	transition: 0.3s ease-in-out;
}
.org-conceptlink a:hover {
	opacity: 0.8;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.org-selected {
	margin: 0 0 10% 0;
}
.org-point-content {
	display: flex;
	align-items: center;
}
.org-point-content:nth-child(even) {
	flex-direction: row-reverse;
}
.org-point-detail {
	width: 50%;
	padding: 0 40px 0 40px;
	flex: 1;
	font-size: 14px;
	max-width: 700px;
}
.org-point-detail-inner-row {
	margin: 0 0 0 auto;
}
.org-content-title-number {
	margin: 0 28px 0 0;
	font-size: 48px;
	font-style: italic;
}
.org-point-pic-l {
	width: 50%;
	border-radius: 0 300px 300px 0;
	overflow: hidden;
}
.org-point-pic-l img {
	width: 100%;
}
.org-point-pic-r {
	width: 50%;
	border-radius: 300px 0 0 300px;
	overflow: hidden;
}
.org-point-pic-r img {
	width: 100%;
}
.org-pic-riyosha {
	float: left;
	width: calc(33% - 20px);
	margin: 0 10px 0 10px;
	border-radius: 50%;
	overflow: hidden;
}
.org-mitsumori-free {
	margin: 0 0 6% 0;
}
.org-card-detail {
	float: left;
	width: calc(67% - 20px);
	margin: 6px 10px 6px 10px;
	padding: 20px 20px 1px 20px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	box-shadow: 0 0 6px 0 #CFCFCF;
	position: relative;
}
/* 吹き出し部分の枠線 */
.org-card-detail::before {
	width: 0;
	height: 0;
	border-bottom: 8px solid transparent;
	border-right: 10px solid #CCCCCC;
	border-top: 8px solid transparent;
	content: "";
	position: absolute;
	left: -11px;
	top: 15px;
}
/* 吹き出し部分の内側の白 */
.org-card-detail::after {
	width: 0;
	height: 0;
	border-bottom: 8px solid transparent;
	border-right: 10px solid #FFFFFF;
	border-top: 8px solid transparent;
	content: "";
	position: absolute;
	left: -9px;
	top: 15px;
}
.org-nagare-content {
	float: left;
	width: 25%;
	padding: 0 20px 0 20px;
}
.org-nagare-subtitle {
	margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 140%;
}
.org-content-web-box {
	padding: 40px 20px 40px 20px;
	background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url(../pic3/org-reservation-back.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.org-reservation-detail {
	text-shadow: 0 0 6px #FFFFFF;
}

.error {
	background: #CC0000;
	color: #FFFFFF;
}
table.org-form-table {
}
table.org-form-table th,
table.org-form-table td {
	padding: 10px 10px 10px 10px;
	border: solid 1px #000000;
}
table.org-form-table th {
	width: 25%;
	height: 60px;
	background: #F2F2F2;
}
table.org-form-table td {
	height: 60px;
	background: #FFFFFF;
}
table.org-form-table td input,
table.org-form-table td textarea,
table.org-form-table td select {
	width: 100%;
	height: 100%;
	border: 1px solid #41719C;
	border-radius: 5px 5px 5px 5px;
}
.org-check {
	width: 100%;
	cursor: pointer;
}
table.org-form-table td textarea {
	height: 16em;
	vertical-align: baseline;
}
table.org-form-table th.org-middle {
	vertical-align: top;
	padding: 20px 10px 10px 10px;
}
#org-form-submit {
}
#org-form-submit .form-submit {
	width: 450px;
	padding: 10px 30px 10px 30px;
	background: #4472C4;
	border: 1px solid #2F528F;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 15px;
	transition: 0.3s ease-in-out;
}
#org-form-submit .form-submit:hover {
	opacity: 0.8;
	transition: 0.3s ease-in-out;
}
.org-question-box {
	padding: 2% 5% 2% 5%;
	background: #FFFFFF;
	border: 1px solid #000000;
}
.org-text-indent {
	margin-left: 42px;
	text-indent: -42px;
}
.org-q {
	margin: 0 8px 1% 0;
	padding: 3px 10px 3px 10px;
	background: #000000;
	border: 1px solid #000000;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
}
.org-a {
	margin: 0 8px 0 0;
	padding: 3px 10px 3px 10px;
	background: #ED7D31;
	border: 1px solid #AE5A21;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
}
.org-cancel-box {
	padding: 40px 40px 40px 40px;
	background: #FFFFFF;
	border: 3px solid #C489A0;
}
.org-cancel-title {
	margin: 0 0 25px 0;
}
.org-cancel-box-inner {
	width: 55%;
	margin: 0 auto 0 auto;
}
.org-cancel-text,
.org-cancel-text tr,
.org-cancel-text tr th,
.org-cancel-text tr td {
	border: 1px solid #544141;
}
.org-cancel-text tr th,
.org-cancel-text tr td {
	padding: 3px 3px 3px 3px;
}
.org-cancel-text tr td {
	text-align: right;
}
.foot-form {
	display: none;
}
/*coページ*/
.org-main-text,
.org-main-subtitle {
	background: #FFF6FE;
	color: #544141;
}
.org-main-text-form {
	width: 500px;
	line-height: 140%;
}
.org-form-submit .form-submit {
    padding: 10px 30px 10px 30px;
    background: #4472C4;
    border: 1px solid #2F528F;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 15px;
    transition: 0.3s ease-in-out;
}
.org-form-change .form-change {
    padding: 10px 30px 10px 30px;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;
    font-size: 15px;
}

@media (max-width: 999px) {
	.org-header {
		margin: 0 -1% 80px -1%;
	}
	.org-selected {
		margin: 0 -1% 10% -1%;
	}
	.org-content-web-box {
		margin: 0 -1% 0 -1%;
	}
	.org-mitsumori-free {
		margin: 0 -1% 6% -1%;
	}
}

	/* tablet */
@media (max-width: 840px) {
	.org-main-subtitle {
		padding: 5px 0 8% 0;
	}
	.org-header-inner {
		width: 80%;
		margin: 0 auto 0 auto;
	}
	.org-t-ali-l-tb {
		text-align: left;
	}
	.org-content {
		width: 49%;
	}
	.org-content:nth-child(3n) {
		margin: 0 2% 6% 0;
	}
	.org-content:nth-child(2n) {
		margin: 0 0 6% 0;
	}
	.org-content-title2 {
		text-align: left;
	}
	.org-content-title3 {
		margin:  0 0 20px 0;
	}
	.org-content.org-content-tb {
		float: none;
		margin: 0 auto 0 auto;
	}
	.org-text-box {
		width: 100%;
	}
	.org-content-title {
		margin: 0 0 80px 0;
	}
	.org-content-title4 {
		margin: 0 0 20px 0;
	}
	.org-point-content {
		margin: 0 0 20px 0;
	}
	.org-pic-riyosha{
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.org-card-detail {
		float: none;
		width: 100%;
		margin: 6px 0 6px 0;
	}
	.org-card-detail::before {
		border-bottom: 10px solid #CCCCCC;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		left: 50%;
		top: -19px;
		transform: translateX(-50%);
	}
	.org-card-detail::after {
		border-bottom: 10px solid #FFFFFF;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		left: 50%;
		top: -17px;
		transform: translateX(-50%);
	}
	.org-nagare-content {
		width: 33.3333%;
		margin: 0 0 20px 0;
	}
	.org-nagare-subtitle {
		text-align: left;
	}
	.org-content-web-title {
		margin: 0 0 40px 0;
	}
	table.org-form-table th {
		width: 35%;
	}
	.org-cancel-box-inner {
		width: 80%;
	}
/*coページ*/
	.org-content-box {
		width: 80%;
	}
	.org-form-change .form-change {
        color: #000000;
    }
}

	/* mobile */
@media (max-width: 640px) {
	.org-header-inner {
		width: auto;
	}
	.org-content-title {
		margin: 0 0 60px 0;
		font-size: 20px;
	}
	.org-content-title2 {
		font-size: 20px;
	}
	.org-text-sp16 {
		font-size: 16px;
	}
	.org-text-sp28 {
		font-size: 28px;
	}
	.org-content {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.org-content:nth-child(3n) {
		margin: 0 0 6% 0;
	}
	.org-concept-pic {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.org-conceptlink {
		text-align: center;
	}
	.org-selected {
		margin: 0 -1% 100px -1%;
	}
	.org-point-content {
		display: block;
	}
	.org-point-pic-l,
	.org-point-pic-r,
	.org-point-detail {
		width: 100%;
	}
	.org-content-title4 {
		margin: 0 0 0 0;
		font-size: 18px;
	}
	.org-point-pic-l,
	.org-point-pic-r {
		margin: 0 0 20px 0;
	}
	.org-point-detail {
		padding: 0 10px 0 10px;
	}
	.org-riyosha-content {
		float: none;
		width: 100%;
		margin: 0 0 40px 0;
		padding: 0 15px 0 15px;
	}
	.org-nagare-title {
		font-size: 20px;
	}
	.org-nagare-content {
		float: none;
		width: 100%;
		margin: 0 0 40px 0;
		padding: 0 5px 0 5px;
	}
	.org-nagare-subtitle {
		margin: 0 0 20px 0;
		font-size: 20px;
		text-align: center;
	}
	.org-content-web-box {
		padding: 40px 10px 20px 10px;
		background: #FFFFFF;
	}
	.org-content-web-title {
		margin: 0 0 40px 0;
		text-align: left;
	}
	.org-content-web-pic,
	.org-content-web-detail {
		float: none;
		width: 100%;
	}
	.org-content-web-pic {
		margin: 0 0 20px 0;
	}
	.org-text-sp18 {
		font-size: 18px;
	}
	.org-text-sp25 {
		font-size: 25px;
	}
	table.org-form-table th,
	table.org-form-table td {
		display: block;
		width: 100%;
		border-bottom: none;
	}
	table.org-form-table th.v-ali-m {
		padding: 20px 5px 20px 5px;
	}
	table.org-form-table td.org-last {
		height: auto;
		border-bottom: 1px solid #000000;
		min-height: 60px;
	}
	#org-form-submit .form-submit {
		width: 100%;
	}
	.org-question-box {
		padding: 5% 3% 5% 3%;
	}
	.org-cancel-box {
		padding: 20px 20px 20px 20px;
	}
	.org-cancel-title {
		font-size: 20px;
		text-align: left;
	}
	.org-cancel-box-inner {
		width: 100%;
	}
/*coページ*/
	.org-main-text-form {
		width: auto;
	}
	.org-content-box {
		width: 90%;
	}
}
/* メイン */