@charset "utf-8";

/*------------------------------------------------------------------
/
/	STYLE:PC
/
/-----------------------------------------------------------------*/


html {}
body {
	margin: 0 auto;
	font-size:100%;
	color: #111;
	line-height: 1.7;
	background:fff;
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
a {
	color: #777;
	text-decoration: none;
}
a:hover {}
a:visited {}
a:hover {}

* header:after,
* footer:after,
* main,
* section:after,
* article:after,
* div:after,
* ul:after,
* ol:after,
* dl:after {
	content: "";
	clear: both;
	display: block;
}

/* common
-------------------------------------------------------*/
.sp {
	display: none;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.area {
	width:100%;
}
.area-in {
	width:980px;/* 任意の幅 */
	margin: 0 auto;
}

/* header
-------------------------------------------------------*/
#header {
	padding: 0px 0 10px 0;
}
#header .in {
	max-width: 1105px;
    width: 100%;
	margin: 0 auto;
}
#header .in .logo {
	float: left;
}
#header .in p {
	float: right;
}

h1.header_txt {
	margin-bottom:5px;
	font-size:13px;
}

.header_contact {
	display:block;
	float:right;
    max-width: calc(100% - 300px);
}
#cart_ban_header{
    display: flex;
}
#cart_ban_header > img,
#cart_ban_header > a{
    width: 31%;    
    height: auto;
}
#cart_ban_header a:nth-child(2){
    position: relative;
    margin-left: 3%;
}
#cart_ban_header a:nth-child(2):before{
    content: "";
    width: 77px;
    height: 100px;
	background: url(../images/23_hiromiD.png)
    no-repeat
    bottom center / contain;
    position: absolute;
    bottom:0px;
    left: -40px;
    z-index: 2;
}
/* footer
-------------------------------------------------------*/
#footer {
	padding: 40px 0 0;
	text-align: center;
	}
	
#footer #copy {
	font-size: 14px;
	color:#FFF;
	background:#18b953;
	padding:20px;
	vertical-align:bottom;
}


/*=======================================================
	以下コンテンツのセクションごと
=======================================================*/


/* main
-------------------------------------------------------*/

#visual{
	background:#e6f2e8;

}

h2{
	margin:0!important;
	padding:0!important;
}

img.sankan{
	width: 60%;
	margin: 20px auto;
	display: block;
}

#point_area{
	 background: linear-gradient(#0ca512,#18b953);
	 padding:15px 0 45px;
	 text-align:center;
	}

#point_area img{
	margin-right:30px;
	max-width: 282px;
}

.twitter{
}
.twitter .timeline{
	width: 600px;
    margin: 0 auto;
}

/* 見出しタイトルテキスト
-------------------------------------------------------*/
 .caption{
	border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
	background:#FFF;
	color:#0081ac;
	text-shadow: none;
	font-size:18px;
	margin-bottom:15px;
	font-weight: 500;
	 width:40%;
	 margin:0 auto;
	padding:7px;
	 
}

.caption_ore{
	color:#ff7b20!important;
	border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
	background:#FFF;
	text-shadow: none;
	font-size:20px;
	margin-bottom:15px;
	font-weight: 500;
	width:60%;
	text-align:center;
	margin:0 auto;
	padding:7px;
	 
	 
}


.h3ttl{
	 background: linear-gradient(#0ca512,#18b953);
	 color:#fff;
	 font-size:40px;
	 font-family: "Noto Sans Japanese";
	 font-weight: 900;
	 text-shadow: 1px 1px 1px #000;
	 text-align:center;
	 line-height:125%;
	 padding:30px 0;
	 margin-top:0;
}

.h3ttl02{
	 color:#0c5d34;
	 font-size:40px;
	 font-family: "Noto Sans Japanese";
	 font-weight: 900;
	 text-shadow: 3px 3px 3px #fff;
	 text-align:center;
	 line-height:125%;
	 padding:30px 0;
}



.c_txt02{
	 color:#000;
	 font-size:30px;
	 font-family: "Noto Sans Japanese";
	 font-weight: 900;
	 text-shadow: 3px 3px 3px #fff;
	 text-align:center;
	 line-height:125%;
	 padding:30px 0;
	 
}


.red01{
	color:#F00;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

.ore01{
	font-weight:700;
	border-bottom:#ff9b0e 4px solid;
}

.blo01{
	font-weight:700;
	color:#3f1f00;
	font-size:34px;
}

	

/* cv_area
-------------------------------------------------------*/

.cv_bg{
	padding:20px 0;
}

.cv_area{
	width:980px;
	margin:0 auto;
	
	}
	
.cv_areabg{
	margin:0 auto;
	max-width:888px;
	}
	
.bt_area{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex; /* Safari */
	display: -webkit-box-flex; /* Safari */
	display: flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-ms-justify-content:space-between;/*--- IE10用 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	background:#fff;
	text-align:center;
	padding:20px;
    position: relative;
}
.bt_area img,
.bt_area a{
    width: 31%;
    z-index: 2;
}
.bt_area a img{
    width: 100%;
}
.bt_area:before{
    content: "";
    width: 152px;
    height: 200px;
    background: url("../images/23_hiromiE_200.png")
		no-repeat
		bottom center / contain;
    position: absolute;
    top:-200px;
    left: 8%;
    z-index: 0;
}
/* #area00
-------------------------------------------------------*/

#area00-in{width:100%;background:#fcf9d4;padding:30px 0;
text-align:center;}

/* #area01
-------------------------------------------------------*/

#area01-in {
	width: 100%;
	background:#f2f7f9;
}
#item-img01 {
	text-align:center;
	width: 100%;
	max-width: 886px;
	margin: 0 auto;
}
#item-img02{
	width: 100%;
	text-align:center;
	margin: 0 auto;
}
.midashi_area small{
	font-size: 48%;
}	

	

