@charset "UTF-8";

/*　目次 sp.css
-------------------------------------------------------------------*/
/*

●MV（メインビジュアル部分）
→トップページのメインビジュアルのHTML構成。
　スライダーなどを使う場合はその限りではない。

●ナビゲーション
→ヘッダーのナビゲーションボタンをHTML+CSSで構成。
　画像で構成する場合は別で対応する。

*/

/* MV（メインビジュアル部分）*
-------------------------------------------------*/
.header-bg {
	display: none;
	/*background-attachment: fixed;*/
	background-image: url("/images/mv01.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	/*background-size: cover;*/
	height: 648px;
	display: flex;
	justify-content: center;
	align-items: center;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
}

.header-bg section{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	width: 100%;
}

.header-bg div{
	width: 700px;
	/*border: 1px solid #FF0;*/
}

.header-bg p{
	letter-spacing: -1px;
	font-weight: bold;
	/*text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;*/
}


.header-bg h2{
	letter-spacing: -1px;
	width: 100%;
	text-align: center;
	margin-bottom: 0.5em;
	padding: 0.5em;
	font-size: 50px;
	line-height: 180%;
	font-weight: 700;
	color: #FFFFFF;
	background: #1f2a34;
}

.header-bg h2 > span{
	font-size: 1.8em;
	line-height: 150%;
}

.header-bg ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.header-bg li{
	width: 31%;
	font-weight: 700;
	padding: 10px 1em;
	margin: 1%;
	font-size: 120%;
	line-height: 180%;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1f2a34;
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: 5px;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	color: #FFF;
}

.header-bg li span{
	font-size: 120%;
	color: #ffd800;
}

/* ナビゲーション*
-------------------------------------------------*/
nav{
	/*background: #FFF;
		border-top: 3px solid #1f2a34;*/
	background: linear-gradient(#EEEEEE, #DEDEDE);

}

nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
	letter-spacing: -1px;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	display: flex;
	box-sizing: border-box;
	border-left: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
}

nav li{
	width: 20%;
	justify-content: space-around;
	box-sizing: border-box;
}

nav a{
	height: 60px;
	display: block;
	font-weight: 700;
    font-size: 110%;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1f2a34;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #999999;
}

nav a:hover{
	color: #FFF;
	background: #1f2a34;
	border-left: 1px solid #1f2a34;
	border-right: 1px solid #999999;
	transition: 0.5s;
}

/* マイクロコピー【トップページ部分】
-------------------------------------------------*/
.microCopy{
	padding: 2.5em 1em;
	color: #FFF;
	text-align: center;
	background: #1f2a34;
}


.microCopy h2{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.4rem;
	line-height: 180%;
	margin-bottom: 1em;
}

.microCopy h2 > span{
	font-size: 80%;
}

.microCopy p{
	font-size: 100%;
	line-height: 200%;
}


/* 基本ボックス（半々）
-------------------------------------------------*/

.imgTextBoxL,
.imgTextBoxR{
	width: 100%;
	margin: auto;
}

.imgTextBoxL > figure{
	width: 100%;
	margin-bottom: 1em;
}

.imgTextBoxL > section{
	width: 100%;
	padding: 1em;
}

.imgTextBoxR > figure{
	width: 100%;
}

.imgTextBoxR > section{
	width: 100%;
	padding: 1em;
}

.imgTextBoxL > figure > img,
.imgTextBoxR > figure > img{
	width: 100%;
}

.imgTextBoxL > section > div,
.imgTextBoxR > section > div{
	/*max-width: 600px;*/
	width: 100%;
	padding: 1em;
	padding: 0%;
	margin: auto;
}

.imgTextBoxL h2,
.imgTextBoxR h2{
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	letter-spacing: -1px;
	color: #1f2a34;
	font-size: 160%;
	line-height: 180%;
	margin-bottom: 1em;
	text-align: center;
}

.imgTextBoxL p,
.imgTextBoxR p{
	font-size: 100%;
	line-height: 240%;
}

/* トップメニュー画面（入れ子部分はflexboxで活用する）
-------------------------------------------------*/
#topMenuArea{
	color: #FFFFFF;
	background-image: url(/images/secondpage_bg.jpg);
    background-position: top;
	background-repeat: no-repeat;
    /* background: #209ac4; */
	padding: 1em 0;
}

#topMenuArea > div{
	width: 100%;
	margin: auto;
	padding: 0.5em;

}

#topMenuArea > h2 {
	text-align: center;
    font-size: 2.0rem;
    line-height: 150%;
    margin: 1em 0 0 0;
    font-weight: 500;
    text-shadow: none;
    font-family: "Sawarabi Mincho";
    color: #003704;
}

#topMenuArea > h2 > span{
	font-size: 80%;
}

/* ドキュメントボックス
-------------------------------------------------*/
#topDocumentBox{
	width: 100%;
	padding: 1em 1em 2.5em 1em;
	background: #1b92aa;
}

#topDocumentBox > div{
	width: 100%;
	margin: auto;
	padding: 1em;
	background: #FFF;
	border-radius: 5px;
}

#topDocumentBox ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#topDocumentBox li{
	width: 100%;
}

#topDocumentBox h2 {
	font-family: "Sawarabi Mincho";
font-size: 2.0rem;
        line-height: 150%;
        margin: 1em 0 0 0;
        font-weight: 500;
		text-align: center;
		color: #FFF;
		font-weight: 500;
}

#topDocumentBox p {
	/*font-family: 'Noto Serif JP', serif;*/
	font-size: 1.1rem;
	line-height: 150%;
	margin: 1em 0 ;
	text-transform: uppercase;
	text-align: center;
		color: #FFF;
	font-family: "Sawarabi Mincho";
}

/* トップお知らせ部分
-------------------------------------------------*/
#topInfoArea{
	/*background-image: url(/images/top_contetns_bg.jpg);
    background-position: center center;
	background-size: cover;
	background: #209ac4;*/
	padding: 50px 0;
}

#topInfoArea > div{
	width: 100%;
	margin: auto;
}

#topInfoArea > h2 {
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	/*font-family: 'Noto Serif JP', serif;*/
	font-size: 1.8rem;
	line-height: 150%;
	margin: 1em 0 ;
	text-align: center;
	color: #1f2a34;
}

#topInfoArea > h2 > span{
	font-size: 80%;
}

