@charset "utf-8";
/* CSS Document */

/*---各種カラー設定------------------*/
:root{
	--BodyColor : #ffffff;/*--body背景色--*/
	--HeaderColor : #fff;/*--ヘッダー背景色--*/
	--HeaderText: #222;/*--ヘッダーテキストの色--*/
	--HeaderCvColor :  #ff80aa;/*--コンバージョンボタン背景色--*/
	--HeaderCvText :  #fff;/*--コンバージョンボタンテキスト色--*/
	--NavColor : #7fffd4;/*--グロナビ背景色--*/
	--NavText : #808080;/*--グロナビテキストカラー--*/
	--SabNavColor : #efefef;/*--プルダウンナビゲーション背景色--*/
	--SabNavText : #222;/*--プルダウンナビゲーションテキストカラー--*/
	--footerColor : #F7F7F7;/*--フッターの背景色--*/
	--footerText: #808080;/*--フッターのテキストの色--*/
	--secTitle01Color : #CEFFEF;/*--タイトル1の背景色--*/
	--secTitle01Text : #808080;/*--タイトル1のテキストの色--*/
	--secTitle02Color : #CEFFEF;/*--タイトル2の背景色--*/
	--secTitle02Text : #808080;/*--タイトル2のテキストの色--*/}
	--secTitle03Border : #ccc;/*--タイトル3のボーダーの色--*/}

}



/*-----------------------------------
Common Lyaout
------------------------------------*/
/*--共通--*/

body {
	position: relative;
	background: #905216;
	background: var(--BodyColor) !important;
}
body#home {
	background: #90526;
	background: var(--BodyColor) !important;
}
a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.center {
	text-align:center;
}
a {
	color :#00B6EF ;
	text-decoration:underline;
}
a:hover {
	color :#666 ;
	text-decoration: none;
}
.clear {
    content: "";
    display: block;
    clear: both;
}
div:after,
ul:after,
dl:after {
    content: "";
    display: block;
    clear: both;
}
.end {
	margin-right: 0px !important;
}
* {
	margin:0 ;
}
p {
	line-height: 1.5em;
}
h1 {
	margin: 0  ;
	padding:  0 ;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*--PC--*/
@media screen and (min-width: 751px) {
	body {
		  -webkit-text-size-adjust: 100%;
		margin:0 !important;
		padding:0 !important;
		font-size:14px;
		font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
		text-align:center;
	}
	#wrapper {
	}
	.inner , #headnav_wrap .inner {
		width:1040px;
		margin:auto;
		text-align:left;
	}
	.inner_slider {
		padding: 10px 0 30px 0 ;
	}
	.sp_only , sp {
		display:none;
	}

	ul {
		list-style:none;
	}

	/*--font--*/
	.font_12px {
		font-size:12px;
	}
	.font_14px {
		font-size:14px;
	}
	.font_16px {
		font-size:16px;
	}
	.font_18px {
		font-size:18px;
	}
	.font_20px {
		font-size:20px;
	}
	.font_30px {
		font-size:30px;
	}

	/*--float--*/
	.float_left {
		float:left;
	}
	.float_right {
		float:right;
	}

	/*--横幅--*/
	.w-50p {
		width:50%;
	}
	.w-48p {
		width:48%;
	}

	#contents_area {
		padding-top: 50px;
	}
	body#home #contents_area {
		padding-top: 0px !important;
	}
}
/*--SP--*/
@media screen and (max-width: 750px) {
	body {
		  -webkit-text-size-adjust: 100%;
		margin:0 !important;
		padding:0 !important;
		font-size:12px;
		font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
		text-align:center;
	}
	p {
		font-size:12px;
		margin:0;
	}
	#wrapper {
	}
	#contents_area .contents {
		text-align:left;
		padding-left: 10px;
		padding-right: 10px;
	}
	.pc_only , pc {
		display:none;
		text-align:left;
	}
	.w-100p {
		width:100%;
	}
	ul {
		list-style:none;
	}
	/*--font--*/
	.inner_slider {
		padding: 10px 0 30px 0 ;
	}

}

ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
 }

/*--背景スタイル----------------------*/

/*--背景1 back_style01 ----------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.back_style01 {
	background-color: #ccc;
}
}

@media screen and (min-width: 761px) {
.back_style02 {
	background-color: #FFDC1C;
}
}

@media screen and (min-width: 761px) {
.back_style05 {
	background-image:url(../img/common/back05.png);
}
}

@media screen and (min-width: 761px) {
.back_style06 {
	background-image:url(../img/common/back06.png);
}
}

@media screen and (min-width: 761px) {
.back_style07 {
	background-image:url(../img/common/back07.jpg);
}
}

@media screen and (min-width: 761px) {
.back_style08 {
	background-image:url(../img/common/back08.png);
}
}


/*--sp--*/
@media screen and (max-width: 760px) {
.back_style01 {
	background-image:url(../img/common/back_01.png);
}
}




/*--マージン設定------------------------------*/
/*--PC--*/
@media screen and (min-width: 761px) {
.mb_10 {
	margin-bottom:10px;
}
.mb_20 {
	margin-bottom:20px;
}
.mb_30 {
	margin-bottom:30px;
}
.mb_50 {
	margin-bottom:50px;
}
.mb_70 {
	margin-bottom:70px;
}
.mb_100 {
	margin-bottom:100px;
}
.mb_35 {
	margin-top:35px;
}
}

/*--SP--*/
@media screen and (max-width: 760px) {
.sp_mb_10 {
	margin-bottom:10px;
}
.sp_mb_20 {
	margin-bottom:20px;
}
.sp_mb_30 {
	margin-bottom:30px;
}
.sp_mb_50 {
	margin-bottom:50px;
}
.sp_mb_70 {
	margin-bottom:70px;
}
.sp_mb_100 {
	margin-bottom:100px;
}

}

/*--タイトル設定（共通用）------------------------------*/


/*--セクションタイトル　sec_title01--------------------------*/
/*--PC--*/
@media screen and (min-width: 761px) {
h2.sec_title01 {
		margin: 0 ;
		font-size:30px;
		font-weight:800;
		text-align:center;
		background-color: var(--secTitle01Color);
		color: var(--secTitle01Text);
		padding:20px 0 ;
}
	h2.sec_title01 span {
	}
}

/*--SP--*/
@media screen and (max-width: 760px) {
h2.sec_title01 {
		margin: 0 ;
		font-size:20px;
		font-weight:800;
		text-align:center;
		background-color: var(--secTitle01Color);
		color: var(--secTitle01Text);
		padding:10px 10px ;
}
	h2.sec_title01 span {
	}
}

/*--コンテンツ内タイトル　title02--------------------------*/
/*--PC--*/
@media screen and (min-width: 761px) {

.title01 {
}
.title02 {
	font-size:18px;
	padding:10px 10px ;
	margin-bottom:10px;
		background-color: var(--secTitle02Color);
		color: var(--secTitle02Text);
}
.title03 {
	font-size:16px;
	margin-bottom:10px;
	border-bottom: 1px solid var(--secTitle03Border);
}
}
/*--SP--*/
@media screen and (max-width: 760px) {

.title02 {
	font-size:16px;
	padding:5px ;
	margin-bottom:10px;
		background-color: var(--secTitle02Color);
		color: var(--secTitle02Text);
}
.title03 {
	font-size:16px;
	margin-bottom:10px;
	border-bottom: 1px solid var(--secTitle03Border);
}

}

/*----2カラム共通デザイン　column_2----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.column_2 {
}
	.column_2 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
	}
		.column_2 ul li {
			width:512px ;
			margin-right:16px;
			float:left;
			list-style:none;
			margin-bottom:16px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
		}
		.column_2 ul li:nth-child(2n) {
			margin-right:0px;
		}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.column_2 {
}
	.column_2 ul {
		margin:0;
		padding:0;
	}
		.column_2 ul li {
			list-style:none;
			margin-bottom:16px;
			vertical-align:top;
			letter-spacing: normal;
		}
		.column_2 ul li:nth-child(2n) {
			margin-right:0px;
		}
		.column_2 ul li h3 {
		}
}

/*----3カラム共通デザイン　column_3----------------------------*/

