/*  header  */
#header{
	width:100%;
}
.head-title-wrap {
	background:#619143;
}
.logo-wrap img{
	width: 340px;
	height: 80px;
}
.head-title-wrap .head-title {
	font-size:10px;
	color:#fff;
	padding:4px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.head-content{
	min-height:50px;/*--構築時カット--*/
}
.head-sub-navi .right-wrap a:first-child {
	margin-right:10px;
}
.head-sub-navi .tel-wrap {
    margin-left: 40px;
}
@media screen and (max-width:650px){
	.head-title-wrap {
		margin-bottom:5px;
	}
	.head-title-wrap .head-title {
		padding:0px 0;
	}
}
/* ボタン */
.btn01 {
	color:#ffffff;
	background:#F27E00;
	font-size:12px;
	font-weight:bold;
	width:170px;
	text-align:center;
	padding:10px 0;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.3s;
}
.btn01 img {
	padding-right:5px;
	font-size:12px;
	position:relative;
	top:1px;
	transition:0.3s;
}
.btn01:hover,.btn02:hover{
	opacity: 0.7;
}
.btn01:hover i {
	color:#fff;
}
.btn02 {
	color:#ffffff;
	background:#0ac600;
	font-size:12px;
	font-weight:bold;
	width:170px;
	text-align:center;
	padding:10px 0;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.3s;
}
.btn02 img {
	left: -15px;
	font-size:12px;
	position:relative;
	top:1px;
	transition:0.3s;
}
.btn03 {
	color:#ffffff;
	background:#D3C176;
	font-size:17px;
	font-weight:bold;
	width:215px;
	text-align:center;
	padding:10px 30px;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.3s;
	margin-top: 30px;
	height: 45px;
}
.btn03 img {
	padding-right:5px;
	font-size:12px;
	position:relative;
	top:1px;
	transition:0.3s;
}
.btn03:hover,.btn04:hover,.btn05:hover,.btn06:hover,.btn07:hover{
	color:#D3C176;
	background:#ffffff;
	border: 1px solid #D3C176;
}
.btn04 {
	position: absolute;
	top: 56%;
	color:#D3C176;
	background:#ffffff;
	font-size:17px;
	font-weight:bold;
	width:280px;
	text-align:center;
	padding:10px 30px;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.3s;
}
.btn05 {
	color:#ffffff;
	background:#D3C176;
	font-size:17px;
	font-weight:bold;
	width:305px;
	text-align:center;
	padding:10px 30px;
	display:flex;
	align-items:center;
	justify-content:center;
	height: 45px;
	transition:0.3s;
}
.btn06 {
	color:#ffffff;
	background:#D3C176;
	font-size:17px;
	font-weight:bold;
	width:520px;
	text-align:center;
	padding:10px 30px;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.3s;
	height: 45px;
}
.btn07 {
	color:#ffffff;
	background:#D3C176;
	font-size:17px;
	font-weight:bold;
	width:370px;
	text-align:center;
	padding:10px 30px;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.3s;
	border: 1px solid #D3C176;
}
@media screen and (max-width:650px){
	.navi-sp-content .btn01,.navi-sp-content .btn02 {
		width:auto;
		font-size:10px;
		padding:0 5px;
		flex-direction:column;
		height:45px;
		margin-right:5px;
		line-height:1em;
	}
	.navi-sp-content .btn01 span,.navi-sp-content .btn02 span {
		font-size:10px;
	}
	.btn04 {
		position: absolute;
		top: 54%;
		font-size:14px;
		width:180px;
		padding:5px 15px;
	}
	.btn05 {
		font-size:14px;
		width:305px;
		text-align:center;
		padding:10px 30px;
		display:flex;
		align-items:center;
		justify-content:center;
		transition:0.3s;
		margin-bottom: 20px;
	}
	.btn06 {
		color:#ffffff;
		font-size:12px;
		width:99%;
		padding:10px 10px;

	}
}
/*----------------------------------------------------
	共通CSS
----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	color:#333333;
	text-decoration:none;
	box-sizing:border-box;
}
img{
	max-width: 100%;
	height:auto;
	width:auto;
	border:none;
}
img,iframe{
	vertical-align: bottom;
}
ul, ol {
	list-style: none;
}
html {
	/*font-family: "Fenix",serif;*/
	overflow-x:hidden;
}
body{
	min-width:1080px;/*背景が消えるバグ防止*/
	background-color:#FFF;
	font-family:"dnp-shuei-gothic-gin-std","Shuei KakuGo Gothic Pro",sans-serif;
}
.mywidth{
	width:1080px;
	margin:auto;
}
.mywidth02{
	width:750px;
	margin:auto;
}