#topInfoArea > div > dl{
	margin: auto ;
	padding: 1em;
}

#topInfoArea > div > dl > dt{
	font-size: 90%;
	padding: 0.5em 0.5em 0 0.5em;
}

#topInfoArea > div > dl > dd{
	padding: 0 0.5em 1em 0.5em;
	border-bottom: 1px dotted #CCCCCC;	
}

/* youtube（2こ並び）
-------------------------------------------------*/
#youtube{
	background-image: url(/images/youtube.jpg);
    background-position: center center;
	background-size: cover;
	/*background: #209ac4;*/
	padding: 1em 0;
}

#youtube > div{
	width: 100%;
	margin: auto;
}

#youtube > h2 {
		color: #FFFFFF;
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
		/*font-family: 'Noto Serif JP', serif;*/
		font-size: 1.8rem;
		line-height: 150%;
		margin: 1em 0 ;
		text-align: center;
}

#youtube > h2 > span{
	font-size: 80%;
}



/* flexBox
-------------------------------------------------*/
.flexBox4{
	display: flex;
    flex-wrap: wrap;
}

.flexBox4 > a{
	text-decoration: none;	
}

.flexBox4 > section,
.flexBox4 > a {
	width: 47%;
	margin: 1.5%;
	background: #FFF;
}

.flexBox4 > a:hover{
	opacity: 0.8 ;
	transition: 0.5s;
}

.flexBox4 > section > figure,
.flexBox4 > a > section > figure{
	text-align: center;
}

.flexBox4 > section > figure > img,
.flexBox4 > a > section > figure > img {
	width: 100%;
}

.flexBox4 > section > dl,
.flexBox4 > a > section > dl{
	color: #000;
	padding: 1em;
}

.flexBox4 > section > dl > dt,
.flexBox4 > a > section > dl > dt{
	font-weight: 700;
}

.flexBox4 > section > dl > dd,
.flexBox4 > a > section > dl > dd{
	font-size: 90%;
}


/* flexBox4L
-------------------------------------------------*/
.flexBox4L{
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
}

.flexBox4L > a{
	text-decoration: none;
	background: #FFF;
}

.flexBox4L > a:hover{
	background: #EEE;
	transition: 0.5s;
}

.flexBox4L > section,
.flexBox4L > a {
	width: 98%;
	margin: 1%;
	background: #FFF;
}

.flexBox4L > a > section > figure > img:hover{
	opacity: 0.5 ;
	transition: 0.5s;
}

.flexBox4L > section > figure,
.flexBox4L > a > section > figure{
	text-align: center;
}

.flexBox4L > section > figure > img,
.flexBox4L > a > section > figure > img {
	width: 100%;
	margin-bottom: 1em;
}

.flexBox4L > section > dl,
.flexBox4L > a > section > dl{
	color: #000;
	padding: 0em;
	margin-bottom: 1em;
}

.flexBox4L > section > dl > dt,
.flexBox4L > a > section > dl > dt{
	color: #1f2a34;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.flexBox4L > section > dl > dd,
.flexBox4L > a > section > dl > dd{
	font-size: 90%;
}

/* flexBox3L
-------------------------------------------------*/
.flexBox3L{
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
}

.flexBox3L > a{
	text-decoration: none;
	background: #FFF;
}

.flexBox3L > a:hover{
	background: #EEE;
	transition: 0.5s;
}

.flexBox3L > section,
.flexBox3L > a {
	width: 98;
	margin: 1%;
	background: #FFF;
}

.flexBox3L > a > section > figure > img:hover{
	opacity: 0.5 ;
	transition: 0.5s;
}

.flexBox3L > section > figure,
.flexBox3L > a > section > figure{
	text-align: center;
}

.flexBox3L > section > figure > img,
.flexBox3L > a > section > figure > img {
	width: 100%;
}

.flexBox3L > section > dl,
.flexBox3L > a > section > dl{
	color: #000;
	padding: 1em;
}

.flexBox3L > section > dl > dt,
.flexBox3L > a > section > dl > dt{
	color: #1f2a34;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.flexBox3L > section > dl > dd,
.flexBox3L > a > section > dl > dd{
	font-size: 90%;
}

/* トップバナーtopbanner
-------------------------------------------------*/
#topbanner{
	padding: 50px 0;
}

#topbanner > div{
	width: 100%;
	margin: auto;
}

#topbanner > h2 {
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
		/*font-family: 'Noto Serif JP', serif;*/
		font-size: 1.8rem;
		line-height: 150%;
		margin: 1em 0 ;
		color: #1f2a34;
		text-align: center;
}


/* 4つのこだわり
-------------------------------------------------*/
#topKodawari{
	background: #EFEFEF;
	padding: 1em 0;
}

#topKodawari > h2 {
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
		/*font-family: 'Noto Serif JP', serif;*/
		font-size: 2.4rem;
		line-height: 150%;
		margin: 1em 0 ;
		text-align: center;
		color: #1f2a34;
}

#topKodawari > h2 > span{
	color: #000000;
	font-size: 1.8rem;
	margin: 0 0.25em;
}

#topKodawari > div{
	width: 100%;
	margin: auto;
	padding: 1em;
}

#topKodawari > div > ul{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	color: #FFFFFF;
	list-style: none;
	display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#topKodawari > div > ul > li{
	width: 80%;
	margin: 2%;
	padding-bottom: 10px;
	text-align: center;
	margin: 0 auto;
	text-align: center;
}

#topKodawari > div > ul > li > div{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	background: #1f2a34;
	position: relative;
	width: 100%;
	padding: 100% 0 0;
	border-radius: 50%;
}

#topKodawari > div > ul > li > div > p,
#topKodawari > div > ul > li > div > dl{
	position: absolute;
	left: 0;
    top: 25%;
    margin: -.5em 0 0;
    width: 100%;
    text-align: center;
    color: #fff;
	vertical-align: center;
}

#topKodawari > div > ul > li > div > dl > dt{
	font-weight: 700;
	font-size: min(5vw, 1.5rem);
	margin-bottom: 1em;
	letter-spacing: -1px;
}

#topKodawari > div > ul > li > div > dl > dd{
	width: 80%;
	font-size: min(4vw, 1.5rem);
	line-height: 180%;
	margin: auto;
}