/*--pc--*/
@media screen and (min-width: 761px) {
.column_3 {
}
	.column_3 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
	}
		.column_3 ul li {
			width:336px ;
			margin-right:16px;
			list-style:none;
			margin-bottom:20px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
		}
		.column_3 ul li:nth-child(3n) {
			margin-right:0px;
		}
		.column_3 ul li h3 {
		}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.column_3 {
}
	.column_3 ul {
		margin:0;
		padding:0;
	}
		.column_3 ul li {
			margin-right:16px;
			list-style:none;
			margin-bottom:20px;
			width:100%;

		}
		.column_3 ul li h3 {
		}
}

/*----1カラム共通デザイン　column_1----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.column_1 {
}
	.column_1 ul {
		margin:0;
		padding:0;
	}
	.column_1 li {
		margin-bottom:16px;
	}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.column_1 {
}
	.column_1 ul {
		margin:0;
		padding:0;
	}
	.column_1 li {
		margin-bottom:16px;
	}
}

/*----4カラム共通デザイン　column_4----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.column_4 {
}
	.column_4 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
	}
		.column_4 ul li {
			width:248px ;
			margin-right:16px;
			list-style:none;
			margin-bottom:20px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
		}
		.column_4 ul li:nth-child(4n) {
			margin-right:0px !important;
		}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.column_4 {
}
	.column_4 ul {
		margin:0;
		padding:0;
	}
	.column_4 li {
		margin-bottom:16px;
	}
}


/*----4カラム共通デザイン スマホ2カラム　column_4_ver2 ----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.column_4_ver2 {
}
	.column_4_ver2 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
	}
		.column_4_ver2 ul li {
			width:248px ;
			margin-right:16px;
			list-style:none;
			margin-bottom:20px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
		}
		.column_4_ver2 ul li:nth-child(4n) {
			margin-right:0px !important;
		}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.column_4_ver2 {
}
	.column_4_ver2 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
		text-align:center;
	}
		.column_4_ver2 ul li {
			width:48% ;
			list-style:none;
			margin-bottom:20px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
			margin-right:10px;
			text-align:left;
		}
		.column_4_ver2 ul li:nth-child(2n) {
			margin-right:0px !important;
		}
}


/*----4カラム共通デザイン スマホ1カラム画像横タイプ　column_4_ver3 ----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.column_4_ver3 {
}
	.column_4_ver3 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
	}
		.column_4_ver3 ul li {
			width:248px ;
			margin-right:16px;
			list-style:none;
			margin-bottom:20px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
		}
		.column_4_ver3 ul li:nth-child(4n) {
			margin-right:0px !important;
		}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.column_4_ver3 {
}
	.column_4_ver3 ul {
		margin:0;
		padding:0;
		list-style: none;
	}
		.column_4_ver3 li {
			display:table;
			width:100%;
			margin-bottom:16px;
		}
		.column_4_ver3 li .img_wrap {
				display: table-cell;
				vertical-align:top;
				padding-right:5px;
				width:160px;
				text-align:left;
		}
			.column_4_ver3 li .img_wrap img {
					width:150px
				}
		.column_4_ver3 li .text_wrap {
				display: table-cell;
				vertical-align:middle;
				padding-right:5px;
		}
			.column_4_ver3 li .text_wrap h3 {
				margin-bottom:5px;
			}
}

/*----6カラム共通デザイン スマホ3カラム　column_6 ----------------------------*/

/*--pc--*/
@media screen and (min-width: 761px) {
.column_6 {
}
	.column_6 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
	}
		.column_6 ul li {
			width:160px ;
			margin-right:16px;
			list-style:none;
			margin-bottom:20px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
		}
		.column_6 ul li:nth-child(6n) {
			margin-right:0px !important;
		}

}

/*--sp--*/
@media screen and (max-width: 760px) {
.column_6 {
}

	.column_6 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
		text-align:center;
	}
		.column_6 ul li {
			width:31% ;
			list-style:none;
			margin-bottom:20px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
			margin-right:3%;
			text-align:left;
		}
		.column_6 ul li:nth-child(3n) {
			margin-right:0px !important;
		}

}



/*----アイコンタイプ１共通デザイン　column_1----------------------------*/

/*--pc--*/
@media screen and (min-width: 761px) {
.icon_type1 {
}
	.icon_type1 ul {
		margin:0;
		padding:0;
	}
	.icon_type1 li {
			display:table;
	}
		.icon_type1 li .img_wrap {
				display: table-cell;
				vertical-align:top;
				padding-right:5px;
				width:160px;
				text-align:left;
		}
			.icon_type1 li .img_wrap img {
					width:150px
				}
		.icon_type1 li .text_wrap {
				display: table-cell;
				vertical-align:middle;
				padding-right:5px;
		}
			.icon_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}


}
/*--sp--*/
@media screen and (max-width: 760px) {
.icon_type1 {
}
	.icon_type1 ul {
		margin:0;
		padding:0;
	}
	.icon_type1 li {
			display:table;
	}
		.icon_type1 li .img_wrap {
				display: table-cell;
				vertical-align:top;
				padding-right:5px;
				width:80px;
				text-align:left;
		}
			.icon_type1 li .img_wrap img {
					width:80px
				}
		.icon_type1 li .text_wrap {
				display: table-cell;
				vertical-align:top;
				padding-right:5px;
		}
			.icon_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}
}


/*----アイコンタイプ２共通デザイン　----------------------------*/

/*--pc--*/
@media screen and (min-width: 761px) {
.icon_type2 {
}
	.icon_type2 li {
	}
		.icon_type2 li h3.title {
			display:table;
			font-size:20px;
		}
			.icon_type2 li h3.title .icon {
				display: table-cell;
				vertical-align:middle;
				padding-right:5px;
			}
			.icon_type2 li h3.title .text {
				display: table-cell;
				vertical-align:middle;
			}

}
/*--sp--*/
@media screen and (max-width: 760px) {
.icon_type2 {
}
	.icon_type2 li {
	}
		.icon_type2 li h3.title {
			display:table;
			font-size:20px;
		}
			.icon_type2 li h3.title .icon {
				display: table-cell;
				vertical-align:middle;
				padding-right:5px;
				width:30px;
			}
				.icon_type2 li h3.title .icon img {
					max-width:30px;
				}
			.icon_type2 li h3.title .text {
				display: table-cell;
				vertical-align:middle;
			}

}

/*----画像タイプ１共通デザイン 画像とテキスト縦関係　----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.img_type1 {
}
	.img_type1 li {
	}
		.img_type1 li .img_wrap {
			margin-bottom:10px;
		}
			.img_type1 li .img_wrap img {
				width:100%;
				text-align:center;
			}
		.img_type1 li .text_wrap {
		}
			.img_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}

}
/*--sp--*/
@media screen and (max-width: 760px) {
.img_type1 {
}
	.img_type1 li {
	}
		.img_type1 li .img_wrap {
			margin-bottom:10px;
		}
			.img_type1 li .img_wrap img {
				width:100%;
				text-align:center;
			}
		.img_type1 li .text_wrap {
		}
			.img_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}
}

/*----画像タイプ２共通デザイン　----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.img_type2 {
}
	.img_type2 li {
			display:table;
	}
		.img_type2 li .img_wrap {
				display: table-cell;
				vertical-align:top;
				padding-right:5px;
				width:160px;
				text-align:left;
		}
			.img_type2 li .img_wrap img {
					width:150px
				}
		.img_type2 li .text_wrap {
				display: table-cell;
				vertical-align:middle;
				padding-right:5px;
		}
			.img_type2 li .text_wrap h3 {
				margin-bottom:5px;
			}
}

/*--sp--*/
@media screen and (max-width: 760px) {
.img_type2 {
}
	.img_type2 li {
			display:table;
	}
		.img_type2 li .img_wrap {
				display: table-cell;
				vertical-align:top;
				padding-right:5px;
				width:160px;
				text-align:left;
		}
			.img_type2 li .img_wrap img {
					width:150px
				}
		.img_type2 li .text_wrap {
				display: table-cell;
				vertical-align:middle;
				padding-right:5px;
		}
			.img_type2 li .text_wrap h3 {
				margin-bottom:5px;
			}

}




