@charset "utf-8";
/* CSS Document */
html { 
	scroll-behavior: smooth;
	margin-top: -80px;
}
body{
	font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
	line-height: 200%;
	margin: 0px;
	padding: 0px;
}

.pc{
	display: block;
}
.mobile{
	display: none;
}

form{
	float: none;
	clear: both;
	overflow: hidden;
	margin-left: 0%;
	width: 100%;
	margin-bottom: 25px !important;
}

.navi_body h2 span{
	margin-top: 0.5em !important;
}
.navi_header{
	text-align: left !important;
}


.navi_body a { text-decoration: none !important;
color: #1A51B7;}
.navi_body a:hover { background-color: none;
text-decoration: underline !important;}
.cate a { text-decoration: underline; }
/* .cate a:hover { color: #dd0000; } */
.tbl { background-color: #f0f0f0; color: #000000; }

.site {
    padding: 3px;
	width: 100% !important;
	margin: 10px auto -25px auto !important;
}

.site img{
	display: none;
}



.pg { font-family:Century,Helvetica,Arial; }




h1{
	font-size: 12px;
	color: #666666;
	font-weight: 600;
}

.fuku_container{
	width: 96%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
}

.fukushima_box{
	width: 48%;
	margin: 0 auto 25px auto;
	float: left;
}

.fukushima_box img{
	width: 30%;
	float: left;
	margin: 0 15px 15px 0;
}

.fukushima_box p{
	font-size: 20px;
	font-weight: 600;
	line-height: 125%;
	margin: 0 !important;
	margin: 10px 0 !important;
}

.fukushima_box span{
	font-size: 14px;
	font-weight: 400;
	line-height: 145%;
	margin: 0;
	padding: 0;
}




.container{
	padding: 0 25px !important;
}

.iframe_link{
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.link_new{
	clear: both;
	overflow: hidden;
	margin: 0 auto 35px auto !important;
	padding: 0 !important;
	width: 96%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.link_new li{
	list-style: none;
	border-bottom: 1px dotted #000000;
	width: calc(50% - 20px);
	display: block;
	float: left;
	margin: 0 5px !important;
	padding: 10px  5px!important;
	line-height: 125%;
}

#f_news{
    table-layout: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 0px;
	width: 100% !important;
}


#f_news a img{
	width: 100% !important;
}


.pic_img{
	padding: 0px;
	margin-top: 10px;
	margin-left: 15px;
	_margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	height: auto;
	width: 100%;
	float: left !important;
}

.pic_text{
	font-size: 12px;
	line-height: 150%;
	padding: 0px;
	clear: right;
	float: right;
	width: 180px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.pic_text span{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


h4{
	font-size: 16px;
	line-height: 150%;
	padding: 0px !important;
	margin-top: 10px !important;
	margin-right: 0px;
	margin-bottom: 0px !important;
	margin-left: 0px;
	font-weight: bold;
}

h5{
	font-size: 12px;
	line-height: 150%;
	padding: 0px !important;
	margin-top: 0px !important;
	margin-right: 0px;
	margin-bottom: 0px !important;
	margin-left: 0px;
	font-weight: normal;
}


#navi_eco{
}

#navi_eco h3{
	margin: 0px;
	padding: 0px;
}

#navi_eco div{
	background-image: url(http://www.yumesite.com/img/navi_eco_04.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 162px;
	width: 473px;
}

#navi_eco div p{
	font-size: 12px;
	line-height: 150%;
	margin: 0px;
	padding-top: 23px;
	padding-right: 38px;
	padding-bottom: 18px;
	padding-left: 18px;
}

.news_data{
	font-size: 12px;
	line-height: 150%;
	text-align: right;
	margin-top: 3px;
	margin-right: 1px;
	margin-bottom: 3px;
	margin-left: 1px;
	background-color: #CEDEFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
	color: #000000;
}

.link_kyoucyou{
	background-color: #F3D3DB;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}


.umai_banar{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.header_s01{
	margin: 0px;
}

.header_s{
	font-size: 16px;
	line-height: 200%;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 25px;
	text-align: left !important;
}

.header_s span{
	background-color: #94DDEF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 2px;
}

#syokuhin{
	clear: both;
	width: 661px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

/*ナビindex*/
.container_all{
	overflow: hidden !important;
	clear: both;
	height: auto !important;
}
.navi_body{
		overflow: hidden !important;
		/*display: block;*/
		clear: both !important;
		max-width: 1080px;
		margin: 0 auto;

	  padding: 127px 0px 0px 0px !important;
	  background-color: #ffffff;
	background-image: url("../img/navi_h.jpg");
	background-repeat: no-repeat;
	background-position: top -10px center;
}


.navi_body h2{
	margin: 55px auto!important;
	padding: 0 !important;
	text-align: center;
	font-size: 35px;
	font-weight: 600;
	line-height: 125%;
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.navi_body h2 span{
	display: block;
	clear: both;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	line-height: 125%;
}

.navi_body p{
	text-align: left;
}

.navi_body p span{
	background-color: #D1D1E9;
}

.navi_detail{
	margin: 25px 20px 45px 20px;
}

.navi_detail a{
	color: #1A51B7 !important;
}



/*iframe用table*/


.title_re2{
	border-left: 7px solid #C02C67;
	font-size: 20px;
	font-weight: 600;
	padding: 5px 15px;
	clear: both;
	margin: 25px 0 15px 2%;
}

.title_re3{
	border-left: 7px solid #C02C67;
	font-size: 1.25rem;
	font-weight: 600;
	padding: 0.3rem 1rem;
	clear: both;
	margin: 3rem 0 1rem 0;
/*  scroll-margin-top: 135px;*/
}

/*.scroll-target {
  scroll-margin-top: 135px;
}*/

:root {
  scroll-behavior: smooth;
  scroll-padding-top: 135px; /* 固定ヘッダーの高さ分 */
}

.title_re4{
	font-size: 1.1rem;
	font-weight: 400;
	padding: 0.75em 1.0em !important;
	clear: both;
	margin: 2.5rem 0 1.5rem 0 !important;
	background-color: rgba(158,203,235,0.55);
	line-height: 100%;
	border-radius: 0px;
}

.iframe_tab0{
	width: 97% !important;
	margin: 0px auto 35px auto !important;
}

.iframe_tab{
	width: 100% !important;
	margin: -45px 0 35px 0 !important;
}



.side_title{
	padding: 5px 15px !important;
	margin: 0 !important;
	width: 100% !important;
}

.side_title p{
	font-weight: 600 !important;
	font-size: 14px;
}


.iframe_tab0 p{
	font-weight: 600 !important;
	font-size: 20px !important;
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
}

.iframe_tab0 span{
	display: block;
	line-height: 145%;
	margin: 0;
	padding: 0;
	font-size: 14px;
}


.iframe_tab2{
	width: 96% !important;
	margin: 0 auto 35px auto !important;
}

.iframe_tab2 td{
	border-bottom: 1px dotted #222222;
}

.iframe_tab3{
	width: 96% !important;
	margin: 0 auto 0 auto !important;
}

.iframe_tab p{
	font-size: 18px;
	font-weight: 600;
	clear: both;
	margin: 1% 0 !important;
	padding: 0 !important;
	display: block;
	line-height: 145% !important;
}

.iframe_tab2 p{
	font-size: 15px;
	font-weight: 400;
	clear: both;
	margin: 0 15px 3% 0 !important;
	padding: 0 !important;
	display: block;
	line-height: 145% !important;
}

.iframe_tab span{
	font-size: 14px;
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	line-height: 165%;
}

.cate{
	padding-bottom: 15px !important;
}

.navi_osirase{
	font-size: 16px;
	line-height: 110% !important;
	margin: -10px 15px -15px 15px!important;
	padding: 0 !important;
}

.navi_osirase li{
	margin: 5px 0 15px 0 !important;
	list-style: none;
	padding: 0 !important;
}

.catetit{
	margin: 0 !important;
	padding: 0 !important;
	clear: both;
}

.pc_hidden{
	display: none;
}
/*構造化データ実装サービス*/

/*ヘッダー部分*/
.kozo_header{
	width: 100%;
}

.kozo_header img:first-child{
	width: 55%;
	display: block;
	margin: 5em auto 2.5em auto !important;
}

.kozo_header img:nth-child(2){
	width: 64%;
	display: block;
	margin: 0 auto 0em auto !important;
	text-align: center;
}

.kozo_header h2{
/*	font-size: 4.6rem;
*/  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300; /* 細めをデフォルトに */
	margin: 2rem auto 4rem auto !important;
	padding: 0 !important;
	line-height: 125%;
	color: rgba(0,0,0,0.77);
  white-space: nowrap;       /* 改行させない */
  font-size: clamp(55px, 6vw, 77px); /* 画面幅に応じて縮小 */
}

/*ナビ部分*/
ul.kozo_navi{
	margin: 3.5em 1em 0 1em;
}

ul.kozo_navi li{
	display: block;
	clear: both;
	overflow: hidden;
	border-bottom: 0px solid rgba(20,132,224,0.88);
	padding: 0em 1.5em;
	font-size: 1.15rem;
}



ul.kozo_navi li a{
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0em;
	padding: 1.2em 1.8em;
	border-bottom: 1px solid rgba(0,0,0,0.44);
	color: rgba(0,0,0,0.77);
	line-height: 200% !important;
}

ul.kozo_navi li a::before {
	content: "▶";
	color: #a20056;
	margin-right: 12px;
	font-size: 0.7rem;
	margin-left: -1.5em;
}

ul.kozo_navi li a::before:hover {
	color: rgba(85,73,170,1.0) !important;
}

ul.kozo_navi li a:hover{
	background-color: rgba(128,170,232,0.33);
	text-decoration: none !important;
	color: rgba(0,0,0,1.0) !important;
}

ul.kozo_navi li a:hover::before {
	opacity: 1.0 !important;
}

ul.kozo_navi li a:nth-child(2){
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0em;
/*	padding: 1em 1.5em 1em 2em;*/
}

ul.kozo_navi li a:nth-child(2) span{
	border: 0px solid rgba(0,0,0,1.00);
	padding: 0.5em 1em;
	margin-right: 1em;
	font-size: 0.88rem;
	background-color: rgba(0,0,0,0.22);
	border-radius: 2px;
}



.kozo_container{
	padding: 1.5em 2em 1.5em 2em;
	background-image: url("../img/kozo_footer.png");
	background-position: bottom center;
	background-repeat: no-repeat;
  background-size: 100% auto;  /* 幅100％、高さは自動 */
}

.kozo_container pre{
white-space: pre-wrap;   /* 自動改行を有効にする */
word-wrap: break-word;   /* 長い単語やURLも折り返す */
overflow-wrap: break-word; /* 新しいブラウザ向けの指定 */
background-color: rgba(0,0,0,0.008);
padding: 1.8em 2.2em;
border-radius: 3px;
border: 1px solid #e1e1e1;
line-height: 200%;
font-size: 0.88rem;
box-shadow:
inset -3px 0 6px rgba(0,0,0,0.10),  /* 右端の影（強） */
inset 0 -3px 6px rgba(0,0,0,0.15),  /* 下端の影（強） */
inset 10px 0 12px rgba(255,255,255,0.5),
inset 0 10px 12px rgba(255,255,255,0.5);
margin-bottom: 2.5rem;
	color: rgba(0,0,0,0.66);
}

.kozo_img_l{
	width: 35%;
	float: left;
	margin: 1.5rem 1.5rem 1.5rem 0rem;
}

.kozo_img_r{
	width: 35%;
	float: right;
	margin: 1.5rem 0rem 1.5rem 1.5rem;
}

.kozo_img_r2{
	width: 50%;
	float: right;
	margin: 1.5rem 0rem 1.5rem 1.5rem;
}

.bk_gl{
	background-color: rgba(0,0,0,0.1);
	padding: 0.3rem;
	border: 0px solid rgba(0,0,0,0.1);
	margin-top: 0 !important;
}

.kozo_img_r.bk_gl,.kozo_img_r.bk_gl img{
	border-radius: 0px;
}

.kozo_container p{
	line-height: 200% !important;
}

.kozo_container span{
	padding: 2px 5px !important;
}

.kozo_memo{
	background-color: rgba(85,73,170,0.15);
padding: 0em 0em;
margin: 3.5em 0 1em 0;
	overflow: hidden;
	clear: both;
	border-radius: 0px;
}

.kozo_memo div{
	display: flex;
  flex-direction: row;
  align-items: stretch;
}

.kozo_memo span{
	background-color: rgba(85,73,170,0.77);
	color: rgba(255,255,255,0.88);
	font-size: 0.90rem;
	font-weight: 400;
	display: flex;
  align-items: center;
	width: 100px;
  justify-content: center;
}

.kozo_memo h3{
	width: calc(100% - 100px);
	background-color: rgba(85,73,170,0.33);
	/*color: rgba(51,43,158,1.00);*/
	color: rgba(16,16,102,0.77);
	font-size: 1.1rem;
	font-weight: 400;
	display: flex;
  align-items: center;
	padding: 0.66em 1em;
	line-height: 145%;
	letter-spacing: 1px;
  scroll-margin-top: 135px !important; /* ヘッダーの高さ分など */
}

.kozo_memo p{
line-height: 200%;
	margin: 1.1em 1.5em;
}

.kozo_memo p span{
	background-color: #e6e6e6;
	text-decoration: underline;
}

.kozo_memo img{
	width: 26%;
	float: left;
	margin: 1.5em 1.5em 1.5em 1.5em;
	border-radius: 3px;
}



.title_re3{
	margin: 7rem 0rem 1.5rem 0rem !important;
	overflow: hidden;
	clear: both;
	display: block;
}	


.rich_ex{
	display: flex;
justify-content: space-between;
	padding: 2.5rem 0 2.5rem 0 !important;

}

.rich_ex div{
	width: 23.5%;
	border: 0px solid rgba(0,0,0,0.15);
	padding: 0.3rem;
	margin: 0 !important;
	background-color: #e6e6e6;
	border-radius: 2px;
}




.rich_ex div img,.rich_ex2 div img{
	width: 100%;
	border-radius: 0px 0px 0px 0px;
}

.rich_ex div span,.rich_ex2 div span{
	font-size: 0.8rem;
	display: block;
	text-align: center;
	margin: 0.88rem auto 0.44rem auto;
}

/*アコーディオンパネル*/
.accordion-003 {
    max-width: 100%;
    margin-bottom: 7px;
    border-bottom: 1px solid #d0d0d0;
}

.accordion-003:last-child {
    margin-bottom: 15rem;

}

.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 1em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
	font-size: 1.1rem;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 h4 {
	font-size: 1.0rem;
	font-weight: 600;
	margin: 0.5rem 1rem 0.5rem 0.5rem;
	border-bottom: 1px solid rgba(158,203,235,0.66);
	padding: 1rem 1.2rem !important;
}

.accordion-003 h4::before {
	content: "▶";
	color: #5549aa;
	margin-right: 7px;
	font-size: 0.7rem;
}

.strikethrough {
  text-decoration: line-through;
	background-color: #fff;
	font-size: 1rem !important;
}
.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003 ol {
	width: calc(100% - 2rem);
	margin: 1rem 1rem 66px 1rem;
	list-style-type: decimal;
}

.accordion-003 ol li{
/*	border-bottom: 1px dotted rgba(0,0,0,0.55);*/
	list-style-position: inside;
	padding: 10px 15px;
}

.accordion-003 ol li:nth-child(odd) {
  background-color: rgba(158,203,235,0.33);
}

.accordion-003 p span{
	font-size: 0.77rem;
	background-color: #fff !important;
}

.accordion-003 p span.price_kozo{
	font-size: 1rem !important;
  background-color: rgba(158,203,235,0.33) !important;
	display: block;
	clear: both;
	padding: 1rem 1.5rem !important;
	line-height: 200% !important;
	margin: 0.5rem -1.5rem 2rem -1.5rem;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}

@media only screen and (max-width : 1490px ){
	
.pc{
	display: none;
}
.mobile{
	display: block;
}
	
/*ナビindex*/
	

	
.navi_body{
	padding: 20px 10px 25px 10px;
}	
	

.link_new li{
	width: calc(100% - 20px);
	display: block;
	margin: 0 5px;
	padding: 5px 5px;
	clear: both;
}
	
.fukushima_box{
	width: 100%;
	margin: 0 auto 15px auto !important;
	float: none;
	clear: both;
	overflow: hidden;
}
	
.fukushima_box img{
	width: 30%;
	float: left;
	margin: 0px 15px 15px 0;
}

	
.fukushima_box p{
	font-size: 20px;
	font-weight: 600;
	line-height: 125%;
	margin: 0!important;
	margin: 10px 0 10px 0!important;
}

.iframe_tab{
	width: 110% !important;
	margin: -45px -5% 35px -5% !important;
}


.side_title{
	padding: 5px 10px !important;
	margin: 0 !important;
	width: 100% !important;
}
	
.navi_osirase{
	font-size: 14px;
	line-height: 110% !important;
	margin: -15px 10px -15px 10px!important;
	padding: 0 !important;
}
	
	

.navi_osirase li{
	margin: 5px 0 15px 0 !important;
	list-style: none;
	padding: 0 !important;
}
	
.pc_hidden{
	display: block;	
}

.navi_header{
	text-align: left !important;
	width: 108% !important;
	margin: 0 -4% 45px -4% !important;
}
.title_re2{
	margin: 45px 0 15px 2%;
}


.kensakuli{
	width: 110% !important;
	margin: 0 -5% 45px -5% !important;
	background-color: aqua;
}
	
/*構造化データ実装サービス*/
.kozo_header img:first-child{
	width: 92%;
	display: block;
	margin: -1.75em auto 1.5em auto !important;
}	
	
.kozo_header img:nth-child(2){
	width: 70%;
	display: block;
	margin: 0 auto 1em auto !important;
	text-align: center;
}
	
.kozo_container{
	padding: 1.5em 1em 1.5em 1em;
}
	
.kozo_header h2{
margin: 0.7rem auto 3rem auto !important;
font-size: clamp(26px, 7.7vw, 44px); /* 画面幅に応じて縮小 */
}
.kozo_header img{
	width: 94%;
	display: block;
	margin: 0em auto 0 auto !important;
}
	
.kozo_memo{
padding: 0em 0em !important;
margin: 3.5em 0 1em 0;
}
	
.rich_ex{
display: flex;
flex-wrap: wrap;
padding: 2.5rem 0 2.5rem 0 !important;
}
.rich_ex div:nth-child(odd) {
	width: calc(49.5% - 0.5em);
	margin: 0 1% 1em 0 !important;
}	
.rich_ex div:nth-child(even){
	width: calc(49.5% - 0.5em);
	margin: 0 0 1em 0 !important;
}	

	/*アコーディオンパネル*/
.accordion-003 summary {
    padding: 1em 0.3em;

}	
	
.accordion-003 p {
    padding: 1em 0.3em;
}
	
.accordion-003 ol {
		width: calc(100% - 0.6rem);
	margin: 1em 0.3em 66px 0.3em;
}

.accordion-003 ol li{
	padding: 0.7em 1em;
}
	
.accordion-003 h4 {
	margin: 0.5em 0em 0.5em 0em;
	padding: 1em 0.3em !important;
}

.accordion-003 p span.price_kozo{
	padding: 0.5em 1.0em !important;
	margin: 0.5em -0.5em 2em -0.5em;
}

.accordion-003:last-child {
    margin-bottom: 7.5rem;

}	
	
.accordion-003 ol {
	width: calc(100% - 0rem);
	margin: 1rem 0rem 66px 0rem;
}
.kozo_memo{
padding: 1.0em 1.4em;
margin: 2.5em -0.5em 1em -0.5em;
}	
	
.kozo_container pre{
padding: 1.0em 1.4em;
margin: 2.5em 0em 2.5em 0em;
}	
.title_re4{
	padding: 0.75em 0.7em !important;
	margin: 2.5em -0.5em 1.5em -0.5em !important;
}	
	
.kozo_memo img{
	width: 35%;
	margin: 1.5em 1em 1.5em 1em !important;
}
	
.kozo_img_l{
	width: 44%;
	float: left;
	margin: 0.5em 0.5em 0.5em 0em;
}
	
.kozo_img_r{
	width: 44%;
	float: right;
	margin: 0.5em 0em 0.5em 0.5em;
}
	
.kozo_img_r2{
	width: 50%;
	float: right;
	margin: 0.5em 0em 0.5em 0.5em;
}
	
ul.kozo_navi{
	margin: 2.0em -1.0em 0 -1.0em;
}
	
ul.kozo_navi li{
	font-size: 1.0rem;
}
	

	
ul.kozo_navi li a{
	padding: 1.2em 0.5em 1.2em 2.0em;
}
	
ul.kozo_navi li a::before {
	margin-right: 12px;
	margin-left: -2.0em;
}
	
ul.kozo_navi li a:nth-child(2){
/*	padding: 1em 1.8em 1em 1.8em;
*/}
	
	




	
	
}

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


	
}