/* logomarkArea
-------------------------------------------------*/
#logomarkArea{

    background-position: center center;
	background-size: cover;
	background: #FFFFFF;
	padding: 1em 0;
}

#logomarkArea > div{
	width: 100%;
	margin: auto;
}

#logomarkArea > h2 {
	color: #1f2a34;
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
		/*font-family: 'Noto Serif JP', serif;*/
		font-size: 1.8rem;
		line-height: 150%;
		margin: 1em 0 ;
		text-align: center;
}


#logomarkArea ul{
	margin: 0 auto;
	padding: 0 0em 2em 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

#logomarkArea li{
	width: 33%;
	display: block;
	text-align: center;
	padding: 1em 0.5em;
	margin: 0;
}

#logomarkArea img{
	max-width: 40%;
}

/* スマホ 分岐
-------------------------------------------------*/
.pc,.pc100{display: none;}
.sp{display: block;}
.tabBox{display: block;}
.spBox{display: none;}

.width100sp{
	width: 100%;
}

.width100spmax{
	max-width: 100%;
}

.brno{
	display: block;
}

.spbrno{
	display:none;
}

.spon{
	display: block;
}

.spoff{
	display:none ;
}





/* 基本ボックス
-------------------------------------------------*/
.pageBox,
#header{
	width: 100%;
	margin: auto;
}


/*　ヘッダー部分
-------------------------------------------------*/
header{
	/*border-top: 3px solid #1f2a34;*/
	width: 100%;
	background: #FFF;
}


header h1{
	display: none;
	font-size: 10px;
	line-height: 240%;
	font-weight: 700;
}

#header{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#header > div{
	width: 100%;
    margin: 0;
	padding: 1.0em;
    text-align: center;
	/*border: 1px solid #F00;*/
}

#logo{
	display: block;
	text-align: center;
}

#logo img{
	width: 70%;
	max-width: 160px;
}

/*　フッター（ナビゲーション）
-------------------------------------------------*/
footer{
	width: 100%;
	background: #efe8d4;
	display: none;
}

/* デバイス変更位置  */
footer a{
	line-height: 180%;
}

#footerC{
	padding: 1em 0;
	background: #f5f4f2;
}

#footerC > div{
	width: 100%;
	margin: auto;
	display: none;
}


footer > div#footer {
	width: 100%;
	margin: auto;
	padding: 1em 0 100px 0;
	/*background: #FFF;*/
	color: #333333;
	display: flex;
	flex-wrap: wrap;
	font-size: 90%;
	line-height: 180%;
}

/* flexBoxを使った方法で利用 */
footer > div > div{
	width: 100%;
	margin: 1%;
	padding: 0.5em;
	/*background: #f5f4f2;*/
	text-align: left;
}

footer > div > div:nth-child(3){
	display: none;
}

footer > div > div > h2{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #d5cdb3;
}

footer ul{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

footer li{
	margin: 0 0 0.5em 0;
}

footer address{
	background: #322805;
	color: #FFF;
}


/*　フッター（payment）
-------------------------------------------------*/

#payment{
	padding: 1em 0 0 0 ;
	font-size: 85%;
	line-height: 180%;
	color: #FFFFFF;
	background: #000000;
	margin: 0 0 0 0 0;
}


#payment{
    margin-top: 0em;
}

#payment > div {
	width: 100%;
	margin: auto;
	padding: 1em;
	/*background: #FFF;*/
	display: flex;
	flex-wrap: wrap;
}

#payment > div > div{
	width: 100%;
	padding: 0em;
	/*background: #f5f4f2;*/
	text-align: left;
}

#payment dl{
	margin-bottom: 2em;
}


#payment > div > div > h2,
#payment dt{
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #DDDDDD;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#payment ul{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#payment ul li:before {
	content: '■'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-0em; /* 3文字分、左に寄せる */
}


#payment li{
	color: #FFF;
	margin: 0 0 0.5em 0;
}

#payment dd > p,
#payment dd > span,
#payment > div > div > p,
#payment > div > div > p:last-child{
    margin-bottom: 0.5em;
    line-height: 180%;
}


#payment dd,
#payment dd > ul > li{
	color: #FFF;
        line-height: 180%;
}

/*	ボックス（div）属性
-------------------------------------------------*/
.kihonBox{
	width: 100%;
	margin: auto;
}

.halfBox,
.halfBoxsp,
.halfBoxLabel,
.halfBoxFree{
	width: 100%;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}

.halfBoxsp10{
	width: 100%;
	margin: 1em 0;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}

.halfBox > div {
	width: 50%;
	padding: 1em;
}

.halfBoxsp > div ,
.halfBoxLabel > div{
	width: 100%;
	padding: 1em;
	border: 0;
}

.halfBoxsp10 > div{
	width: 100%;
	padding: 0em;
	border: 0;
}

.blandstory{
	margin: 1em 0 1.5em 0;
	width: 100%;
}


/*	LabelBox
-------------------------------------------------*/
.halfBoxLabel > div{
	width: 100%;
	padding: 1em;
}

.halfBoxLabel > div > figure{
	width: 100%;
	text-align: center;
}

.halfBoxLabel > div > figure > img{
	width: 100%;
}

/*	img20text80
-------------------------------------------------*/
.img20text80{
	width: 100%;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}

.img20text80 > div{
	width: 100%;
}

.img20text80 > figure{
	width: 100%;
}

.img20text80 > div > figure > img{
	width: 100%;
}


.halfBoxsp0{	
	width: 100%;	
	margin: auto;	
	display: flex;	
	flex-wrap: wrap;	
	justify-content: space-start;	
	}	
	.halfBoxsp0 > div{	
	width: 100%;	
	padding: 0em 0em;	
	}

