@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900");

@font-face {
  font-family: 'honoka';
  src: url('../fonts/font_1_honokamarugo_1.1.eot');
  src: url('../fonts/font_1_honokamarugo_1.1.eot') format('embedded-opentype'), url('../fonts/font_1_honokamarugo_1.1.woff2') format('woff2'), url('../fonts/font_1_honokamarugo_1.1.woff') format('woff'), url('../fonts/font_1_honokamarugo_1.1.ttf') format('truetype'), url('../fonts/font_1_honokamarugo_1.1.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
-------------------------------------------------------------- */

ol, ul {list-style: none;padding-inline-start: 0;margin-block-end: 0;margin-block-start: 0.5em;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#000000;
font-size:16px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
border-top: 20px solid #FCDE00;
}

.honoka {
    font-family: "honoka", "Yu Mincho", "Hiragino Mincho ProN", "MS Mincho", serif;
    font-weight: 500;
    font-style: normal;
}

/* リンク設定
------------------------------------------------------------*/
a{color:rgba(15,58,155,1);text-decoration: underline;}
a:hover{color:#ad8a71;}
a:active, a:focus {outline:0;}

header a {color:#000000;text-decoration:none;}


/* 全体
------------------------------------------------------------*/
#wrapper,.wrapper{
margin:0 auto;
padding:0 1%;
width:96%;
position:relative;
}
#wrapper-head{
	width: 100%;
}
#wrapper-foot{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.inner{
margin:0 auto;
width:100%;
}

/*************
/* ヘッダー
*************/
header{
height:95px;
border-bottom:2px solid #ebebeb;
}

/*************
/* ロゴ
*************/
.logo{
float:left;
}
.logo h1{
font-weight:400;
font-size: 1.5em;
}

.logo span{display:block;}

/*************
/* 電話番号
*************/
.info{
	float:right;
	text-align:right;
}

.info .open{
    margin-top: 1em;
	float: left;
}
.info .open + p{
    float: right;
    background: #FCDE00;
    padding:5px 15px 2px 15px;
    border-radius: 5px;
    margin-top: -20px;
    text-align: center;
    margin-block-end: 0;
}
.fos{
font-size: 0.7em;
}
.info2 {
    float: right;
    text-align: center;
    clear: right;
}

/*************
/* ロゴ+電話番号
*************/
.logo span, .info span {
    font-size: .6em;
    font-weight: normal;
    margin-top: 1em;
}

h3 + .margin-top1{
margin-top:1.5em;
}
.margin-top1{
margin-top:1em;
}

.margin-bottom1{
margin-bottom:1em;
}
.padding-bottom1{
padding-bottom:1em;
}
img.w30p{
    width: 30%;
}

img.w33p{
    width: 33%;
}
img.w40p{
    width: 38%;
}
img.w60p{
    width: 59%;
}

.atte{
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 1em auto;
}
.more{
    font-size: 1.3em;
    line-height: 1em;
    margin: 1.5em auto 1em;
}
.atte.pink.textleft span{
    border: 1px solid #666;
    background: #ffffff;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 8px;
    margin: 0 0.5em;
}
#jirei-all img {
    height: 4vw;
    width: auto;
}
/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner,#mainBanner-f{
	margin:0px auto;
	padding:0;
	position:relative;
	line-height:0;
	text-align:center;
}
img.main{
	width:200px;
}
#mainBanner img.main{
	max-width:100%;
	height:auto;
	margin-top: -8px;
	width:100%;
}

.slogan{
	position:absolute;
	width: 100%;
	height: auto;
	top: 142px;
	padding: 5px 10px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}
.slogan2{
	position:absolute;
	width: 100%;
	height: auto;
	left:0;
	top: 142px;
	padding: 5px 10px;
	line-height: 1.4;
	text-align: left;
}
.slogan h2{
	padding-bottom:5px;
	font-size:2em;
	font-weight: bolder;
    line-height: 1.8;
}
.slogan2 h2 {
    padding-bottom: 5px;
    font-size: 2.5em;
    font-weight: bolder;
    line-height: 1.8;
}
#mainBanner #wrapper,#mainBanner .wrapper {
	padding-bottom: 0px;
}
#subpage #mainBanner{margin-top:0;}
#mainBanner #wrapper img,#mainBanner .wrapper img {
    position: absolute;
    right: 10%;
    width: 250px;
    top: 55px;
}
p+section.content {
	margin-top:2em;

}
/**************************
/* パンくず
**************************/
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size:0.8em;
  line-height: 2;
	color: #666666;
	padding-inline-start: 0;
}
.breadcrumb li a {
	color: #666666;
	text-decoration: none;
}
.breadcrumb li a:hover {
	color: rgba(15,58,155,1);
	text-decoration: underline;
}

