@charset "utf-8";
/* CSS Document */
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* Basic Styles */
body,li,ul,p,h1,h2,h3,h4,h5,h6 {
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	background: #270041;
	font-feature-settings : "palt" 1;
}
table{border-collapse:collapse;}
th,td{padding:0;}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border-style:none;
}
ul,li{
	list-style:none;
}
.no_link{
	pointer-events: none;
}
.coming_soon { 
filter: alpha(opacity=30);
-ms-filter: "alpha( opacity=30 )"; 
-moz-opacity:0.30;
opacity:0.30;
zoom:1;
}
/* ページトップへここから */
#page-top {
    position: fixed;
    bottom: 30px;
    right: 10px;
    font-size: 100%;
	z-index:950;
}
#page-top a {
	background:url(../img/page_bk.png);
	background-repeat:repeat;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background:url(../img/page_bk2.png);
	background-repeat:repeat;
}
.is
        {
            border-top:5px solid #555555;
            border-bottom:5px solid #555555;
        }
		.is img
        {
            border:0px;
            border-left:2px solid #555555;
        }
/* ページトップへここまで */
.fade_obi{
	display:none;
}
/*▼▼▼▼ヘッダー共通▼▼▼▼*/
header{
	width: 100%;
	padding: 10px 0px;
}

/*▲▲▲▲ヘッダー共通▲▲▲▲*/
/*▼▼▼▼運営トップ共通▼▼▼▼*/
.unei_wpr_bk{
	width: 100%;
	margin: 0 auto;
	padding: 30px 0px;
}
.unei_wpr_bk_in{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.unei_wpr_bk_in img{
	width: 100%;
	max-width: 372px;
	height: auto;
}
/*▲▲▲▲運営トップ共通▲▲▲▲*/
/*▼▼▼▼Q&A共通▼▼▼▼*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
	color: #0068b7; 
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	background: #ffffff;
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
	color: #FF0000;
	background: #ffffff;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
	background: #ffffff;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.qa_ttl{
	font-size: 300%;
	text-align: center;
	color: #ffffff;
	font-family: 'Roboto Slab', serif;
	padding: 10px 0px 30px;
}
.qa_wpr{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background: #ffffff;
	padding: 50px 3%;
	box-sizing: border-box;
}
.qa_q_flex{
	display: flex;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0px;
	border-left:5px solid #81343A;
	justify-content: flex-start;
	align-items: center;
	background: #ECECEC;
	box-sizing: border-box;
}
.qa_q_flex_a{
	background: #ECECEC;
	padding: 0px 1rem;
	box-sizing: border-box;
	font-size: 200%;
	color: #81343A;
}
.qa_q_flex_b{
	padding: 20px 1rem 20px 0.5rem;
	background: #ECECEC;
	font-size: 90%;
	color: #595757;
	text-align: justify;
	text-justify: inter-ideograph;
	box-sizing: border-box;
}
.qa_a_flex{
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	border-left:5px solid #cacaca;
	justify-content: flex-start;
	align-items: center;
	background: #ffffff;
	box-sizing: border-box;
}
.qa_a_flex_a{
	background: #ffffff;
	padding: 0px 1rem;
	box-sizing: border-box;
	font-size: 200%;
	color: #cacaca;
}
.qa_a_flex_b{
	padding: 20px 1rem 20px 0.5rem;
	background: #ffffff;
	font-size: 90%;
	color: #595757;
	text-align: justify;
	text-justify: inter-ideograph;
	box-sizing: border-box;
}
/*▲▲▲▲Q&A共通▲▲▲▲*/
/*▼▼▼▼運営CONNECT共通▼▼▼▼*/
.connect_wpr{
	width: 100%;
	margin: 0 auto;
	background: #270041;
}
/*▲▲▲▲運営CONNECT共通▲▲▲▲*/
/*参加テーブル共通ここから*/
section h2{
	font-size:120%;
	text-align:left;
}
#outline_wrapper{width:90%;height:auto;margin:0 auto;font-size: 80%;color:#ffffff;padding-bottom:30px;}
section table	{ width: 100%;border-collapse:collapse; }
section th, section td	{ padding: 10px; border: 1px solid #ffffff; }
section th	{ background: #1f1d38;background-repeat: repeat; color:#ffffff;font-weight:normal; }
section td {color:#ffffff;}
.outline th	{ width: 20%; text-align: center;}
.outline01 th	{ width: 20%; text-align: center;}
#sec01{
	padding-top:0px;
}
#sec02,#sec03,#sec04,#sec05,#sec06,#sec07{
	padding-top:30px;
}
/*参加テーブル共通ここまで*/
/*▼▼▼▼WDCフッター共通▼▼▼▼*/
footer{
	width: 100%;
	background: #270041;
	padding: 30px 0px;
}
.copy_right{
	width: 100%;
	margin: 0 auto;
	/*background: #270041;*/
	font-size: 70%;
	color: #ffffff;
	text-align: center;
	padding: 10px 0px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
/*▲▲▲▲WDCフッター共通▲▲▲▲*/
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )"; 
-moz-opacity:0.70;
opacity:0.70;
zoom:1;
}
.imgWrap2 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.imgWrap2 img {
	display: block;
	transition-duration: 0.6s;	/*変化に掛かる時間*/
}
.imgWrap2 img:hover {
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.6s;	/*変化に掛かる時間*/
}
.imgWrap3 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.imgWrap3 a {
	display: block;
	transition-duration: 0.9s;	/*変化に掛かる時間*/
}
.imgWrap3 a:hover {
	transform: scale(1.3);	/*画像の拡大率*/
	transition-duration: 0.9s;	/*変化に掛かる時間*/
}
.thumb-item div img{
		width: 100%;
		height: auto;
	}
hr.style1{
	display:block;
	width: 100%;
	max-width: 1200px;
	border: 1px solid #282b30;
	margin: 0px auto ;
	padding: 0px 0px 0px;
	box-sizing: border-box;
}
hr.style2{
	display:block;
	width: 100%;
	max-width: 1200px;
	border: 1px solid #b598b7;
	margin: 0px auto ;
	padding: 0px 0px 0px;
	box-sizing: border-box;
}
hr.style3{
	display:block;
	width: 100%;
	/*max-width: 1200px;*/
	border: 1px solid #ffffff;
	margin: 0px auto ;
	padding: 0px 0px 0px;
	box-sizing: border-box;
}
hr.style4{
	display:block;
	width: 100%;
	/*max-width: 1200px;*/
	border: 1px dotted #cacaca;
	margin: 30px auto ;
	padding: 0px 0px 0px;
	box-sizing: border-box;
}
.font70{
	font-size: 60%;
}
.no_space{
	letter-spacing: -0.7rem;
}
.tesuryo_bnr a:hover img { 
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )"; 
-moz-opacity:0.60;
opacity:0.60;
zoom:1;
}
.officer_in_box h2 a{
		color: #ffffff;
		text-decoration: none;
	}