/* 画面左（30%） */
.halfBoxL3{
	width: 100%;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.halfBoxL3 > div:nth-child(1){
	width: 100%;
	padding: 1em;
	border: 0;
}

.halfBoxL3 > div:nth-child(2){
	width: 100%;
	padding: 1em;
	border: 0;
}

.threeBox{
	width: 100%;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}

.threeBox > div {
	width: 100%;
	padding: 1em;
	/*border: 1px solid #F00;*/
}

.fourBox {
	width: 100%;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}

.fourBox > div {
	width: 50%;
	padding: 1em;
}

.fourBox > div > a > figure > img {
	width: 100%;
	padding: 0em;
}


.itemBox{
	width: 100%;
	margin: auto;
	margin-bottom: 1em;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}

.itemBox > div {
	width: 48%;
	margin: 0.5% 1% 1em 1%;
	padding: 0.5em;
	border: 1px solid #CCCCCC;
}

.itemBox > div > a > figure > img ,
.itemBox > div > figure > img {
	width: 100%;
	padding: 0em;
}


.itemBox > div > table.outline {
	margin: 1em 0;
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.itemBox > div > table.outline th {
	display: block;
	width: 100%;
	padding: 1em;
	border: #E3E3E3 solid;
	border-width: 0 0 0px 0px;
	background: #F5F5F5;
	font-weight: 500;
	text-align: center;
}

.itemBox > div > table.outline td {
	display: block;
	width: 100%;
	padding: 1em;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 0px 0px;
	font-weight: 500;
	text-align: left;
}

/* itemBox1	
-------------------------------------------------*/	
.itemBox1{	
	width: 100%;	
	margin: auto;	
	display: flex;	
	flex-wrap: wrap;	
	justify-content: space-start;	
}	

.itemBox1 > div{	
	border: 1px solid #DDDDDD;	
	background: #FFFFFF;	
	width: 48%;	
	padding: 1em;	
	margin: 1%;	
}	

.itemBox1 dt{	
	font-weight: 700;	
	text-align: center;	
	margin-bottom: 0.5em;	
}	

/* ラベル（ラジオボタン） */	
.itemBox2{	
	width: 100%;	
	margin: auto;	
	display: flex;	
	flex-wrap: wrap;	
	justify-content: space-start;	
}	

.itemBox2 > div{	
	border: 1px solid #DDDDDD;	
	background: #FFFFFF;	
	width: 48%;	
	padding: 1em;	
	margin: 1%;	
}	

.itemBox2 dt{	
	font-weight: 700;	
	text-align: center;	
	margin-bottom: 0.5em;	
}	

.itemBox2 input[type="radio"],	
.itemBox2 input[type="checkbox"]{	
	display: none;	
}	

.labelcheck + label{	
	width: 100%;	
	padding: 10px;	
	display: inline-block;	
	cursor: pointer;	
	/*background: #c4d3f5;*/	
	}	
	.labelcheck:checked + label{	
	background: #f0b3c4;	
}


/* ラベル（ラジオボタン） */	
.itemBox3{	
	width: 100%;	
	margin: auto;	
	display: flex;	
	flex-wrap: wrap;	
	justify-content: space-start;	
}	

.itemBox3 > div{	
	border: 1px solid #DDDDDD;	
	background: #FFFFFF;	
	width: 48%;	
	padding: 1em;	
	margin: 1%;	
}	

.itemBox3 dt{	
    font-weight: 700;
    min-height: 90px;
    align-items: center;
    text-align: center;
    margin-bottom: 0.5em;
}	

.itemBox3 input[type="radio"],	
.itemBox3 input[type="checkbox"]{	
	display: none;	
}	


/*	table属性
-------------------------------------------------*/
	table.outline,
	table.freeoutline,
	table.priceTable{
		margin: 1em 0;
		width: 100%;
		border: 1px #E3E3E3 solid;
		border-collapse: collapse;
		border-spacing: 0;
	}

	table.outline th{
		display: block;
		width: 100%;
		padding: 1em;
		border: #E3E3E3 solid;
		border-width: 0 0 0px 0px;
		background: #F5F5F5;
		font-weight: 700;
		text-align: center;
	}

	table.outline td {
		display: block;
		width: 100%;
		padding: 1em;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 0px 0px;
		font-weight: 500;
		text-align: left;
	}

	table.outline dt {
		font-weight: 700;
	}

	table.outline dd {
		margin-bottom: 1em;
	}

	table.freeoutline th {
		padding: 1em;
		border: #E3E3E3 solid;
		border-width: 0 0 0px 0px;
		background: #F5F5F5;
		font-weight: lighter;
		text-align: center;
	}

	table.freeoutline td {
		padding: 1em;
		border: 1px #E3E3E3 solid;
		border-width: 0;
		text-align: left;
	}

	.freeoutline span{
		font-size: 80%;
	}

	table.priceTable{
		width: 100%;
		table-layout: fixed;
	}

	table.priceTable th {
		display: block;
		width: 100%;
		padding: 1em;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 0px;
		background: #F5F5F5;
		font-weight: 700;
		text-align: center;
	}

	table.priceTable td {
		display: block;
		width: 100%;
		padding: 1em;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 0px;
		text-align: center;
	}

	.priceTable span{
		color: #CC0000;
		font-size: 120%;
	}


/* 第二階層
-------------------------------------------------*/
#secondPage{
	background: #FFFFFF;
	background-image: url(/images/secondpage_bg.jpg);
    background-attachment: fixed;
    /*background-position: center center;
	background-size: cover;*/
	background-repeat: no-repeat;
	padding: 1em 0;
}

.secondPage > div,
#secondPage > div,
#secondPage > form > article{
	background: #FFFFFF;
	width: 100%;
	margin: auto;
	padding: 1em;
}


#secondPage h2 {
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
		/*font-family: 'Noto Serif JP', serif;*/
		font-size: 1.8rem;
		line-height: 150%;
		margin: 1em 0 ;
		text-align: center;
		color: #1f2a34;
}

#secondPage h2 > span{
	color: #000000;
	font-size: 2.4rem;
	margin: 0 0.25em;
}

#secondPage h2#pageName {
	/*/*font-family: 'Noto Sans Japanese', sans-serif;*/
		font-family: 'Noto Serif JP', serif;*/
	font-size: 1.8rem;
	line-height: 150%;
	margin: 1em 0 0 0;
    font-weight: 500;
    text-shadow: none;
	font-family: "Sawarabi Mincho";
	color: #003704;
}

p#categoryName {
	/*font-family: 'Noto Serif JP', serif;*/
	font-size: 1.1rem;
	line-height: 150%;
	margin: 1em 0 ;
	text-transform: uppercase;
	text-align: center;
	color: #9f6608;
	font-family: "Sawarabi Mincho";
	/*COLOR: #2c2721;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;*/
}