.breadcrumb li:not(:last-of-type)::after {
  content: '>';
  margin: 0 .6em; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}

.title {
    position: absolute;
    max-width: 100%;
    height: auto;
    top: 60px;
    /* left: auto; */
    /* right: auto; */
    /* padding: 5px 10px; */
    line-height: 1.4;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.title h2 {
    padding-bottom: 5px;
    font-size: 2em;
    font-weight: bolder;
    line-height: 1.8;
}
/**************************
/* グリッド
**************************/
.gridWrapper{
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
float:left;
}

.box{
	padding:0;
	text-align:center;
	border: 2px solid #ccc;
    border-radius: 40px;
}

.box img{
max-width:100%;
height:auto;
}
.box h3{padding:10px 0 5px;}

.box h3, .box p{text-align:left;}
.box h4{
    background: #fcde00;
    border-radius: 38px 38px 0 0;
    font-size: 1.1em;
    line-height: 3em;
}
.kada .box h4{
    background: #fcde00;
    border-radius: 38px 38px 0 0;
    font-size: 1.1em;
    line-height: 3em;
    margin-block-start: 0;
    margin-block-end: 0;
}

.box h5{
    padding: 10px;
    font-size: larger;
}
.kada .box h5 {
    padding: 10px;
    font-size: large;
    margin-block-start: 0;
    margin-block-end: 0;
}
.kada.grid4 .fff ul.hyounai {
    padding: 0 0 2em 0;
}
.top-mi{
  width: 100%;
  clear: both;
}
.topjireigazo img {
  width: 100px;
  }
.topjireigazo + .fff ul.hyounai {
    padding: 0 0 0 0;
}
.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}

.box p.readmore a{
padding:3px 7px;
border-radius:3px;
color:#fff;
background:#d1ad93;
}

.box p.readmore a:hover{background:#ad8a71;}

.container{
  width: 100%;
  max-width: 1200px;
  margin: 30px auto;
}
.blogList {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 1.4%;
}
.blogList li {
    width: 32.4%;
}
.blogList li figure {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}
.blogList li figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}
.blogList li time {
    font-size: 14px;
    letter-spacing: 0.075em;
}
.blogList li h2 {
    font-size: 18px;
    letter-spacing: 0.075em;
}
div.jireigazo{
    width: 215px;
    height: auto;
    text-align: center;
    margin: 0 5px;
    float: left;
    clear: left;
}
div.jireigazo .alignleft{
    float: none;
    clear: none;
}

/*************
メイン コンテンツ
*************/

.center{
	text-align:center;
}
section.content article,.content article{
	padding:20px;
	margin-bottom:20px;
	border:2px solid #e2e2e2;
	overflow:hidden;
	border-top: none;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;line-height: 1.7;}

h3.heading {
    font-weight: normal;
    padding: 10px 0;
    background: #efefef;
    border: 2px solid #e2e2e2;
    border-bottom: 3px solid #fcde00;
    padding-left: 1.5em;
    font-size: 1.1em;
    margin-block-end: 0;
}

section.content img{
	max-width:90%;
	height:auto;
//	border-radius: 3em;
}
section.content img.hyoushi {
    max-width: 100%;
    height: auto;
    width: 31%;
    margin: auto 10px auto 30px;
}
.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}
.textright{
text-align:right;
}

#gallery .grid{background:transparent;}

#gallery .grid img,.border{box-shadow:0 0 5px #ccc;}