#header{
	width:100%;
	margin:auto;
	padding-bottom: 25px;
}
.head-content{
	background-color:#354;
}
.foot-content{

}
#footer{
	width:100%;
}
#scroll-top a {
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-bottom-left-radius : 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	background: #0AC600;
	writing-mode: vertical-rl;
	color: #ffffff;
	font-size: 28px;
	bottom: 240px;
	display: block;
	float: right;
	text-align: center;
	height: 345px;
	padding: 15px;
	position: fixed;
	right: 0;
	width: 74px;
	z-index: 999;
}
#scroll-top a:hover{
	opacity:0.7;
}
#main-wrapp{
	background-color:#fff;
	overflow:hidden;
}
#side{
	padding:80px 0px 0;
	width:300px;
	float:right;
}
#side .widget{
  margin-bottom:20px;
}
.widget h4.widgettitle {
    font-size: 14px;
    padding: 15px 10px;
    background:#619143;
    color: #ffffff;
}
.widget ul li {
    list-style: none;
    border-bottom: 1px solid #619143;
    position: relative;
}
.widget ul li a {
    font-size: 14px;
    display: block;
    text-decoration: none;
    padding: 15px;
    position:relative;
}
.widget ul li a:hover {
    opacity: 0.7;
}

.widget ul li a:after {
	content:"\f054";
	font-family:"FontAwesome";
	position:absolute;
	right:10px;
	color: #619143;
}
#sidebar1 .widget ul li  {
	margin-bottom:10px;
}
#sidebar1 .widget ul li a {
	background:#ffffff;

}


.widget .acd-btn {
    font-size: 14px;
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 15px;
    position:relative;
}
.pagenation{
	text-align: center;
	margin-top: 2em;
}
ul.page-numbers{
	display: flex;
	flex-direction: row;
	justify-content:center;
}
ul.page-numbers > li 	{
	margin-left: 0.25em;
	line-height: 1;
	padding: 0.25em 0.2em;
	border-radius: 0.2em;
}
ul.page-numbers > li > a.page-numbers, ul.page-numbers > li > span.page-numbers.current{
	display: inline-flex;
	line-height: 1;
	padding: 0.25em 0.5em;
	border-radius: 0.2em;
	font-size: 15px;
}
ul.page-numbers > li > a.next.page-numbers,ul.page-numbers > li > a.prev.page-numbers{
	display:none;
}
ul.page-numbers > li > a:hover{
	opacity: 0.7;
}
.nav-links .current	{
	color: #FFF;
	background-color: #CCC;
}
@media screen and (max-width:650px){
	#side{
		width:100%;
		float:auto;
		padding:30px 0px 0;
	}

}
#main{
}
#main .contents{
	
}
/*----------------------------------------
title
----------------------------------------*/

.content-title01 {
	font-size:28px;
	text-align:center;
	margin-bottom:60px;
}
.content-title01 span {
	font-size:22px;
	font-weight:bold;
}
.content-title01 img {
	font-size:30px;
	padding-right:50px;
	position:relative;
	top:3px;
}
.content-title02 {
	font-size:25px;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	border-bottom:1px solid;
	padding-bottom:10px;
}
.content-title02 span {
	font-size:25px;
	font-weight:bold;
}

