@charset "UTF-8";
/* @charset "Shift-JIS"; */

@font-face {
	font-family: 'Hardman';
	src: url(../font/Hardman.ttf);
}

@font-face {
	font-family: 'Dogfish';
	src: url(../font/Dogfish.ttf);
}

@font-face {
	font-family: 'sqroute';
	src: url(../font/sqroute.ttf);
}

@font-face {
	font-family: 'copperplate';
	src: url(../font/COPRGTB.TTF);
}




/* 基本色 */
:root {
	--main-color: #5D9AB2;
	--accent-color: #BF6A7A;

/*	--accent-color1: #1AA7B1;  */
/*	--accent-color1: #1057B1;  */
	--accent-color1: #50A7B1;  

/*	--accent-color2: #FFA500;  */
	--accent-color2: #DDA500;  



	--dark-main-color: #2B5566;
	--text-bright-color: #fff;

	--icon-color: #fff;
	--icon-bk-color: #ddd;
	--gray:color: #ddd;
	--large-width: 1000px;

/*	--middle-width: 500px;  */

}

/*  基本設定: ﾌｫﾝﾄ  */

@media (max-width: 599px) {
	:root {
		font-size: 14px;
	}
}

@media (min-width: 600px) and (max-width: 799px) {
	:root {
		font-size: 16px;
	}
}

@media (min-width: 800px) {
	:root {
		font-size: 18px;
	}
}

body { font-size: 16px;}






/*		テスト用記述		*/
/*
* {
	outline: 1px solid magenta;
}
*/


/*  コンテンツページ  */

.post .container {

	max-width: 800px;
	max-width: var(--middle-width);
	margin-left: auto;
	margin-right:auto;

	padding: 60px 30px 10px;

}






.post h1 {
	padding-left: 2rem;
	border-left: solid 0.75rem #1AA7B1;
	border-left: solid 0.75rem var(--accent-color1);
	font-size: 1.5rem;

/*	letter-spacing: 20px;*/

}

.post h2 {
	padding-left: 2rem;
	border-left: solid 0.75rem #FFA500;
	border-left: solid 0.75rem var(--accent-color2);
	font-size: 1rem;
}

.post h3 {
	padding-left: 2rem;
	border-left: solid 0.75rem #BF6A7A;
	border-left: solid 0.75rem var(--accent-color);
	font-size: 0.7rem;
}

/*
.post h4 {
	padding-left: 4rem;
	border-left: solid 0.75rem #6abf71;
	border-left: solid 0.75rem var(--accent-color);
	font-size: 1rem;

	padding: 1px 20px 1px 20px;
	margin: 0 0 0 4rem ;
	
	display: inline-block;

	border: 1px solid #333333;
	border-radius: 10px;

	width: auto;
}
*/


.post p {
	padding-left: 3rem;
	font-size: 1rem;
/*	line-height: 2;		*/
/*	line-height: 1.5;	*/
	line-height: 1;
}







@media (max-width: 767px) {

	.post h1 {
		padding-left: 2rem;
		border-left: solid 0.75rem #1AA7B1;
		border-left: solid 0.75rem var(--accent-color1);
		font-size: 1.5rem;	
/*		font-size: 0.75rem;	*/
	
	/*	letter-spacing: 20px;*/
	
	}
	
	.post h2 {
		padding-left: 2rem;
		border-left: solid 0.75rem #FFA500;
		border-left: solid 0.75rem var(--accent-color2);
		font-size: 1rem;	
/*		font-size: 0.5rem;	*/
	}
	
	.post h3 {
		padding-left: 2rem;
		border-left: solid 0.75rem #BF6A7A;
		border-left: solid 0.75rem var(--accent-color);
/*		font-size: 0.7rem;	*/
		font-size: 0.35rem;
	}
	
	/*
	.post h4 {
		padding-left: 4rem;
		border-left: solid 0.75rem #6abf71;
		border-left: solid 0.75rem var(--accent-color);
		font-size: 1rem;
	
		padding: 1px 20px 1px 20px;
		margin: 0 0 0 4rem ;
		
		display: inline-block;
	
		border: 1px solid #333333;
		border-radius: 10px;
	
		width: auto;
	}
	*/
	
	
	.post p {
		padding-left: 3rem;
	/*	font-size: 1rem;	*/
	/*	font-size: 0.5rem;	*/
		font-size: 0.75rem;
	/*	line-height: 2;		*/
	/*	line-height: 1.5;	*/
		line-height: 1;
	}
	


}





.post .articles {
/*	width: 10px;*/
	width: 50%;
}

.post .articles ul {
	list-style:none;
	margin: 0 auto;
	padding: 0;
}

.post .articles li {
	overflow: hidden;
	padding: 10px;
	margin-bottom: 20px;
	background:#e9e2de;
}

.post .articles .thumbnail {
	float: left;
	margin-right: 10px;
	font-size: 0;
}

.post .articles .category {
	margin: 0 0 5px 0;
	font-size: 20px;
/*	font-size: 12px;*/
	font-weight: bold;
	color:#dd3a59;
}

.post .articles .title {
	margin: 0;
	font-size: 14px;
}

.post .articles .title a {
	text-decoration: none;
	color:#000000;
}

.post .articles .title a:hover {
	color: #717171;
}