.fff ul li:before {
    content: "";
    background: #FCDE00;
    height: calc(20px / 2* tan(60deg));
    width: 15px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    display: block;
    float: left;
    margin-right: 0.5em;
}
.fff.marui ul li:before {
	display: inline-block;
	margin: 0 3px 0 8px;
	width: 15px;
	height: 15px;
	content: '';
	border-radius: 100%;
	background: #FCDE00;
	clip-path: none;
}
ul.marui li:before {
	display: inline-block;
	margin: 0 3px 0 8px;
	width: 15px;
	height: 15px;
	content: '';
	border-radius: 100%;
	background: #FCDE00;
	clip-path: none;
}
.line2em {
    line-height: 2em;
}
p.sankaku {
    font-size: medium;
    margin-top: 0.5em;
}
p.sankaku:before {
    content: "";
    background: #FCDE00;
    height: calc(20px / 2* tan(60deg));
    width: 15px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    display: block;
    float: left;
    margin-right: 0.3em;
    margin-top: 6px;
}
.marui p:before {
	display: inline-block;
	margin: 0px 3px -2px 8px;
	width: 15px;
	height: 15px;
	content: '';
	border-radius: 100%;
	background: #FCDE00;
	clip-path: none;
}
.fff ul.line_3 li:before {
    margin-top: 0.8em;
}
.fff ul.hyounai {
    padding: 2em 0 0 0;
    line-height: 3em;
}
.fff ul.hyounai li:before {
   margin-top: 1em;
}

.kada .fff ul.hyounai li:before {
   margin-top: 0.2em;
}

.waku {
    border: 2px solid #fcde00;
    border-radius: 20px;
    width: 80%;
    margin: 1em auto;
}
.wakuwaku {
    border: 2px solid #fcde00;
    border-radius: 20px;
    width: 97%;
    margin: 1em auto;
    padding: 5px 12px;
}
.fff.waku ul.hyounai {
    padding: 0.5em 1em;
    line-height: 3em;
}
.fff.waku ul.hyounai.line2em {
    line-height: 2em;
}
section.content img.w100p {
    max-width: 100%;
    height: auto;
    border-radius: 0;
}
section.content img.wama10 {
    display: block;
    margin: 1em auto 2em;
    border-radius: 0;
}
section.content.img60 img.wama10 {
    display: block;
    margin: 1em auto 2em;
    border-radius: 0;
    width: 50%;
}
.aligncenter {
	text-align:center;
}
.fff ul.hyounai.line2em li:before {
    margin-top: 0.5em;
}
.pink{
    background: #fffddb;
    padding: 20px;
    width: auto;
    height: auto;
    border-radius: 10px;
}
td .pink{
    background: #fffddb;
    padding: 20px;
    width: auto;
    height: auto;
    border-radius: 10px;
    text-align:center;
}
td .pink span{
	font-size: 0.7em;
}
.w100p {
    width: 100%;
}
/***********
お知らせ
************/
#news {
    width: 750px;
    padding: 10px 0;
    margin: 0 auto;
}
#news a {color:#000000;text-decoration:none;}

h4.heading {
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 3px solid #fcde00;
    font-size: 1.1em;
}
section#news article {
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    border: none;
    background: #feffe5;
}
section#news article li {
    border-bottom: 4px #cccccc dotted;
    padding-bottom: .5em;
}
section#news article ul li:not(:first-child){
	padding-top: .5em;
}
article.btn, section#news article.btn {
    padding: 0;
    width: 195px;
    margin: 0 auto;
    overflow: hidden;
    border: none;
    background: none;
    text-align: center;
    border: 2px solid #cccccc;
    padding: 10px 15px;
    border-radius: 22px;
}
article.btn a {
    padding: 10px 0;
    color: #000000;
    text-decoration: none;
}
article.btn a:before {
    content: "";
    background: url(../images/yaji.png);
    width: 22px;
    float: left;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
}
p.s-more a:before {
    content: "";
    background: #FCDE00;
    height: calc(20px / 2* tan(60deg));
    width: 15px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    display: block;
    float: left;
    margin-right: 0.5em;
    margin-top: 0.2em;
}
.news article.kiji {
    border: none;
    padding: 0;
    border-bottom: 4px dotted #ccc;
    padding: 20px 2px 40px 20px;
    margin-bottom: 0px;
}
/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

table.table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*************
/* サイドバー
*************/
#sidebar ul{padding:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
display:block;
}

#sidebar ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
border:0;
}

ul.list li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}


/*************
/* フッター
*************/
#footer{
	clear:both;
	background: #fff293;
}

#footer .inner{
overflow:hidden;
}

* html #footer .inner{height:1%;}

#footer .grid{
margin:0;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:12px;
}

ul.footnav{
float:right;
width:630px;
padding:10px 0;
}
.float-l {
    float: left;
}
.float-r {
    float: right;
}
ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
border-right:1px solid #ebebeb;
}