/* #area02
-------------------------------------------------------*/
#area02-in {
	padding: 50px 0;
}
#area02-in .box01 {
	background: #fff;
	padding: 20px 0 40px;
	box-sizing: border-box;
	float:left;
	text-align:left;
	border-bottom:3px solid #0da615;
	font-size:16px;
}

#area02-in .num{
	width:10%;
	float:left;
}

#area02-in .textarea{
	width:57%;
	float:left;
	margin-right:3%;
	box-sizing: border-box;
	
}

#area02-in .midashi_area{
	font-size:30px;
	color: #3f1f00;
	font-weight:700;
	margin-bottom:15px;
	line-height:150%;
}

#area02-in .picarea{
	width:30%;
    float:left;
}


/* #area03
-------------------------------------------------------*/


#area03-in {
	background:#e0fabf;
	padding: 60px 0;
}
#area03-in article {
	margin-bottom: 30px;
}
#area03-in article:last-of-type {
	margin-bottom: 0;
}


/* #area04
-------------------------------------------------------*/
#area04-in {
	padding:0px;
	margin:0;
}

#area04-in .box03{
	margin:60px 0 20px;
}

#area04-in .box03 img{
	margin-right:10px;
	max-width: 265px;
	}
#area04-in p{
	text-align: center;
	font-weight: bold;
	color: #ff7b20;
	margin-bottom: 40px;
	font-size: 24px;
}
.kaisyubox img,.kaisyubox02 img{margin-right:15px;max-width:265px; margin-top:20px; text-align:center;}
.mt30{margin-top:30px}.kaisyubox{padding:0 0 15px}
.kaisyubox02 {text-align:center;}

.kaisyu_box{
	display: flex;
	justify-content: center;
    align-items: flex-end;
}

/* #area05
-------------------------------------------------------*/
#area05-in {
    padding: 0px;
}
#area05-in .area-in{
    display: flex;
	justify-content: space-between;
    padding-bottom: 4em;
    overflow: hidden;
}

#area05-in .box04 {
    font-size: 16px;
	width: 32%;
}

.v_pic {
   /* float: right;*/
    /*max-width: 191px;*/
    width: 30%;
	margin: 0 auto;
    display: block;
}

.v_pic02 {
    /*float: left;
    max-width: 191px;*/
    width: 17%;
}

#area05-in .voice_area01 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: solid #d2d2d2 4px;
    border-radius: 7px;
    /* CSS3草案 */
    -webkit-border-radius: 7px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;
    /* Firefox用 */
    padding: 20px;
	min-height: 470px;
}

/*
#area05-in .voice_area01 {
    float: left;
    width: 75%;
    box-sizing: border-box;
    border: solid #d2d2d2 4px;
    border-radius: 7px;
    /* CSS3草案 */
/*    -webkit-border-radius: 7px;
    /* Safari,Google Chrome用 */
/*    -moz-border-radius: 7px;
    /* Firefox用 */
 /*   padding: 20px;

}
/*
#area05-in .voice_area02 {
    float: right;
    width: 75%;
    box-sizing: border-box;
    border: solid #d2d2d2 4px;
    border-radius: 7px;
    /* CSS3草案 */
/*    -webkit-border-radius: 7px;
    /* Safari,Google Chrome用 */
 /*   -moz-border-radius: 7px;
    /* Firefox用 */
 /*   padding: 20px;

}
*/
#area05-in .voice_area02 h4 {
    color: #0081ac;
    font-size: 30px;
    font-weight: 700;
    border-bottom: 4px solid #0081ac;
    margin-bottom: 20px;
    padding-bottom: 7px;
}


#area05-in .voice_area01 h4 {
    color: #0081ac;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 4px solid #0081ac;
    margin-bottom: 20px;
    padding-bottom: 7px;
}

.box04 span {
    color: #FFF;
    background: #0081ac;
    padding: 5px;
    font-size: 12px;
    margin-left: 10px;
    border-radius: 7px;
    /* CSS3草案 */
    -webkit-border-radius: 7px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;
    /* Firefox用 */
}

div#area05-in:after,
section#area05:after,
#area05-in article:after {
	clear: none;
}