/* 基本設定： ページ全体 */
body {
	margin: 0;
	font-family: 'Hiragino Kaku Gothic Pro','メイリオ','Montserrat', sans-serif;

/*	min-width:	1000px; */
/*	max-width:	1400px;	*/

/*	background: #808080;  */
/*	'Arial'	'HGP行書体'	  'Hiragino Kaku Gothic Pro', sans-serif;	*/
}


p.kome{ text-indent: -1em; padding-left: 1em; }





dl{
 border: 1px solid #999;
 width: 560px;
 background-color: #999;
}

dt{
 float: left;
 width: 100px;
 padding: 5px 0 5px 10px;
 clear: both;
 font-weight: bold;
}

dd{
 width: 430px;
 margin-left: 100px;
 padding: 5px 19px 5px 10px;
 border-left: 1px solid #999;
 background-color: #FFF;
}



thead{
 background-color: #fff; 
}

tbody{
 background-color: #eee; 
}

tfoot{
 background-color: #ddd;
}





.hm-header_navitems{
	display: flex;
	flex-wrap: nowrap;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.hm-header_navitem{
                           margin: 0 1rem 0 0;
	text-transform: uppercase;
}

.hm-header_navitem:last-child{
	margin-right: 0;
}

@media all and (min-width: 600px){
	.hm-header{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.hm-header_logo{
		margin: 0;
	}
	.hm-header_navitem{
	margin: 0 2rem 0 0;
	text-transform: uppercase;
	}
}







/*<!--  ****************************************************** -->*/
/*<!--  ****************************************************** -->*/



/* コンテンツD： ヒーローイメージ */
.conD {
	display: flex;
	align-items: center;
	justify-content: center;
/*	width: 1000px;			*/
/*	width:  100vw;			*/
	width:   96vw;			
/*	width:   80vw;			*/
/*	height: 100vh;			*/
	height:  50vh;			
/*	height:  35vh;			*/
/*	height:  30vh;			*/
/*	height:  20vh;			*/
	max-width: 1200px;		
/*	max-width: 1000px;		*/
	max-height: 250px;		
/*	min-height: 250px;		*/
	min-height: 150px;
	
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171.JPG);		*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_50%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_25%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_10%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_3661_kai_10%.jpg);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_3661_kai_25%.jpg);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_3661_kai_25p.jpg);	*/
background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/dsc00266_50p.jpg);
background-position: top;
	background-size: cover;
	color: #fff;
	color: var(--text-bright-color);
	text-align: center;
}




.conD h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15vw;
	letter-spacing: 0.2em;
	margin-left: 0.2em;
}

.conD p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 5vw;
	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	
}

.conD img {
	width: 50%;
}

.conD a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #BF6A7A;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conD a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}


@media (min-width: 768px) {
	.conD h1 {
		font-size: 115px;
	}

	.conD p {
		font-size: 38px;
	}
}






/*<!--  ****************************************************** -->*/
/*<!--  ****************************************************** -->*/


/* コンテンツC： ヒーローイメージ */
.conC {
	display: flex;
	align-items: center;
	justify-content: center;

/*	width: 1000px;			*/
/*	width:  100vw;			*/
	width:   96vw;			
/*	width:   80vw;			*/
/*	height: 100vh;			*/
	height:  50vh;			
/*	height:  35vh;			*/
/*	height:  30vh;			*/
/*	height:  20vh;			*/
	max-width: 1200px;		
/*	max-width: 1000px;		*/
/*	max-height: 500px;		*/
	max-height: 250px;		
/*	min-height: 250px;		*/
	min-height: 150px;
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171.JPG);		*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_50%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_25%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/ss5a_image_50%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/ss5a_image_25%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/ss5a_image_25%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(/img/ss5a_image_25%.jpg);	*/
	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/ss5a_image_25p.jpg);
	background-position: center;
	background-size: cover;
	color: #fff;
	color: var(--text-bright-color);
	text-align: center;
}

.conC h1 {
	margin-top: 0;
	margin-bottom: 10px;
/*	font-family: 'Magneto', sans-serif;  */
/*	font-family: 'sqroute', sans-serif;  */
	font-family: 'Hardman', sans-serif;  
/*	font-family: 'Dogfish', sans-serif;  */
/*	font-family: 'copperplate', sans-serif; */  

/*	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
/*	font-family: 'Montserrat',"MS 明朝", sans-serif;		*/
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */

	font-size: 15vw;	

	/*	font-size: 5vw;		*/
/*	letter-spacing: 0.1em;*/

	letter-spacing: 0.2em;	

/*	letter-spacing: 1.2em;*/
	margin-left: 0.2em;
}

.conC h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
/*	font-family: 'Montserrat',"MS 明朝", sans-serif;		*/
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
	font-size: 12vw;	
/*	font-size: 5vw;		*/
	letter-spacing: 0.2em;
	margin-left: 0.2em;
}

.conC h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
/*	font-family: 'Montserrat',"MS 明朝", sans-serif;		*/
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
	font-size: 8vw;	
/*	font-size: 5vw;		*/
	letter-spacing: 0.2em;
	margin-left: 0.2em;
}

.conC p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 5vw;
	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
/*	font-family: 'Montserrat',"MS 明朝", sans-serif;		*/
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
}

.conC img {
	width: 50%;
}



.conC a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #BF6A7A;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;

/*	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
	font-family: 'Montserrat',"MS 明朝", sans-serif;		
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */

	text-indent: 1em;


}