.title {
    background: url(../images/title.png) top center no-repeat;
    text-align: center;
    padding: 60px 0 40px 0;
    text-align: center;
    font-size: 32px;
    line-height: 150%;
    margin: 0.5em 0;
    font-weight: lighter;
	font-family: "Sawarabi Mincho";
}


h3.htag3 {
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.5em 0 2.0em 0;
	/*font-family: 'Noto Serif JP', serif;
	text-align: center;
	color: #1f2a34;*/
}

h3.htag3 > span{
    display: inline-block;
	text-align: center;
	font-size: 2.0rem;
	line-height: 150%;
	margin: 0.5em 0;
	border-bottom: 7px solid #1f2a34;
	padding-bottom: 0.1em;
}

h3.htag3item {
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.5em 0 2.0em 0;
	/*font-family: 'Noto Serif JP', serif;
	text-align: center;
	color: #1f2a34;*/
}

h3.htag3item > span{
    display: inline-block;
	text-align: center;
	font-size: 2.0rem;
	line-height: 150%;
	margin: 0.5em 0;
	border-bottom: 7px solid #1f2a34;
	padding-bottom: 0.1em;
}




#secondPage h4 {
	font-size: 1.2rem;
	font-weight: 700;
	border-left: 5px solid #1f2a34;
	padding: 0.5em 0 0.5em 0.5em;
	margin: 1.5em 0 1em 0;
}




/* 勧誘方針のリスト */
.policy{
	margin: 2em 0;
}

.policy dt{
	font-size: 1.2rem;
	line-height: 150%;
	margin: 1em 0 ;
	color: #1f2a34;
}

.policy dd{
	margin-bottom: 2em;
	line-height: 180%;
}

/* 想いDL */
dl.omoi {
	margin: 1em 0;
}

dl.omoi dt{
	font-weight: 700;
	font-size: 140%;
	margin-bottom: 0.5em;
}

dl.omoi dd > figure{
	margin-bottom: 1em;
}

/*	カラム（column）属性
-------------------------------------------------*/

.columnL{
	float: normal;
	width: 100%;
	padding: 0em;
}

.columnR{
	display: none;
}

/* ブログ記事部分 */
.columnBox3{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}

.columnBox3 > a{
	padding: 0.5em;
	text-decoration: none;
	border: 1px solid #DDDDDD;
	width: 47%;
	margin: 0 0.5% 1em 0.5em;	
}

.columnBox3 > a:hover{
	color: #F00;
	background: #EEEEEE;
}

.columnBox3 img {
	width: 100%;
	margin-bottom: 1em;
}

.columnBox3 dl{
	padding: 0 0.5em ;
	font-size: 90%;
}

.columnBox3 dt{
	font-weight: 700;
}

.columnBox3 >a dl >dd{
	color: #000;
}

.entryBody{
	margin: 1em 0;
}

/*	フォーム開始
-----------------------------------------------------*/

/* 共通項目 */
article#formArea{
	width: 100%;
	margin: 0px auto;
}


i{
	font-family: 'FontAwesome';
	margin-right: 0.2em;
}

#formArea > section#submitBox{
    padding: 0.5em 1em;
	background: #E2E2E2;
}

#formArea > section#formsubmitBox{
	margin-bottom: 1.5em;
	padding: 0.5em 1em;
	background: #FFFFFF;
}


article#formArea input.text10[type=text] {width: 10%;}
article#formArea input.text20[type=text] {width: 20%;}
article#formArea input.text30[type=text] {width: 30%;}
article#formArea input.text40[type=text] {width: 40%;}
article#formArea input.text50[type=text] {width: 50%;}
article#formArea input.text60[type=text] {width: 60%;}
article#formArea input.text70[type=text] {width: 70%;}
article#formArea input.text80[type=text] {width: 80%;}
article#formArea input.text90[type=text] {width: 90%;}
article#formArea input.text100[type=text] {width: 100%;}


/* 複数入力部分 */
.formWq{
	margin: 0;
	padding: 0;
	list-style: none;
}

.labelArea{
	margin-bottom: 1em;
}

.labelArea0{
	margin-bottom: 0em;
}
/* ラベル（ラジオボタン） */
#formArea .labelArea input[type=radio],
#formArea .labelArea input[type=checkbox],
#formArea .labelArea0 input[type=radio],
#formArea .labelArea0 input[type=checkbox]{
	display: none;
}

#formArea .label2 img{
	width: 80%;
}

#formArea input[type="radio"]:checked + label2,
#formArea input[type="checkbox"]:checked + label2 {
	color: #FFF;
	background: #00ae35;/* マウス選択時の背景色を指定する */
	border: 2px solid #00ae35;
	color: #ffffff; 	/* マウス選択時のフォント色を指定する */
	transition: all .3s;
}

#formArea textarea{
	background: #e9f1fc;
	border: 1px solid #CCCCCC;
	font-size: 120%;
	width: 100%;
	height: 200px;
	padding: 0.5em;
	margin: 1em 0 ;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



.tokkaBox{
	display: block;
	text-align: left;
	background: #efbfc6;
	border: 1px solid #e76471;
	padding: 0.75em;
	font-size: 90%;
	line-height: 180%;
	margin: 1em 0;
}

.privacyBox{
	display: block;
	text-align: center;
	background: #efbfc6;
	border: 5px solid #e76471;
	padding: 0.5em;
	font-size: 90%;
	line-height: 180%;
	margin: 1em 0;
}



/*送信ボタンのおまじない*/
form input[type=submit] {
	-webkit-appearance: none;
	border-radius: 0;
	border: 0;
}

/* オンのとき */
button#formsubmit,
input#formsubmit[type="submit"],
button#submit{
	border: 0;
	width: 100%;
	font-size: 120%;
	color: #FFF;
	display: block;
	padding: 0.5em;
	margin: 0.5em 0 2em 0;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background: #00ae35;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 50px;
	border-radius: 5px;
	transition: all .3s;
}

/* オンのとき */
input#formsubmit[type="submit"]:hover,
button#submit:hover{
	color: #FFF;
	display: block;
	background: #e76471;
	transition: all .3s;
}


/* オフのとき */
input#formsubmit[type="submit"][disabled]{
	color: #222;
	background: #CCCCCC;
}

/*確認画面*/
.button{
	text-align: center;
}
.errorBox{
	text-align: center;
	background: #f1d5d5;
	border: 5px solid #00ae35;
	clear: both;
	margin: 1em;
	padding: 0.5em;
}