@media screen and (min-width: 761px) {







.img_type3 {
}
	.img_type3 li {
	}
		.img_type3 li .img_wrap {
			margin-bottom:10px;
		}
			.img_type3 li .img_wrap img {
				width:100%;
				text-align:center;
			}
		.img_type3 li .text_wrap {
		}
			.img_type3 li .text_wrap h3 {
				margin-bottom:5px;
			}

}

/*--スライドタイプ１---*/
@media screen and (min-width: 761px) {
.slide_type1 {
}
	.slide_type1 .slide {
	}
		.slide_type1 .slide img {
			width: 100%;
		}
}

@media screen and (max-width: 760px) {
.slide_type1 {
	padding: 0 10px;
}
	.slide_type1 .slide {
	}
		.slide_type1 .slide img {
			width: 100%;
		}
}






/*-----------------------------------
ヘッダー　header
------------------------------------*/
/*--共通--*/



/*--PC--*/
@media screen and (min-width: 751px) {
	#header {
		height: 70px;
		background: #fff;
		background: var(--HeaderColor);
		color: #222;
		color: var(--HeaderText);
	}
	#header h1{
	padding:0 0 5px 0;
	font-size:10px;
	font-weight:normal;
	text-align:left;
		display: block;
	}
	#header .logo{
		margin: 0;
		padding: 0;
	}
	#header .logo img{
		height: 100%;
		width: auto;
	}
	#header-head {
		display: flex;
		width: 1040px;
		justify-content: space-between;
	}
	#header-head .name {
		width: 400px;
		height: 70px;
	}
	#header-head .contact {
		width: 420px;
		padding-top: 10px;
		text-align: right;
	}
	#header-head .contact .tel {
		font-size: 18px;
		color: #222;
		color: var(--HeaderText);
	}
	#header-head .contact .tel a {
		color: #222;
		color: var(--HeaderText);
		text-decoration: none;
	}
	#header-head .cv {
		width: 200px;
		margin-left: 20px;
		height: 60px;
		padding-top: 10px;
	}
	#header-head .cv a {
		width: auto;
		display: block;
		line-height: 50px;
		background: #ffbb1b;
		background: var(--HeaderCvColor);
		text-align: center;
		align-items: center;
		font-weight: bold;
		color: #fff;
		color: var(--HeaderCvText);
		text-decoration: none;
	}


/*--グロナビ---*/
	nav#mainnav{
		position:relative;
		margin-top:0px;
		background: #026;
		background: var(--NavColor);
	}
	nav#mainnav ul{
		margin: 0;
		list-style: none;
	}
	nav#mainnav ul{
		display:flex;
		justify-content:center;
		align-items:center;
		width: 1040px;
		margin: auto;
		flex-wrap: nowrap;
　　　　padding-left:0px !important;
　　　　padding-inline-start: 0px !important;
	}
	nav#mainnav ul > li{
		border-right: 1px dotted var(--NavText);
		width: 180px;
	}
	nav#mainnav ul > li:last-of-type{
		border-right: none;
	}
	nav#mainnav ul > li > a{
		display:block;
		text-align:center;
		_float:left;
		padding:0 10px ;
		line-height:50px;
		font-size:16px;
		font-weight:normal;
		color:#fff;
		color:var(--NavText);
		text-decoration: none;
	}
	nav#mainnav ul li a:hover span, nav#mainnav ul li a:hover{
		opacity: 0.7;
	}
	nav#mainnav ul ul{
		width:200px;
		border-top:0;
	}
	nav#mainnav ul li ul{
		max-height: 0;
		opacity: 0;
		display: block;
		position: absolute;
		text-align:center;
		z-index:500;
		margin: 0;
		padding: 0;
		overflow: hidden;
		transition: max-height .7s ease-in , opacity .3s ease-in;
	}
	nav#mainnav ul li:hover ul{
		max-height: 500px;
		opacity: 1;
	}
	nav#mainnav ul li li{
		background: var(--SabNavColor);
		border-bottom:1px border #666;
		float: none;
		width:100%;
		margin:0;
	}
	nav#mainnav ul li li:last-child{
		border-bottom:none;
	}
	nav#mainnav ul li ul li a{
		display: block;
		padding:0;
		line-height:1.2;
		text-align: left;
		font-size: 14px;
			color: #222;
		color: var(--SabNavText);
		padding: 10px 5px;
	}
	nav div.panel{
		display:block !important;
	}
	a#menu{
		display:none;
	}
	.sp-contact , .sp-cv {
		display: none;
	}
}


/*--SP--*/
@media screen and (max-width: 750px) {
	#header{
		width:100%;
		z-index:500;
	}

	#headerWrap{
		position:relative;
		width:100%;
		height:70px;
		background:var(--HeaderColor);
		border-bottom:1px solid #cccccc;
	}

	#header h1{
		font-size: 10px;
		margin: 0 0 3px 0;
		padding: 0;
		display: block;
		text-align: left;
		font-weight: normal;
		color: var(--HeaderText);
	}
	#header .logo{
		text-align: left;
		padding-left: 10px;
	}
		#header .logo img{
			height: calc(70px - 15px -10px)
		}
	#header .contact , #header .cv {
		display: none;
	}
	a#menu{
		display:inline-block;
		position:relative;
		width:40px;
		height:40px;
		margin:15px 15px 10px 15px;
		background: var(--NavColor);
	}

	#menuBtn{
		display:block;
		position:absolute;
		top:50%;
		left:45%;
		width:18px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:var(--NavText);
		transition:.2s;
	}

	#menuBtn:before, #menuBtn:after{
		display:block;
		content:"";
		position:absolute;
		top:50%;
		left:0;
		width:18px;
		height:2px;
		background:var(--NavText);
		transition:.3s;
	}

	#menuBtn:before{
	margin-top:-7px;
	}

	#menuBtn:after{
	margin-top:5px;
	}

	a#menu .close{
	background:transparent;
	}

	a#menu .close:before, a#menu .close:after{
	margin-top:0;
	}

	a#menu .close:before{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	}

	a#menu .close:after{
	transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	}

	.panel{
	width:100%;
	display:none;
	overflow:hidden;
	position:relative;
	left:0;
	top:0;
	z-index:100;
	}

	#mainnav{
		position:absolute;
		top:0;
		width:100%;
		text-align:right;
		z-index:500;
	}
	#mainnav .panel{
		background:var(--SabNavColor);
	}
	#mainnav .panel > ul{
		text-align:left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#mainnav .panel > ul > li{
		}
			#mainnav li a{
				position:relative;
				display:block;
				padding:15px 25px;
				border-bottom:1px solid #bcbcbc;
				color: var(--HeaderText);
				font-weight:bold;
				text-decoration: none;
			}
			#mainnav .panel > ul > li > ul{
					margin: 0 ;
					padding: 0;
				margin-left: 30px;
				margin-bottom: 20px;
			}
				#mainnav .panel > ul > li > ul > li{
					margin: 0 ;
					padding: 0;
				}
					#mainnav .panel > ul > li > ul > li a{
						border-bottom:1px dotted #bcbcbc;
						display: block;
						padding:15px 15px;
						font-weight: normal;
					}
					#mainnav .panel .sp-contact {
						text-align: left;
						padding: 20px 10px ;
					}
					#mainnav .panel .sp-cv {
						text-align: center;
						padding: 0px 10px 10px 10px ;
					}
						#mainnav .panel .sp-cv a {
							background: var(--HeaderCvColor);
							color: #fff ;
							color: var(--HeaderCvText);
							text-decoration: none;
							display: block;
							padding: 20px 0 ;
							font-size: 16px;
						}
}


/*--------------------
TOPへ戻るボタン
---------------------*/
/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 5px; /*下からのボタンの配置場所を指定*/
    right: 5px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: var(--NavColor); /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 5%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
	opacity: .7;
}
#PageTopBtn a:hover {
    text-decoration: none;
	opacity: .6;
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 100px; /*ボタンの幅*/
    height: 70px; /*ボタンの高さ*/
    padding: 24px 0; /*文字の配置場所の調整*/
}
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
    font-size: 10px;
}
#PageTopBtn a {
    padding: 17px 10px;
}
}