address{
clear:both;
padding:20px 0;
text-align:center;
font-style:normal;
font-size:12px;
color:#555;
}
/**********
見出し
**********/
h3 img{
    position: absolute;
    width: 35px;
    right: 10px;
}
h3.heading2 {
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 3px solid #fcde00;
    font-size: 1.5em;
}
.textleft {
text-align:left;
}
.h550px{height: 480px;}
.doll{float: right;line-height: 10px;text-align: right;}
.doll img {width: 100%;}
span.small {
	font-size: 0.5em;;
}
span.small2 {
    font-size: 0.5em;;
}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1220px){
	#wrapper,#header,.inner,#wrapper-bread,.wrapper{
	width: 100%;
	max-width: 1150px;
	padding:0;
	margin:0 auto;
	}

	#wrapper,.wrapper{padding-bottom:20px;}
	
  nav#mainNav{
	clear:both;
	overflow:hidden;
	position:relative;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	font-size:13px;
	width:160px;
	padding:20px 0;
	border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
	}
	
	nav#mainNav ul li.last a{width:159px;}

	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	}

	nav#mainNav ul li a span{
	color:#bababa;
	font-size:10px;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

	nav#mainNav li.active a,nav#mainNav li a:hover{
	border-color:#d1ad93;
	}
	
	#main{
	float:right;
	width:680px;
	padding:15px 0 0 0;
	}
	
	#sidebar{
	float:left;
	width:250px;
	padding:15px 0 0 0;
	overflow:hidden;
	}
	
	#sidebar article{
	padding:7px;
	margin-bottom:20px;
	border:1px solid #ebebeb;
	overflow:hidden;
	}
	/* グリッド全体 */
	.gridWrapper{
	width:100%;
	margin:0 auto;
	}
	
	#gallery article{padding:10px 0 10px 10px;}
	
	/* グリッド3 */
	.grid{
	float:left;
	width:30%;
	margin-left:30px;
	}
	
	#subpage .grid{width:auto;}
	
  #gallery .grid{
	width:auto;
	margin:10px 0 2px 10px;
	}
	
	#footer .inner{
	width: 100%;
	max-width: 1200px;
    padding: 20px 0;
	}
	
	/* グリッド4 */
	.grid4 {
        float: left;
        width: 24%;
        margin-left: 1.2%;
    }
    .grid4-1 {
	    margin-left: 0px;
	}
	.grid4 .fff ul.hyounai {
	    padding: 0 0 0 0;
	    line-height: 3em;
	}

}
@media only screen and (min-width: 980px)and (max-width: 1249px){
	#wrapper,#header,.inner,#wrapper-bread,.wrapper{
	max-width:960px;
	width:96%;
	padding:0;
	margin:0 auto;
	}
	.h550px {
	    height: 454px;
	}
	.gridWrapper{
	width:100%;
	margin:0 auto;
	}
	.doll{float: right;line-height: 10px;width:30%;text-align: right;}

    #footer .inner {
        padding: 20px 0;
    }
    #jirei-all img {
	  height: 7vw;
	  width: auto;
	}
	.gridWrapper {
        width: 960px;
        margin: 0 auto;
    }
      nav#mainNav{
	clear:both;
	overflow:hidden;
	position:relative;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	font-size:13px;
	width:160px;
	padding:20px 0;
	border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
	}
	
	nav#mainNav ul li.last a{width:159px;}

	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	}

	nav#mainNav ul li a span{
	color:#bababa;
	font-size:10px;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

	nav#mainNav li.active a,nav#mainNav li a:hover{
	border-color:#d1ad93;
	}
}

	/* グリッド4 */
	.grid4 {
        float: left;
        width: 24%;
        margin-left: 1.2%;
    }
    .grid4-1 {
	    margin-left: 0px;
	}
	.grid4 .fff ul.hyounai {
	    padding: 2em 0;
	    line-height: 1.5em;
	}