.errorBox p{
	color: #00ae35;
	font-size: 90%;
}

.confirm{
	text-align: center;
	background: #bef7c2;
	border: 5px solid #1d8825;
	clear: both;
	margin: 1em;
	padding: 0.5em;
}

.confirm p{
	color: #1d8825;
	font-size: 90%;
}

.red{	color: #F00;}
.wtn_copyright{ display: none;}

/*開業用お問い合わせフォーム*/

.hissu{
	background: #FF0000;
	color: #FFFFFF;
	padding: 0.1em 0.2em;
	margin-right: 10px;
	border: 1px solid #F00;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.nini{
	background: #666666;
	color: #FFFFFF;
	padding: 0.1em 0.2em;
	border: 1px solid #666666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fukusuu{
	background: #13448f;
	color: #FFFFFF;
	padding: 0.1em 0.2em;
	margin-right: 10px;
	border: 1px solid #13448f;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* タブレットサイズ */

.hissu,
.nini,
.fukusuu{
	font-size: 75%;
	line-height: 100%;
	font-weight: 700;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
}

#formArea > section,
#formArea > div > div > section{
	margin-bottom: 20px;
	padding: 0;
	background: none;
}


#formArea > section> dl,
#formArea > div > div > section> dl{
	background: none;
	width: 100%;
	padding: 0;
	margin-bottom: 1em;
	margin-left:0;

}

#formArea > section > dl > dt,
#formArea > div > div > section> dl > dt{
	color: #00ae35;
	font-size: 120%;
	line-height: 180%;
	text-align: center;
	font-weight: 700;
	margin: 0 0 0.25em 0;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
}

#formArea > section > dl > dd,
#formArea > div > div > section> dl > dd{
	padding: 0 0.25em;
	color: #00ae35;
	font-size: 90%;
	line-height: 180%;
	text-align: left;
	color: #000;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
}



article#formArea table{
	width: 100%;
	margin: 20px 0;
	border: 1px #E3E3E3 solid;
	border-bottom: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

article#formArea table th {
	width: 100%;
	display: block;
	padding: 10px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 0px;
	background: #F5F5F5;
	font-weight: lighter;
	line-height: 180%;
	text-align: center;
}

article#formArea table td {
	background: #FFFFFF;
	width: 100%;
	display: block;
	padding: 10px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 0px;
	text-align: left;
}

article#formArea table p{
	font-size: 85%;
	line-height: 180%;
	margin-bottom: 0.5em;
}


article#formArea table dt{
	font-size: 80%;
	line-height: 150%;
	margin-bottom: 5px;
}


article#formArea input[type=text] {
	width: 100%;
	background: #e9f1fc;
	border: 1px solid #CCCCCC;
	font-size: 120%;
	padding: 0.5em;
	margin: 0.5em 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*font-family: "Lucida Grande", "メイリオ","Meiryo", "30D230E930AE30CE89D230B420Pro20W3", "30e130a430ea30aa", "FF2DFF3320FF3030B430B730C330AF", "Osaka", verdana, arial, sans-serif;*/
}



#formArea .label {
	font-weight: bold;
	display: block;		/* ブロックレベル要素化する */ 
	float: left;		/* 要素の左寄せ・回り込を指定する */ 
	margin: 1%;			/* ボックス外側の余白を指定する */
	width: 98%;		/* ボックスの横幅を指定する */
	padding-left: 0;	/* ボックス内左側の余白を指定する */
	padding-right: 0;	/* ボックス内御右側の余白を指定する */
	padding: 0.5em;
	color: #1f2a34;		/* フォントの色を指定 */
	text-align: center;	/* テキストのセンタリングを指定する */
	line-height: auto;	/* 行の高さを指定する */
	cursor: pointer;	/* マウスカーソルの形（リンクカーソル）を指定する */
	border: 2px solid #1f2a34;/* ボックスの境界線を実線で指定する */
	border-radius: 5px;	/* 角丸を指定する */
}

#formArea input[type="radio"]:checked + label,
#formArea input[type="checkbox"]:checked + label {
	color: #FFF;
	background: #1f2a34;/* マウス選択時の背景色を指定する */
	border: 2px solid #1f2a34;
	color: #ffffff; 	/* マウス選択時のフォント色を指定する */
	transition: all .3s;
}

#formArea .label2 {
display: flex;
align-items: center;
justify-content: center;
	font-weight: bold;
	display: block;		/* ブロックレベル要素化する */ 
	float: left;		/* 要素の左寄せ・回り込を指定する */ 
	margin: 1% 0 1.5% 0;			/* ボックス外側の余白を指定する */
	width: 100%;		/* ボックスの横幅を指定する */
	padding-left: 0;	/* ボックス内左側の余白を指定する */
	padding-right: 0;	/* ボックス内御右側の余白を指定する */
	padding: 0.5em;
	color: #1f2a34;		/* フォントの色を指定 */
	text-align: center;	/* テキストのセンタリングを指定する */
	line-height: auto;	/* 行の高さを指定する */
	cursor: pointer;	/* マウスカーソルの形（リンクカーソル）を指定する */
	border: 2px solid #1f2a34;/* ボックスの境界線を実線で指定する */
	border-radius: 5px;	/* 角丸を指定する */
}

.formWq li:nth-child(odd){
	float: none;
	width: 100%;
	margin-bottom:0;
}

.formWq li:nth-child(even){
	float: none;
	width: 100%;
	margin-bottom:0;
}

article#formArea input[type=text] ,	
article#formArea select{	
	width: 100%;	
	background: #e9f1fc;	
	border: 1px solid #CCCCCC;	
	font-size: 120%;	
	line-height: 180%;	
	padding: 0.5em;	
	margin: 0;	
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;	
}

article#formArea input[type=text].width100kaijo ,
article#formArea select.width100kaijo{
	width: auto;
}

article#formArea input[type=number] {
	width: 70%;
	background: #e9f1fc;
	border: 1px solid #CCCCCC;
	font-size: 120%;
	line-height: 180%;
	padding: 0.5em;
	margin: 0 0.5em 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*	アイテムエリア（商品詳細）
-------------------------------------------------*/

.itemDetailBox{
	width: 100%;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}