/*-----------------------------------
メインビジュアル　sec_mainVisual
------------------------------------*/
/*--共通--*/
.sec_mainVisual{
	overflow: hidden;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sec_mainVisual .bx-wrapper{
	margin-bottom: 0;
}
.sec_mainVisual a{
	display: block;
}
.sec_mainVisual .bx-controls{
	position: absolute;
	width: 100%;
	left: 0;
	font-size: 0;
}
.sec_mainVisual .bx-wrapper .bx-pager{
	padding-top: 0;
	bottom: inherit;
}
.sec_mainVisual .bx-wrapper .bx-pager.bx-default-pager a{
	background-color: #fff;
}
.sec_mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover, .sec_mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active{
	background-color: orange;
}
.sec_mainVisual .bx-wrapper .bx-viewport{
	left: 0;
}
#slider{
	padding: 0;
}

/*--PC--*/
@media screen and (min-width: 761px) {
	.sec_mainVisual {
		height:440px;
		margin-top: 50px;
        background: url(../img/mainVisual/mainVisual_back_pc.png);
        background-position: center center !important;
	}
	.sec_mainVisual .inner {
	}
	.bx-wrapper{
		width: 1040px;
		margin-left: auto;
		margin-right: auto;
	}
	.sec_mainVisual img{
		width: 100%;
		height: auto;
	}
	.sec_mainVisual .bx-controls{
		bottom: 12px;
	}
	.sec_mainVisual .bx-viewport{
		overflow: visible!important;
	} 
}

/*--SP--*/
@media screen and (max-width: 760px) {
	.sec_mainVisual {
		height : calc( 400 * 100vw / 375 );
        background: url(../img/mainVisual/mainVisual_back_sp.png);
	}
	.sec_mainVisual li{
	}
	.sec_mainVisual img {
		width:100%;
		max-width: 100%;
	}
	.sec_mainVisual .bx-controls{
		bottom: calc( 10 * 100vw / 375 );
	}
}



/*-----------------------------------
コンバージョンボタンエリア
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_cvbt {
	padding: 40px 0 ;
	text-align:center;
	background-image:url(../img/cvbt/cv_back.png);
	background-repeat:repeat;
	background-position:center top;
}
	.sec_cvbt .inner {
		text-align:center;
	}
	.sec_cvbt h2 {
		font-size:30px;
		margin-bottom:10px;
		color: #6FB9CE;
	}
	.sec_cvbt .comment {
		width:700px;
		margin:0 auto 20px auto;
		text-align:left;
	}
		.sec_cvbt .comment p {
			font-size:16px;
		}
	.sec_cvbt .bt_wrap {
		margin: 0 0 20px 0 ;
	}
	.sec_cvbt .cv_ft {
	}
		.sec_cvbt .cv_ft p {
			font-size:20px;
		}
			.sec_cvbt .cv_ft p a {
			}

}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_cvbt {
	padding:20px;
	text-align:center;
	background-image:url(../img/cvbt/cv_back.png);
	background-repeat:repeat;
	background-position:center top;
	text-align:center;
}
	.sec_cvbt .inner {
		text-align:center;
	}
	.sec_cvbt h2 {
		font-size:20px;
		margin-bottom:10px;
		color:#6FB9CE;
		text-align:center;
}
	.sec_cvbt .comment {
		text-align:left;
		margin-bottom:10px;
	}
		.sec_cvbt .comment p {
		}
	.sec_cvbt .bt_wrap {
		padding: 0 0 10px 0 ;
	}
		.sec_cvbt .bt_wrap img {
			width:100%;
		}
	.sec_cvbt .cv_ft {
	}
		.sec_cvbt .cv_ft p {
			font-size:20px;
			text-align:center;
		}
			.sec_cvbt .cv_ft p a {
				display: block;
				text-align:center;
				margin:auto;
			}

}




/*-----------------------------------
トラブル sec_Trouble
------------------------------------*/
/*--共通------*/
/*--PC--*/
@media screen and (min-width: 761px) {
.sec_Trouble {
	padding-bottom:30px;
}
	.sec_Trouble .comment {
	padding: 10px 0 30px 0 ;
	}
}
/*--SP--*/
@media screen and (max-width: 760px) {
.sec_Trouble .contents {
	padding-top: 10px ;
	padding-bottom:10px;
}
	.sec_Trouble .comment {
	padding: 0 0 10px 0 ;
	}
}

/*--2カラム版------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_Trouble .column_2 {
}
	.sec_Trouble .column_2 ul {
	}
		.sec_Trouble .column_2 ul li {
			width:512px ;
			margin-right:16px;
		}
		.sec_Trouble .column_2 ul li:nth-child(2n) {
			margin-right:0px;
		}
			.sec_Trouble .column_2 ul li h3 {
				font-size:20px;
				margin-bottom:5px;
			}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_Trouble .column_2 {
}
	.sec_Trouble .column_2 ul {
	}
		.sec_Trouble .column_2 ul li {
			margin-bottom:16px;
		}
		.sec_Trouble .column_2 ul li h3 {
			font-size:16px;
			margin-bottom:5px;
			color: #f00;
		}
}

/*--3カラム版------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_Trouble .column_3 {
}
	.sec_Trouble .column_3 ul {
	}
		.sec_Trouble .column_3 ul li {
			width:336px ;
			margin-right:16px;

		}
		.sec_Trouble .column_3 ul li:nth-child(3n) {
			margin-right:0px;
		}
		.sec_Trouble .column_3 ul li h3 {
		}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_Trouble .column_3 {
}
	.sec_Trouble .column_3 ul {
		margin:0;
		padding:0;
	}
		.sec_Trouble .column_3 ul li {
			margin-right:16px;
			list-style:none;
			margin-bottom:20px;
		}
		.sec_Trouble .column_3 ul li h3 {
			font-size:16px;
			margin-bottom:5px;
			color: #0c0;
		}
}

/*----1カラム　column_1----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_Trouble .column_1 {
}
	.sec_Trouble .column_1 ul {
	}
	.sec_Trouble .column_1 li {
	}
		.sec_Trouble .column_1 li h3 {
		}
}
/*--sp--*/
@media screen and (max-width: 760px) {

.sec_Trouble .column_1 {
}
	.sec_Trouble .column_1 ul {
	}
	.sec_Trouble .column_1 li {
	}
		.sec_Trouble .column_1 li h3 {
			font-size:16px;
			margin-bottom:5px;
			color: #906;
		}
}

/*----アイコンタイプ　column_1----------------------------*/

/*--pc--*/
@media screen and (min-width: 761px) {
.sec_Trouble .icon_type1 {
}
	.sec_Trouble .icon_type1 ul {
	}
	.sec_Trouble .icon_type1 li {
	}
		.sec_Trouble .icon_type1 li .img_wrap {
		}
			.sec_Trouble .icon_type1 li .img_wrap img {
				}
		.sec_Trouble .icon_type1 li .text_wrap {
		}
			.sec_Trouble .icon_type1 li .text_wrap h3 {
			}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_Trouble .icon_type1 {
}
	.sec_Trouble .icon_type1 ul {
	}
	.sec_Trouble .icon_type1 li {
	}
		.sec_Trouble .icon_type1 li .img_wrap {
				vertical-align:top;
				width:80px;
		}
			.sec_Trouble .icon_type1 li .img_wrap img {
					width:80px
				}
		.sec_Trouble .icon_type1 li .text_wrap {
				vertical-align:top;
				padding-right:5px;
		}
			.sec_Trouble .icon_type1 li .text_wrap h3 {
				font-size:16px;
				margin-bottom:5px;
				color: #00f;
				margin-bottom:5px;
			}
}


/*-----------------------------------
チェックリスト　sec_Checklist
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_Checklist {
	padding-bottom:30px;
}
	.sec_Checklist .inner {
	}
	.sec_Checklist .comment {
	padding: 10px 0 30px 0 ;
	}
}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_Checklist {
}
	.sec_Checklist .contents {
		padding-top:10px;
	}
	.sec_Checklist .comment {
		padding: 0 0 30px 0 ;
	}
}


/*----アイコンタイプ２ icon_type2　----------------------------*/