/*	.fff ul.hyounai li:before {
	    margin-top: .2em;
	}
*/
	.fff ul.hyounai.logic li:before {
	    margin-top: 1em;
	}
	.grid4 .fff ul.hyounai li {
	    padding: 1.2em 0 0 0;
	    line-height: 1.5em;
	}
	/* グリッド2 */
	.grid2 {
        float: left;
        width: 49.1%;
        margin-left: 20px;
        margin-top: 1em;
    }
    .grid2-1 {
	    margin-left: 0px;
	}
	.content article.scro {
	    padding: 0;
	    margin-bottom: 20px;
	    border: 2px solid #e2e2e2;
	    border-top: none;
        height: 320px;
        overflow:auto;
        overflow-y: scroll;
        scrollbar-width: 5px;
        scrollbar-color: #fcde00;
    }
    .content article.scro::-webkit-scrollbar {
	  width: 5px;
	}

	.content article.scro::-webkit-scrollbar-track {
	  background-color: #fff;
	}

	.content article.scro::-webkit-scrollbar-thumb {
	  background-color: #fcde00;
	  border-radius: 8px;
	}
	.content article.kiji {
	    border: none;
	    padding: 0;
	    border-bottom: 4px dotted #ccc;
	    border-right: 1px solid #ccc;
	    padding: 20px 2px 20px 20px;
	    margin-bottom: 0px;
	}
/*▼*/
nav .fff ul li:before {
	content:"";
	background: #FCDE00;
	height: calc(20px / 2 * tan(60deg));
	width: 15px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	display: block;
	float: left;
	margin-right: 0.2em;
}
/* 上向き ▲ */
.up {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

/* 右向き ▶︎ */
.right {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* 下向き ▼ */
.down {
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

/* 左向き ◀︎ */
.left {
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.cp_navi {
	display: block;
	margin: 2px;
	overflow: hidden;
	width: 100%;
}
.cp_navi ul {
	margin: 0;
	padding: 0;
}
.cp_navi ul li {
	text-align: left;
	display: inline-block;
	list-style-type: none;
	-webkit-transition: all 0.2s;
	        transition: all 0.2s;
}
.cp_navi > ul > li > a > .caret {
	content: '';
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle;
	-webkit-transition: color 0.1s linear;
	        transition: color 0.1s linear;
}
.cp_navi > ul > li > a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
.cp_navi > ul > li:hover > a {
}
.cp_navi > ul > li:hover > a > .caret {
	border-top-color: rgb( 255, 255, 255 );
}
.cp_navi > ul > li > div {
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: auto;
	min-width: 165px;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	       transition: opacity 0.2s;
}
.cp_navi > ul > li:hover > div {
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 10;
}
.cp_navi > ul > li > div ul {
    border: 2px solid #FCDE00;
    margin: 10px 0 0;
    padding: 10px;
    background: #ffffff;
}
.cp_navi > ul > li > div ul > li {
	display: block;
	width: auto;
	margin-bottom: 1em;
}
.cp_navi > ul > li > div ul > li:last-child {
    margin-bottom: 0em;
}
.cp_navi > ul > li > div ul > li > a {
	display: block;
	padding: 0;
	text-decoration: none;
	margin: 5px 0 7px 0;
}
.cp_navi > ul > li > div ul > li:hover > a {
}
/* 吹き出しの△の部分 */
.child_menu::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 40%;
  transform: translateX(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-left: 2px solid #FCDE00;
    border-top: 2px solid #FCDE00;
}
nav .cp_navi ul li {
    float: none;
    position: initial;
    width: 125px;
}
nav .cp_navi ul li.w11em {
    width: 140px;
}
nav .cp_navi ul li a {
    padding: 0px 0;
    font-size: 1em;
    line-height: 1;
}
    .spmenu{
	display: none;
}
nav#mainNav .fff ul li a {
    display: block;
    text-align: center;
    _float: left;
    font-size: 13px;
    width: auto;
    padding: 0 5px;
    border-top: 0;
    border-bottom: 0;
    text-decoration-line: underline;
}

    /*ベース*/
    .accordion .toggle {
    	display: none;
    }
    .accordion .Label {		/*タイトル*/
    	padding: 1em;
    	display: block;
    	background: #fff290;
	    border-left: 17px solid #fcde00;
    }
    .accordion .Label::before{		/*タイトル横の矢印*/
	    content: "開く";
	    position: absolute;
	    right: 20px;
	    top: 10px;
	    border: 1px solid #666666;
	    padding: 3px 5px;
	    border-radius: 7px;
	    background: #ffffff;
	    width: 3.5em;
	    text-align: center;
	}
    .accordion .Label,
    .accordion .content {
    	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden;
    	transform: translateZ(0);
    	transition: all 0.3s;
    }
    .accordion .content {		/*本文*/
    	height: 0;
    	margin-bottom:10px;
    	padding:0 20px;
    	overflow: hidden;
    }
    .accordion .toggle:checked + .Label + .content {	/*開閉時*/
    	height: auto;
    	padding:20px 0 20px 20px;
    	transition: all .3s;
    }
    .accordion .toggle:checked + .Label::before {
	    content: "閉じる";
	    position: absolute;
	    right: 20px;
	    top: 10px;
	    border: 1px solid #666666;
	    padding: 2px 5px;
	    border-radius: 7px;
	    background: #ffffff;
    }

.indent{
  text-indent: 1em;
}
.indent_li{
  padding-left: 1em;
}
.indent_li2{
	text-indent: -3em;
	padding-left: 4em;
}
.indent_a{
	text-indent: -3em;
	padding-left: 4em;
}
.line_3{
    line-height: 3em;
}
section.content img.book {
    width: 1.7em;
    height: auto;
    border-radius: 0;
    margin: 10px 0 -5px 5px;
}
section.content {
    margin-bottom: 2em;
    background: #fff;
}
@media only screen and (min-width: 1800px) {
    .wrapper.maenoneri {
        margin-top: -13%;
    }
}
/* PC用*/
@media only screen and (min-width: 1250px){
	#wrapper,#header,.inner,#wrapper-bread,.wrapper{
	width: 100%;
	max-width: 1200px;
	padding:0;
	margin:0 auto;
	}

.wrapper.maenoneri{
    margin-top: -5%;
}
}
@media only screen and (max-width: 1249px){
	/* グリッド2 */
	.grid2 {
        float: left;
        width: 49%;
        margin-left: 2%;
        margin-top: 1em;
    }
    .grid2-1 {
	    margin-left: 0px;
	}
	.wrapper.maenoneri{
	    margin-top: -2%;
	}
	.slogan {top: 100px;}

}

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

/* PC用
------------------------------------------------------------*/

@media only screen and (max-width:979px){
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	.logo span, .info span {
		margin-top: 0.5em;
	}

	#header{padding:0 10px;}
	
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background: -o-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background: linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
  border:1px solid #e4e4e4;
	}

	
	#subpage #mainBanner{margin-top:20px;}
	
	#sidebar{padding-bottom:30px;}
	
	#sidebar article{padding:7px 0;}
	
	#footer .grid,#footer ul.footnav{
	float:none;
	width:100%;
	text-align:center;
	}

	ul.footnav li{float:none;display:inline-block;}
	.slogan {
		width: 75%;
        top: 55px;
    }
	#mainBanner #wrapper img,#mainBanner .wrapper img {
	    width: 25%;
	    right: 2%;
	}
	.grid{
	width:32%;
	margin:10px 0 0 1%;
	}
	.grid4 {
        width: 49%;
        margin: 10px 0 0 2%;
    }
   .grid2 {
        float: left;
        width: 48.9%;
        margin-left: 2%;
        margin-top: 1em;
    }
    .grid2-1 {
	    margin-left: 0px;
	}

	#gallery .grid{
	float:left;
	width:31%;
	margin:0 0 0 1%;
	}
	
	#footer .grid img, #footer .info{float:none;}
	#footer .grid p{display:block;}
	#footer #info .info{float:none;text-align:center;}
	
	#footer.logo,#footer .info{
	width:100%;
	float:none;
	}
}
	br.spp {
		display:none;
	}