.itemDetailBox > div {
	width: 100%;
	padding: 1em;
}

.itemDetailBox > div {
	width: 100%;
	padding: 1em 0.5em;
	border: 0;
}



#itemArea h3{
	text-align: left;
	font-size: 1.2em;
	margin: 1em 0;
}

dl.itemTitle{
	margin: 0 0 1em 0;
}

.itemTitle dt{
	font-size: 2.0rem;
    line-height: 150%;
    margin: 0 0 0.5em 0;
	font-weight: 700;
}

.itemTitle dd{
	font-size: 90%;
    line-height: 150%;
    color: #666666;
}


/* 買い物かご */
.cartButton{
	-webkit-appearance: none;
	border-radius: 0;
	margin-top: 0.5em;
	width: 100%;
    font-size: 100%;
    color: #fff;
	display: inline-block;
    padding: 0.8em 0;
    text-align: center;
	background-color: #5c87a6;
    border: 1px solid #5c87a6;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

/*--hover--*/
.cartButton:hover {
    background-color: #254358;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.5s;
}

.itemDetail2{
	margin-bottom: 1em;
}


/*　PL保険ボックス
-------------------------------------------------------------------*/
.plHokenBox{
	clear: both;
	display: block;
	text-align: center;
	background: #FFFFFF;
	border: 5px solid #826927;
	padding: 1em;
	margin: 1em 0;
}

.plHokenBox dt{
	font-size: 1.2rem;
	font-weight: 700;
	color: #826927;
	margin-bottom: 1em;
}

.plHokenBox dd{
	font-size: 0.9rem;
	text-align: left;
}



/*　ログイン情報
-------------------------------------------------------------------*/
#loginBox{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #dfe6f0;
	font-size: 100%;
	margin: 1em 0;
}

#loginBox dl{
	margin-bottom: 1em;	
}	

#loginBox dt{	
	font-size: 100%;	
	margin-bottom: 0.5em;	
}	

#loginBox dd{	
	font-size: 100%;	
	margin-bottom: 0.5em;	
}

#loginBox input[type=text],	
#loginBox input[type=password]{
		background: #e9f1fc;
		border: 1px solid #CCCCCC;
		font-size: 100%;
		padding: 0.5em;
		margin: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
}

#loginBox input[type=submit]{
    font-size: 90%;
    color: #fff;
	display: inline-block;
    padding: 0.5em 1em;
    text-align: center;
	background-color: #5c87a6;
    border: 1px solid #5c87a6;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

/*--hover--*/
#loginBox input[type=submit]:hover {
    background-color: #254358;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.5s;
}

/* ログアウト */
#logout{
	width: 80%;
	margin: auto;
}
#logout input[type=submit]{
	width: 100%;
    font-size: 90%;
    color: #fff;
	display: inline-block;
    padding: 0.5em 1em;
    text-align: center;
	background-color: #5c87a6;
    border: 1px solid #5c87a6;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

/*--hover--*/
#logout input[type=submit]:hover {
    background-color: #254358;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.5s;
}

/*　ドキュメントリスト
-------------------------------------------------------------------*/
#documentList > div{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: -1em;
	margin-bottom: 2em;
	font-size: 90%;
}

#documentList > div > a{
	text-decoration: none;
	font-weight: 700;
    width: 98%;
    margin: 1em 0.5%;
	display: block;
	border: 1px solid #CCCCCC;
	padding: 1em;
	background: #FFFFFF;
	align-items: center;
	color: #5c87a6;
}

#documentList > div > dl,
#documentList > div > section > dl{
	text-decoration: none;
	font-weight: 700;
    width: 98%;
    margin: 1em 0.5%;
	display: block;
	border: 1px solid #CCCCCC;
	padding: 1em;
	background: #DDDDDD;
	align-items: center;
	color: #000000;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#documentList > div > a:hover{
	background: #5c87a6;
	color: #FFF;
    cursor: pointer;
    transition: background-color 0.5s;
}

#documentList > div > a > dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#documentList > div > dl > dt,
#documentList > div > a > dl > dt{
	width: 65%;
}

/* OEM紹介
-------------------------------------------------------------------*/
#oemDocument{
	clear: both;
    display: block;
    text-align: center;
    background: #FFFFFF;
    border: 5px solid #5c87a6;
    padding: 1em;
    margin: 1em auto;
}

#oemDocument > div > a{
	text-decoration: none;
	font-weight: 700;
    width: 100%;
    margin: 0.5% 0.5%;
	display: block;
	border: 1px solid #CCCCCC;
	padding: 1em;
	background: #FFFFFF;
	align-items: center;
	color: #5c87a6;
}

#oemDocument > div > a:hover{
	background: #5c87a6;
	color: #FFF;
    cursor: pointer;
    transition: background-color 0.5s;
}

#oemDocument > div > a > dl{
	text-decoration: none;
	font-weight: 700;
    width: 100%;
    margin: 0.5% 0.5%;
	display: block;
	padding: 1em;
	align-items: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#oemDocument > div > a > dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#oemDocument > div > a > dl > dt{
	width: 70%;
	text-align: left;
	font-size: 150%;
	line-height: 180%;
}

#oemDocument > dl > dt{
	color: #5c87a6;
	margin-bottom: 1em;
	font-weight: 700;
	font-size: 120%;
}

#oemDocument > dl > dd{
	margin-bottom: 1em;
	text-align: left;
	font-size: 100%;
	line-height: 180%;
}


/* mypage	
-------------------------------------------------------------------*/	
.mypageDl dt{	
	font-size: 120%;	
	font-weight: 700;	
	margin-bottom: 1em;	
}	

.mypageDl dd{	
	font-size: 90%;	
	margin-bottom: 1em;	
	margin-left: 1em;	
}	

.mypageDl ul {	
	margin: 0 0 0 1em;	
	padding: 0;	
	list-style: none;	
}	

.mypageDl li {	
	margin-bottom: 0.5em;	
	position: relative;	
}	

.mypageDl li::after {	
	content: '';	
	display: block;	
	position: absolute;	
	top: .5em;	
	left: -1.5em;	
	width: 10px;	
	height: 5px;	
	border-left: 2px solid #25AF01;	
	border-bottom: 2px solid #25AF01;	
	transform: rotate(-45deg);	
}

