@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: COLORS WEB DESIGN
Author URI: https://colors.cc/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

*{box-sizing: border-box;}
/*
body{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; margin: 0; padding: 0; color: #707070;}
*/
body{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; margin: 0; padding: 0; color: #333; background-color: #fff;}


img{width:100%; vertical-align:top;}

a:hover{
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);
filter: brightness(0.6);
}



.header-container{display: none;} 
header.article-header{display: none;}
div.content{margin: 0; padding: 0;}
main.main{margin: 0; padding: 0; border: none;}
div.entry-content{margin: 0; padding: 0; box-sizing: border-box;}

div.tagline{text-align:left;}

article{ width: 100%; margin: 0; padding: 0;}
section{width: 100%; max-width: 800px; padding: 30px 0; margin:0 auto;}
section.sec01{width: 90%;}
section.w695{max-width: 695px;}
section.w1000{max-width: 1000px;}
section.w1160{max-width: 1160px;}
section.full{max-width: none; padding: 10px 0; margin: 0 auto;}
section.full1{max-width: none; padding: 10px 0; margin: 0 auto; background: rgba(243,243,243,1.0); border-bottom: 6px solid #EFAFFF;}
section.full2{max-width: none; padding: 10px 0; margin: 0 auto; background: rgba(255,247,240,1.0); border-top: 6px solid #EFAFFF; border-bottom: 6px solid #EFAFFF;}
section.full3{max-width: none; padding: 10px 0; margin: 0 auto; background: rgba(255,247,240,1.0); border-top: 6px solid #EFAFFF; border-bottom: 1px solid #EFAFFF;}
section div.secinn{width: 100%; max-width: 800px; margin: 0 auto; padding: 30px 0;}
section div.secinn02{width: 100%; max-width: 1160px; margin: 0 auto; padding: 30px 0;}
.w1000{max-width: 1000px;}
.w800{max-width: 800px;}

.section01 {
	 max-width: none;
  background: #E5E5E5;;
  position: relative;
  margin-bottom: calc(4vw + 10px);  
}
.section01 :after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 4vw 50vw 0 50vw;
  border-style: solid;
  border-color: #E5E5E5 transparent transparent transparent;  
}

.section02 {
	text-align: center;
	max-width: none;
	background: #fff;;
	position: relative;
	padding:0 0 30px 0;
	margin-bottom: calc(3vw);  
}
.section02::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 3vw solid #00BF99;
	border-left: 100vw solid transparent; 
}

.section02_2 {
	max-width: none;
	background: #00BF99;;
	position: relative;
	margin-top: 0px;
	margin-bottom: calc(3vw + 10px);
}
.section02_2::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-width: 3vw 0 0 100vw;
	border-style: solid;
	border-color: #00BF99 transparent;
}
.section02_2bg{
	position: absolute;
	right: 10%;
	bottom: -3vw;
}
.section02_2bg img{width: 160px;}