@media only screen and (max-width: 979px) {
	/* グリッド4 */
	.grid4 {
        float: left;
        width: 48%;
        margin-left: 1.2%;
    }
    .grid4-1 {
	    margin-left: 0px;
	}
	#news {
	    width: 90%;
	    padding: 10px 0;
	    margin: 0 auto;
	}
    #footer .inner {
        width: 96%;
        padding: 2% 0;
    }
	body {
	border-top: 1em solid #FCDE00;
	}
	#menu{
	    position: absolute;
	    top: 0;
	    right: 64px;
	    border: 2px solid #FCDE00;
	    padding: 0;
	    width: 55px;
	    font-size: 0.8em;
	    letter-spacing: -1.8px;
	    padding-top: 2.5em;
	    margin-top: -22px;
	    margin-top: 0px;
        height: 46px;
        padding-top: .5em;
        border-radius: 0 0 5px 5px;
        border-top: none;
	}
	#menu.menu.menuOpen {
	    border: 2px solid #f0f0f0;
        background: #f0f0f0;
        border-top: none;
	}
	#menu.menu.menuOpen {
        border: 2px solid #f0f0f0;
        background: #f0f0f0;
        border-top: none;
        position: fixed;
        z-index: 10;
        top: 24px;
        right: 82px;
    }
	nav #menu.menu +div.panel ul li,nav #menu.menu +div.panel .spmenu {
	    display: none;
	}

	nav #menu.menu.menuOpen +div.panel{
	        background: #f0f0f0;
	        right: 0;
	        padding: 10px;
	        position: fixed;
	        top: 78px;
	        z-index: 10;
		}
	nav #menu.menu.menuOpen +div.panel ul li,nav #menu.menu.menuOpen +div.panel .spmenu {
	    display: block;
	}
	nav #menu.menu.menuOpen +div.panel .spmenu{
	    border: 1px solid #666;
	    background: #ffffff;
	    padding: 1px 5px;
	}
	nav #menu.menu.menuOpen +div.panel .cp_navi ul li {
	    float: none;
	    position: initial;
	    width: 100%;
	    margin-bottom: 1em;
	}
	nav #menu.menu.menuOpen +div.panel .cp_navi ul li {
	    text-align: left;
	    display: block;
	    list-style-type: none;
	    -webkit-transition: all 0.2s;
	    transition: all 0.2s;
	    margin-top: 1em;
        margin-bottom: 1.5em;
	}
	nav #menu.menu.menuOpen +div.panel .cp_navi ul li.has-child {
	    margin-top: 0;
        margin-bottom: 1em;
    }
    .cp_navi > ul > li > div ul {
	    padding-bottom: 0;
	}
	nav .fff ul li:before {
	    display: none;
	}
    
	.cp_navi > ul > li:hover > div {
	    position: relative;
	}
	.info .open + p {
	    margin-top: -13px;
	}
	.info .open {
		display: none;
	}
	    .spmenu{
		display: block;
	}
	.info2 {
	    text-align: center;
	}
	.info .open + p{
	    text-align: center;
	    font-size: 0.8em;
	    height: 60px;
	    margin-right: 0;
	}
	.child_menu::after {
		display: none;
	}
	#jirei-all img {
	  height: 12vw;
	  width: auto;
	}
	.grid2 {
        width: 100%;
        margin: 10px 0 0 0%;
    }
    .grid4-1,.grid2-1,.grid4-2,.grid2-2 {
	    margin-left: 0px;
	}
	#wrapper-head {
	    width: 100%;
	}
	.breadcrumb {
	    margin-left: 0em;
	}
	br.spp {
		display:block;
	}
	.doll{float: none;text-align: center;}
	.doll img {width: 30%;}
	.h550px {height: 600px;}
	.slogan2 {
        top: 0;
        position: relative;
        text-align: center;
    }
    .slogan2 h2 {font-size: 2em;}
    
    .wrapper.maenoneri {
        margin-top: 1em;
    }
}
.h-img p.small {
    font-size: 0.5em;
    margin-top: -10em;
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 10%;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.h-img img{
    height: 15vw;
}
.h-img.img-r{
    top: 0;
    position: absolute;
    right: 0;
}
.h-img.img-r p.small {
    font-size: 0.5em;;
    margin-top: -1em;
	display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 50%;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

@media only screen and (max-width:1337px){
	.h-img.img-r p.small {
	    margin-inline-start: 40%;
	}
}
@media only screen and (max-width:1112px){
	.h-img.img-r p.small {
	    margin-inline-start: 30%;
	}
}
@media only screen and (max-width:953px){
	.h-img.img-r p.small {
	    margin-inline-start: 16%;
	}
}

.ppc {display:block;}
.ssp {display:none;}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:784px){
.logo h1 {
    font-size: 1.1em;
    margin-block-start: 0.4em;
    margin-block-end: 0;
    line-height: 1.3;
}
.ppc {display:none;}
.ssp {display:block;}
.h-img{display: inline-flex;}
.h-img.ppc,.h-img p.small.ppc {display:none;}
.h-img + p.small {
    font-size: 0.5em;
}
#wrapper,.wrapper {
    margin: 0 auto;
    padding: 0 1%;
    width: 96%;
    position: relative;
}
	#menu{
	    position: absolute;
	    top: 0;
	    right: 62px;
	}
	#menu.menu.menuOpen {
        top: 24px;
        right: 77px;
    }
	.wrapper.maenoneri {
        margin-top: -25%;
    }
	div.jireigazo {
	  width: 97%;
	  height: auto;
	  text-align: center;
	  margin: 0 5px;
	  float: none;
	  clear: none;
	}
	#jirei-all img {
	  height: 20vw;
	  width: auto;
	  margin: 0 auto;
	}
	div.topjireigazo {
	  width: 97%;
	  height: auto;
	  text-align: center;
	  margin: 0 5px;
	  float: none;
	  clear: none;
	}
	.topjireigazo img {
	  height: 20vw;
	  width: auto;
	  margin: 0 auto;
	}
    .kiji .alignleft {
        float: none;
        clear: unset;
        margin: 0 auto;
    }