.conC b {
	display: inline-block;
	margin-top: 1vw;
	padding: 1vw 1vw;
	border: solid 0.2vw currentColor;
	border-radius: 1vw;
	background-color: #BF6A7A;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 1vw;
	text-decoration: none;

/*	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
	font-family: 'Montserrat',"MS 明朝", sans-serif;		
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */

	letter-spacing: 0.2em;
	margin-left: 0.2em;


}


.conC a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}


@media (min-width: 768px) {
	.conC h1 {
		font-size: 115px;	
/*		font-size:  90px;	*/
	}

	.conC p {
		font-size: 38px;
	}
}










/*<!--  ****************************************************** -->*/
/*<!--  ****************************************************** -->*/



/* コンテンツB： ヒーローイメージ */
.conB {
	display: flex;
	align-items: center;
	justify-content: center;
/*	width: 1000px;			*/
/*	width:  100vw;			*/
	width:   96vw;			
/*	width:   80vw;			*/
/*	height: 100vh;			*/
	height:  50vh;			
/*	height:  35vh;			*/
/*	height:  30vh;			*/
/*	height:  20vh;			*/
	max-width: 1200px;		
/*	max-width: 1000px;		*/
	max-height: 250px;
/*	min-height: 250px;		*/
	min-height: 150px;
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171.JPG);		*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_50%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_25%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_10%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_3661_kai_10%.jpg);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_3661_kai_25%.jpg);	*/
	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_3661_kai_25p.jpg);
	background-position: top;
	background-size: cover;
	color: #fff;
	color: var(--text-bright-color);
	text-align: center;
}




.conB h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15vw;
	letter-spacing: 0.2em;
	margin-left: 0.2em;
}

.conB p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 5vw;
	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	
}

.conB img {
	width: 50%;
}

.conB a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #BF6A7A;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conB a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}


@media (min-width: 768px) {
	.conB h1 {
		font-size: 115px;
	}

	.conB p {
		font-size: 38px;
	}
}





/*<!--  ****************************************************** -->*/
/*<!--  ****************************************************** -->*/
/*<!--  ****************************************************** -->*/





/* コンテンツA： ヒーローイメージ */
.conA {
	display: flex;
	align-items: center;
	justify-content: center;
/*	width: 1000px;			*/
/*	width:  100vw;			*/
	width:   96vw;			
/*	width:   80vw;			*/
/*	height: 100vh;			*/
	height:  50vh;			
/*	height:  35vh;			*/
/*	height:  30vh;			*/
/*	height:  20vh;			*/
	max-width: 1200px;		
/*	max-width: 1000px;		*/
	max-height: 250px;
/*	min-height: 250px;		*/
	min-height: 150px;
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171.JPG);		*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_50%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_25%.JPG);	*/
/*	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_10%.jpg);	*/
	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/IMG_1171_10p.jpg);
	background-position: center;
	background-size: cover;
	color: #fff;
	color: var(--text-bright-color);
	text-align: center;
}

.conA h1 {
	margin-top: 0;
	margin-bottom: 10px;
/*	font-size: 15vw;	*/
	font-size: 7vw;	
/*	font-size: 10px;	*/
/*	font-size: 5vw;		*/
	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
/*	font-family: 'Montserrat',"MS 明朝", sans-serif;		*/
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
	letter-spacing: 0.2em;
	margin-left: 0.2em;
}

.conA p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 5vw;	
/*	font-size: 3vw;	*/
	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
/*	font-family: 'Montserrat',"MS 明朝", sans-serif;		*/
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */

}

.conA img {
	width: 50%;
}

.conA a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #BF6A7A;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;

/*	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
	font-family: 'Montserrat',"MS 明朝", sans-serif;		
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */

	text-indent: 1em;


}


.conA b {
	display: inline-block;
	margin-top: 1vw;
	padding: 1vw 1vw;
	border: solid 0.2vw currentColor;
	border-radius: 1vw;
	background-color: #BF6A7A;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 1vw;
	text-decoration: none;

/*	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"HG行書体", sans-serif; 	*/
/*	font-family: 'Montserrat',"HG正楷書体-PRO", sans-serif;	*/
/*	font-family: 'Montserrat',"MingLiU", sans-serif;		*/
/*	font-family: 'Montserrat',"MS ｺﾞｼｯｸ", sans-serif;		*/
	font-family: 'Montserrat',"MS 明朝", sans-serif;		
/*	font-family: 'Montserrat',"HG創英角ﾎﾟｯﾌﾟ体", sans-serif;	*/
/*	font-family: 'Montserrat',"HG創英角ｺﾞｼｯｸUB", sans-serif;	*/
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */
/*	font-family: 'Montserrat',"", sans-serif;  */

	letter-spacing: 0.2em;
	margin-left: 0.2em;


}


.conA a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}


@media (min-width: 768px) {
	.conA h1 {
	/*	font-size: 115px;	*/
		font-size:  60px;	
	/*	font-size:  90px;	*/
	}

	.conA p {
		font-size: 38px;	
	/*	font-size: 5vw;	*/
	}
}









/*<!--  ****************************************************** -->*/
/*<!--  ****************************************************** -->*/

.header-nav-wrapper {
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
/*	width: 100%;*/
/*	width: 600px;	*/
	width: 768px;
/*	max-width: 600px; */
background: #FFFFFF;
}



/*<!--  ****************************************************** -->*/


.main-wrapper {
/*	position: absolute;*/
	position: relative;
	z-index: 0;
	left: 0;
	top:  26px;
/*	top:  30px;*/
	width: 100%;
/*	background: #FFFFFF;	*/
/*	background: #F0F0F0;	*/
	background: #F0F3F0;
}