/*--pc--*/
@media screen and (min-width: 761px) {
.sec_Checklist .icon_type2 {
}
	.sec_Checklist .icon_type2 li {
	}
		.sec_Checklist .icon_type2 li h3.title {
			font-size:20px;
		}
			.sec_Checklist .icon_type2 li h3.title .icon {
				vertical-align:middle;
			}
			.sec_Checklist .icon_type2 li h3.title .text {
				vertical-align:middle;
			}

}
/*--sp--*/
@media screen and (max-width: 760px) {
.icon_type2 {
}
	.icon_type2 li {
	}
		.icon_type2 li h3.title {
			font-size:16px;
		}
			.icon_type2 li h3.title .icon {
				vertical-align:top;
				padding-right:5px;
				width:30px;
			}
				.icon_type2 li h3.title .icon img {
					max-width:30px;
				}
			.icon_type2 li h3.title .text {
				vertical-align:middle;
			}

}

/*-----------------------------------
成功　sec_Success01
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_Success01 {
	padding-bottom:30px;
}
	.sec_Success01 .inner {
	}
	.sec_Success01 .comment {
	padding: 10px 0 30px 0 ;
	}
}
/*--SP--*/
@media screen and (max-width: 760px) {
.sec_Success01 {
	padding-bottom:30px;
}
	.sec_Success01 .contents {
		padding-top: 10px
	}
	.sec_Success01 .comment {
	padding: 10px 0 30px 0 ;
	}
		.sec_Success01 .comment h3 {
			font-size:18px;
			text-align:center;
			margin-bottom:5px;
		}

}


/*--2カラム版------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_Success01 .column_2 {
}
	.sec_Success01 .column_2 ul {
	}
		.sec_Success01 .column_2 ul li {
		}
		.sec_Success01 .column_2 ul li:nth-child(2n) {
			margin-right:0px;
		}
			.sec_Success01 .column_2 ul li h3 {
				font-size:20px;
				margin-bottom:5px;
			}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_Success01 .column_2 {
}
	.sec_Success01 .column_2 ul {
	}
		.sec_Success01 .column_2 ul li {
			margin-bottom:16px;
		}
		.sec_Success01 .column_2 ul li h3 {
			font-size:16px;
			margin-bottom:5px;
			color: #f00;
		}
}

/*----画像タイプ１　----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_Success01 .img_type1 {
}
	.sec_Success01 .img_type1 li {
	}
		.sec_Success01 .img_type1 li .img_wrap {
		}
			.sec_Success01 .img_type1 li .img_wrap img {
			}
		.sec_Success01 .img_type1 li .text_wrap {
		}
			.sec_Success01 .img_type1 li .text_wrap h3 {
			}

}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_Success01 .img_type1 {
}
	.sec_Success01 .img_type1 li {
	}
		.sec_Success01 .img_type1 li .img_wrap {
			margin-bottom:10px;
		}
			.sec_Success01 .img_type1 li .img_wrap img {
				width:100%;
				text-align:center;
			}
		.sec_Success01 .img_type1 li .text_wrap {
		}
			.sec_Success01 .img_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}
}





/*-----------------------------------
特徴　sec_feature
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_feature {
}
	.sec_feature .inner {
	}
	.sec_feature .contents {
		padding:20px 0 ;
	}
	.sec_feature .comment {
		margin-bottom:20px;
		padding: 0 100px 0 100px;
	}
}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_feature {
}

	.sec_feature .contents {
		padding:10px 10px ;
	}
	.sec_feature .comment {
		margin-bottom:20px;
	}
}

/*----画像タイプ１　----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_feature .img_type1 {
}
	.sec_feature .img_type1 li {
	}
		.sec_feature .img_type1 li .img_wrap {
		}
			.sec_feature .img_type1 li .img_wrap img {
			}
		.sec_feature .img_type1 li .text_wrap {
		}
			.sec_feature .img_type1 li .text_wrap h3 {
			}

}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_feature .img_type1 {
}
	.sec_feature .img_type1 li {
	}
		.sec_feature .img_type1 li .img_wrap {
			margin-bottom:10px;
		}
			.sec_feature .img_type1 li .img_wrap img {
				width:100%;
				text-align:center;
			}
		.sec_feature .img_type1 li .text_wrap {
		}
			.sec_feature .img_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}
}



/*-----------------------------------
お客様の声　sec_voice
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_voice {
}
	.sec_voice .contents {
		padding: 20px 0 ;
	}

}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_voice {
}
	.sec_voice .contents {
		padding: 10px ;
	}
}


/*-----------------------------------
メディア　sec_media
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_media {
}
	.sec_media .contents {
		padding: 20px 0 ;
	}
.youtube_type iframe {
  width: 100%;
}

}


/*--SP--*/
@media screen and (max-width: 760px) {
	.sec_media .contents {
		padding: 10px ;
	}
.youtube_type iframe {
  width: 100%;
  height:auto;
  margin-bottom:10px;
}
}





/*-----------------------------------
購入までの流れ　sec_flow
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_flow {
}
	.sec_flow .contents {
		padding: 20px 0 ;
	}
	.sec_flow .comment {
		margin-bottom:20px;
		padding: 0 100px 0 100px;
	}
}

/*--SP--*/
@media screen and (max-width: 760px) {
.sec_flow {
}
	.sec_flow .contents {
		padding-top:10px ;
	}
	.sec_flow .comment {
		margin-bottom:20px;
	}

}


/*--矢印付きフロータイプ1　flow_type1--------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.flow_type1 {
}
	.flow_type1 ul {
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		display:inline-block;
		letter-spacing: -.40em;
	}
		.flow_type1 ul li {
			width:160px ;
			padding-right:60px ;
			list-style:none;
			margin-bottom:20px;
			display:inline-block;
			vertical-align:top;
			letter-spacing: normal;
			background-image:url(../img/flow/flow_arrow1.png);
			background-repeat:no-repeat;
			background-position:165px 30px  ;
		}
		.flow_type1 ul li:nth-child(5n) {
			padding-right:0px !important;
		}

		.flow_type1 li .img_wrap {
			margin-bottom:10px;
		}
			.flow_type1 li .img_wrap img {
				width:100%;
				text-align:center;
			}
		.flow_type1 li .text_wrap {
		}
			.flow_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.flow_type1 {
}
	.flow_type1 ul {
		margin:0;
		padding:0;
		list-style: none;
	}
		.flow_type1 li {
			background-image: url(../img/flow/flow_arrow2.png);
			background-position:40px top;
			background-repeat: repeat-y;
			background-size:20px;
			display:table;
			width:100%;
			padding-bottom:16px;
		}
		.flow_type1 li:last-child {
			background-image:none;
		}
		.flow_type1 li .img_wrap {
				display: table-cell;
				vertical-align:top;
				padding-right:5px;
				width:100px;
				text-align:left;
		}
			.flow_type1 li .img_wrap img {
					width:100px
				}
		.flow_type1 li .text_wrap {
				display: table-cell;
				vertical-align:middle;
				padding-right:5px;
				padding-top:10px;
		}
			.flow_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}
}




/*-----------------------------------
料金表　price
------------------------------------*/
/*--PC--*/
@media screen and (min-width: 761px) {
.sec_price {
}
	.sec_price .contents {
		padding: 20px 0 ;
	}
	.sec_price .comment {
		margin-bottom:20px;
		padding: 0 100px 0 100px;
	}
}
/*--SP--*/
@media screen and (max-width: 760px) {
.sec_price {
}
	.sec_price .contents {
		padding: 0 10px;
	}
}