.slogan h2 {
    padding-bottom: 5px;
    font-size: 1.5em;
    font-weight: bolder;
    line-height: 1.8;
}

h3.heading2 {
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 3px solid #fcde00;
    font-size: 1.1em;
}
h3 img {
    position: absolute;
    width: 28px;
    right: 10px;
}
img.main{
	width: 150px;
    margin: 0 auto;
}
#mainBanner img.main{
	max-width:100%;
	height:auto;
	margin-top: -8px;
	width:100%;
}
	.slogan {
		width: 97%;
        top: 70px;
        text-align: center;
    }
	#mainBanner #wrapper img,#mainBanner .wrapper img {
	    right: 0;
        top: 250px;
        left: 0;
        margin: auto;
	}
	#mainBanner img.main {
	    max-width: 100%;
	    margin-top: 0;
	    height: 500px;
	    object-fit: cover;
	}
	#wrapper-foot .float-l {
	    width: 40%;
	}
	#wrapper-foot .float-r {
	    width: 22%;
	}
	.title {
	    top: 25%;
	    position: relative;
	}
	.textcenter{
	    text-align: center;
	}
}
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	#header{
	height:auto;
	padding-bottom:20px;
	}
	/*
	.logo,.info{
	clear:both;
	width:100%;
	float:none;
	margin:0;
	}*/
	#news {
	    width: 100%;
    }
	/*.box img{
	float:left;
	margin-right:5px;
	}*/
    #wrapper, .wrapper {
        margin: 0 auto;
        padding: 0;
        width: 95%;
        position: relative;
        background: #fff;
    }
    
	.box h3{padding-top:0;}

  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
    .kiji .alignleft {
        float: none;
        clear: unset;
        margin: 0 auto;
    }
	#footer .inner {
		padding: 20px 0;
	    text-align: center;
	}
	#gallery .grid{float:left;}
	.logo span, .info span {display: none;}
	.logo h1 font {display: none;}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	.grid{width:100%;}
	.box img{max-width:100px;}
	#mainBanner h2,#mainBanner p{font-size:80%;}
	#sidebar p{text-align:center;}
}