.content-title03 {
	font-size:21px;
	font-weight:bold;
	margin-bottom:20px;
	border-left:5px solid;
	padding-left:5px;
	line-height:1.2em;
}
.content-title03 span {
	font-size:21px;
	font-weight:bold;
	line-height:1.2em;
}
.content-title04 {
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid;
	line-height:1.2em;
}
.content-title04 span {
	font-size:20px;
	font-weight:bold;
	line-height:1.2em;
}
.content-title05 {
	background:#ECECEC;
	border-left:5px solid;
	border-right:5px solid;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	padding:10px;
	margin-bottom:30px;
	line-height:1.2em;
	box-shadow:0px 2px 0px 0px #A8A8A8;
}
.content-title05 span {
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
}
.content-title06 {
  font-size: 25px;
  text-align: center;
  padding: 15px;
  border-bottom: 1px solid;
  border-top: 1px solid;
  margin-bottom: 60px;
  font-weight: bold;
}
.content-title06 span {
  font-size: 25px;
}
@media screen and (max-width:650px){
	.content-title01,.content-title01 span {
		font-size:20px;
		margin-bottom: 30px;
	}
	.content-title01 img {
		width: 35px;
		padding-right:10px;
		position:relative;
		top:3px;
	}
	.content-title02 {
		font-size:22px;
		padding-bottom:5px;
	}
	.content-title02 span {
		font-size:22px;
	}
	.content-title03,.content-title03 span {
		font-size:18px;
	}
	.content-title04,.content-title04 span {
		font-size:16px;
	}
	.content-title05,.content-title05 span {
		font-size:16px;
	}
	.content-title06,.content-title06 span {
		font-size:18px;
	}
	.content-sub-title01 {
		font-size:18px;
	}
}
/*----------------------------------------
font
----------------------------------------*/
.font_01{
	font-family: dnp-shuei-mincho-pr6, sans-serif;

}
.font_02{
	font-family:"dnp-shuei-gothic-gin-std","Shuei KakuGo Gothic Pro",sans-serif;
}
.font_03{
	font-family:"小塚ゴシック Pr6N",sans-serif;
	font-weight: bold;
}