/*---テーブルパターン１-------------------------*/
/*--PC--*/
@media screen and (min-width: 761px) {
.price_st1 {
}
	.price_st1 table {
		border: 1px solid #4f4d47;
		width: 100%;
		border-spacing: 0;
		margin: 0 auto;
		border-collapse: collapse;
	}
		/*--最上段項目ラベル----------*/
		.price_st1 thead th {
			border: 1px solid #4f4d47;
			color: #fff;
			background-color: #61c5bb;
			text-align: center;
			padding: 10px;
		}

		/*--2列目以降の一番左側項目ラベル----------*/
		.price_st1 tbody th {
			border: 1px solid #4f4d47;
			text-align: center;
			color: #fff;
			background-color: #61c5bb;
			padding: 10px;
			width:200px
		}
		.price_st1 tbody td {
			border: 1px solid #4f4d47;
			text-align: center;
			padding: 10px;
		}
}
/*--SP--*/
@media screen and (max-width: 760px) {
.price_st1 {
}
	.price_st1 table {
		width: 100%;
		border:none;
	}
		/*--最上段項目ラベルを非表示にする設定----------*/
		.price_st1 table thead {
			display: none;
		}
		.price_st1 table tr {
			display: block;
			margin-bottom: 20px;
		}
		/*--2列目以降の一番左側項目ラベル----------*/
		.price_st1 table tbody th {
			background-color: #61c5bb;
			color: #fff;
			display:block;
			padding:5px 0 ;
	}
		.price_st1 table td {
			display: block;
			padding: 5px 0 ;
			border-bottom: 1px dotted #666;
		}
}

/*---テーブルパターン２-------------------------*/
/*--PC--*/
@media screen and (min-width: 761px) {
.price_st2 {
}
	.price_st2 table {
		border: 1px solid #4f4d47;
		width: 100%;
		border-spacing: 0;
		margin: 0 auto;
		border-collapse: collapse;
	}
		/*--最上段項目ラベル----------*/
		.price_st2 thead th {
			border: 1px solid #4f4d47;
			color: #fff;
			background-color: #61c5bb;
			text-align: center;
			padding: 10px;
		}

		/*--2列目以降の一番左側項目ラベル----------*/
		.price_st2 tbody th {

			border: 1px solid #4f4d47;
			text-align: center;
			color: #fff;
			background-color: #61c5bb;
			padding: 10px;
			width:200px
		}
		.price_st2 tbody td {
			border: 1px solid #4f4d47;
			text-align: center;
			padding: 10px;
		}
}
/*--SP--*/
@media screen and (max-width: 760px) {
.price_st2 {
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
	.price_st2 table {
		border: 1px solid #4f4d47;
		width: 600px;
		border-spacing: 0;
		margin: 0 auto;
		border-collapse: collapse;
	}
		/*--最上段項目ラベル----------*/
		.price_st2 thead th {
			border: 1px solid #4f4d47;
			color: #fff;
			background-color: #61c5bb;
			text-align: center;
			padding: 10px;
		}

		/*--2列目以降の一番左側項目ラベル----------*/
		.price_st2 tbody th {
			border: 1px solid #4f4d47;
			text-align: center;
			color: #fff;
			background-color: #61c5bb;
			padding: 10px;
		}
		.price_st2 tbody td {
			border: 1px solid #4f4d47;
			text-align: center;
			padding: 10px;
		}
}




/*-----------------------------------
製品情報　sec_products
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_products {
}
	.sec_products .inner {
		padding: 20px 0 ;
	}
}


/*--SP--*/
@media screen and (max-width: 760px) {

.sec_products {
}
	.sec_products .contents {
		padding: 10px 0 ;
	}
	.sec_products .comment {
		margin-bottom:20px;
	}
}

/*---製品情報テーブル products_table1-------------------------*/
/*--PC--*/
@media screen and (min-width: 761px) {
.products_table1 {
}
	.products_table1 table {
		border: 1px solid #4f4d47;
		width: 100%;
		border-spacing: 0;
		margin: 0 auto;
		border-collapse: collapse;
	}
		/*--最上段項目ラベル----------*/
		.products_table1 thead th {
			border: 1px solid #4f4d47;
			color: #fff;
			background-color: #61c5bb;
			text-align: center;
			padding: 10px;
		}

		/*--2列目以降の一番左側項目ラベル----------*/
		.products_table1 tbody th {
			border: 1px solid #4f4d47;
			text-align: left;
			color: #fff;
			background-color: #61c5bb;
			padding: 10px;
			width:200px
		}
		.products_table1 tbody td {
			border: 1px solid #4f4d47;
			text-align: left;
			padding: 10px;
		}
}
/*--SP--*/
@media screen and (max-width: 760px) {
.products_table1 {
}
	.products_table1 table {
		width: 100%;
		border:none;
	}
		/*--最上段項目ラベルを非表示にする設定----------*/
		.products_table1 table thead {
			display: none;
		}
		.products_table1 table tr {
			display: block;
			margin-bottom: 20px;
		}
		/*--2列目以降の一番左側項目ラベル----------*/
		.products_table1 table tbody th {
			background-color: #61c5bb;
			color: #fff;
			display:block;
			padding:5px 0 ;
	}
		.products_table1 table td {
			display: block;
			padding: 5px 0 ;
			border-bottom: 1px dotted #666;
			text-align:left;
		}
}


/*-----------------------------------
会社概要　corporate
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_corporate {
}
	.sec_corporate .inner {
		padding: 20px 0 ;
	}
}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_corporate {
}
	.sec_corporate .inner {
		padding: 10px 0 ;
	}
}

/*---会社概要テーブル products_table1-------------------------*/
/*--PC--*/
@media screen and (min-width: 761px) {
.corporate_table1 {
}
	.corporate_table1 table {
		border: 1px solid #4f4d47;
		width: 100%;
		border-spacing: 0;
		margin: 0 auto;
		border-collapse: collapse;
	}
		/*--最上段項目ラベル----------*/
		.corporate_table1 thead th {
			border: 1px solid #4f4d47;
			color:  #808080;
			background-color: #7fffd4;
			text-align: center;
			padding: 10px;
		}

		/*--2列目以降の一番左側項目ラベル----------*/
		.corporate_table1 tbody th {
			border: 1px solid #4f4d47;
			text-align: left;
			color:  #808080;
			background-color: #7fffd4;
			padding: 10px;
			width:200px
		}
		.corporate_table1 tbody td {
			border: 1px solid #4f4d47;
			text-align: left;
			padding: 10px;
		}
}
/*--SP--*/
@media screen and (max-width: 760px) {
.corporate_table1 {
}
	.corporate_table1 table {
		width: 100%;
		border:none;
	}
		/*--最上段項目ラベルを非表示にする設定----------*/
		.corporate_table1 table thead {
			display: none;
		}
		.corporate_table1 table tr {
			display: block;
			margin-bottom: 20px;
		}
		/*--2列目以降の一番左側項目ラベル----------*/
		.corporate_table1 table tbody th {
			background-color: #7fffd4;
			color:  #808080;
			display:block;
			padding:5px  ;
	}
		.corporate_table1 table td {
			display: block;
			padding: 5px 0 ;
			border-bottom: 1px dotted #666;
			text-align:left;
		}
}




/*-----------------------------------
スタッフ紹介　staff
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_staff {
}
	.sec_staff .inner {
		padding:30px 0 ;
	}
}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_staff {
}
	.sec_staff .contents {
		padding: 10px 0 ;
	}
	.sec_staff .comment {
		margin-bottom:20px;
	}
}




/*-----------------------------------
アクセス
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_access {
}
	.sec_access .inner {
		padding-bottom:30px;
	}
	.google-maps {
		position: relative;
		height:400px;
		overflow: hidden;
	}
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height:400px;
	}
}


/*--SP--*/
@media screen and (max-width: 760px) {


.sec_access {
}
	.sec_access .inner {
		text-align:left;

	}
	.sec_access .map_contents {
		padding:0 0 10px 0 !important ;
	}
	.sec_access .contents {
		padding:0 10px 0 ;
	}
	.google-maps {
		position: relative;
		height:250px;
		overflow: hidden;
	}
	.google-maps iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height:250px;
	}
	.sec_access .w-48p {
		margin-bottom:20px;
	}

}



/*-----------------------------------
メールフォーム　form
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_form {
	font-size:20px;
}
	.sec_form .inner {
		width:800px !important;
		padding:30px 0;
	}

}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_form {
	font-size:14px !important;
}}


/*-----------------------------------
サンクスページ
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_thanks {
	font-size:20px;
}
	.sec_thanks .inner {
		width:800px !important;
		padding:50px 0 300px 0 ;
	}

}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_thanks {
	font-size:20px;
}
	.sec_thanks .contents {
		padding:10px 10px 50px 10px ;
	}
}


/*-----------------------------------
フッター
------------------------------------*/