@media (max-width: 768px) {

	.main-wrapper {
		/*	position: absolute;*/
			position: relative;
			z-index: 0;
			left: 0;
			top:  48px;
		/*	top:  208px;	*/
		/*	top:  234px;*/	    /* ナビゲーション縦9項目時の設定値 */
		/*	top:  240px;	*/
		/*	top:  260px;	*/
		/*	max-width: 100px;	*/
			width: 100%;
		/*	background: #FFFFFF;	*/
		/*	background: #F0F0F0;	*/
			background: #F0F3F0;
	
		}

	}
	





/*<!--  ****************************************************** -->*/


header {
/* 	position: absolute;	*/
	position: fixed;	
	top: 0;
	left: 0;		
	z-index: 10;
	width: 100%;
	background-color: rgba(255,255,255,0.9);
}




/*
header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;

	max-width: 1000px;			
	max-width: var(--large-width);
	margin-left: auto;
	margin-right: auto;
}
*/

/*<!--  ****************************************************** -->*/


/* header A:     sight name */

/*
<!--
.headA {
	text-decoration: none;
}
-->
*/

.headA {
	display: inline-block;

	width: 250px;

	line-height: 26px;	
/*	line-height: 30px;	*/
	padding-left: 20px;
	padding-right: 20px;
	background-color: #5D9AB2;
	background-color: var(--main-color);
	color: #fff;
	color: var(--text-bright-color);
/*	font-family: 'Magneto', sans-serif;  */
/*	font-family: 'sqroute', sans-serif;  */
	font-family: 'Hardman', sans-serif;  
/*	font-family: 'Dogfish', sans-serif;  */
/*	font-family: 'Hardman', sans-serif;  */
/*	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	*/
/*	font-family: 'Montserrat', sans-serif;		*/
	font-size: 24px;				
/*	font-size: 36px;				*/
	text-decoration: none;
}


/*<!--  ****************************************************** -->*/

/* header B:     navigation menu */



.headB ul {

	margin: 0;
	padding: 0;
	list-style: none;

	display: flex;	

/*	justify-content: center;	*/
/*	justify-content: flex-end;	*/
	justify-content: flex-start;	

}

.headB a {
	display: block;	
/*	display: inline;	*/
	padding: 4px;
	color: inherit;
	font-size: 6px;	
/*	font-size: 1vw;	*/
	text-decoration: none;
}



.headB a:hover {
	background-color: rgba(0,0,0,0.3);
/*	background-color: rgba(255,255,255,255,255,255);*/
}




@media (min-width: 768px) {
/*  @media (min-width: 500px) {  */


	header .container {
		top: 1000px;	
	/*	display: inline-box;	*/
		display: flex;	

		align-items: center;
		justify-content: space-between;

		max-width: 60px;		
		max-width: var(--large-width);	
		margin-left: auto;
		margin-right: auto;
	}


	.headB ul {
		display: flex;
	}

	.headB a {
		font-size: 12px;
	}


	.headB a:hover {
		opacity: 0.3;
	}

}


/*<!--  ****************************************************** -->*/

/* header C:     toggle button */

/*
.headC img	{
	align-items: center;
	justify-content: space-between;
}


@media (min-width:768px) {
	.headC {
		display: none;
	}
}
*/

/*
@media (max-width:768px) {

	.headC {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

/*	.headC:hover {
		opacity: 0.3;
	}

}
*/



/*<!--  ****************************************************** -->*/

/*  contents page  */

.nohero header {
	position: static;
	border-bottom: solid 1px #ddd;
	border-bottom: solid 1px var(--gray-solor);
}


/* -------------------------------------------------------------- */


sectionA div {
	margin-left: 1.5em;
	text-indent: -1.5em;
}

sectionA table {
	border-collapse: collapse;
	max-width: 800px;
}

/*
sectionA table tbody {
	height: 100px;
	overflow-y: scroll;
}
*/


sectionA td,th {
	padding: 2px 8px;
	border: 1px solid #b7b7b7;	
}

sectionA td,th .contents {
	min-width:400px;
}



@media (max-width:767px) {

	.sectionA td,th {
		font-size: 0.5rem;

		padding: 2px 8px;
		border: 1px solid #b7b7b7;	
	}

}




/* -------------------------------------------------------------- */


.sectionB .post .seihins {
	display: flex;	
	flex-wrap: wrap;
}
	
.sectionB .post .seihin {
	white-space: nowrap;
	margin: 5px 5px 5px 5px;
}


/*以下class名link_buttonのデザイン*/
.sectionB .post .seihin a {
	font-weight: bold;		/*太字に*/
	text-decoration: none;	/*下線消す*/
	background: skyblue;	/*背景を水色に*/
	color:white;			/*文字を白に*/
	padding:5px 10px;		/*内側の余白*/
	border-radius: 20px;	/*角を丸くする*/
	font-family: 'Avenir','Arial';	/*フォントをいい感じに*/
}
  /*以下カーソルを当てたとき*/
  .sectionB .post .seihin a:hover {
	background: silver;	/*背景色をシルバーに*/
	text-decoration: none;	/*下線を消す*/
  }
  







.sectionB .articles_feat:hover {
	opacity: 0.5;
}


.sectionB .articles_feat ul {
	border-radius: 10px;
/*	width: 450px;	*/
	width: 420px;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background:#e9e2de;
	list-style: none;
	border: 2px solid #ffffff;
}