/*----------------------------------------
ポジション汎用
----------------------------------------*/
.relative{
	position:relative;
}
/*----------------------------------------
角丸汎用
----------------------------------------*/
.maru3{
	border-radius: 3px;
}
.maru5{
	border-radius: 5px;
}
.maru10{
	border-radius: 10px;
}
.maru-t3{
	border-radius:3px 3px 0px 0px;
}
.maru-t5{
	border-radius: 5px 5px 0px 0px;
}
.maru-t10{
	border-radius: 0px 0px 10px 10px;
}
.maru-b3{
	border-radius: 0px 0px 3px 3px;
}
.maru-b5{
	border-radius: 0px 0px 5px 5px;
}
.maru-b10{
	border-radius: 0px 0px 10px 10px;
}
.maru-r3{
	border-radius: 0px 3px 3px 0px;
}
.maru-r5{
	border-radius: 0px 5px 5px 0px;
}
.maru-r10{
	border-radius: 0px 10px 10px 0px;
}
.maru-l3{
	border-radius: 3px 0px 0px 3px;
}
.maru-l5{
	border-radius: 5px 0px 0px 5px;
}
.maru-l10{
	border-radius: 10px 0px 0px 10px;
}
/*----------------------------------------
ディスプレイ汎用
----------------------------------------*/
.inline{
	display:inline;
}
.inline-block{
	display:inline-block;
}
.block{
	display:block;
}
/*----------------------------------------
フロート汎用
----------------------------------------*/
.fl{
	float:left !important;
}
.fr{
	float:right !important;
}
.cf:after{
	clear:both;
}
.cf{
	overflow:hidden;
}
/*----------------------------------------
バーティカルアライン汎用
----------------------------------------*/
.va-t{
	vertical-align:top !important;
}
.va-m{
	vertical-align:middle !important;
}
.va-b{
	vertical-align:bottom !important;
}
.va-base{
	vertical-align:baseline !important;
}
/*----------------------------------------
幅汎用
----------------------------------------*/
.w30{
	width:30px;
}
.w35 {
	width: 35px;
}
.w50{
	width:50px;
}
/*----------------------------------------
パーセント汎用
----------------------------------------*/
.par5{
	width:5%;
}
.par10{
	width:10%;
}
.par15{
	width:15%;
}
.par20{
	width:20%;
}
.par22{
	width:22%;
}
.par25{
	width:25%;
}
.par30{
	width:30%;
}
.par33{
	width:33%;
}
.par35{
	width:35%;
}
.par40{
	width:40%;
}
.par45{
	width:45%;
}
.par48{
	width:48%;
}
.par50{
	width:50%;
}
.par55{
	width:55%;
}
.par59{
	width:59%;
}
.par60{
	width:60%;
}
.par65{
	width:65%;
}
.par68{
	width:68% !important;
}
.par70{
	width:70%;
}
.par72{
	width:72%;
}
.par75{
	width:75%;
}
.par77{
	width:77%;
}
.par78{
	width:78%;
}
.par80{
	width:80%;
}
.par85{
	width:85%;
}
.par90{
	width:90%;
}
.par95{
	width:95%;
}
.par97{
	width:97%;
}
.par100{
	width:100%;
}
/*----------------------------------------
マージン汎用
----------------------------------------*/
.ma{
	margin:auto;
}
.m5{
	margin:5px;
}
.m10{
	margin:10px;
}
.m15{
	margin:15px;
}
.m20{
	margin:20px;
}
.m25{
	margin:25px;
}
.m30{
	margin:30px;
}
.mt2{
	margin-top:2px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt30{
	margin-top:30px;
}
.mt35{
	margin-top:35px;
}
.mt40{
	margin-top:40px;
}
.mt45{
	margin-top:45px;
}
.mt50{
	margin-top:50px;
}
.mt55{
	margin-top:55px;
}
.mt65{
	margin-top:65px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt85{
	margin-top:85px;
}

.mt100{
	margin-top:100px;
}
.mt120{
	margin-top:120px;
}
.mt185{
	margin-top:185px;
}
.mt-30{
	margin-top:-30px;
}
.mt-25{
	margin-top:-25px;
}
@media screen and (max-width:650px){
	.sp-mt50{
		margin-top: 50px;
	}
	.sp-mt40{
		margin-top: 40px;
	}
	.sp-mt30{
		margin-top: 30px;
	}
	.sp-mt20{
		margin-top: 20px;
	}
	.sp-mt10{
		margin-top: 10px;
	}
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.mb30{
	margin-bottom:30px;
}
.mb35{
	margin-bottom:35px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb90{
	margin-bottom:90px;
}
.mb95{
	margin-bottom:95px;
}
.mb100{
	margin-bottom:100px;
}
@media screen and (max-width:650px){
	.sp-mb20{
		margin-bottom; 20px;
	}
}
.ml5{
	margin-left:5px;
}
.ml8{
	margin-left:8px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}
.ml25{
	margin-left:25px;
}
.ml30{
	margin-left:30px;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mr20{
	margin-right:20px;
}
.mr25{
	margin-right:25px;
}
.mr30{
	margin-right:30px;
}
/*----------------------------------------
パディング汎用
----------------------------------------*/
.pa{
	padding:auto;
}
.pt5{
	padding-top:5px;
}
.pt10{
	padding-top:10px;
}
.pt15{
	padding-top:15px;
}
.pt20{
	padding-top:20px;
}
.pt25{
	padding-top:25px;
}
.pt30{
	padding-top:30px;
}
.pt35{
	padding-top:35px;
}
.pt40{
	padding-top:40px;
}
.pt50{
	padding-top:50px;
}
.pt60{
	padding-top:60px;
}
.pt70{

	padding-top:70px;
}
@media screen and (max-width:650px){
	sp-pt20{
		padding-top: 20px;
	}
}
.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb15{
	padding-bottom:15px;
}
.pb20{
	padding-bottom:20px;
}
.pb25{
	padding-bottom:25px;
}
.pb30{
	padding-bottom:30px;
}
.pb40{
	padding-bottom:40px;
}
.pb50{
	padding-bottom:50px;
}
.pb60{
	padding-bottom:60px;
}
.pb70{
	padding-bottom:70px;
}
.pb80{
	padding-bottom:80px;
}
.pb100{
	padding-bottom:100px;
}
.pb130{
	padding-bottom:130px;
}
.pl5{
	padding-left:5px;
}
.pl10{
	padding-left:10px;
}
.pl15{
	padding-left:15px;
}
.pl20{
	padding-left:20px;
}
.pl25{
	padding-left:25px;
}
.pl30{
	padding-left:30px;
}
.pl35{
	padding-left:35px;
}
@media screen and (max-width:650px){
	.sp-pl30{
		padding-left: 30px;
	}
}

.pr5{
	padding-right:5px;
}
.pr10{
	padding-right:10px;
}
.pr15{
	padding-right:15px;
}
.pr20{
	padding-right:20px;
}
.pr25{
	padding-right:25px;
}
.pr30{
	padding-right:30px;
}
.p5{
	padding:5px;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.p20{
	padding:20px;
}
.p25{
	padding:25px;
}
.p30{
	padding:30px;
}
/*----------------------------------------
フォントウェイト汎用
----------------------------------------*/
.tx-bold{
	font-weight:bold;
}
.tx-normal{
	font-weight:normal;
}
/*----------------------------------------
テキストアライン汎用
----------------------------------------*/
.tx-center{
	text-align:center;
}
.tx-left{
	text-align:left;
}
.tx-right{
	text-align:right;
}
/*----------------------------------------
ラインハイト汎用
----------------------------------------*/
.lh5 {
	line-height:5px;
}
.lh10 {
	line-height:10px;
}
.lh15 {
	line-height:15px;
}
.lh20 {
	line-height:20px;
}
.lh25 {
	line-height:25px;
}
.lh30 {
	line-height:30px;
}
.lh35 {
	line-height:35px;
}
.lh40 {
	line-height:40px;
}
/*----------------------------------------
フォントサイズ汎用 9px以下禁止
----------------------------------------*/
.f10{
	font-size:10px;
}
.f12{
	font-size:12px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}
.f34{
	font-size:34px;
}
.f36{
	font-size:36px;
}
.f38{
	font-size:38px;
}
.f40{
	font-size:40px;
}
/*===============================================
スマフォ画面の横幅が650pxまで
===============================================*/
@media screen and (max-width:650px){
	img{
		max-width: 100%;
		height: auto;
		width:auto;
	}
	body{/*mywidthが100%になるタイミングとセット*/
		padding-bottom: 62px;
		min-width:0;
		overflow-x : hidden;
		overflow-y : auto;
	}
	.mywidth,.mywidth02{
		width:100%;
		margin:auto;
		padding:0 10px;
	}

	#side{
		width:100%;
		float:auto;
	}
	#main{
		width:100%;
		float:auto;
	}
	.pc-only{
		display:none !important;
	}
	.sp-only{
		display:block !important;
	}
	.sp-only.col-wrapp{
		display:table !important;
	}
	.sp-only.col{
		display:table-cell !important;
	}
	.sp-tx-center{
		text-align:center;
	}
	.sp-tx-left{
		text-align:left;
	}
	.sp-tx-right{
		text-align:right;
	}
	.col.change650{
		display:block !important;
		width:100% !important;
	}

}
/*----------------------------------------------------
	リンク
----------------------------------------------------*/
.opa {
	transition:0.3s;
}
.opa:hover {
	opacity:0.7;
}
.scale {
	transition:0.3s;
}
.scale:hover {
	transform:scale(1.04);
}
.sp-link {pointer-events:none;}
@media screen and (max-width:650px){
	.sp-link {pointer-events:auto;}
}

/*----------------------------------------
スマホ出しわけ
----------------------------------------*/
.sp-only{
	display:none !important;
}
.pc-only{
	display:block;
}
.pc-only.col{
	display:table-cell;
}
.pc-only.col-wrapp{
	display:table;
}
@media screen and (max-width:650px){
	.pc-only{
		display:none !important;
	}
	.sp-only{
		display:block !important;
	}
}

/*----------------------------------------------------
	カラム操作
----------------------------------------------------*/
.col-wrapp{
	display:table;
	width:100%;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:5px 0px;
}
.col{
	display:table-cell;
	vertical-align: top;
}
.col img{
	max-width: 100%;
	height:auto;
	border:none;
}
.ng-margin5 > .col-wrapp{
	border-spacing:5px 0px !important;
}
.ng-margin10 > .col-wrapp{
	border-spacing:10px 0px !important;
}
.ng-margin15 > .col-wrapp{
	border-spacing:15px 0px !important;
}
.ng-margin20 > .col-wrapp{
	border-spacing:20px 0px !important;
}
.ng-margin25 > .col-wrapp{
	border-spacing:25px 0px !important;
}
.ng-margin30 > .col-wrapp{
	border-spacing:30px 0px !important;
}
.ng-margin35 > .col-wrapp{
	border-spacing:35px 0px !important;
}
.ng-margin40 > .col-wrapp{
	border-spacing:40px 0px !important;
}
.ng-margin5{
	margin-left:-5px;
	margin-right:-5px;
}
.ng-margin10{
	margin-left:-10px;
	margin-right:-10px;
}
.ng-margin15{
	margin-left:-15px;
	margin-right:-15px;
}
.ng-margin20{
	margin-left:-20px;
	margin-right:-20px;
}
.ng-margin25{
	margin-left:-25px;
	margin-right:-25px;
}
.ng-margin30{
	margin-left:-30px;
	margin-right:-30px;
}
.ng-margin35{
	margin-left:-35px;
	margin-right:-35px;
}
.ng-margin40{
	margin-left:-40px;
	margin-right:-40px;
}
/*=============
flex-box汎用 
=============*/
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
/*===コンテンツの配置方向 ===*/
.row {
  flex-direction:row; /*-- 左から --*/
}
.row-r {
  flex-direction:row-reverse; /*-- 右から --*/
}
.column {
  flex-direction:column; /*-- 上から --*/
}
.column-r {
  flex-direction:column-reverse; /*-- 下から --*/
}
/*===コンテンツの折返し===*/
.wrap {
  flex-wrap:wrap; /*-- 折返す --*/
}
.wrap-r {
  flex-wrap:wrap-reverse; /*-- 逆から折返す --*/
}
.no-wrap {
  flex-wrap:nowrap; /*-- 折返さない --*/
}
/*===コンテンツの水平方向揃え ===*/
.flex-left {
  justify-content:flex-start; /*-- 左寄せ --*/
}
.flex-right {
  justify-content:flex-end; /*-- 右寄せ --*/
}
.flex-center {
  justify-content:center; /*-- 中央寄せ --*/
}
.flex-space-b {
  justify-content:space-between; /*-- 均等にスペースを空け外寄せ --*/
}
.flex-space-a {
  justify-content:space-around; /*-- 均等にスペースを空け内寄せ --*/
}
/*===コンテンツの垂直方向揃え ===*/
.flex-top {
 align-items:flex-start; /*-- 上寄せ --*/
}
.flex-middle {
 align-items:center; /*-- 中央寄せ --*/
}
.flex-bottom {
 align-items:flex-end; /*-- 下寄せ --*/
}
/* 順番 */
.no1 {
	order:1;
}
.no2 {
	order:2;
}
.no3 {
	order:3;
}
.no4 {
	order:4;
}
.no5 {
	order:5;
}
.no6 {
	order:6;
}
.no7 {
	order:7;
}
@media screen and (max-width:650px){
	.sp-flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
	.sp-row {flex-direction:row;   }
	.sp-row-r {flex-direction:row-reverse;}
	.sp-column {flex-direction:column;}
	.sp-column-r {flex-direction:column-reverse;}
	/*===コンテンツの折返し===*/
	.sp-wrap {flex-wrap:wrap;}
	.sp-wrap-r {flex-wrap:wrap-reverse;}
	.sp-no-wrap {flex-wrap:nowrap;}
	/*===コンテンツの水平方向揃え ===*/
	.sp-flex-left {justify-content:flex-start;}
	.sp-flex-right {justify-content:flex-end;}
	.sp-flex-center {justify-content:center;}
	.sp-flex-space-b {justify-content:space-between;}
	.sp-flex-space-a {justify-content:space-around;}
	/*===コンテンツの垂直方向揃え ===*/
	.sp-flex-top {align-items:flex-start;}
	.sp-flex-middle {align-items:center;}
	.sp-flex-bottom {align-items:flex-end;}
	/* 順番 */
	.sp-no1 {order:1;}
	.sp-no2 {order:2;}
	.sp-no3 {order:3;}
	.sp-no4 {order:4;}
	.sp-no5 {order:5;}
	.sp-no6 {order:6;}
	.sp-no7 {order:7;}
}/*-- sp end --*/
/*-- flex end--*/