/*--pc--*/
@media screen and (min-width: 761px) {
footer {
	padding:10px 0 30px 0 ;
	background-color:var(--footerColor);
	color: var(--footerText);
}
	footer .inner {
	}
		footer .ft_logo {
			float:left;
			width:250px;
		}
		footer .copy {
			float:right;
			width:750px;
			text-align:right;
		}

}
/*--sp--*/
@media screen and (max-width: 760px) {
footer {
	padding:10px 0 60px 0 ;
	background-color:var(--footerColor);
	color: var(--footerText);
	text-align:center;
}
	footer .inner {
	}
}


/*-----------------------------------
ニュース　news
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_news .contents {
	padding:20px 0 ;
}
	.news_list ul {
		padding:0;
		margin:0;
		list-style:none;
		margin-bottom:20px;
	}
		.news_list ul li {
			font-size:14px;
			padding:0;
			margin:0;
			list-style:none;
			padding: 10px 0 ;
			border-bottom: 1px dotted #ccc;
			clear:both;
			float:none;
			padding:10px 0  ;
			line-height:1.5;
		}
			.news_list ul li .date {
				float:left;
				width:120px;
				padding: 4px 0 ;
			}
			.news_list ul li .category {
				padding:4px;
				border:1px solid #ccc;
				border-radius:2px;
				margin-right:10px;
				display: block;
				width:150px;
				float:left;
				text-align:center;
			}
			.news_list ul li .title {
				padding: 4px 0 4px 200px;
				display:block;
			}
				.news_list ul li .title a {
				}
			.news_list .link_bt a {
				color: #00B6EF ;
				color:14px;
				padding: 10px 40px;
			}
/*--記事ページ------------*/
	.sec_news .news_contents  {
	}
		.sec_news  .date {
		}
		.sec_news  .news_title {
			padding-top: 10px;
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom:  5px solid var(--secTitle02Color); ;
			font-size: 20px;
			font-weight: bold;
			text-align: left;
		}
		.sec_news  .news_body {
			text-align: left;
			font-size: 16px;
			line-height: 1.8;
		}
		.sec_news .news_contents .news_body img {
			max-width: 710px ;
			height: auto;
		}
	.pagenavi {
		text-align: center;
		margin-top: 20px;
		padding-top: 20px;
		border-top:  1px solid #666 ;
	}
	.pagenavi a {
		margin: 0px 10px;
	}
}

/*--SP--*/
@media screen and (max-width: 760px) {
.sec_news .contents {
	padding:20px 0 ;
}
	.news_list ul {
		padding:0;
		margin:0;
		list-style:none;
		margin-bottom:20px;
	}
		.news_list ul li {
			margin:0;
			list-style:none;
			padding: 10px 0 ;
			border-bottom: 1px dotted #ccc;
			clear:both;
			float:none;
			line-height:1.5;
			text-align:left;
		}
			.news_list ul li .date {
				float:left;
				width:120px;
			}
			.news_list ul li .category {
				margin-right:10px;
				display: block;

				float:left;
				border-left: solid 1px #666;
				padding-left:10px;
			}
			.news_list ul li .title {
				display:block;
				padding:5px 0 0 0;
				float:none;
				clear:both;
				text-align:left;
			}
				.news_list ul li .title a {
					color:#00B6EF;
				text-align:left;
				}
			.news_list .link_bt a {
				border: 1px solid #00B6EF ;
				color: #00B6EF ;
				color:14px;
				padding: 10px 40px;
			}
/*--記事ページ------------*/
	.sec_news .news_contents  {

	}
		.sec_news .news_contents .date {
			margin-bottom: 10px;
		}
		.sec_news .news_contents .news_title {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom:  1px solid #666 ;
			font-size: larger ;
			font-weight: bold;
			text-align: left;
		}
		.sec_news .news_contents .news_body {
			text-align: left;
			line-height: 1.8;
			float: none;
		}
		.sec_news .news_contents .news_body img {
			max-width: calc(100% - 20px);
			height: auto;
		}
	.pagenavi {
		text-align: center;
		margin-top: 20px;
		padding-top: 20px;
		border-top:  1px solid #666 ;
		clear: both;
		float: none;
	}
	.pagenavi a {
		margin: 0px 10px;
	}
}


.news_list ul li .title {
}


/*-- ////////////////////////////////////////////
////
////   newsのサブメニュー
////
/////////////////////////////////////////////--*/

/*--pc  ------------------------------------*/
@media screen and (min-width: 641px) {
	.news_wrap {
	}
		.news_wrap .alpha , .sec_news .alpha {
			float: left;
			width: 740px;
		}
		.news_wrap .beta , .sec_news .beta {
			float: right;
			width: 250px;
		}
		.news_wrap .sabnavi {
		}
			.news_wrap .sabnavi .sabnavi_title {
				font-weight: normal;
				padding: 5px ;
				font-size: 14px;
				background: var(--secTitle01Color);
				color: var(--secTitle01Text);
			}
			.news_wrap .sabnavi ul {
				margin: 0 0 20px 0 ;
				padding: 0;
			}
			.news_wrap .sabnavi ul li {
				padding: 0;
				margin: 5px 0 ;
				border-bottom:  1px dotted #ccc;
			}
}
/*--sp  ------------------------------------*/

@media screen and (max-width: 640px) {
		.news_wrap .sabnavi {
		}
			.news_wrap .sabnavi .sabnavi_title {
				font-weight: normal;
				border:  1px solid #666;
				padding: 5px ;
				font-size: 14px;
			}
			.news_wrap .sabnavi ul {
				margin: 0 0 20px 0 ;
				padding: 0;
			}
			.news_wrap .sabnavi ul li {
				padding: 0;
				margin: 5px 0 ;
				border-bottom:  1px dotted #ccc;
			}
		.news_wrap .link_bt a {
			border: none;
			padding: 5px;

		}
}

/*--ヘッダーの背景色---*/
#headnav_wrap {
  background-color: #6FB9CE;
  border-color: #FFFFFF;
}

/*--ロゴの設定---*/
.navbar-brand {
  	float: left;
  	padding: 15px 0 ;
 	font-size: 18px;
	margin: 0;
}
@media screen and (max-width: 760px) {
.navbar-brand {
	padding:0 !important;
	margin: 5px 0 0 10px;
}
.navbar-brand img {
	height: 40px
}
}

/*--ヘッダーの高さ設定---*/
@media screen and (min-width: 761px) {
/*--PC--*/
.navheader {
	height:75px;
}
.navheader_sp {
	height:75px;
}

.pagelink_bt {
	position:relative;
}
	.pagelink_bt .link_mark {
		display:block;
		position:absolute;
		top:-75px;
	}
}

@media screen and (max-width: 760px) {
.navheader {
	padding: 0 10px;
}/*--SP--*/
.navheader_sp {
	height:50px;
}
.pagelink_bt {
	position:relative;
}
	.pagelink_bt .link_mark {
		display:block;
		position:absolute;
		top:-50px;
	}
}

/*--右側のナビゾーンの設定PC--*/
@media screen and (min-width: 761px) {
.navbar-collapse {
	padding: 20px 0 0 0  ;
}
	.navbar-nav {
		width: 730px !important;
		float: left;
	}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  display:block !important;
  padding:5px 10px 5px 0;
  line-height:24px;
}/*--ナビのリンクのサイズ指定　余白等--*/

.navbar-inverse .navbar-nav > li > a.space0 {
	padding:0 !important ;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}/*--ナビのリンクマウスオーバー時の文字色--*/

}



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

/*--スマホメニュー---*/
/*--ハンバーガーメニューボタンサイズ---*/
.navbar-toggle {
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;

  margin-bottom: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-inverse .navbar-toggle {
	  border-color: #FFFFFF;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
/*--ハンバーガーメニューボタンの枠色---*/
/*--ハンバーガーボタンのマウスオーバー状態の背景色--*/
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #080;
}
	.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  display:block !important;
  padding:5px 10px 5px 0;
  line-height:24px;
}/*--ナビのリンクのサイズ指定　余白等--*/