/* #area06
-------------------------------------------------------*/
#area06-in {
	width: 100%;
	padding-bottom: 60px;
}
#area06-in img{
	padding:60px 0px 0 15px
	
}
#area06-in ul{
	display: flex;
}
#area06-in ul li{
	list-style: none;
}

	
/* #area07
-------------------------------------------------------*/
#area07-in {
	padding: 50px 0;
	background:#e0fabf;
	margin:0;
}
#area07 h3 {
	margin-bottom: 30px;
}
#area07-in dl dt,
#area07-in dl dd {
	position: relative;
	margin: 20px 0;
}
#area07-in dl dt:before {
	content:'';
	position: absolute;
	background: url(../images/q.png) no-repeat left center;
	width: 60px;
	height: 60px;
	top: 0;
	left: 0;
	
}
#area07-in dl dd:before {
	content:'';
	background: url(../images/a.png) no-repeat left center;
    position: absolute;
	padding-left: 80px;
	width: 60px;
	height: 80px;
	top: 0;
	left: 0;
	
}
#area07-in dl {
	margin-bottom: 30px;
}
#area07-in dl dt {
	padding-left: 80px;
	font-size: 26px;
	font-weight: 700;
	color:#3f1f00;
	margin-bottom:20px;
}

#area07-in dl dd {
	padding-left: 80px;
	color:#3f1f00;
	font-size:16px;
	padding-top:20px;
}

#area07-in dl {
	padding: 20px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}



/* #area08
-------------------------------------------------------*/
#area08-in {
	padding:0px;
	margin:0 auto;
}

#area08-in h3{
	margin-bottom:70px;
}
#area08-in h3 span{
    position: relative;
}
#area08-in h3 span:before{
    content: "";
    width: 155px;
    height: 200px;
    background-image: url("../images/23_hiromiA_200.png");
    background-repeat: no-repeat;
    position: absolute;
    top:-60px;
    left: -120px;
    z-index: 2;
}

#area08-in article {
	padding: 0px 20px 30px 20px;
}

.red{
	background:#e60012;
	color:#FFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding:1px 15px;
	margin-right:10px;
}

.green{
	background:#0081ac;
	color:#FFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding:1px 15px;
	margin-right:10px;
}
.control-label{
	text-align:left !important;
}

.rtnbtn{
	margin-right:20px;
	
}

.msg{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:50px 0;
	line-height:160%;
}

/* #area09
-------------------------------------------------------*/
#area09-in {
	padding:0px;
	margin:0 auto;

}

#area09-in h3{
	margin-bottom:70px;
}

#area09-in article {
	display: flex;
	align-items: flex-end;
	padding: 0 0 20px;
}
#area09-in article div img{
	max-width: unset;
}
#area09-in article div.banner_area{
	margin-right: 10px;
}
#area09-in .bnr{
    margin-bottom: 2em;
}
#area09-in .bnr img{
    width: 100%;
    border: solid 2px #939393;
}

#area09-in .tbl2{
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex; /* Safari */
	display: -webkit-box-flex; /* Safari */
	display: flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-ms-justify-content:space-between;/*--- IE10用 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
    -webkit-gap:2%;
    gap:2%;
    padding: 0;
    list-style: none;
}
#area09-in .tbl2 li{
    width: 32%;
}
#area09-in .tbl2 li img{
    width: 100%;
    border: solid 2px #939393;
}

/* #area10
-------------------------------------------------------*/
#area10-in {
	padding:0px;
	margin:0 auto;

}

#area10-in h3{
	margin-bottom:70px;
}

#area10-in article {
	padding: 0px 20px 30px 20px;
}

#area10-in .bnr{
    margin-bottom: 2em;
}
#area10-in .bnr img{
    width: 100%;
    border: solid 2px #939393;
}

#area10-in .tbl2{
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex; /* Safari */
	display: -webkit-box-flex; /* Safari */
	display: flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-ms-justify-content:space-between;/*--- IE10用 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
    /*-webkit-gap:4%;
    gap:4%;*/
    padding: 0;
    list-style: none;
}
#area10-in .tbl2 li{
    text-align: center;
}
#area10-in .tbl2 li:first-child img{
    border: none;
}
#area10-in .tbl2 li img{
    width: auto;
    max-height: 320px;
    border: solid 2px #939393;
}
/*--sp用固定CV---------------------------------------*/

#fixContact {
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display: none !important;
}


/* clearfix
----------------------------------------------- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }


/* template
-------------------------------------------------------*/

.pagetop {
	position: relative;
	z-index: 9999;
	width: 44px;
	height: 44px;
	background: url(../images/pagetop.png) no-repeat left top;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc-d { display: block !important; }
.sp-d { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc-d { display: none !important; }
.sp-d { display: block !important; }
}

.footer_box{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.scr {
    width: 100%;
    overflow: scroll;
    margin: 30px auto;
    height: 150px;
    font-size: 0.8em;
    line-height: 1.4em;
    overflow-x: hidden;
    border: 1px #c7c7c7 solid;
    padding: 10px;
    background-color: #fff;
}