/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

		オーナーズ＠ベース用

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/****************************************************************************************************************************
		共通
****************************************************************************************************************************/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*-------------------------------------------------------------------------------------------
	初期設定
-------------------------------------------------------------------------------------------*/
html{
	margin: 0;
	padding: 0;
	width: 100%;
}

body{
	font-family:'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	font-weight:300;
	font-weight: normal;
	color: #333;
	font-size: 15px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
	background-color: #fff;
	text-align: justify;
	letter-spacing: 0.08em;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

img{
	/*width: 100%;*/
}

p{
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
	text-align: justify;
}

ul{
	margin: 0;
	padding: 0;
}

li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a{
	color: #00a0e9;
	text-decoration: none;
	/*-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all  0.5s ease;*/
}

@media screen and (min-width: 919px){
	a:hover{
		color: #00bbff;
		/*-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all  0.5s ease;*/
	}
}

input,textarea{
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	border-radius: 0;
	background-color: transparent;
	background-color: initial;
}

.w1200{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.w900{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}
img{
	max-width: 100%;
	line-height: 1em;
}

.tag_red{
	color: #ff0000;
}

@media screen and (max-width: 1220px){
	.w1200{
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width: 940px){
	.w900{
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*----------------------------------------------
	フェードイン
----------------------------------------------*/
.fadeIn{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
  opacity: 0;
}

.fadeIn.animated{
  opacity: 1;
}

/****************************************************************************************************************************
		ヘッダー
****************************************************************************************************************************/
.current-menu-item{
  border-bottom:3px solid #384f72;
}

header.owners_header{
	display: block;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
	position: fixed;
}

header.owners_header .in_head{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

header.owners_header .in_head .logo{
	width: 200px;
	margin-right: 70px;
}

header.owners_header .in_head .logo a{
	display: block;
	width: 100%;
}

header.owners_header .in_head .head_right{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex: 1;
	margin-right: 30px;
}

header.owners_header .in_head .head_right nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

header.owners_header .in_head .head_right nav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

header.owners_header .in_head .head_right nav li{
	margin: 3px 15px 3px 0px;
}

header.owners_header .in_head .head_right nav li a{
	display: inline-block;
	padding: 0px 3px;
	color: #333;
	font-weight: bold;
}

header.owners_header .in_head .head_icons{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	margin-right: 15px;
}

header.owners_header .in_head .head_icons a{
	display: inline-block;
	margin-left: 15px;
	font-size: 22px;
	padding: 0px 3px;
	color: #333;
	margin-top: -2px;
}

header.owners_header .in_head .head_icons a.mail{
	font-size: 24px;
}

header.owners_header .in_head .trigger{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
  width: 22px;
  height: 22px;
	margin-left: 0;
	margin-right: 0;
  cursor:pointer;
}

header.owners_header .in_head .trigger span{
	display: block;
  background-color: #333;
  width: 22px;
  height: 2px;
}

header.owners_header .in_head .trigger:before{
  display: block;
  content: '';
  width: 22px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:2px;
  left: 0;
  right:0;
  bottom:auto;
  margin: auto;
}

header.owners_header .in_head .trigger:after{
  display: block;
  content: '';
  width: 22px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:auto;
  left: 0;
  right:0;
  bottom:2px;
  margin: auto;
}

@media screen and (max-width: 1240px){
	header.owners_header .in_head .head_right nav li{
		margin-right: 10px;
	}
	header.owners_header .in_head .trigger{
		margin-right: 10px;
	}
}
@media screen and (max-width: 1100px){
	header.owners_header .in_head .logo{
		margin-right: 30px;
	}
	header.owners_header .in_head .head_right{
		margin-right: 15px;
	}
}
@media screen and (max-width: 920px){
	header.owners_header .in_head .logo{
		width: 170px;
	}
	header.owners_header .in_head .head_right{
		display: none;
	}
}
@media screen and (max-width: 640px){
	header.owners_header .in_head .logo{
		width: 150px;
		margin-right: 0px;
	}
	header.owners_header .in_head .head_icons{
		margin-right: 10px;
	}
	header.owners_header .in_head .head_icons a{
		margin-left: 10px;
	}
}

/****************************************************************************************************************************
		フッター
****************************************************************************************************************************/
footer{
	padding: 0 0;
  background-color: #282828;
  color: #fff;
}

footer .in_foot{
	display: block;
}

footer .in_foot .foot_bottom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 50px 0px;
}

footer .in_foot .foot_bottom .logo{
	margin-right: 50px;
}

footer .in_foot .foot_bottom .logo a{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

footer .in_foot .foot_bottom .logo address{
	display: block;
	text-align: left;
	margin-top: 15px;
	font-style:normal;
}

footer .in_foot .foot_bottom nav{
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

footer .in_foot .foot_bottom nav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

footer .in_foot .foot_bottom nav li{
	display: inline-block;
	margin-left: 30px;
}

footer .in_foot .foot_bottom nav li a{
	display: inline-block;
	padding: 5px 0px;
	color: #fff;
}

footer .in_foot p.copyright{
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 0px 0 10px;
}

@media screen and (max-width: 1150px){
	footer .in_foot .foot_bottom nav li{
		margin-left: 15px;
	}
	footer .in_foot .foot_bottom nav li a{
		padding: 3px 0px;
	}
}
@media screen and (max-width: 920px){
	footer .in_foot .foot_bottom{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		width: 100%;
		padding: 0px 0px 5px;
	}
	footer .in_foot .foot_bottom .logo{
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 0 0;
		border-top: solid 1px #fff;
		padding-top: 30px;
	}
	footer .in_foot .foot_bottom .logo a{
		display: inline-block;
	}
	footer .in_foot .foot_bottom .logo address{
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}
	footer .in_foot .foot_bottom .logo a{
		font-size: 15px;
	}
	footer .in_foot .foot_bottom .logo p{
		display: inline-block;
		text-align: left;
		font-size: 13px;
	}
	footer .in_foot .foot_bottom .logo p br{
		display: none;
	}
	footer .in_foot .foot_bottom nav{
		margin-top: 0px;
		padding: 30px 0px;
	}
	footer .in_foot .foot_bottom nav li{
		margin-left: 5px;
		margin-right: 5px;
	}
	footer .in_foot p.copyright{
		padding: 0px 0 30px;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 640px){
	footer .in_foot .foot_bottom nav{
		display: none;
	}
	footer .in_foot .foot_bottom .logo{
		border-top:none;
		padding-top: 50px;
	}
	footer .in_foot p.copyright{
		padding: 0px 0 50px;
		font-style: 10px;
		color: #aaa;
	}
}





/****************************************************************************************************************************
		コンテンツ
****************************************************************************************************************************/
main{
	padding-bottom: 80px;
	padding-top: 80px;
}

@media screen and (max-width: 920px){
	main{
		padding-bottom: 50px;
	}
}
@media screen and (max-width: 640px){
	main{
		padding-bottom: 30px;
	}
}


/****************************************************************************************************************************
	ボタン類
****************************************************************************************************************************/
.btnBlocks{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.btnBlocks .btnArea{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.btnBlocks .btnArea a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 220px;
	font-size: 16px;
	letter-spacing: 0.12em;
	padding: 12px 30px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.btnBlocks .btnArea a span{
}

@media screen and (min-width: 919px){
	.btnBlocks .btnArea a:hover{
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0.5;
	}
}


/****************************************************************************************************************************
	柔軟コンテンツ
****************************************************************************************************************************/
section.contsBody{
}

section.contsBody .loop{
}

/****************************************************************************************************************************
	セッティング@柔軟コンテンツ
****************************************************************************************************************************/
/*--------------------------------------------------
	上部マージン
--------------------------------------------------*/
section.contsBody .loop.margin-t80{
	margin-top: 80px;
}
section.contsBody .loop.margin-t50{
	margin-top: 50px;
}
section.contsBody .loop.margin-t30{
	margin-top: 30px;
}
section.contsBody .loop.margin-t10{
	margin-top: 10px;
}

@media screen and (max-width: 920px){
	section.contsBody .loop.margin-t80{
		margin-top: 50px;
	}
	section.contsBody .loop.margin-t50{
		margin-top: 30px;
	}
	section.contsBody .loop.margin-t30{
		margin-top: 20px;
	}
}
@media screen and (max-width: 640px){
	section.contsBody .loop.margin-t80{
		margin-top: 30px;
	}
	section.contsBody .loop.margin-t50{
		margin-top: 20px;
	}
	section.contsBody .loop.margin-t30{
		margin-top: 20px;
	}
}


/*--------------------------------------------------
	位置
--------------------------------------------------*/
section.contsBody .pe{
}

section.contsBody .pe .ch{
	display: inline-block;
}

section.contsBody .loop.l-l .pe{
	text-align: left;
}
section.contsBody .loop.l-l .pe .ch{
	text-align: left;
}

section.contsBody .loop.l-c .pe{
	text-align: center;

}
section.contsBody .loop.l-c .pe .ch{
	text-align: left;
}

section.contsBody .loop.c-c .pe{
	text-align: center;
}
section.contsBody .loop.c-c .pe .ch{
	text-align: center;
}

section.contsBody .loop.r-r .pe{
	text-align: right;
}
section.contsBody .loop.r-r .pe .ch{
	text-align: right;
}


/****************************************************************************************************************************
	メインタイトル@柔軟コンテンツ
****************************************************************************************************************************/
.loop.main_title{
}

.loop.main_title .in_loop{
}

.loop.main_title .in_loop .titles{
	font-size: 25px;
	color: #333;
	line-height: 1.5em;
}

/* 黄色のフラグ */
.loop.l-l.main_title.color_flag .in_loop{
}
.loop.l-l.main_title.color_flag .in_loop .titles{
	position: relative;
	padding-left: 15px;
}
.loop.l-l.main_title.color_flag .in_loop .titles:before{
	content: '';
	display: block;
	width: 5px;
	height: 80%;
	position: absolute;
	top:0;
	left: 0;
	right:auto;
	bottom:-2px;
	margin: auto;
	background-color: #ffe300;
}

@media screen and (max-width: 640px){
	.loop.main_title .in_loop .titles{
		font-size: 20px;
	}
}

/****************************************************************************************************************************
	サブタイトル@柔軟コンテンツ
****************************************************************************************************************************/
.loop.sub_title{
}

.loop.sub_title .in_loop{
}

.loop.sub_title .in_loop .titles{
	font-size: 20px;
	color: #333;
	line-height: 1.7em;
}

/* 黄色のフラグ */
.loop.l-l.sub_title.color_flag .in_loop{
}
.loop.l-l.sub_title.color_flag .in_loop .titles{
	position: relative;
	padding-left: 15px;
}
.loop.l-l.sub_title.color_flag .in_loop .titles:before{
	content: '';
	display: block;
	width: 5px;
	height: 80%;
	position: absolute;
	top:0;
	left: 0;
	right:auto;
	bottom:-2px;
	margin: auto;
	background-color: #ffe300;
}

@media screen and (max-width: 640px){
	.loop.sub_title .in_loop .titles{
		font-size: 18px;
		line-height: 1.5em;
	}
	.loop.l-l.sub_title.color_flag .in_loop .titles{
		padding-left: 10px;
	}
}

/****************************************************************************************************************************
	説明文@柔軟コンテンツ
****************************************************************************************************************************/
.loop.textArea{
}

.loop.textArea .in_loop{
}

.loop.textArea .in_loop .textBody{
	color: #333;
	line-height: 1.9em;
}

.loop.textArea .in_loop .textBody a{
	text-decoration: underline;
}


/****************************************************************************************************************************
	画像横並び表@柔軟コンテンツ
****************************************************************************************************************************/
.loop.img_list{
}

.loop.img_list ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.loop.img_list li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-top: 30px;
}

.loop.img_list li .a{
	display: block;
	width: 100%;
	font-size: 15px;
	color: #333;
}

.loop.img_list li a{
	display: block;
	width: 100%;
	font-size: 15px;
	color: #333;
}

/* そのままの場合 */
.loop.img_list li .imgArea{
	display: block;
	width: 100%;
	text-align: center;
}

.loop.img_list li .imgArea img{
	display: inline-block;
	width: auto;
	max-width: 100%;
}

/* fitの場合 */
.loop.img_list.fit li .imgArea{
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.loop.img_list li .textArea{
	display: block;
	width: 100%;
	padding-top: 5px;
	line-height: 1.9em;
}

@media screen and (min-width: 919px){
	.loop.img_list li a:hover{
		opacity: 0.5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
}

@media screen and (max-width: 500px){
	.loop.img_list li{
		margin-top: 20px;
	}
}

/*------------------------------------------------------
	2カラム
------------------------------------------------------*/
.loop.img_list.col2{
}

.loop.img_list.col2 li{
	width: 49%;
	margin-right: 2%;
}

.loop.img_list.col2 li:nth-child(2n+2){
	margin-right: 0;
}
.loop.img_list.col2 li:nth-child(1){
	margin-top: 0;
}
.loop.img_list.col2 li:nth-child(2){
	margin-top: 0;
}

/* fitの場合 */
.loop.img_list.fit.col2 li .imgArea{
	height: 350px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 920px){
	.loop.img_list.fit.col2 li .imgArea{
		height: 280px;
	}
}
@media screen and (max-width: 500px){
	.loop.img_list.fit.col2 li .imgArea{
		height: 230px;
	}
}
@media screen and (max-width: 400px){
	.loop.img_list.fit.col2 li .imgArea{
		height: 200px;
	}
}

/*------------------------------------------------------
	3カラム
------------------------------------------------------*/
.loop.img_list.col3{
}

.loop.img_list.col3 li{
	width: 32%;
	margin-right: 2%;
}

.loop.img_list.col3 li:nth-child(3n+3){
	margin-right: 0;
}
.loop.img_list.col3 li:nth-child(1){
	margin-top: 0;
}
.loop.img_list.col3 li:nth-child(2){
	margin-top: 0;
}
.loop.img_list.col3 li:nth-child(3){
	margin-top: 0;
}

/* fitの場合 */
.loop.img_list.fit.col3 li .imgArea{
	height: 280px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 920px){
	.loop.img_list.col3 li{
		width: 49%;
		margin-right: 2%;
	}
	.loop.img_list.col3 li:nth-child(3n+3){
		margin-right: 2%;
	}
	.loop.img_list.col3 li:nth-child(2n+2){
		margin-right: 0;
	}
	.loop.img_list.col3 li:nth-child(1){
		margin-top: 0;
	}
	.loop.img_list.col3 li:nth-child(2){
		margin-top: 0;
	}
	.loop.img_list.col3 li:nth-child(3){
		margin-top: 30px;
	}
}
@media screen and (max-width: 500px){
	.loop.img_list.fit.col3 li .imgArea{
		height: 230px;
	}
	.loop.img_list.col3 li:nth-child(3){
		margin-top: 20px;
	}
}
@media screen and (max-width: 400px){
	.loop.img_list.fit.col3 li .imgArea{
		height: 200px;
	}
}

/*------------------------------------------------------
	4カラム
------------------------------------------------------*/
.loop.img_list.col4{
}

.loop.img_list.col4 li{
	width: 23.5%;
	margin-right: 2%;
}

.loop.img_list.col4 li:nth-child(4n+4){
	margin-right: 0;
}
.loop.img_list.col4 li:nth-child(1){
	margin-top: 0;
}
.loop.img_list.col4 li:nth-child(2){
	margin-top: 0;
}
.loop.img_list.col4 li:nth-child(3){
	margin-top: 0;
}
.loop.img_list.col4 li:nth-child(4){
	margin-top: 0;
}

/* fitの場合 */
.loop.img_list.fit.col4 li .imgArea{
	height: 280px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1100px){
	.loop.img_list.col4 li{
		width: 49%;
		margin-right: 2%;
	}
	.loop.img_list.col4 li:nth-child(4n+4){
		margin-right: 2%;
	}
	.loop.img_list.col4 li:nth-child(2n+2){
		margin-right: 0;
	}
	.loop.img_list.col4 li:nth-child(1){
		margin-top: 0;
	}
	.loop.img_list.col4 li:nth-child(2){
		margin-top: 0;
	}
	.loop.img_list.col4 li:nth-child(3){
		margin-top: 30px;
	}
	.loop.img_list.col4 li:nth-child(4){
		margin-top: 30px;
	}
}
@media screen and (max-width: 500px){
	.loop.img_list.fit.col4 li .imgArea{
		height: 230px;
	}
	.loop.img_list.col4 li:nth-child(3){
		margin-top: 20px;
	}
	.loop.img_list.col4 li:nth-child(4){
		margin-top: 20px;
	}
}
@media screen and (max-width: 400px){
	.loop.img_list.fit.col4 li .imgArea{
		height: 200px;
	}
}

/****************************************************************************************************************************
	左画像+右テキスト@柔軟コンテンツ
****************************************************************************************************************************/
.loop.img_text{
}

.loop.img_text ul{
}

.loop.img_text li{
	margin-top: 30px;
}

.loop.img_text li:nth-child(1){
	margin-top: 0px;
}

.loop.img_text li .li_in{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* 位置 */
.loop.img_text.po_t li .li_in{
}
.loop.img_text.po_c li .li_in{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* カラム幅 */
.loop.img_text.ratio1 li .li_in .imgArea{
	width: 20%;
}
.loop.img_text.ratio2 li .li_in .imgArea{
	width: 30%;
}
.loop.img_text.ratio3 li .li_in .imgArea{
	width: 40%;
}
.loop.img_text.ratio4 li .li_in .imgArea{
	width: 50%;
}

/* そのままの場合 */
.loop.img_text li .li_in .imgArea{
	margin-right: 50px;
}

.loop.img_text li .li_in .imgArea img{
	display: block;
	width: 100%;
}

/* リバース */
.loop.img_text.reverse li .li_in{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.loop.img_text.reverse li .li_in .imgArea{
	margin-right: 0px;
	margin-left: 50px;
}

/* fitの場合 */
.loop.img_text.fit li .li_in .imgArea{
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.loop.img_text.fit.ratio1 li .li_in .imgArea{
	height: 300px;
}
.loop.img_text.fit.ratio2 li .li_in .imgArea{
	height: 280px;
}
.loop.img_text.fit.ratio3 li .li_in .imgArea{
	height: 240px;
}
.loop.img_text.fit.ratio4 li .li_in .imgArea{
	height: 220px;
}

.loop.img_text li .li_in .textArea{
	flex: 1;
	line-height: 1.9em;
}

.loop.img_text li .li_in .textArea a{
	text-decoration: underline;
}

@media screen and (max-width: 1280px){
	/* カラム幅 */
	.loop.img_text.ratio4 li .li_in .imgArea{
		width: 40%;
	}
}
@media screen and (max-width: 1100px){
	/* カラム幅 */
	.loop.img_text.ratio1 li .li_in .imgArea{
		width: 30%;
	}
}
@media screen and (max-width: 920px){
	/* そのままの場合 */
	.loop.img_text li .li_in .imgArea{
		margin-right: 30px;
	}
	/* リバース */
	.loop.img_text.reverse li .li_in .imgArea{
		margin-right: 0px;
		margin-left: 30px;
	}
	/* カラム幅 */
	.loop.img_text.ratio3 li .li_in .imgArea{
		width: 30%;
	}
	.loop.img_text.ratio4 li .li_in .imgArea{
		width: 30%;
	}
}
@media screen and (max-width: 850px){
	/* カラム幅 */
	.loop.img_text.ratio1 li .li_in .imgArea{
		width: 40%;
	}
	.loop.img_text.ratio2 li .li_in .imgArea{
		width: 40%;
	}
	.loop.img_text.ratio3 li .li_in .imgArea{
		width: 40%;
	}
	.loop.img_text.ratio4 li .li_in .imgArea{
		width: 40%;
	}
}
@media screen and (max-width: 750px){
	.loop.img_text li .li_in{
		display: block;
	}
	.loop.img_text li .li_in .imgArea{
		width: 100%;
	}
	.loop.img_text li .li_in .textArea{
		width: 100%;
		margin-top: 10px;
	}
	/* そのままの場合 */
	.loop.img_text li .li_in .imgArea{
		margin-right: 0px;
	}
	/* リバース */
	.loop.img_text.reverse li .li_in{
		display: block;
	}
	.loop.img_text.reverse li .li_in .imgArea{
		margin-right: 0px;
		margin-left: 0px;
	}
	/* フィット */
	.loop.img_text.fit li .li_in .imgArea{
		width: 100%;
	}
	/* カラム幅 */
	.loop.img_text.ratio1 li .li_in .imgArea{
		width: 60%;
	}
	.loop.img_text.ratio2 li .li_in .imgArea{
		width: 60%;
	}
	.loop.img_text.ratio3 li .li_in .imgArea{
		width: 60%;
	}
	.loop.img_text.ratio4 li .li_in .imgArea{
		width: 60%;
	}
}
@media screen and (max-width: 640px){
	/* そのままの場合 */
	.loop.img_text li .li_in .imgArea{
		margin-right: 0px;
	}
	/* リバース */
	.loop.img_text.reverse li .li_in .imgArea{
		margin-right: 0px;
		margin-left: 0px;
	}
}
@media screen and (max-width: 500px){
	.loop.img_text li{
		margin-top: 20px;
	}
	/* フィット */
	.loop.img_text.fit.ratio1 li .li_in .imgArea{
		height: 230px;
	}
	.loop.img_text.fit.ratio2 li .li_in .imgArea{
		height: 230px;
	}
	.loop.img_text.fit.ratio3 li .li_in .imgArea{
		height: 230px;
	}
	.loop.img_text.fit.ratio4 li .li_in .imgArea{
		height: 230px;
	}
	/* カラム幅 */
	.loop.img_text.ratio1 li .li_in .imgArea{
		width: 100%;
	}
	.loop.img_text.ratio2 li .li_in .imgArea{
		width: 100%;
	}
	.loop.img_text.ratio3 li .li_in .imgArea{
		width: 100%;
	}
	.loop.img_text.ratio4 li .li_in .imgArea{
		width: 100%;
	}
}
@media screen and (max-width: 400px){
	/* フィット */
	.loop.img_text.fit.ratio1 li .li_in .imgArea{
		height: 200px;
	}
	.loop.img_text.fit.ratio2 li .li_in .imgArea{
		height: 200px;
	}
	.loop.img_text.fit.ratio3 li .li_in .imgArea{
		height: 200px;
	}
	.loop.img_text.fit.ratio4 li .li_in .imgArea{
		height: 200px;
	}
}

/****************************************************************************************************************************
	複数カラムテキスト
****************************************************************************************************************************/
.loop.text_col{
}

.loop.text_col ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.loop.text_col li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-top: 30px;
}

/* カラム数 */
.loop.text_col.col2 li{
	width: 49%;
	margin-right: 2%;
}
.loop.text_col.col2 li:nth-child(2n+2){
	margin-right: 0;
}
.loop.text_col.col2 li:nth-child(1){
	margin-top: 0;
}
.loop.text_col.col2 li:nth-child(2){
	margin-top: 0;
}

.loop.text_col.col3 li{
	width: 32%;
	margin-right: 2%;
}
.loop.text_col.col3 li:nth-child(3n+3){
	margin-right: 0;
}
.loop.text_col.col3 li:nth-child(1){
	margin-top: 0;
}
.loop.text_col.col3 li:nth-child(2){
	margin-top: 0;
}
.loop.text_col.col3 li:nth-child(3){
	margin-top: 0;
}

.loop.text_col.col4 li{
	width: 23.5%;
	margin-right: 2%;
}
.loop.text_col.col4 li:nth-child(4n+4){
	margin-right: 0;
}
.loop.text_col.col4 li:nth-child(1){
	margin-top: 0;
}
.loop.text_col.col4 li:nth-child(2){
	margin-top: 0;
}
.loop.text_col.col4 li:nth-child(3){
	margin-top: 0;
}
.loop.text_col.col4 li:nth-child(4){
	margin-top: 0;
}

/* 位置 */
.loop.text_col.po_c li{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* 囲むかどうか */
.loop.text_col.border_none li{
	padding: 20px;
}
.loop.text_col.border_on li{
	padding: 20px;
	border: solid 1px #ccc;
}

.loop.text_col li .li_in{
	width: 100%;
}

.loop.text_col li .li_in .titleArea{
	text-align: left;
	font-size: 16px;
	margin-bottom: 15px;
}

.loop.text_col li .li_in .titleArea span{
	text-align: left;
	display: inline-block;
}

/* タイトル位置 */
.loop.text_col li .li_in .titleArea.center{
	text-align: center;
}

.loop.text_col li .li_in .titleArea.center span{
	text-align: left;
}

.loop.text_col li .li_in .textArea{
	line-height: 1.9em;
}

.loop.text_col li .li_in .textArea iframe{
	width: 100%!important;
}

@media screen and (max-width: 1050px){
	.loop.text_col.col4 li{
		width: 49%;
		margin-right: 2%;
	}
	.loop.text_col.col4 li:nth-child(4n+4){
		margin-right: 2%;
	}
	.loop.text_col.col4 li:nth-child(2n+2){
		margin-right: 0;
	}
	.loop.text_col.col4 li:nth-child(1){
		margin-top: 0;
	}
	.loop.text_col.col4 li:nth-child(2){
		margin-top: 0;
	}
	.loop.text_col.col4 li:nth-child(3){
		margin-top: 30px;
	}
	.loop.text_col.col4 li:nth-child(4){
		margin-top: 30px;
	}
}
@media screen and (max-width: 920px){
	.loop.text_col li{
		margin-top: 20px;
	}
	.loop.text_col.col4 li:nth-child(3){
		margin-top: 20px;
	}
	.loop.text_col.col4 li:nth-child(4){
		margin-top: 20px;
	}
}
@media screen and (max-width: 750px){
	.loop.text_col.col3 li{
		width: 49%;
		margin-right: 2%;
	}
	.loop.text_col.col3 li:nth-child(3n+3){
		margin-right: 2%;
	}
	.loop.text_col.col3 li:nth-child(2n+2){
		margin-right: 0;
	}
	.loop.text_col.col3 li:nth-child(1){
		margin-top: 0;
	}
	.loop.text_col.col3 li:nth-child(2){
		margin-top: 0;
	}
	.loop.text_col.col3 li:nth-child(3){
		margin-top: 20px;
	}
}
@media screen and (max-width: 640px){
	.loop.text_col li{
		margin-top: 10px;
	}
	.loop.text_col.col4 li:nth-child(3){
		margin-top: 10px;
	}
	.loop.text_col.col4 li:nth-child(4){
		margin-top: 10px;
	}
	.loop.text_col.col3 li:nth-child(3){
		margin-top: 10px;
	}
	.loop.text_col.border_none li{
		padding: 10px;
	}
	.loop.text_col li .li_in .titleArea{
		margin-bottom: 10px;
	}
	/* 囲むかどうか */
	.loop.text_col.border_none li{
		padding: 10px;
	}
	.loop.text_col.border_on li{
		padding: 10px;
	}
}

/****************************************************************************************************************************
	リスト
****************************************************************************************************************************/
.loop.data_list{
}

.loop.data_list ul{
}

.loop.data_list li{
	display: block;
	width: 100%;
}

.loop.data_list li .li_in{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.loop.data_list li .li_in .box{
	padding-top: 15px;
	padding-bottom: 15px;
}

.loop.data_list li .li_in .box .textArea{
	line-height: 1.9em;
}

.loop.data_list li .li_in .box .textArea a{
	text-decoration: underline;
}

.loop.data_list li .li_in .box .textArea iframe{
	width: 100%!important;
}

/* 位置 */
.loop.data_list.po_c li .li_in .box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/*-------------------------------
	線で囲む
-------------------------------*/
/* 横線 */
.loop.data_list.border1 li{
	border-bottom:solid 1px #333;
}
.loop.data_list.border1 li:nth-child(1){
	border-top:solid 1px #333;
}
.loop.data_list.border1 li .li_in .list_col2{
	padding-left: 20px;
}
.loop.data_list.border1 li .li_in .list_col3{
	padding-left: 20px;
}

/* 線(囲み) */
.loop.data_list.border2 li{
	border-bottom:solid 1px #333;
	border-left:solid 1px #333;
	border-right:solid 1px #333;
}
.loop.data_list.border2 li:nth-child(1){
	border-top:solid 1px #333;
}
.loop.data_list.border2 li .li_in .list_col1{
	padding-left: 20px;
	padding-right: 20px;
}
.loop.data_list.border2 li .li_in .list_col2{
	padding-left: 20px;
	padding-right: 20px;
	border-left:solid 1px #333;
}
.loop.data_list.border2 li .li_in .list_col3{
	padding-left: 20px;
	padding-right: 20px;
	border-left:solid 1px #333;
}

/* 横点線 */
.loop.data_list.border3 li{
	border-bottom:dashed 1px #333;
}
.loop.data_list.border3 li:nth-child(1){
	border-top:dashed 1px #333;
}
.loop.data_list.border3 li .li_in .list_col2{
	padding-left: 20px;
}
.loop.data_list.border3 li .li_in .list_col3{
	padding-left: 20px;
}

/* 横点線(囲み) */
.loop.data_list.border4 li{
	border-bottom:solid 1px #333;
	border-left:solid 1px #333;
	border-right:solid 1px #333;
}
.loop.data_list.border4 li:nth-child(1){
	border-top:solid 1px #333;
}
.loop.data_list.border4 li .li_in .list_col1{
	padding-left: 20px;
	padding-right: 20px;
}
.loop.data_list.border4 li .li_in .list_col2{
	padding-left: 20px;
	padding-right: 20px;
	border-left:dashed 1px #333;
}
.loop.data_list.border4 li .li_in .list_col3{
	padding-left: 20px;
	padding-right: 20px;
	border-left:dashed 1px #333;
}

/*-------------------------------
	PDF部分
-------------------------------*/
.loop.data_list li .li_in .pdfArea{
}

.loop.data_list li .li_in .pdfArea a{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2px 5px;
	text-align: left;
}

.loop.data_list li .li_in .pdfArea span.icon{
	font-size: 30px;
	position: relative;
	top:-2px;
	margin-right:8px;
}

.loop.data_list li .li_in .pdfArea span.title{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

@media screen and (min-width: 919px){
	.loop.data_list li .li_in .pdfArea a:hover{
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0.5;
	}
}

@media screen and (max-width: 920px){
	.loop.data_list li .li_in .box{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	/*-------------------------------
		線で囲む
	-------------------------------*/
	/* 横線 */
	.loop.data_list.border1 li .li_in .list_col2{
		padding-left: 10px;
	}
	.loop.data_list.border1 li .li_in .list_col3{
		padding-left: 10px;
	}
	/* 線(囲み) */
	.loop.data_list.border2 li .li_in .list_col1{
		padding-left: 10px;
		padding-right: 10px;
	}
	.loop.data_list.border2 li .li_in .list_col2{
		padding-left: 10px;
		padding-right: 10px;
	}
	.loop.data_list.border2 li .li_in .list_col3{
		padding-left: 10px;
		padding-right: 10px;
	}
	/* 横点線 */
	.loop.data_list.border3 li .li_in .list_col2{
		padding-left: 10px;
	}
	.loop.data_list.border3 li .li_in .list_col3{
		padding-left: 10px;
	}
	/* 横点線(囲み) */
	.loop.data_list.border4 li .li_in .list_col1{
		padding-left: 10px;
		padding-right: 10px;
	}
	.loop.data_list.border4 li .li_in .list_col2{
		padding-left: 10px;
		padding-right: 10px;
	}
	.loop.data_list.border4 li .li_in .list_col3{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 750px){
	.loop.data_list li .li_in{
		display: block;
	}
	.loop.data_list li .li_in .box{
		padding-top: 0px;
		padding-bottom: 0px;
		width: 100%!important;
	}
	.loop.data_list.po_c li .li_in .box{
		display: block;
		width: 100%!important;
	}
	/*-------------------------------
		線で囲む
	-------------------------------*/
	/* 横線 */
	.loop.data_list.border1 li .li_in .list_col1{
		padding-left: 0px;
		padding-right: 0px;
	}
	.loop.data_list.border1 li .li_in .list_col2{
		padding-left: 0px;
		padding-right: 0px;
	}
	.loop.data_list.border1 li .li_in .list_col3{
		padding-left: 0px;
		padding-right: 0px;
	}
	.loop.data_list.border1 li{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	/* 線(囲み) */
	.loop.data_list.border2 li .li_in .box{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.loop.data_list.border2 li .li_in .list_col1{
		padding-left: 10px;
		padding-right: 10px;
	}
	.loop.data_list.border2 li .li_in .list_col2{
		padding-left: 10px;
		padding-right: 10px;
		border: none;
		border-top: dashed 1px #333;
	}
	.loop.data_list.border2 li .li_in .list_col3{
		padding-left: 10px;
		padding-right: 10px;
		border: none;
		border-top: dashed 1px #333;
	}
	.loop.data_list.border2 li{
		border: none;
		border-left: solid 1px #333;
		border-right: solid 1px #333;
		border-bottom: solid 1px #333;
	}
	.loop.data_list.border2 li:nth-child(1){
		border: none;
		border-top: solid 1px #333;
		border-left: solid 1px #333;
		border-right: solid 1px #333;
		border-bottom: solid 1px #333;
	}
	/* 横点線 */
	.loop.data_list.border3 li{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.loop.data_list.border3 li .li_in .list_col2{
		padding-left: 0px;
		padding-right: 0px;
	}
	.loop.data_list.border3 li .li_in .list_col3{
		padding-left: 0px;
		padding-right: 0px;
	}
	/* 横点線(囲み) */
	.loop.data_list.border4 li .li_in .box{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.loop.data_list.border4 li .li_in .list_col1{
		padding-left: 10px;
		padding-right: 10px;
	}
	.loop.data_list.border4 li .li_in .list_col2{
		padding-left: 10px;
		padding-right: 10px;
		border: none;
		border-top: dashed 1px #333;
	}
	.loop.data_list.border4 li .li_in .list_col3{
		padding-left: 10px;
		padding-right: 10px;
		border: none;
		border-top: dashed 1px #333;
	}
	.loop.data_list.border4 li{
		border: none;
		border-left: solid 1px #333;
		border-right: solid 1px #333;
		border-bottom: solid 1px #333;
	}
	.loop.data_list.border4 li:nth-child(1){
		border: none;
		border-top: solid 1px #333;
		border-left: solid 1px #333;
		border-right: solid 1px #333;
		border-bottom: solid 1px #333;
	}
}

/****************************************************************************************************************************
	ボタン
****************************************************************************************************************************/
.loop.btnBlocks{
}

.loop.btnBlocks .btnArea{
}

.loop.btnBlocks .btnArea a{
}

.loop.btnBlocks .btnArea a span{
	display: inline-block;
	text-align: left;
}










/****************************************************************************************************************************

****************************************************************************************************************************/