/* sticker	
-------------------------------------------------------------------*/	
.sticker{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 2em;
    font-size: 95%;
}

.sticker > div:first-child{
	width: 100%;
}

.sticker > div:nth-child(2){
	width: 100%;
	text-align: center;
}

.sticker dl{
	margin: 1.5em 0 0 0;
	padding: 0;
}

.sticker dt{
	font-size: 160%;
	margin-bottom: 0.5em;
	font-weight: 700;
	line-height: 180%;
	text-align: center;
}

.sticker dl{
	font-size: 105%;
}

.sticker ul{
	margin: 1em;
	padding: 1em;
}

.sticker li{
	margin-bottom: 0.5em;
}

.printOut{
	width: 100%;
	margin: 0 0 1em 0;	
	line-height: 180%;	
	background: #660000;	
	color: #FFF;	
	border: 0;
	font-size: 140%;
	font-weight: 700;	
	padding: 0.5em;	
	border-radius: 5px;	
	text-decoration: none;	
	font-family: Yu Gothic, sans-serif,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Verdana, Arial, Helvetica, sans-serif;	

}

.printOut:hover{	
	background: #FF0000;	
}	


/*	【臨時】（テキスト左　写真右）
------------------------------------------------------*/
.contentL{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0 0 2em 0;
	margin: 0;
}

.contentL > section:nth-child(1){
	width: 100%;
}

.contentL > section:nth-child(2){
	display: none;
}

.contentL img{
	width: 100%;
}

.contentL h2{
	color: #8d4a00;
	font-size: 1.5rem;
	text-align: center;
	line-height: 100%;
	margin: 1em 0;
	font-weight: 700;
}

.contentL figure{
	margin-bottom: 1em;
}


/*	【臨時】（写真左　テキスト右）
------------------------------------------------------*/
.contentR{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0 0 2em 0;
	margin: 0;
}

.contentR > section:nth-child(1){
	width: 100%;
}

.contentR > section:nth-child(2){
	width: 100%;
}

.contentR img{
	width: 100%;
}

.contentR h2{
	color: #8d4a00;
	font-size: 1.5rem;
	text-align: center;
	line-height: 100%;
	margin: 1em 0;
	font-weight: 700;
}

.contentR figure{
	margin-bottom: 1em;
}


#supportcopy span{
    background:linear-gradient(transparent 60%, #ff6 60%);
}

/*	priceTablebox（ボックスはflexBox2と同じ）【臨時】
------------------------------------------------------*/
.priceBox{
	background: #248bcd;
	color: #FFF;
	padding: 0.5em;
	margin: 0.25em;
}

.priceTablebox{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0;
}


.priceTablebox section {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0;
	background: #FFF;
}

.priceTablebox h4{
	font-weight: bold;
	margin: 1.5em 0;
	text-align: left;
}


.priceTablebox table{
	margin: 1em 0;
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.priceTablebox th{
	padding: 1em;
	width: 35%;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: 500;
	text-align: center;
}

.priceTablebox td{
	padding: 1em;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	font-weight: 500;
	text-align: left;
}

.priceTablebox td > p{
	font-size: 80%;
	margin-top: 0.5em;
}



/*	Mission
------------------------------------------------------*/

#rinen ul{
	list-style: none;
	margin: 0;
	padding:0;
}

#rinen li{
	margin-bottom: 0.75em;
}

/* 一部だけ線の色を変える */
.mission {
   margin: 0 auto 2em; /* 外側の余白（上下と中央配置） */
   padding: 2em; /* 内側余白 */
   border: 3px solid #eee; /* 線の太さ（3px）、種類（実線）、色（#eee） */
   position: relative; /* 配置（基準となる位置） */
   z-index: 0; /* 他の要素との重なり順（0は通常の順番） */
}

.mission:before {
   border-top: 3px solid #8293AA; /* 上辺の線の色（#8293AA） */
   border-left: 3px solid #8293AA; /* 左辺の線の色（#8293AA） */
   content: ''; /* 擬似要素にコンテンツなし */
   display: block; /* 擬似要素をブロック表示 */
   position: absolute; /* 配置（親要素から絶対的に位置を指定） */
   top: -3px; /* 上から-3pxずらす */
   left: -3px; /* 左から-3pxずらす */
   width: 20px; /* 幅20px */
   height: 20px; /* 高さ20px */
   z-index: 1; /* 重なり順（前面に表示） */
}

.mission dl {
   text-align: center;
}

.mission dt {
	font-family: "Sawarabi Mincho";
	font-size: 2.4rem;
	line-height: 150%;
	margin-bottom: 0.5em;
}

.mission dd {
	line-height: 200%;
}

/* staffBox
-------------------------------------------------*/
.staffBox{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

.staffBox > section {
	width: 100%;
	margin: 1%;
	background: #FFF;
	border: 5px solid #CCCCCC ;
	box-sizing: border-box;
	padding: 1em;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.staffBox > section > figure{
	text-align: center;
	width: 38%;
}

.staffBox img{
	width: 100%;
}

.staffBox dl{
	width: 60%;
	color: #000;
	padding: 0 0 ;
}

.staffBox dt{
	margin: 0 0 0.75em 0;
	padding: 0;
	font-weight: 700;
	line-height: 180%;
	font-size: 1.2rem;
	font-family: 'Noto Sans Japanese', sans-serif;
}

.staffBox dd{
	font-size: 85%;
	line-height: 180%;
}

.staffBox p{
	margin-bottom: 0.5em;
}


/* 汎用電話番号デザイン
-------------------------------------------------*/
.toiawaseBox{
	border: 5px #eae2dd solid;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 1em;
	width: 100%;
	margin: 1.5em auto;
}

.toiawaseBox > div{
	width: 100%;
	padding: 0em;
}

.toiawaseBox dt,
.toiawaseBox dd{
	text-align: left;
}

.toiawaseBox dt{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.toiawaseBox dd{
	font-size: 90%;
	margin-bottom: 1em;
}

.toiawaseBox a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 110%;
	padding: 0.5em;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.phoneN{
	background: #a1a284;
	color: #111;
	font-weight: bold;
	border-radius: 5px;
}


.mailN{
	background: #eb6100;
	background-size: 50px;
    border-radius: 5px;
}

.phoneN:hover,
.mailN:hover{
	opacity: 0.7;
	transition: 0.5s;
}