.sectionB .articles_feat li {
	overflow: hidden;
/*	margin: 10px;*/
/*	padding: 10px;*/
	list-style: none;
}

.sectionB .thumbnail {
	float: left;
}

.sectionB .articles_feat {
	float: left;
}

.sectionB .clear_box {
	clear: both;
}



.sectionB h3 {
	margin: 0 0 5px 0;
	font-size: 20px;
/*	font-size: 12px;*/
	font-weight: bold;
	line-height: 1;
	color:#dd3a59;
/*	color:#000000;*/

}

.sectionB p {
/*	color:#ffffff;*/
	color:#000000;
/*	color:#0000ff;*/

	line-height: 1;
/*	line-height: 0.7; */
}

.sectionB img {
	margin: 0 10px 0 0;
	border: 5px solid #ffffff;
	height: 200px;

}

.sectionB a {
	text-decoration: none;
}



@media (max-width:767px) {

	.sectionB .articles_feat ul {
		border-radius: 10px;
	/*	width: 300px;	*/
		width: 250px;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		background:#e9e2de;
		list-style: none;
		border: 2px solid #ffffff;
	}

	.sectionB img {
		margin: 0 10px 0 0;
		border: 5px solid #ffffff;
		height: 120px;
	
	}
	

}



/* -------------------------------------------------------------- */

/*
.sectionC div {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
*/

/*
.sectionC dl {
	border: 1px solid #999;
	width: 100%;
	background-color: #999;
	overflow: auto ;
}

.sectionC dt {
	float: left;
	width: 100px;
	clear: both;
	font-weight: bold;

	background-color: #888888 ;
}

.sectionC dd {
	width: 430px;
	margin-left: 100px;
	padding: 5px 19px 5px 10px;
	border-left: 1px solid #999;
	background-color: #FFF;

	margin-left: 0px ;
	font-size: 0.9em ;
	text-align: left ;
}

*/


/*
.sectionC {
width: 100%;
}
*/

.sectionC dl{
 border: 1px solid #999;
 width: 100%;
 max-width: 560px;
 background-color: #999;
}

.sectionC dt{
 float: left;
 width: 100px;
 padding: 5px 0 5px 10px;
 clear: both;
 font-weight: bold;
}

.sectionC dd{
 width: 100%;
 max-width: 430px;
 margin-left: 100px;
 padding: 5px 19px 5px 10px;
 border-left: 1px solid #999;
 background-color: #FFF;
}




.sectionC .container p.title{
	padding-left: 3rem;
/*	font-size: 1rem;	*/
	font-size: 1rem;
/*	line-height: 2;		*/
/*	line-height: 1.5;	*/
	line-height: 1;
}
	
.sectionC .post p.content{
	padding-left: 5rem;
/*	font-size: 1rem;	*/
	font-size: 0.7rem;
/*	font-size: 0.5rem;	*/
/*	font-size: 18px;	*/
/*	line-height: 2;		*/
/*	line-height: 1.5;	*/
	line-height: 1;
}
	

/*
dl{
 border: 1px solid #999;
 width: 560px;
 background-color: #999;
}

dt{
 float: left;
 width: 100px;
 padding: 5px 0 5px 10px;
 clear: both;
 font-weight: bold;
}

dd{
 width: 430px;
 margin-left: 100px;
 padding: 5px 19px 5px 10px;
 border-left: 1px solid #999;
 background-color: #FFF;
}
*/

.sectionC table.example0 td {
/*	white-space: nowrap ;*/
	padding: 2px 8px;
	border: 1px solid #b7b7b7;	
	width:auto
}

.sectionC table.example0 th {
	/*	width: 0;*/
		white-space: nowrap ;
		padding: 2px 8px;
		border: 1px solid #b7b7b7;	
		background-color: #FFF;
	/*	width:auto*/
	}
	

/*
sectionC td,th {
	padding: 2px 8px;
	border: 1px solid #b7b7b7;	
}
*/


/*
.sectionC table {
	border-collapse: collapse;
	max-width: 800px
}
*/

/*
.sectionC .nowrap {
	white-space: nowrap ;
}
*/

.sectionC table.example1 {
	table-layout: auto ;
	width: auto
}

/*
.sectionC .example1 tr{

	width:0;
}
*/
/*
.sectionC table .example1 {
	white-space: nowrap ;
}
*/


.sectionC table.example1 td {
	white-space: nowrap ;
	padding: 2px 8px;
	border: 1px solid #b7b7b7;	
	width:auto
}


.sectionC table.example1 th {
	/*	width: 0;*/
	white-space: nowrap ;
	padding: 2px 8px;
	border: 1px solid #b7b7b7;	
	background-color: #FFF;
	width:auto
}

/*
.sectionC td,th .contents {
	min-width:400px;
}
*/

/*
.sectionC td:nth-child(1) {
 width: 100px;
 background-color: #999;
}


.sectionC td:nth-child(2) {
 width: 80%;
 max-width: 500px;
 background-color: #fff;
}

*/




/* -------------------------------------------------------------- */

/*
sectionD div {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
*/


.sectionD iframe {
	max-width: 1000px;
	width: 100%;
	height: 400px;
	vertical-align: bottom;
}