.navbar-inverse .navbar-nav > li > a.space0 {
	padding:0 !important ;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}/*--ナビのリンクマウスオーバー時の文字色--*/
}

/*-----------------------------------
コンセプト　sec_concept01
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_concept01 {
	padding-bottom:30px;
}

	.sec_concept01 .inner {
	}
	.sec_concept01 .comment {
	padding: 10px 0 30px 0 ;
	}
}
/*--SP--*/
@media screen and (max-width: 760px) {
.sec_concept01 {
	padding-bottom:30px;
}
	.sec_concept01 .contents {
		padding-top: 10px
	}
	.sec_concept01 .comment {
	padding: 10px 0 30px 0 ;
	}
		.sec_concept01 .comment h3 {
			font-size:18px;
			text-align:center;
			margin-bottom:5px;
		}

}


/*--2カラム版------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_concept01 .column_2 {
}
	.sec_concept01 .column_2 ul {
	}

		.sec_concept01 .column_2 ul li {
		}
		.sec_concept01 .column_2 ul li:nth-child(2n) {
			margin-right:0px;
		}
			.sec_concept01 .column_2 ul li h3 {
				font-size:20px;
				margin-bottom:5px;
			}
}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_concept01 .column_2 {
}
	.sec_concept01 .column_2 ul {
	}
		.sec_concept01 .column_2 ul li {
			margin-bottom:16px;
		}
		.sec_concept01 .column_2 ul li h3 {
			font-size:16px;
			margin-bottom:5px;
			color: #f00;
		}
}

/*----画像タイプ１　----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_concept01 .img_type1 {
}
	.sec_concept01 .img_type1 li {
	}
		.sec_concept01 .img_type1 li .img_wrap {
		}
			.sec_concept01 .img_type1 li .img_wrap img {
			}
		.sec_concept01 .img_type1 li .text_wrap {
		}
			.sec_concept01 .img_type1 li .text_wrap h3 {
			}

}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_concept01 .img_type1 {
}
	.sec_concept01 .img_type1 li {
	}
		.sec_concept01 .img_type1 li .img_wrap {
			margin-bottom:10px;
		}
			.sec_concept01 .img_type1 li .img_wrap img {
				width:100%;
				text-align:center;
			}
		.sec_concept01 .img_type1 li .text_wrap {
		}
			.sec_concept01 .img_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}
}

/*-----------------------------------
サービス・製品　sec_service
------------------------------------*/
/*--共通--*/


/*--PC--*/
@media screen and (min-width: 761px) {
.sec_service {
}
	.sec_service .inner {
	}
	.sec_service .contents {
		padding:20px 0 ;
	}
	.sec_service .comment {
		margin-bottom:20px;
		padding: 0 100px 0 100px;
	}
}


/*--SP--*/
@media screen and (max-width: 760px) {
.sec_service {
}

	.sec_service .contents {
		padding:10px 10px ;
	}
	.sec_service .comment {
		margin-bottom:20px;
	}
}

/*----画像タイプ１　----------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
.sec_service .img_type1 {
}
	.sec_service .img_type1 li {
	}
		.sec_service .img_type1 li .img_wrap {
		}
			.sec_service .img_type1 li .img_wrap img {
			}
		.sec_service .img_type1 li .text_wrap {
		}
			.sec_service .img_type1 li .text_wrap h3 {
			}

}
/*--sp--*/
@media screen and (max-width: 760px) {
.sec_service .img_type1 {
}
	.sec_service .img_type1 li {
	}
		.sec_service .img_type1 li .img_wrap {
			margin-bottom:10px;
		}
			.sec_service .img_type1 li .img_wrap img {
				width:100%;
				text-align:center;
			}
		.sec_service .img_type1 li .text_wrap {
		}
			.sec_service .img_type1 li .text_wrap h3 {
				margin-bottom:5px;
			}
}

.policy_wrap {
	height: 8em;
	overflow-y: scroll;
	font-size: 12px;
	padding: 5px;
	border: solid 1px #ccc;
	margin: 2em 0 ;
}



/*-----------------------------------
SNSリンク　snslink_wrap
------------------------------------*/
/*--pc--*/
@media screen and (min-width: 761px) {
	.snslink_wrap {
		position: absolute;
		position: fixed;
		top:calc(50vh - 100px);
		right: 0px;
		height: 200px;
		display: table;
		width: 50px;
		z-index: 500;
	}
		.snslink_wrap ul {
			list-style: none;
			padding: 0;
			margin: 0;
			display: table-cell;
			vertical-align: middle;
		}
			.snslink_wrap ul li {
				list-style: none;
				width: 50px;
				height: 50px;
				margin: 2px 0 ;
			}
			.snslink_wrap ul li a {
				display: block;
				height: 50px;
				width: 50px;
				line-height: 50px;
				text-align: center;
			}
			.snslink_wrap ul li a i {
				font-size: 30px;
				color: #fff;
				line-height: 50px;
			}
			.snslink_wrap ul li.blog a {
				background-color: #FF7F00;
			}
			.snslink_wrap ul li.fb a {
				background-color: #3B5997;
			}
			.snslink_wrap ul li.tw a {
				background-color: #1DA1F3;
			}
			.snslink_wrap ul li.insta a {
				background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
				
			}
			.snslink_wrap ul li.youtube a {
				background-color: #C8312B;
			}
}
/*--sp--*/
@media screen and (max-width: 760px) {
	.snslink_wrap {
		position: absolute;
		position: fixed;
		bottom:0px;
		right: 0px;
		height: 50px;
		width: 100%;
		z-index: 500;
		text-align: center;
	}
		.snslink_wrap ul {
			list-style: none;
			padding: 0;
			margin: 0;
			display: table-cell;
			vertical-align: middle;
			margin: auto;
			
		}
			.snslink_wrap ul li {
				list-style: none;
				width: 50px;
				height: 50px;
				margin: 0;
				display: inline-block;
			}
			.snslink_wrap ul li a {
				display: block;
				height: 50px;
				width: 50px;
				line-height: 50px;
				text-align: center;
			}
			.snslink_wrap ul li a i {
				font-size: 30px;
				color: #fff;
				line-height: 50px;
			}
			.snslink_wrap ul li.blog a {
				background-color: #FF7F00;
			}
			.snslink_wrap ul li.fb a {
				background-color: #3B5997;
			}
			.snslink_wrap ul li.tw a {
				background-color: #1DA1F3;
			}
			.snslink_wrap ul li.insta a {
				background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
				
			}
			.snslink_wrap ul li.youtube a {
				background-color: #C8312B;
			}
}


/*-----------------------------------
サムネイル型記事
------------------------------------*/

.thumb_list {
}
@media screen and (min-width: 761px) {
	.thumb_list ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 20px 0 ;
		padding: 0;
	}
		.thumb_list ul li {
			width: 167px;
			margin-left: 10px;
			margin-bottom: 10px;
		}
			.thumb_list ul li:nth-of-type(1) , .thumb_list ul li:nth-of-type(4n + 1) {
				margin: 0px;
			}
			.thumb_list ul li .thumb {
			}
				.thumb_list ul li .thumb img {
					width: 100%;
					height: auto;
				}

		.thumb_list ul li span.date {
			display: block;
			margin-bottom: 5px;
		}
}
@media screen and (max-width: 760px) {
	.thumb_list ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 10px 0 ;
		padding: 0;
		text-align: center;
	}
		.thumb_list ul li {
			width: calc(50vw - 18px);
			margin-left: 10px;
			margin-bottom: 10px;
		}
			.thumb_list ul li:nth-of-type(1) , .thumb_list ul li:nth-of-type(2n + 1) {
				margin-left: 0px;
			}
			.thumb_list ul li .thumb {
			}
				.thumb_list ul li .thumb img {
					width: 100%;
					height: auto;
				}

		.thumb_list ul li span.date {
			display: block;
		}
}
/*--------------------------------------------
EFFECT
---------------------------------------------*/
.effect{
  opacity: 0;
}
.effect.is-view{
  animation: fadeIn 1s ease forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY( 20px );
  }
  100% {
    opacity: 1;
    transform: translateY( 0 );
  }
}