article.content_inn{width:100%; margin:0 auto;}
article.gray{background-color: #f2f0f0; padding: 30px 0 0 0; margin: 0 auto 60px auto;}
article.nonegap{width: 100%; display: inline-block; padding: 0; margin: 0;}

/*--- 見出し ---*/
h1 , h2 , h3 , h4{font-family: "Noto Sans JP", serif; margin: 0; padding: 0; line-height: 100%; background-color: none;}
h1{margin: 0 auto; padding: 0; font-weight: bold; text-align: center; font-size: 36px; border: none;}
main.main h2{font-size: 40px; color: #4c4c4c; background: none; border-bottom: 7px solid #EFAAFB; margin: 0 auto 30px; padding: 0 20px 8px; display: inline-block; font-family: "Noto Sans JP", serif; font-weight: 500;}
h2 img{width: 36px; margin-right: 18px;}
main.main h3{font-family: "Noto Sans JP", serif; font-weight: 500;}

main.main h3{text-align:left; font-size:24px; border:none; background: none; padding:0; margin:0;}
main.main h4{text-align:left; font-size:20px; color:#707070; border:none; padding:0; margin:0;}
p.titlecap , span.titlecap{ font-size: 25px; line-height: 120%; margin: 0; padding: 0;}

div.titlewrap{width: 100%; text-align: center;}

/*--- ヘッダー ---*/
.entry-content{ margin:0; padding: 0;}
div#headerwrap{width: 100%;  margin:0; padding:0; background-color: #fff; left:0; top:0; z-index: 9999;}
div#header{width:100%; padding:3px 10px 0 10px; margin:0 auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div#header div.header_left{width: calc(25%);}
div#header div.header_right{width: calc(75%); text-align: right;}
div#header div.header_right img{max-width: 380px; margin:14px 10px 8px 0;}

div#logo{width:100%; padding:12px 15px 0 0;}
p.description{text-align: right; font-size: 14px;}

ul.headnav_sub{width:100%; color: #333; text-align:right; padding:0; margin:10px 0; float:right;}
ul.headnav_sub li{list-style-type: none; float: right;}
ul.headnav_sub li a{text-decoration: none; color: #fff; font-weight: bold; margin: 0 0 0 1px; padding: 3px 15px; background-color: #000; border-radius: 10px; display: inline-block;}
ul.headnav_sub li.nav01 a{background-color: #ED8FAF;}
ul.headnav_sub li.nav02 a{background-color: #00997A;}
ul.headnav_sub li.nav03 a{background-color: #115FAD;}

div.headnav{width: 100%; text-align: center; margin: 0; padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
div.headnav ul{width:100%; margin:0 auto; padding:0;}
div.headnav ul li{margin: 0; padding:0; list-style:none; display: inline;}
div.headnav ul li a{font-size:18px; font-weight: bold; text-decoration:none; color:#333; margin: 0; padding: 20px 30px; display: inline-block; border-left: 1px solid #ccc;}
div.headnav ul li:last-child a{border-right: 1px solid #ccc;}

p.descp{text-align: center; color: #fff; background-color: #00997A; font-size:14px; padding: 4px; margin-top: 6px;}

/*--- フッター ---*/
footer#footer{width: 100%; padding: 0 0 20px 0; margin: 0 auto; border-top: 1px solid #707070;}

div#footnav{width:100%; margin:0 auto; padding:0; text-align: center;}
div#footnav ul{margin:0; padding:0; margin-left:10px; margin-bottom:15px; font-family: "Noto Sans JP", serif; font-weight: 500;}
div#footnav ul li{font-size:12px; list-style:none; border-right: 1px solid #333; display: inline-block; padding: 2px 10px;}
div#footnav ul li:last-child{border: none;}
div#footnav ul li a{color: #333; text-decoration: none;}

div.ftclm{width: 100%; max-width: 1160px; margin: 0 auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.ftclm div.ftadd{widows: 50%; font-family: "Noto Sans JP", serif; font-weight: 500;}
div.ftclm div.ftcop{widows: 50%; font-family: "Noto Sans JP", serif; font-weight: 500;}

address{font-size: 12px; font-style: normal; font-family: "Noto Sans JP", serif; font-weight: 500;}

#copyright{text-align: right; width:100%; font-size:12px; padding:50px 0 10px;}
#copyright a{color: #333; text-decoration: none;}

p.ft_insta{text-align: right;}
p.ft_insta img{width: 50px;}

#contact_mb{text-align: center; margin: 0; padding:20px 0; background-color: #c3c3c3; font-family: 'ヒラギノ角ゴ Pro W2','ヒラギノ角ゴ W2', 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif; font-weight: bold;}
#contact_mb a{ color: #707070; text-decoration: none;}
#contact_mb ul{ width: 80%; margin: 0 auto; padding: 0;}
#contact_mb ul li{ width: 100%; list-style-type: none; margin: 0 0 15px 0; padding:20px 0; background-color: #fff;}
#contact_mb ul li a{display: block;}


#maincontents{ width: 100%; background-color: #fff; margin:0 auto; padding:0; box-sizing: border-box;}


div#mainslide{width: 100%; padding: 0; margin: 0 0 60px 0; position: relative;}
div#logono1{ width: 16%; position: absolute; left: 2%; top: 130px; text-align: center; color: #fff; font-weight: bold; font-size: 18px;}
div#logono1 img{width: 100%;}

div.mainmess{font-size:20px; color:#fff; font-weight:bold; text-align:center; background-color:#8AC7DE; padding:25px 0; margin-bottom:30px;}
div.mainmess span{color:#FDC734;}



div#mainimage{width:calc(100%); position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: -9999;
  }
div#mainimage img{width:calc(100%);}
div#mainimage_mb{display: none !important;}
div#mainimage_mb div.mimgmbinn{ width: 100%; margin: 0 0 1px 0; padding: 0; position: relative;}
div#mainimage_mb div.mimgmbinn div.mimgmbcon{ position: absolute; left: 50%; top: 50%;}
div.mimgmbcon2{ width: 100%; transform: translate(-50%,-50%); color: #fff; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000; text-align: center; font-size: 14px;}
div.mimgmbcon2 img{max-width: 100px;}
div.mimgmbcon2 p{ font-weight: bold; font-size: 18px; line-height: 1.2em; margin:10px 0 0 0; padding: 0;}


div.simgw{width: 100%; background: url("https://naibunpitu.jp/cms/img/SubImage02.jpg") center top no-repeat; background-size: 100%; margin: 0 auto; padding-top: 14%; position: relative;}
div.simgw h1.simg{width: 100%; max-width: 1160px; text-align: left; font-size: 35px; color: #fff; text-shadow: 1px 2px 3px #808080; position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

/*見出し設定*/
h1.h1main{
    /*要素の配置*/
    position:absolute;
    /*要素を天地中央寄せ*/
    top: 40%;
    left: 50%;
	z-index: 1;
    transform: translateY(-50%) translateX(-50%);
    /*見た目の調整*/
    color:#fff;
}
h1.h1main img{width: 70%; max-width: 800px;}

div.breadcrumbs{ font-size:12px; width:100%; max-width:1280px; margin:0 auto; padding: 6px 0;}
div.breadcrumbs a{color:#000; font-weight: normal;}
div.bc02 div.breadcrumbs a{color:#000; font-weight: normal;}
div.breadcrumbs a:hover{color:#707070;}


dl.newsdl{width:100%; max-width:900px; margin:0 auto;
	font-size:14px;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
dl.newsdl dt{width:calc(30%); margin:3px 0; padding:2px 0; box-sizing:border-box;}
dl.newsdl dd{width:calc(70%); margin:3px 0; padding:2px 0 2px 15px; box-sizing:border-box;}
dl.newsdl dd h3{font-size:18px; color:#000; margin-bottom:10px; text-align:left; border-left:8px solid #021F4D; padding-left:12px;}
dl.newsdl dt span.newscat{border: 1px solid #707070; padding:2px 10px; box-sizing: border-box;}

/*--- トップページ最新情報 ---*/
section#news{width:100%; max-width: none; margin:30px auto; padding: 60px 0;}

div.tnwrap{width: 96%; max-width: 800px; font-size: 18px; margin: 15px auto; padding: 0;}
div.llink{text-align: right;}
div.llink a{text-decoration: none; color: #707070;}
dl.topnews{
    color: #707070;
    width: 100%;
	margin:10px auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
dl.topnews dt{width:calc(15%); padding:0; margin: 0 0 10px 0; box-sizing: border-box;}
dl.topnews dd{width:calc(85%); padding:0 0 0 0.5em; margin: 0 0 10px 0; border-left: 12px solid #ccc; box-sizing: border-box;}

dl.topnews a{text-decoration: none; color: #707070;}
dl.topnews a:hover{color: #444;}
dl.topnews dt div.listthumbs { width: 100%; margin: 0; padding: 0; position: relative;}
dl.topnews dt div.listthumbs::before { content: ""; display: block; padding-top: 100%;}
dl.topnews dt div.listthumbs img { width: 100%; height: 100%; position: absolute; top: 0; object-fit: cover;}

dl.topnews dd h3{text-align: left; font-size: 20px; font-weight: bold; margin: 0; padding:10px 0;}
dl.topnews dd span.newscat{border: 1px solid #707070; padding:2px 10px; box-sizing: border-box;}

div.plink{text-align: center; margin-top: 30px;}
div.plink a{text-decoration: none; font-size: 14px; color: #fff; background-color: #9c9c9c; padding: 8px 10px; margin: 0 5px; border-radius: 5px;}


div.clm01 div.clm01l{width:70%; padding-right:50px; box-sizing: border-box; float:left;}
div.clm01 div.clm01r{width:30%; float:right;}

div.clm02{width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.clm02 div{width:calc(49%);}
div.clm02 div img{vertical-align:top;}
div.clm02 div h4{width: 100%;}

div.clm02_topbnr{width: 100%; max-width: 800px; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.clm02_topbnr div{width:calc(49%); text-align: center;}
div.clm02_topbnr div a{font-weight: bold; font-size: 20px; padding: 60px 0; color: #fff; text-decoration: none; display: block; background-color: #115FAD;}
div.clm02_topbnr div img{vertical-align:top;}
div.clm02_topbnr div h4{width: 100%;}

div.clm3full{
	margin:25px auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.clm3full div{width:calc(100% / 3);}

div.clm03{
	margin:25px auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.clm03 div{width:calc(32%);}
div.clm03 div img.mhimg{margin-bottom: 0px;}
div.clm03 div img.mhimg01{margin-bottom: 60px;}
div.clm03 div img.mhimg02{margin-bottom: 30px;}
div.clm03 div img.mhimg03{margin-bottom: 20px;}

div.clm04{ margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.clm04 div{width:calc(24%); margin-bottom:25px;}
div.clm04 div a{color:#000; font-weight:bold; text-decoration:none;}
div.clm04 div img{ width:100%;}
div.clm04 div a:hover{color:#666;}


div.clm05{
	margin:25px auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.clm05 div{width:calc(19%); text-align:center; font-size:15px;}
div.clm05 div a{color:#000; font-weight:bold; text-decoration:none;}
div.clm05 div a:hover{color:#666;}

div.clm06{
	margin:25px auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.clm06 div{width:calc(16%); text-align:center; margin: 0 0 15px 0; padding: 8px; font-size:15px; border: 1px solid #efefef; box-sizing: border-box;}
div.clm06 div div.img-box {
    border: none;
    margin: 0 auto;
    width: 100%;
    padding-top: 120%;
    position: relative;
}
div.clm06 div div.img-box img {
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left:0;
       object-fit: cover;
     }
div.clm06 div a{color:#000; text-decoration:none;}
div.clm06 div a:hover{color:#666;}
div.clm06 div dl{
	margin:0 auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.clm06 div dl dt{width:calc(25%); margin: 0; padding: 0;}
div.clm06 div dl dd{width:calc(75%); margin: 0; padding: 0;}


/*--- 読み込み遅延用 ---*/
.sa {opacity: 0; transition: all .5s ease;}
.sa.show { opacity: 1; transform: none;}
.sa--lr { transform: translate(-100px, 0);}
.sa--rl { transform: translate(100px, 0);}
.sa--up { transform: translate(0, 100px);}
.sa--down { transform: translate(0, -100px);}
.sa--scaleUp { transform: scale(.5);}
.sa--scaleDown { transform: scale(1.5);}
.sa--rotateL { transform: rotate(180deg);}
.sa--rotateR { transform: rotate(-180deg);}

dl.tablestyle{width:100%; max-width: 1000px; color: #707070; border-bottom: 1px solid #ccc; margin:60px auto 20px auto; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.tablestyle dt{width:calc(30%); border:1px solid #ccc; border-bottom: none; margin:0; padding:10px 20px; box-sizing:border-box;}
dl.tablestyle dd{width:calc(70%); border-top:1px solid #ccc; border-right:1px solid #ccc; margin:0; padding:10px 20px; box-sizing:border-box;}

dl.tablestyle02{width:100%; color: #707070; border-bottom: 1px solid #ccc; margin:0 auto; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.tablestyle02 dt{width:calc(20%); border:1px solid #ccc; border-bottom: none; background-color: #f9f6f6; margin:0; padding:10px 20px; box-sizing:border-box;}
dl.tablestyle02 dd{width:calc(80%); border-top:1px solid #ccc; border-right:1px solid #ccc; margin:0; padding:10px 20px; box-sizing:border-box;}


dl.dl001{width:100%; font-size:14px; margin:0 auto; padding:20px 0 0 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.dl001 dt{width:calc(30%); border-bottom:1px solid #ccc; margin:0; padding:5px 0; box-sizing:border-box;}
dl.dl001 dd{width:calc(70%); border-bottom:1px solid #ccc; margin:0; padding:5px 0; box-sizing:border-box;}


div.rb{border:5px solid #021F4D; box-sizing:border-box; padding:30px;}
div.rb h4{border:none; color:#021F4D; margin:0; padding:0;}
div.rb p{margin-bottom:0;}

div.ect-entry-card article{border-bottom:1px dashed #666; padding:15px 10px; margin:0;}
div.ect-entry-card article.entry-card h3.entry-card-title{padding:0; margin:0;}
div.ect-entry-card article.entry-card span.post-date{padding:0; margin:0;}

div.list-common{width:100%;}
div.list-common ul{width:100%; margin:0; padding:0;}
div.list-common ul li:first-child{border-top:1px solid #999;}
div.list-common ul li{border-bottom:1px solid #999; list-style:none; margin:0; padding:10px;}
div.list-common ul li a{color:#000; text-decoration:none;}
div.list-common ul li a:hover{color:#999;}
div.list-common ul li div.list-thumb{width:80px; margin-right:20px; float:left;}
div.list-common ul li div.list-thumb img{width:80px; height:80px; object-fit:cover;}
div.list-common ul li div.list-con{margin-left:100px; min-height:80px; margin:0; padding:0;}
div.list-common ul li div.list-con div.list-con-in{margin-left:100px; margin:0; padding:0;}
div.list-common ul li div.list-con div.list-con-in div.post-date{width:200px; margin:0; padding:0; float:left;}
div.list-common ul li div.list-con div.list-con-in div.list-tag{text-align:right; margin:0 0 0 200px; padding:0;}
div.list-common ul li div.list-con h3{font-size:18px; line-height:120%; margin:0; padding:0; border:none;}
div.list-common ul li div.list-con div.list-cat{text-align:right; font-size:14px; margin:0; padding:10px 0 0 0;}
div.list-common ul li div.list-con div.list-txt{font-size:14px;}

ul#privacypolicy{margin:0; padding:0;}
ul#privacypolicy li{list-style:none; margin:0 0 25px 0; padding:0;}
ul#privacypolicy li h3{font-size:16px; margin:0; padding:0; border:none;}
ul#privacypolicy li ol{margin:5px 0 5px 3em; padding:0;}
ul#privacypolicy li ol li{ list-style-type:decimal; margin:0;}


img.entry-card-thumb-image {
  width: 80px;
  height: 80px;
  object-fit: cover; /* この一行を追加するだけ！ */
}



.cat-label{display: none;}
.sbbnnr{width:100%;}
.sbbnnr img{width:100%; max-width:300px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.size10{font-size:10px;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}

.fc_red{color: #f00;}
.fc_blue{color: #00f;}

.txtbdr{ width:100%; border-bottom:1px solid #666; border-top:1px solid #666; padding:10px; margin:25px auto;}
.btmbdr{border-bottom:1px solid #666; margin-bottom:15px;}

div#contact p.acceptance{text-align:center; font-weight:bold;}
div#contact p.contitle{font-weight:bold; margin:0; padding:25px 0 0 0;}
div#contact dl{width:100%; margin-top:15px; float:none; clear:both;}
div#contact dl dt{font-weight:bold; width:20%; margin:0; padding:0; float:left;}
div#contact dl dd{font-weight:bold; width:80%; margin:0 0 0 20%; padding:0;}
div#contact dl dd span{ font-size:12px;}
div#contact dl dd .txt100{width:100%;}


input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
  width: auto;
}

/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{ color:#ff0000; font-weight:bold;}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
.formbtn{
 display: block;
 padding:15px;
 width:200px;
 background:#D7D7D7;
 font-size:16px;
 font-weight:bold;	 
 border-radius:4px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
.formbtn:hover{
 background:#999;
 color:#666;
 border:2px solid #666;
}



.rb{width:100%; border:2px solid #021F4D; padding:10px; margin:20px auto; box-sizing:border-box;}

div.clr{width:100%; height:0; clear:both; float:none;}
	.pc{display: block !important; }
	.mb{display: none !important; }
	#headnav{display: block !important; }
	#nav-drawer{display: none !important; }

.content , .content-in , .main , .no-sidebar .wrap {
    width: 100%; margin-right:0; margin-left:0; padding-right:0; padding-left:0; box-sizing:border-box;
}
.breadcrumb.sbp-main-before, 
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
    padding-left: 0;
    padding-right: 0;
}

.metaslider,
.slides {
overflow: hidden;
}
.btn-menu::before {
margin-right: 0;
}

.pagetop a{
  background-color: #F7F4F9;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  line-height: 1;
  font-size: 22px;
}
.pagetop a img{ width:100%;}
.pagetop a:hover {
  color: #333;
}

form{width:100%; max-width:1000px; margin:20px auto;}
form p{ width:100%;}
input[type="text"] , input[type="email"]{width:100%;}
textarea{ width:100%;}

.pcap div{ text-align:center;}
.pcap div p{border-left:8px solid #021F4D; font-size:14px; font-weight:bold; line-height:150%; padding-left:10px; display: inline-block;}
.pcap div a{color:#000; text-decoration:none;}
.pcap div p img{vertical-align:middle; width:15px;}

.pcap02 div{ text-align:left;}
.pcap02 div p{border-left:8px solid #021F4D; font-weight:bold; line-height:150%; padding-left:10px;}


/*--- コンタクトフォーム ---*/
dl.contact7{ width:100%; color: #707070; padding:0; margin:35px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
dl.contact7 dt{width:calc(25%); margin:0 0 25px 0; padding:0; box-sizing:border-box;}
dl.contact7 dd{width:calc(75%); margin:0 0 25px 0; padding:0; box-sizing:border-box;}
dl.contact7 dt span{font-size: 12px;}
dl.contact7 dt.contact7full{width: 100%;}
dl.contact7 dd.contact7full{width: 100%; padding-left: 25%;}
dl.contact7 dd.contact7clm2 , dl.contact7 dd.contact7clm3 , dl.contact7 dd.contact7clm4{ padding:0; margin:0 auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
dl.contact7 dd.contact7clm2 div{width:calc(50%); margin:0; padding:0 10px 0 0; box-sizing:border-box;}
dl.contact7 dd.contact7clm3 div{width:calc(33%); margin:0; padding:0 10px 0 0; box-sizing:border-box;}
dl.contact7 dd.contact7clm4 div{width:calc(25%); margin:0; padding:0 10px 0 0; box-sizing:border-box;}
dl.contact7 dd.contact7clm2 div:last-child , dl.contact7 dd.contact7clm3 div:last-child , dl.contact7 dd.contact7clm4 div:last-child {padding-right: 0;}

dl.faq{width:100%; max-width:1050px; margin:0 auto;}
dl.faq dt{font-size:20px; background-color:#f7f7f7; font-weight:bold; margin:0; padding:10px;}
dl.faq dt span{font-size:30px; color:#F36;}
dl.faq dd{background-color:#f7f7f7; margin:0 0 25px 0; padding:0px 25px 25px 25px;}
dl.faq dd span{font-size:30px; font-weight:bold; color:#06F;}

.fs80{font-size:80%;}
.fs120{font-size:120%;}
.fs150{font-size:150%;}
.fs180{font-size:180%;}
.fs200{font-size:200%;}

div.entry-content img.w10{width: 10%;}
div.entry-content img.w20{width: 20%;}
div.entry-content img.w30{width: 30%;}
div.entry-content img.w40{width: 40%;}
div.entry-content img.w50{width: 50%;}
div.entry-content img.w60{width: 60%;}
div.entry-content img.w70{width: 70%;}
div.entry-content img.w80{width: 80%;}
div.entry-content img.w90{width: 90%;}
div.entry-content img.w100{width: 100%;}

#nav-drawer-wrap { display: none !important;}
.pcv { visibility: visible; height: inherit;}
.mbv { visibility: hidden; height: 0;}


p.mes01{text-align: center; line-height: 300%;}
p.mes02{text-align: center; line-height: 250%; margin: 30px auto;}
div.img30{ text-align: center;}
div.img30 img{width: 25%;}

div.bnr{width: 100%; max-width: 1000px; margin: 0 auto; padding: 0;}
.bnr01{width: 92%; max-width: 800px; margin: 25px auto; padding: 0;}
.bnr02{width: 92%; max-width: 800px; text-align: center; background-color:#66cdaa; border-radius: 5px; margin: 25px auto; padding: 0;}
.bnr02 a{display: block; font-size: 24px; font-weight: bold; color: #fff; text-decoration: none; padding: 15px;}
.bnr03{width: 60%; max-width: 500px; text-align: center; margin: 25px auto; padding: 0;}


.w500{max-width: calc(500px); margin-left: auto; margin-right: auto;}
.w600{max-width: calc(600px); margin-left: auto; margin-right: auto;}
.w700{max-width: calc(700px); margin-left: auto; margin-right: auto;}
.w800{max-width: calc(800px); margin-left: auto; margin-right: auto;}
.w900{max-width: calc(900px); margin-left: auto; margin-right: auto;}

/*------- メインナビ -------*/
div.main_nav{text-align: center; border-bottom: 1px solid #707070;}
div.main_nav ul{margin: 0; padding: 0;}
div.main_nav ul li{list-style: none; font-size: 17px; margin: 0; padding: 10px 20px; display: inline-block;}
div.main_nav ul li a{text-decoration: none; color: #4E5051;}


/*------- 基本情報 -------*/
dl.basic_info{width: 100%; margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.basic_info dt{width: 30%; font-size: 24px; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: "Noto Sans JP", serif; font-weight: 500;}
dl.basic_info dd{width: 70%; font-size: 20px; margin: 0; padding: 20px 0; box-sizing: border-box; line-height: 30px;}
dl.basic_info dd p{line-height: 20px; margin: 0; padding: 5px 0;}
dl.basic_info dd p.link a{text-decoration: none; font-weight: bold; color: #009EE7;}
dl.basic_info dd a img{width: 20px; margin: 0 0 0 6px;}

/*------- 会場アクセス -------*/
div.access{width: 100%; margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.access div.accessl{width: 55%;}
div.access div.accessr{width: 45%;}
.googlemap{width:100%;}
.googlemap iframe{width: 100%; height: 350px;}
div.access div.accessl dl{width: 100%; margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.access div.accessl dl dt{width: 35%; font-size: 17px; font-family: "Noto Sans JP", serif; font-weight: 500; margin: 0; padding:20px 0; box-sizing: border-box;}
div.access div.accessl dl dd{width: 65%; font-size: 14px; margin: 0; padding:20px 0; box-sizing: border-box;}

/*------- 監修者プロフィール -------*/
div.prof h4{font-size: 12px; padding: 3px 10px; color: #000; background: #C4C4C2; display: inline-block;}
div.prof p{font-size: 12px; margin: 0; padding: 0;}
div.prof p span{font-family: "Noto Sans JP", serif; font-weight: 500;}
div.prof p.link{font-size: 12px; line-height: 12px; margin: 0; padding:0;}
div.prof p.link img{width: 12px; margin-right: 5px;}

/*------- イベント情報 -------*/
dl.eve_info{width: 100%; margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.eve_info dt{width: 30%; font-size: 24px; font-family: "Noto Sans JP", serif; font-weight: 500; margin: 0; padding:10px 0; box-sizing: border-box; border-bottom: 2px dashed #EFAAFB;}
dl.eve_info dd{width: 70%; font-size: 17px; margin: 0; padding:10px 0; box-sizing: border-box; border-bottom: 2px dashed #EFAAFB;}
dl.eve_info dd p.p01{font-size: 20px; font-weight: bold; margin: 0 0 20px 0; padding: 0;}
dl.eve_info dd p.p02{font-size: 17px; margin: 0 0 20px 0; padding: 0;}
dl.eve_info dd p.p03{font-size: 17px; font-weight: bold; margin: 0; padding: 0;}
dl.eve_info dd p.link{text-align: right; font-weight: bold; font-size: 17px; line-height: 17px; margin: 0; padding:5px 0;}
dl.eve_info dd p.link a{text-decoration: none; font-weight: bold; color: #009EE7;}
dl.eve_info dd p.link a img{width: 17px; margin-left: 6px;}

dl.eve_info dt.full{width: 100%; border: none;}
dl.eve_info dd.full{padding-left: 30%; width: 100%;}

dl.eve_info dd ul{margin: 0; padding: 0 0 0 1em;}

/*------- 各種特典 -------*/
div.benefits{width: 100%; margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.benefits div{width: 32.5%; font-size: 14px; border: 4px solid #EFAAFB; border-radius: 16px; margin: 24px 0 0 0; padding: 34px 10px 10px 10px; box-sizing: border-box; position: relative;}
div.benefits div h3{width: 90%; margin: 0 auto; position: absolute; top: -24px; right: 0; left: 0;}
div.benefits div p{font-size: 20px; line-height: 26px; font-weight: bold; margin: 0; padding: 10px 0; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
div.benefits div p.p01{margin-top: 10px;}
div.benefits div h5{font-size: 17px; line-height: 17px; margin:10px 0 0 0; padding:3px 0.3em; border: none; border-left:5px solid #E50012;}
div.benefits div div.img01{width: 100%; border: none; margin: 0; padding: 0; text-align: right;}
div.benefits div div.img01 img{width: 30%;}
div.benefits div div.img02{width: 100%; border: none; margin: 0; padding: 0; text-align: right;}
div.benefits div div.img02 img{width: 40%;}

div.benefits2{width: 100%; margin: 0; padding:10px 0 35px; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.benefits2 div{width: 49.5%; font-size: 14px; border: 4px solid #EFAAFB; border-radius: 16px; margin: 24px 0 0 0; padding: 34px 10px 10px 10px; box-sizing: border-box; position: relative;}
div.benefits2 div h3{width: 64%; margin: 0 auto; position: absolute; top: -24px; right: 0; left: 0;}
div.benefits2 div p{font-size: 20px; line-height: 26px; font-weight: bold; margin: 0; padding: 10px 0; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
div.benefits2 div p.p01{margin-top: 10px;}
div.benefits2 div h5{font-size: 17px; line-height: 17px; margin:10px 0 0 0; padding:3px 0.3em; border: none; border-left:5px solid #E50012;}
div.benefits2 div div.img01{width: 60%; border: none; margin: 0; padding: 0; text-align: right;}
div.benefits2 div div.img01 img{width: 30%;}
div.benefits2 div div.img02{width: 60%; border: none; margin: 0; padding: 0; text-align: right;}
div.benefits2 div div.img02 img{width: 40%;}

/*------- 施設リスト -------*/
h3.hlisth3{font-size: 24px; font-family: "Noto Sans JP", serif; font-weight: 500;}
h3.hlisth3 span{font-size: 12px; margin-right: 10px;}

ul.hoslist{width: 100%; margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
ul.hoslist li{width: calc(49%); font-size: 20px; line-height: 20px; font-weight: bold; margin: 0; padding:8px 2px; border-bottom: 2px dashed #245EB1; list-style: none; box-sizing: border-box;}
ul.hoslist li a{color: #245EB1; text-decoration: none;}

div.hlink{width: 100%; margin: 0; padding: 0; display: table;}
div.hlink div{display: table-cell;}
div.hlink div.lst01{width: 6%; background: url("https://iwatedekango.jp/img2025/List01.png"); background-position: center; background-repeat: no-repeat;}
div.hlink div.lst_a{width: 3%; border-left: 10px solid #F862AD; box-sizing:border-box;}
div.hlink div.lst_b{width: 3%; border-left: 10px solid #0070C0; box-sizing:border-box;}
div.hlink div.lst_c{width: 3%; border-left: 10px solid #F4A146; box-sizing:border-box;}

div.hlink div p.hn01{font-size: 10px; line-height: 20px; margin: 0 8px 0 0; padding: 0; float: left;}
div.hlink div p.hn012{font-size: 10px; line-height: 10px; margin: 0 8px 0 0; padding: 0; float: left;}
div.hlink div p.hn013{font-size: 20px; line-height: 20px; margin: 0 8px 0 0; padding: 0; float: left;}
div.hlink div p.hn014{font-size: 17px; line-height: 20px; margin: 0 8px 0 0; padding: 0; float: left;}
div.hlink div p.hn02{font-size: 20px; line-height: 20px; margin: 0; padding: 0;}
div.hlink div p.hn022{font-size: 10px; line-height: 10px; margin: 0; padding: 0;}
div.hlink div p.hn023{font-size: 10px; line-height: 20px; margin: 0; padding: 0;}
div.hlink div p.hn024{font-size: 17px; line-height: 20px; margin: 0; padding: 0;}
div.hlink div p.hn025{font-size: 15px; line-height: 20px; margin: 0; padding: 0;}

p.htype{text-align: center; margin:20px auto; font-weight: bold; font-size: 10px;}
p.htype span.typea{background-color: #F862AD; padding:6px 3px; color:#fff; margin-right: 3px;}
p.htype span.typeb{background-color: #0070C0; padding:6px 3px; color:#fff; margin-right: 3px;}
p.htype span.typec{background-color: #F4A146; padding:6px 3px; color:#fff; margin-right: 3px;}



p.hmes01{text-align: center; font-size: 28px; font-weight: bold; color: #F862AD; margin: 0 0 20px 0; padding: 0;}
p.hmes02{text-align: center; font-size: 19px; font-weight: bold; color: #F862AD;}

p.link_insta{text-align: right; padding: 20px 0; margin: 0;}
p.link_insta a{color: #000; font-size: 14px; line-height: 14px; margin: 0; padding: 0;}
p.link_insta a img{width: 18px; margin: 0 0 0 5px; padding: 0; vertical-align: middle;}

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

@media screen and (max-width: 750px) {
	
	.pcv { visibility: hidden; height: 0;}
    .mbv { visibility: visible; height: inherit;}
	.pc { display: none !important; }
	.mb { display: block !important; }
	
    main#main{widows: 100%; margin: 0; padding: 0;}
	#maincontents{ width: 100%;}

    #maincontents03{ margin: 0;}
    #maincontents03 article section h1{text-align: center;}

    article{ width: 100%; padding: 0; margin:0 auto 10px auto;}
    section{width: 100%; padding: 0; margin:0 auto 25px auto;}
    section.full{width: 100%;}
    section.section01{width: 90%; margin: 0 auto;}
    section.section02{width: 90%; margin: 0 auto;}
    article section div.secinn{width: 90%; padding: 0; margin: 0 auto;}
    article section div.secinn02{width: 90%; padding: 0; margin: 0 auto;}
    
    div.entry-content h1{font-size: 20px;}
    div.entry-content h2{font-size: 18px;}
    div.entry-content h3{font-size: 18px;}
    div.entry-content h4{font-size: 16px; margin: 0; padding: 0;}
    div.entry-content p{font-size: 14px; margin: 0; padding: 0;}
    
    p.topmess_mb{ display: block !important; text-align: center; font-size: 14px; width: 90%; margin: 0 auto; padding:10px 0;}
    
    div.gallery_right div.gr_inn div#gr_app{width: 60%; margin: 0 auto;}
    
    div.content div.content-in main.main article h1{ width: 100%; font-size: 20px; text-align: center; color: #fff; margin: 0; padding:10px 0;}
    div.content div.content-in main.main article h2{font-size: 20px; font-weight: bold; margin: 0 0 15px 0; padding:10px 0; border: none;}
    div.content div.content-in main.main article h3{ width: 100%; font-size: 20px; text-align: center; margin: 0; padding:10px 0;}
    p.titlecap , span.titlecap{ font-size: 16px; margin: 0; padding: 0;}

     div.content div.content-in main.main article div.gallery_left div.gl_inn div.gl_con h3{ color: #707070; background: none;}

    .no-sidebar .wrap { width: auto; }
    .breadcrumb.sbp-main-before,.breadcrumb.sbp-footer-before,.breadcrumb.pbp-main-before,.breadcrumb.pbp-footer-before { padding-left: 0; padding-right: 0; }	
	
    div#mainimage{display: none !important;}
    div#mainimage_mb{width: calc(100%); margin: 0; padding: 0;}
    div#mainimage_mb{display:block !important;}
    div#mainimage_mb img{width: 100%; vertical-align: top;}
    
	div#top_main{display: none !important;}
	div.tagline{display: none !important;}
	div#logo{width:60%; max-width:200px; margin:0 auto; float:none;}
	div#headerwrap{display: none !important;}


	#integral{text-align: center;}
	
	div.medi div{width:calc(48%);}
    
    div.clm_tel{ width: 100%; margin:25px auto; padding: 20px 10px;}
    div.clm_tel div{width:calc(100%);}
    
    dl.topnews dt{width:calc(30%); padding:8px 0; margin: 0 0 10px 0; border-bottom: 1px solid #707070;}
    dl.topnews dd{width:calc(70%); padding:8px 0 8px 2%; margin: 0 0 10px 0; border-bottom: 1px solid #707070;}
    div.content div.content-in main.main article dl.topnews dd h3{ color: #707070; text-align: left; font-size: 18px; font-weight: bold; margin: 0; padding: 0; background: none;}
    dl.topnews dd { font-size: 12px;}

    p.ptitle{font-size: 30px;}
    p.p01{font-size: 16px;}
    p.p02{font-size: 14px;}
    p.p03{font-size: 18px;}
    p.p04{font-size: 18px;}
    
	.reception_time{display: none;}
	
	.reception_time_mb{width:96%; font-size: 14px; font-weight: bold; text-align: center; line-height: 1.2em; color: #707070; border: 2px solid #ccc; border-radius: 6px; margin:20px auto; padding:0; flex-wrap: wrap; display:block -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
	.reception_time_mb div{width:calc(25%); border-right:2px solid #ccc; border-bottom: 2px solid #ccc; margin:0; padding:10px 3px; box-sizing:border-box;}
	.reception_time_mb div.rectd1{width:calc(20%);}
	.reception_time_mb div.rectd2{width:calc(40%);}
	.reception_time_mb div.rectd3{width:calc(20%);}
	.reception_time_mb div.rectd4{width:calc(20%); border-right: none;}
	.reception_time_mb div.rll{border-bottom: none;}

	
    div.clm03 div img.mhimg{margin-bottom: 15px;}
    div.clm03 div img.mhimg01{margin-bottom: 15px;}
    div.clm03 div img.mhimg02{margin-bottom: 15px;}
    div.clm03 div img.mhimg03{margin-bottom: 15px;}

    div.sb_news2 ul li{text-align: center; padding: 0; margin: 0 0 5px 0; border: 1px solid #707070;}
    div.sb_news2 ul li a{padding: 10px 0; display: block;}

    div.clm02bb div.clm02bbinn{width:calc(90%); padding: 10px 0; margin: 0 auto; border: none; border-bottom: 1px solid #707070;}
    div.clm02bb div.clm02bbinn div.clm02bbr a h3{ text-align: left; line-height: 1.2em; font-size: 20px; font-weight: bold; color: #707070; margin: 0; padding: 0; background: none;}
    div.clm02bb div.clm02bbinn div.clm02bbr h3 span{font-size: 18px; margin: 0 0 0 20px;}
    div.clm02bb div.clm02bbinn div.clm02bbr p{font-size: 12px; line-height: 1.8em;}
    div.content div.content-in main.main article div.clm02bb div.clm02bbinn div.clm02bbr h3{ text-align: left; line-height: 1.2em; font-size: 18px; font-weight: bold; color: #707070; margin: 0; padding: 0; background: none;}

    div.clm_des div{width:calc(100%);}
    div.clm04ch div{width:calc(45%);}
    dl.listinfo dt{width:calc(30%); padding:8px 0; margin: 0 auto; border-bottom: 1px solid #707070;}
    dl.listinfo dd{width:calc(70%); font-size: 12px; padding:8px 0 8px 2%; margin: 0 auto; border-bottom: 1px solid #707070;}
    
    dl.listinfo dd div.usercase{ padding: 0 8px; margin: 0; border: 1px solid #707070;}
    dl.listinfo dd p{margin: 0; padding: 0;}
    div.content div.content-in main.main article dl.listinfo dd h3{ color: #707070; text-align: left; font-size: 14px; font-weight: bold; margin: 0; padding:2px 0; background: none;}
    dl.listinfo dt div.listthumbs { width: 100%; margin: 0; padding: 0; position: relative;}
    dl.listinfo dt div.listthumbs::before { content: ""; display: block; padding-top: 100%;}
    dl.listinfo dt div.listthumbs img { width: 100%; height: 100%; position: absolute; top: 0; object-fit: cover;}

    dl.tablestyle dt{width:calc(100%); font-weight: bold; border:none; margin:0; padding:10px 0 5px 0;}
    dl.tablestyle dd{width:calc(100%); border:none; border-bottom:1px solid #ccc; margin:0; padding:0 0 10px 0;}
    dl.tablestyle02 dt{width:calc(100%); font-weight: bold; background: none; border:none; margin:0; padding:10px 0 5px 0;}
    dl.tablestyle02 dd{width:calc(100%); border:none; border-bottom:1px solid #ccc; margin:0; padding:0 0 10px 0;}

    div#mhadd div.mhaddl{width:calc(100%); margin: 0 0 15px 0; box-sizing: border-box;}
    div#mhadd div.mhaddr{width:calc(100%); box-sizing: border-box;}
	
	div.home_guide div{width:calc(60%); padding: 0 0 10px 0; margin: 0 auto;}
	div.home_guide div:last-child{width:calc(100%);}

    .tbs_c{ border: none;}

    div#pwinn div.pw div.pw02{width:calc(100%); font-size: 12px; font-weight: normal;}
    div#newsinn div{width:calc(96%); margin: 10px auto;}
    div#newsinn dl dt{width:calc(100%); border: none; padding-bottom: 0;}
    div#newsinn dl dd{width:calc(100%); padding-top: 0;}
    
    div.sb_news div.sbimg{width:calc(18%);}
    div.sb_news div.sbcon{width:calc(80%);}

    ul#topnews{ width:100%; max-width:none; padding:0; margin:0 auto 15px auto;}

	div.list-common ul li div.list-con div.list-con-in div.post-date{width:100%; float:none;}
	div.list-common ul li div.list-con div.list-con-in div.list-tag{text-align:left; margin:0;}

	p.tel{font-size: 30px; line-height: 34px;}
    p.tel img{ max-height: 30px; margin-right: 10px;}

	span.link{margin-left:0;}

	div.bc{ visibility:hidden; height:0; }
	div.bc02{ visibility:hidden; height:0; }
	
	.sbbnnr{ width:100%; max-width:300px; margin:0 auto; }
    
    dl.contact7 dt{width:calc(100%); margin:0; font-weight: bold;}
    dl.contact7 dd{width:calc(100%); font-size: 14px;}
    dl.contact7 dd.contact7full{width: 100%; padding-left: 0; text-align: center; font-size: 16px;}

	#headnav{ display: none !important; }
    #nav-drawer-wrap{ display: block !important; text-align: right;}
    #nav-drawer-wrap{width:calc(100%); padding: 5px 0; box-sizing: border-box; position: -webkit-sticky;  position: sticky; top: 0; z-index: 9999;}
    #nav-drawer-inn{position: relative;  padding:0 0 5px 0;}
	#nav-drawer-wrap #nav-drawer{width: calc(95%); display: block !important; }
	#nav-drawer{ position: relative; }
	.nav-unshown { display:none; }
	
	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 30px;
	  height: 35px;
	  vertical-align: middle;
	  padding:10px 15px;
	}
	
	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 25px;/*長さ*/
	  border-radius: 3px;
	  background: #000;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before { bottom: -8px; }
	#nav-open span:after { bottom: -16px; }
	
	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}
	
	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
	  text-align: center;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 330px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
	}
	
	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close { display: block; opacity: .5; }
	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	
	#nav-content ul li:first-child{border-top:1px dashed #999;}
	#nav-content ul li{padding:10px 0; list-style:none; border-bottom:1px dashed #999;}
	#nav-content ul li a{text-decoration:none; display:block; color:#000;}

	div#contact dl dt{width:100%; margin:0; padding:0; float:none;}
	div#contact dl dd{width:100%; margin:0; padding:0;}
	
	div.clm01 div.clm01l{width:100%; float:none;}
	div.clm01 div.clm01r{width:100%; float:none;}
	div.clm01_2 div.clm01l{width:100%; float:none;}
	div.clm01_2 div.clm01r{width:100%; float:none;}

	div.clm02 div{width:calc(100%); margin-bottom:10px;}
	div.clm02_2 div{width:calc(100%); margin-bottom:10px;}
	div.clm02_3 div{width:calc(100%); margin-bottom:10px;}
	div.clm02_4 div{width:calc(100%); margin-bottom:10px;}
	div.clm02_5 div{width:calc(100%); margin-bottom:10px;}
	div.clm03 div{width:calc(100%);}
	div.clm03_2 div{width:calc(100%); margin-bottom:10px;}
	div.clm04 div{width:calc(100%); margin-bottom:10px;}
	div.clm04_02 div{width:calc(49%); margin-bottom:10px;}
	div.clm05 div{width:calc(49%);}
	div.clm05_2 div{width:calc(49%);}
    div.clm06 div{width:calc(49%);}
	
	dl.newsdl dt{width:calc(100%); border:none; margin:0; padding:2px 10px; box-sizing:border-box;}
	dl.newsdl dd{width:calc(100%); margin:0 0 10px 0; padding:2px 10px; box-sizing:border-box;}
	
	.mess02{font-size: 20px;}
	.mess03{font-size: 18px;}
	
	.bnr01 a{font-size: 18px;}

	.fs80{font-size:80%;}
	.fs120{font-size:100%;}
	.fs150{font-size:120%;}
	.fs180{font-size:150%;}
	.fs200{font-size:150%;}
	
	dl.basic_info{width: 96%; margin: 0 auto;}
	dl.basic_info dt{font-size: 18px; font-weight: bold; padding: 10px 0;}
	dl.basic_info dd{font-size: 16px; padding: 10px 0;}
	
	div.access div.accessl{width: 100%;}
	div.access div.accessr{width: 100%;}
	div.access div.accessl dl dt{padding: 10px 0;}
	div.access div.accessl dl dd{padding: 10px 0;}
	
	dl.eve_info dt{width: 100%; font-size: 18px; border: none;}
	dl.eve_info dd{width: 100%; font-size: 16px;}
	dl.eve_info dd p.p01{font-size: 16px; margin: 0 0 10px 0;}
	dl.eve_info dd p.p02{font-size: 14px; margin: 0 0 10px 0;}
	dl.eve_info dd p.p03{font-size: 14px;}
	dl.eve_info dd p.link{font-size: 14px;}

	dl.eve_info dd.full{padding-left: 0;}
	
	div.benefits div{width: 90%; margin: 24px auto 8px;}
	div.benefits div h3 img{width: calc(64%);}
	div.benefits div p{font-size: 18px; line-height: 22px;}
	div.benefits div div.img01{position: absolute; right: 10px; top: 30px;}

	div.benefits2{padding:0 0 25px;}
	div.benefits2 div{width: 90%; margin: 24px auto 8px;}
	div.benefits2 div h3 img{width: calc(64%);}
	div.benefits2 div p{font-size: 18px; line-height: 22px;}
	div.benefits2 div div.img01{position: absolute; right: 10px; top: 30px;}


	ul.hoslist li{width: calc(100%);}
	
	div.hlink div p.hn01{font-size: 10px; line-height: 20px;}
	div.hlink div p.hn012{font-size: 10px; line-height: 10px;}
	div.hlink div p.hn013{font-size: 18px; line-height: 20px;}
	div.hlink div p.hn014{font-size: 17px; line-height: 20px;}
	div.hlink div p.hn02{font-size: 18px; line-height: 20px;}
	div.hlink div p.hn022{font-size: 10px; line-height: 10px;}
	div.hlink div p.hn023{font-size: 10px; line-height: 20px;}
	div.hlink div p.hn024{font-size: 16px; line-height: 20px;}
	
	
	div.prof{width: 90%; margin: 10px auto;}
	
	footer#footer{padding: 10px;}
	div.ftclm div.ftadd{widows: 100%;}
	div.ftclm div.ftcop{widows: 100%;}
	
	#copyright{padding: 20px 0;}

	
}

/* ============［GO-SNS］============ */
.go-sns-list { position: fixed; right: 0; top: 50%; margin-top: -140px; }
/* MouseOver_Animation */
.go-sns-list a:hover { animation: flash 1s both; }
.go-sns-list li{ width: 50px;  margin: 10px 0; list-style-type: none; }
.go-sns-list li img{ width: 100%; }
.go-sns-list li.follow-me { padding: 16px 0; background: #fff; }
.go-sns-list li.follow-me { float: none; width: 100%; padding: 0; background: none; }
.go-sns-list li.follow-me img { width: 60%; height: auto; margin: 0 20% 5px; }

@keyframes flash {
	0% { opacity: 1; }
	10% { opacity: 0.3; }
	60% { opacity: 1; }
}
@media only screen and ( max-width: 959px ) {
	.go-sns-list { top: 50px; margin: 0; padding: 0; }
    .go-sns-list li{ width: 40px; }
}
@media only screen and ( max-width: 639px ) {
	.go-sns-list { margin: 0; padding: 0; }
    .go-sns-list li{ width: 30px; }
}
/*スマホ改行*/
@media screen and (min-width: 761px) { /*横幅が761px以上になったら適用*/
	.brSmt{ display: none; }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** 各種特典img01-02画像
************************************/
.benefit-title{
  margin:0;
}

/* ★ divの代わり */
.benefit-title-inline{
  display:inline-flex;
  align-items:center;
  gap:12px;
}

/* テキスト側 */
.benefit-text{
  display:inline-block;
}

/* 画像 */
.benefit-badge{
  width:120px;   /* PCサイズ */
  height:auto;
}

/* スマホ調整 */
@media (max-width:768px){
  .benefit-badge{
    width:160px;
  }
}


.benefit-title-inline{
  display:inline-flex;
  align-items:center;
  gap:50px;   /* ← ここを広げる（12px → 24px / 32px など） */
}
.benefit-badge{
 	width: 30px;
/*  height: 1.8em; */
  width: auto;
}

   /* ここまで */