.sectionD h3 {
	text-decoration: none;

	max-width: 1000px;

	margin: 0;
	padding: 20px 0 20px 0;
	border-left: none 0 ;
	background-color: #5D9AB2;
	background-color: var( --main-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 1.5rem;
	text-align: center;
}




	



/* -------------------------------------------------------------- */


.sectionE .container .select-button {

/*	width: 600px; */
	border-radius: 10px;
/*	text-align: center;*/

	overflow: hidden;
	margin: 0 10px 10px 0;
/*	padding: 10px;*/
	list-style: none;
}



.sectionE .container .select-button li {
	float: left;
/*	margin: 0 1.3333333333% 0 0;*/
/*	border: 10px solid #000000*/
/*	width: 24%;*/
/*	border-radius: 10px;*/

	width: 250px;
	height: 200px;

	margin: 10px;
	padding: 30px 0;
	text-align: left;
	border-radius: 10px;

	background: #ffffff;
}

.sectionE .container .select-button li:hover {
	float: left;
/*	margin: 0 1.3333333333% 0 0;*/
/*	border: 10px solid #000000*/
/*	width: 24%;*/
/*	border-radius: 10px;*/

	width: 250px;
	height: 200px;

	margin: 10px;
	padding: 30px 0;
	text-align: left;
	border-radius: 10px;

	background: #ffffff;

	opacity: 0.5;
}


.sectionE .container .select-button h2 {
/*	width: 200px;*/
	margin: 0 10px 10px 0;
/*	padding: 10px 10px;*/
	text-align: left;
	border-radius: 10px;

/*	background: #ffffff;*/

/*	color:#dd3a59;*/
	color:#000000;
/*	color:#ffffff;*/

	border: none; 
	font-size: 1.2em;
}


.sectionE .container li p {
	/*	color:#ffffff;*/
		color:#000000;
	/*	color:#0000ff;*/
	
		line-height: 1;
	/*	line-height: 0.7; */
	}
	
	
	.sectionE .container a {
		text-decoration: none;
	}
	
	









.sectionE .container .select-contact {

	width: 600px;
/*	border-radius: 10px; */
/*	text-align: center; */

/*	background: #ffffff;*/

	overflow: hidden;
	margin: 10px;
	padding: 10px;
	list-style: none;
}




.sectionE .container .top {
	color:#ffffff;

	vertical-align: top;
	
	font-size: 12px;
	padding: 2px 5px 2px 5px;
	margin: 2px 20px 2px 20px;
	border: 1px dotted #333333;
	border-radius: 5px;
	background-color: #f12f4f;
}




/*
.sectionE .container form {
	margin: 0 0 0 30px;

}
*/




/*
.sectionE .container form table {
	margin: 0 0 0 60px;
	padding-left: 30px;

}
*/


.sectionE .container p {
	font-size: 16px;	
/*	font-size: 32px;	*/

}



.sectionE .container .required {
		color:#ffffff;

		vertical-align: top;
		
		font-size: 12px;
		padding: 2px 5px 2px 5px;
		margin: 2px 20px 2px 20px;
		border: 1px dotted #333333;
		border-radius: 5px;
		background-color: #f12f4f;

}
	

.sectionE .container form.webshop th {
		font-size: 16px;
}

.sectionE .container form.webshop td {
		font-size: 16px;
}




@media (max-width:767px) {

	.sectionE .container .select-button li {
		float: left;
	/*	margin: 0 1.3333333333% 0 0;*/
	/*	border: 10px solid #000000*/
	/*	width: 24%;*/
	/*	border-radius: 10px;*/
	
		width: 200px;
		height: 120px;
	
		margin: 10px;
		padding: 30px 0;
		text-align: left;
		border-radius: 10px;
	
		background: #ffffff;
	}
	
	.sectionE .container .select-button li:hover {
		float: left;
	/*	margin: 0 1.3333333333% 0 0;*/
	/*	border: 10px solid #000000*/
	/*	width: 24%;*/
	/*	border-radius: 10px;*/
	
		width: 200px;
		height: 120px;
	
		margin: 10px;
		padding: 30px 0;
		text-align: left;
		border-radius: 10px;
	
		background: #ffffff;
	
		opacity: 0.5;
	}
	

	.sectionE .container .select-button h2 {
		/*	width: 200px;*/
			margin: 0 10px 10px 0;
		/*	padding: 10px 10px;*/
			text-align: left;
			border-radius: 10px;
		
		/*	background: #ffffff;*/
		
		/*	color:#dd3a59;*/
			color:#000000;
		/*	color:#ffffff;*/
		
			border: none; 
			font-size: 1em;
		}
		

		.sectionE .container .required {
			color:#ffffff;
	
			vertical-align: top;
			
			font-size: 8px;
			padding: 2px 5px 2px 5px;
			margin: 2px 5px 2px 20px;
			border: 1px dotted #333333;
			border-radius: 5px;
			background-color: #f12f4f;
	
	}
	

		
	.sectionE .container form.webshop th {
			font-size: 12px;
	}
	
	.sectionE .container form.webshop td {
			font-size: 12px;
	}
	


}




/* -------------------------------------------------------------- */

/*
.sectionF .articles_pict .pict_align {
	margin: auto;
}
*/

/*
.sectionF .articles_pict .text_center {
	text-align: center;
}
*/
.sectionF .articles_pict td {
	text-align: center;
/*	text-align: left;*/
}



.sectionF .articles_pict img {
	margin: 0 10px 0 0;
	border: 5px solid #ffffff;
	height: 200px;
/*	width: 200px;*/
}

.sectionF .articles_pict img:hover {
	margin: 0 10px 0 0;
	border: 5px solid #000000;
}



/*
.sectionF .articles_pict2 {
	margin: 0 10px 0 0;
	border: 5px solid #ffffff;
	height: 200px;
}

.sectionF .articles_pict2 img {
	margin: 0 10px 0 0;
	border: 5px solid #ffffff;
	height: 200px;
}
/*
.sectionF .articles_pict2:hover {
	margin: 0 10px 0 0;
	border: 5px solid #000000;
}

.sectionF .articles_pict2 img:hover {
	margin: 0 10px 0 0;
	border: 5px solid #000000;
	height: 200px;
}

*/

/*
.sectionF .articles_pict2:hover {
	opacity: 1.;
	height: 200px;
}

.sectionF .articles_pict2:hover {
	opacity: 0.5;
	height: 200px;
}

*/



.sectionF .articles_feat {
	float: none;
}




.sectionF .articles_spec p {
	max-width: 1000px;
	line-height: 1;
}





.sectionF .articles_download a {
	
	width: 500px;
	height: 100px;

	margin: 10px;
	padding: 30px 0;
	text-align: left;
	border-radius: 10px;

	background: #ffffff;

	font-size: 18px;
}

.sectionF .articles_download a:hover {
	
	width: 500px;
	height: 100px;

	margin: 10px;
	padding: 30px 0;
	text-align: left;
	border-radius: 10px;

	background: #ffffff;


	opacity: 0.5;
}

.sectionF .articles_download a {
	text-decoration: none;
}





.sectionF .articles_list:hover {
	opacity: 0.5;
}

.sectionF .articles_list ul {
	border-radius: 10px;
/*	width: 450px;	*/
	width: 420px;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background:#e9e2de;
	list-style: none;
	border: 2px solid #ffffff;
}

.sectionF .articles_list li {
	overflow: hidden;
/*	margin: 10px;*/
/*	padding: 10px;*/
	list-style: none;
}

.sectionF .articles_list img {
	margin: 0 10px 0 0;
	border: 5px solid #ffffff;
	height: 200px;
}






.sectionF .articles_faq a {
	
	width: 500px;
	height: 100px;

	margin: 10px;
	padding: 30px 0;
	text-align: left;
	border-radius: 10px;

	background: #ffffff;

	font-size: 18px;
}

.sectionF .articles_faq a:hover {
	
	width: 500px;
	height: 100px;

	margin: 10px;
	padding: 30px 0;
	text-align: left;
	border-radius: 10px;

	background: #ffffff;


	opacity: 0.5;
}

.sectionF .articles_faq a {
	text-decoration: none;
}






.sectionF .articles_webshop a {
	
	width: 500px;
	height: 100px;

	margin: 10px;
	padding: 30px 0;
	text-align: left;
	border-radius: 10px;

	background: #ffffff;

	font-size: 18px;
}

.sectionF .articles_webshop a:hover {
	
	width: 500px;
	height: 100px;

	margin: 10px;
	padding: 30px 0;
	text-align: left;
	border-radius: 10px;

	background: #ffffff;


	opacity: 0.5;
}

.sectionF .articles_webshop a {
	text-decoration: none;
}








.sectionF .thumbnail {
	float: left;
}


.sectionF .articles_list {
	float: left;
}

.sectionF .clear_box {
	clear: both;
}



.sectionF h3 {
	margin: 0 0 5px 0;
	font-size: 20px;
/*	font-size: 12px;*/
	font-weight: bold;
	line-height: 1;
	color:#dd3a59;
/*	color:#000000;*/

}

.sectionF p {
/*	color:#ffffff;*/
	color:#000000;
/*	color:#0000ff;*/

	line-height: 1;
/*	line-height: 0.7; */
}

.sectionF a {
	text-decoration: none;
}



.sectionF video {
	width: 450px;
	height: 270px;
}









@media (max-width:767px) {

	.sectionF .articles_pict img {
		margin: 0 10px 0 0;
		border: 5px solid #ffffff;
		height: 120px;
	}
	
		
	.sectionF .articles_list ul {
		border-radius: 10px;
	/*	width: 450px;	*/
	/*	width: 420px;	*/
	/*	width: 300px;	*/
		width: 250px;
	margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		background:#e9e2de;
		list-style: none;
		border: 2px solid #ffffff;
	}
	
	.sectionF .articles_list img {
		margin: 0 10px 0 0;
		border: 5px solid #ffffff;
		height: 120px;
	}


	.sectionF .articles_download a {
	
		width: 500px;
		height: 100px;
	
		margin: 10px;
		padding: 30px 0;
		text-align: left;
		border-radius: 10px;
	
		background: #ffffff;
	
		font-size: 14px;
	}

	.sectionF video {
	/*	width: 450px;	*/
		width: 300px;
	/*	height: 270px;		*/
		height: 180px;
	}
	


	.sectionF .articles_faq a {
	
		width: 500px;
		height: 100px;
	
		margin: 10px;
		padding: 30px 0;
		text-align: left;
		border-radius: 10px;
	
		background: #ffffff;
	
		font-size: 14px;
	}





	
}


/* -------------------------------------------------------------- */




.sectionG .post .title h4 {
	font-size: 1rem;
	padding: 1px 20px 1px 20px;
	margin: 0 0 0 4rem ;
	display: inline-block;
	border: 1px solid #333333;
	border-radius: 10px;
	width: auto;
/*	background-color: #dfbcc2;*/
	background-color: #ffffff;
}


.sectionG .post .title hr {
	color: #ffffff;
/*	width: 60%;	*/
	max-width: 800px;
	margin: 10px 10px 10px 50px ;
	
}

	
.sectionG .post div.items {
	display: flex;	
	flex-wrap: wrap;
}
	
.sectionG .post div.item {
	white-space: nowrap;
	margin: 5px 5px 5px 5px;
}
	


/*
.sectionG .post a {
	margin-left: 5rem;

	list-style-type: disc;

	text-decoration: none;
}
*/


/*以下class名link_buttonのデザイン*/
.sectionG .post a {
	font-weight: bold;		/*太字に*/
	text-decoration: none;	/*下線消す*/
	background: skyblue;	/*背景を水色に*/
	color:white;			/*文字を白に*/
	padding:5px 10px;		/*内側の余白*/
	border-radius: 20px;	/*角を丸くする*/
	font-family: 'Avenir','Arial';	/*フォントをいい感じに*/
}
  /*以下カーソルを当てたとき*/
  .sectionG .post a:hover {
	background: silver;	/*背景色をシルバーに*/
	text-decoration: none;	/*下線を消す*/
  }
  
  /*以下訪問済みのデザイン*/
 /* .sectionG .post a:visited { */
/*	color: gray;	*/		/*文字をグレイに*/
/*  } */




.sectionG .post .title p {
/*	padding-left: 5rem;*/
	
	max-width: 750px;
	margin: 10px 10px 10px 100px;
	padding: 0px 10px 0px 0px;

	border: none;
	word-wrap: break-word;

	color:#000000;
	
	font-size: 16px;
	line-height: 1.1;
	/*	line-height: 0.7; */

}



/* -------------------------------------------------------------- */





/*<!--  ****************************************************** -->*/

/*  footer  */

footer {
/*	max-width: 800px;	*/
	display: block;
/*	margin: 0 0 0 0;	*/
	padding: 0 0 10px 0; 

	color: #fff;
	color: var(--text-bright-color);
	background-color: #2B5566;
	background-color: var(--dark-main-color);
}

/*
footer .container {
	padding: 40px 20px;
}

*/




/*  footer A  */

.footA {
/*	width:800px;*/
	margin: 234px 0 0 20px;	
/*	padding: 40px 20px;	*/
	padding: 0 0 0 40px;

	color: #fff;
	color: var(--text-bright-color);
	background-color: #2B5566;
	background-color: var(--dark-main-color);
}

.footA h2 {
	margin-top: 0;
	padding-top: 20px;

	margin-bottom: 10px;
/*	font-family: 'Magneto', sans-serif;  */
/*	font-family: 'sqroute', sans-serif;  */
	font-family: 'Hardman', sans-serif;  
/*	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	*/
/*	font-size: 30px;	*/
	font-size: 20px;
	margin-left: 0.2em;

	display: inline-flex;
}


.footA p {
	margin-top: 0;
	margin-bottom: 0;
/*	font-size: 14px;	*/
	font-size: 10px;
}

.footA a {
	color: inherit;
	text-decoration: none;

	font-size: 10px;
}






/*  footer B  */

.footB {
/*	width: 800px;	*/
/*	width: 80%;		*/
/*	width: 200px;	*/
/*	width: 768px;	*/

	padding: 40px 0 0 40px;

	color: #fff;
	color: var(--text-bright-color);
	background-color: #2B5566;
	background-color: var(--dark-main-color);
}

.footB div {
	margin-bottom: 20px;
}

.footB h3 {
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: solid 1px currentColor;
	font-size: 14px;
}

.footB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footB a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}