/******************************************************************************/
/******************PCスタイル Styles for screen 770px and over******************/
/******************************************************************************/
@media print, screen and (min-width: 835px) {
	.sm_only{
		display: none;
	}
	.mb_only{
		display: none;
	}
	.tb_only{
		display: none;
	}
	.pd_info{
		padding-top: 50px;
	}
/*▼▼▼▼ヘッダーPC▼▼▼▼*/
	header{
		min-width: 1000px;
	}
/*▲▲▲▲ヘッダーPC▲▲▲▲*/
/*▼▼▼▼運営トップPC▼▼▼▼*/

/*▲▲▲▲運営トップPC▲▲▲▲*/
/*▼▼▼▼運営CONNECT PC▼▼▼▼*/
	.connect_wpr{
	padding: 80px 0px 0px;
	}
	.connect_wpr h4{
		color: #b598b7;
		text-align: center;
		font-size: 150%;
		padding: 50px 0px;
		margin: 0;
	}
	.connect_flex{
		display: flex;
		width: 860px;
		margin: 0 auto;
		justify-content: space-between;
		align-items: center;
	}
	.connect_img img{
		width: 100%;
		max-width: 325px;
		height: auto;
	}
	.connect_txt{
		font-size: 80%;
		color: #ffffff;
		line-height: 200%;
	}
	.connet_pd{
		padding-left: 4.5rem;
	}
	.sns_flex{
		display: flex;
		width: 260px;
		margin: 0 auto;
		justify-content: space-between;
		align-items: flex-end;
		padding: 50px 0px 0px;
	}
	.sns_color{
		color: #ffffff;
		font-size: 200%;
	}
/*▲▲▲▲運営CONNECT PC▲▲▲▲*/
/*▼▼▼▼フッターPC▼▼▼▼*/
	footer{
		min-width: 1000px;
	}
	.copy_right{
		min-width: 1000px;
}
/*▲▲▲▲フッターPC▲▲▲▲*/
/*▼▼▼▼PCスライドショー▼▼▼*/
	.pc_menu_sld{
		position:relative;
		width:100%;
		min-width: 1000px;
		margin: 0 auto;
	}
	.pc_menu_obi2{
		display: block;
		position:absolute;
		margin:auto auto;
		width: 100%;
		height: auto;
		top:0px;
		right:0px;
		left:0px;
		z-index: 500;
	}
	.slide_mb_pd{
		padding-top: 0px;
	}
/*▲▲▲PCスライドショー▲▲▲*/
	.ie10_only{
		display: none;
	}
@-moz-document url-prefix() {
	
}
}
@media all and (-ms-high-contrast: none){
  .muryou_sodankai_box_flex_inbox{
		width: 580px;
	}
}
/***************************************************************************************/
/***********タブレット・モバイルスタイル（共通）　Styles for screen 769px and lower***********/
/***************************************************************************************/
@media screen and (max-width: 834px) {
	.pc_only{
		display: none;
	}
	.pd_info{
		padding-top: 30px;
	}
	.mb_white_bl{
		background: #ffffff;
	}
/*▼▼▼▼ヘッダーモバイル▼▼▼▼*/
	
/*▲▲▲ヘッダーモバイル▲▲▲*/
/*▼▼▼WDCスライドショーモバイル▼▼▼*/
	.slide_mb_pd{
		padding-top: 68px;
	}
	.pc_menu_obi2{
		display: block;
		position:absolute;
		margin:auto auto;
		width: 100%;
		height: auto;
		padding: 0;
		top:0px;
		right:0px;
		left:0px;
		z-index: 500;
		box-sizing: border-box;
	}
/*▲▲▲WDCスライドショーモバイル▲▲▲*/
/*▼▼▼▼運営トップモバイル▼▼▼▼*/

/*▲▲▲▲運営トップモバイル▲▲▲▲*/
/*▼▼▼▼運営CONNECT モバイル▼▼▼▼*/
	.connect_wpr{
	padding: 80px 0px 0px;
	}
	.connect_wpr h4{
		color: #b598b7;
		text-align: center;
		font-size: 150%;
		padding: 50px 0px;
		margin: 0;
	}
	.connect_flex{
		display: block;
		width: 100%;
		max-width: 550px;
		margin: 0 auto;
		/*justify-content: space-between;
		align-items: center;*/
		padding: 0px 3%;
		box-sizing: border-box;
	}
	.connect_img{
		text-align: center;
	}
	.connect_img img{
		width: 100%;
		max-width: 325px;
		height: auto;
	}
	.connect_txt{
		font-size: 80%;
		color: #ffffff;
		line-height: 150%;
		padding: 20px 0px 0px;
	}
	.sns_flex{
		display: flex;
		width: 260px;
		margin: 0 auto;
		justify-content: space-between;
		align-items: flex-end;
		padding: 50px 0px 0px;
	}
	.sns_color{
		color: #ffffff;
		font-size: 200%;
	}
/*▲▲▲▲運営CONNECT モバイル▲▲▲▲*/
/*▼▼▼▼フッターモバイル▼▼▼▼*/
	footer{
		width: 100%;
	}
	.copy_right{
		width: 100%;
}
/*▲▲▲▲フッターモバイル▲▲▲▲*/
}
/**********************************************************************************************/
/******************タブレットスタイルのみ　Styles for screen 568px and lower******************/
/**********************************************************************************************/
@media screen and (min-width: 568px) and (max-width: 834px) {
	.sm_only{
		display: none;
	}
	.pcsm_only{
		display: none;
	}
	.esta_flex li{
		font-size: 120%;
	}
}
/*************************************************************************************/
/******************モバイルスタイル1　Styles for screen 515px and lower******************/
/*************************************************************************************/
@media only screen and (max-width : 480px) {
	.pctb_only{
		display: none;
	}
	.tb_only{
		display: none;
	}
}
/*************************************************************************/
/************モバイルスタイル2（エクスペリア・iphone5）　Smartphone*************/
/*************************************************************************/
@media only screen and (max-width : 360px) {
	
}
/*************************************************************************/
/************モバイルスタイル2（iphone5）　Smartphone*************/
/*************************************************************************/
@media only screen and (max-width : 320px) {
	
}
/*************************************************************************/
/******************フェードイン******************/
/*************************************************************************/
.fadetop1 {
    animation-name: fade-in;
    animation-duration: 3s;
	-moz-animation-duration: 3s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 3s;
      -webkit-animation-name: fade-in;
    animation-timing-function: linear;
}
@keyframes fade-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

    @-moz-keyframes fade-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
/*************************************************************************/
/******************モバイルのみ電話　PCは無効******************/
/*************************************************************************/
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media print{
	.site-header{
    position: static;
}
	.thumb-item img{
		width: 100%;
		height: auto;
	}
	.comfort_land_flex{
		display: block;
	}
	.comfort_hana_flex{
		width: 1000px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-around;
		align-items: flex-start;
		padding-bottom: 50px;
	}
	.comfort_gaikan_bk{
		width: 100%;
		margin: 0 auto;
		min-width: 1000px;
		background: linear-gradient(#ffffff 20.0%, #e6ebee 0, #e6ebee 80.0%, #ffffff 0);
	}
}