/* プランを読む */
.br_sp_disp {
	display:none;
}
.content2 {
	padding-top: 10px !important;
}
.kubun3 {
	margin-top: 10px;
}
img.nocopy {
 /* PCの右クリック禁止 */
    pointer-events: none;
 /* SPの長押し禁止 */
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
section.content img.w30pp {
    max-width: 30%;
    height: auto;
}
.kadaoo .blogList{
	justify-content: center;
}
.kadaoo .blogList li figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
}
.df200 {
  position:relative;
}
.df201 {
  position:absolute;
  padding: 5px 4px;
  right:0px;
  bottom:0px;
}
.kadaoo .blogList li figure img.abso {
	position: absolute;
	top: 25%;
    left: 85%;
    width: 35px;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: contain;
    border-radius: 0;
}
/* スマートフォン 用 */
@media only screen and (max-width:640px){
	.blogList {
	    display: block;
	}
	.blogList li {
	    width: 100%;
	}
	section.content img.w30pp {
	    max-width: 270px;
	    height: auto;
	}
	.br_sp_disp {
		display:block;
	}
	.accordion .Label_accordion::before {
		top: 25px;
	}
	.accordion .Label::before {
		right: 8px;
	}
	.accordion .toggle:checked + .Label::before {
	    right: 8px;
	    top: 25px;
	}
	.accordion .Label {
		padding-left: 0.5em;
	}
	section.content article, .content article {
	    padding: 15px 10px;
	}
}
.kadaoo h3.heading2 br,.breadcrumb br {
	display: none;
}
.kada .box{
	height: 340px;
}
@media only screen and (max-width: 979px) {
	.kada .box{
		height: auto;
	}
}
@media only screen and (max-width: 599px) {
	.kada .box{
		height: 300px;
	}
	.kada .box h5 {
	    padding: 0;
	}
}