.footB a:hover {
	background-color: rgba(0,0,0,0.3);
}





/*  footer C  */

.footC {
/*	width: 800px;	*/

	float: left;

	color: #fff;
	color: var(--text-bright-color);
	background-color: #2B5566;
	background-color: var(--dark-main-color);
}


.footC h2 {
	display: inline;
	margin-top: 0;
	margin-bottom: 10px;	
/*	font-family: 'Magneto', sans-serif;  */
	font-family: 'Hardman', sans-serif;  
	font-size: 16px;
	margin-left: 0.2em;
}

.footC h1 {
	display: inline;
	font-size: 8px;
	text-align: center;
	font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	
}







/* 768px以上なら．．． */
@media (min-width: 768px) {

	fonter {
	background-color: #2B5566;
	}


	footer .container {
		display: flex;
		flex-wrap: wrap;
		max-width: 400px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.footA {
		margin: 26px 0 0 20px;	
		flex: 0 0 40%;
	}




	.footB {
	/*	width: 800px;	*/
	/*	width: 80%;		*/
	/*	width: 200px;	*/
		width: 768px;	

		padding: 40px 20px 0 40px;

		display: flex;		
		flex: 0 0 40%;
	}

	.footB div {
		flex: 1;
	}

	.footB div:not(:first-child) {
		margin-left: 40px;
	}





	.footC {
	/*	width: 800px;	*/
	/*	width: 768px;	*/
	/*	max-width: 768px;	*/

	/*	margin: 0 200px 0 200px ;*/
	/*	padding: 0 20px 30px 40px;	*/

		float: left;
	/*	flex: 0 0 100%;	*/
		flex: 0 0 40%;

		font-size: 12px;
	/*	text-align: center;	*/
		text-align: start;
		font-family: 'Montserrat',"HG丸ｺﾞｼｯｸM-PRO", sans-serif;	

	}

}





/*<!--  ****************************************************** -->*/







/*  END  */