@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;font-size:16px;}
a{text-decoration:none;color:rgb(85,85,85);}
a:hover{opacity:0.6;}
li{list-style:none;padding-left:0;margin-left:0;}
body{background:rgb(255,255,255);font-family:kozuka-gothic-pr6n,sans-serif;font-weight:normal;}
/*	タイトルフォント：fot-tsukuardgothic-std、コーヒーフォント：'Cascadia Code', monospace;、"biz-udgothic", sans-serif;
	カラーコード　Navy:#035bac Orange:#d3703a Beige:#f5f5eb Blue:#01afec Green:#8ec21f Pink:#ec7aad text:#333 Grey:#ccc,#dedede Coffee:#443526, Coffee_Green:#07564e Coffee_Grey:#d8d5ca */

a.page_top{position:fixed;bottom:3em;right:4em;z-index:102;}
.fade{opacity:0;transition: opacity 3s;}
.fade.view{opacity: 1;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.sp{display:none;}
.wp-caption-text{display: none;}

/* 全ページ共通 */
#content{width:100%;color:rgb(85,85,85);margin-top:6em;}
#main{width:80%;margin:15em auto 0;}
span.none{visibility:hidden;}
span.red{color:red;}
p.text{font-size:1em;line-height:2;}
h2.title{width:30%;border-top:dotted 3px #01afec;border-bottom:dotted 3px #01afec;padding:0 0.2em;font-size:1.6em;line-height:1.5;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;color:#01afec;margin-bottom:1em;}
h2.title span.sub_title{color:#035bac;margin-left:0.5em;font-size:0.6em;}
#header{width:100%;padding:0.5em;background:rgba(245,245,245,0.8);position:fixed;left:0;top:0;z-index:100;}
#header_inner{width:80%;margin:0 auto;overflow:hidden;}
#header h1{width:15em;margin:0 2em 0.5em 0;float:left;}
#header h1 img{width:70%;}
#header h1 a span{display:block;font-size:0.8em;color:#035bac;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;overflow:visible;}
nav#header_nav li{display:inline-block;margin-left:1em;text-align:center;}
nav#header_nav li.nav_hidden{margin-left:0;}
nav#header_nav li a{display:block;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-size:1em;color:#035bac;font-weight:bold;height:2.5em;}
nav#header_nav li img{width:2em;vertical-align:middle;}
nav#header_nav li a span{font-size:0.65em;display:block;height:1.7em;width:7em;}
nav#header_nav li:hover a span.none{visibility:visible;}

nav#global_nav ul{width:45%;display:flex;justify-content:space-between;z-index:101;background:rgba(255,255,255,0.8);border-radius:0.3em;position:fixed;top:18vh;right:3%;padding:0.5em 0.3em 1em;}
nav#global_nav li{width:24%;margin:0 0.1em;}
nav#global_nav li a{display:block;padding-top:3.3em;background-position:center top;background-repeat:no-repeat;background-size:40%;}
nav#global_nav li a span{display:block;color:#d3703a;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;line-height:1.2em;height:2em;text-align:center;font-size:0.7em;}
nav#global_nav li:hover a span{color:#035bac;}
nav#global_nav li.home a{background-image:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/icon_gnav_home.png);background-size:45%;background-position-y:1em;}
nav#global_nav li.about a{background-image:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/icon_gnav_about.svg);background-size:35%;background-position-y:0.5em;}
nav#global_nav li.daycare a{background-image:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/icon_gnav_daycare.svg);}
nav#global_nav li.work_support a{background-image:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/icon_gnav_work-support.svg);background-size:30%;background-position-y:0.5em;}
nav#global_nav li.child_support a{background-image:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/icon_gnav_child-support.svg);}
div#intro{padding:1.5em;margin-top:2em;}
div#intro h2{color:#d3703a;font-size:1.7em;text-align:center;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;}
div#intro h2.sub{font-size:1.3em;color:#035bac;margin:1em auto 1.5em;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;}
div#intro p.text{line-height:2.2;}
div.item{margin-top:3em;padding:2em;}
div.item_grey{background:#f5f5eb;box-shadow:5px 5px rgb(222 222 222 / 25%);border-top-right-radius:2em;}
div.item h2.item_title{font-size:1.3em;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;margin:2em auto;text-align:center;color:#035bac;}
p.dl_button{margin:0.5em auto;}
p.dl_button a{display:block;padding:0.5em 2em;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;font-size:0.9em;color:#035bac;text-align:left;background:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/icon_pdf.svg) no-repeat center right 2em/2em #fff;border:solid 1px #035bac;border-radius:0.5em;}
div.staff_item{overflow:hidden;margin:2em auto 0;}
div.staff_left{width:35%;position:relative;}
div.staff_right{width:60%;}
div.staff_left img{width:100%;}
div.staff_info{background:rgba(255,255,255,0.8);position:absolute;bottom:0;height:4em;width:100%;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;font-size:0.9em;padding:0.5em 1em;}
p.position{font-size:0.9em;}
p.staff_name{color:#035bac;text-align:center;line-height:1.5;}
p.staff_title{font-size:1.2em;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;color:#d3703a;line-height:2;}
p.staff_license{font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;color:#035bac;line-height:1.5;margin:0.5em 0 1em;}
p.staff_comment{margin-bottom:1em;}

#footer{background:#035bac;color:#fff;margin-top:3em;}
#footer #footer_inner{overflow:hidden;width:80%;margin:1em auto;padding:2em 1em;}
#footer_inner .left{width:55%;}
#footer_inner .right{width:35%;}
#footer a{color:#fff;}
#footer_inner .right #map{width:95%;margin:0 auto;}
#footer h2.footer_logo a{font-size:1.2em;}
#footer h2.footer_logo a span.small{width:0.5em;}
#footer h2.footer_logo a img{height:1.3em;margin:0.1em;}
#footer_info p{line-height:1.7;}
#footer_info p img{height:1em;margin-right:0.3em;}
#footer_sns{display:flex;}
#footer_sns li{font-size:0.7em;width:4em;text-align:center;margin:1em 0.3em;}
#footer_sns li a img{width:50%;}
#footer_sns li a span.none{display:block;text-align:center;font-size:0.7em;}
#footer_sns li:hover a span.none{visibility:visible;}
#footer_nav li{line-height:1.7;}
address{text-align:center;font-style:normal;padding:1em 0;}

/* TOP */
div#guide{width:80%;margin:0 auto -5em;background:rgba(255,255,255,0.8);position:relative;top:-5em;border-radius:0.5em;z-index:90;}
div#guide h2{text-align:center;color:#035bac;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;font-size:2em;}
div#guide h2.sub{font-size:1.2em;}
div#guide_inner{overflow:hidden;width:90%;margin:1em auto;background:#f5f5eb;border-radius:0.5em;box-shadow:5px 5px rgb(222 222 222 / 25%);}
#guide_inner ul#guide_ul{display:flex;justify-content:space-between;padding:1.5em;}
#guide_inner ul#guide_ul > li{width:20%;margin:0.3em;padding:0.5em 1.5em 1em;background:#fff;border:solid 4px;border-radius:0.5em;}
p.symptoms{text-align:center;font-weight:bold;font-size:1em;}
#guide_inner #guide_ul li.speech{border-color:#d3703a;}
#guide_inner #guide_ul li.brain{border-color:#8ec21f;}
#guide_inner #guide_ul li.motivation{border-color:#01afec;}
#guide_inner #guide_ul li.child{border-color:#ec7aad;}
#guide_inner li a{display:block;}
#guide_inner li a img{display:block;width:60%;margin:1em auto;}
#guide_inner ul.symtoms_list li{margin:0.2em auto;font-size:0.7em;}
#guide_inner > a{display:block;width:55%;margin-right:1em;}
#guide_inner > a img{width:100%;}
.home #intro{background:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/bg_intro_top.jpg) no-repeat center bottom/contain;}
.home #intro p.text{width:70%;}
.home #intro p.img{width:25%;}
.home #intro p.img img{width:100%;}
p.more{overflow:hidden;}
p.more a{width:20%;color:#fff;background:#035bac;padding:0.8em 1.2em;border-radius:1.5em;float:right;text-align:center;margin-top:2em;box-shadow:5px 5px rgb(222 222 222 / 25%);}
div#door{margin-top:3em;background:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/img_door.jpg) no-repeat top center/cover;padding:3em;}
div#door p{text-align:right;}
div#door p.text1{color:#035bac;font-size:1.5em;line-height:2;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;}
div#door p.text2{font-size:1em;margin-top:1.3em;line-height:2.3;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;}
div#news p.more a{background:#01afec;}
p#column_logo{width:12em;}
p#column_logo img{width:100%;}
p#column_text{line-height:2;margin-bottom:2em;}
#columnlist{display:flex;gap:1em;list-style:none;padding:0;margin-bottom:2em;}
.column_item{width:calc((100% - (1em * 2)) / 3);margin-bottom:1em;position:relative;}
.column_thumb{width:100%;aspect-ratio:4 / 5;overflow:hidden;background-color:#f0f0f0;border-radius:0.3em;border:solid 1px #dedede;}
.column_thumb img{width:100%;height:100%;object-fit:cover;object-position:center;}
#columnlist .column_data{position:absolute;bottom:-3em;left:50%;transform: translateX(-50%);background:rgba(255,255,255,0.9);padding:1em;width:80%;border-radius:0.3em;box-shadow: 0px 0px 3px 0px #ddd;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;height:4em;}
.column_data p.column_title{font-size:1em;color:#035bac;}
.column_data div.column_excerpt p{font-size:0.9em;line-height:1.2;}
div#column p.more a{background:#8ec21f;}
div#contact{overflow:hidden;}
div#contact .left{width:55%;}
div#contact .right{width:40%;}
div#contact div#form{border:solid 1px #dedede;border-radius:0.5em;padding:1em;}
div#contact p.text a{text-decoration:underline;}
div#form p{margin:1em 0;}
div#form select,div.form input,div.form textarea,div.form span.wpcf7-list-item-label{color:#765142;padding:0.5em;border:solid 1px #765142;}
div#form input{border:solid 1px #765142;border-radius:0.2em;}
div#form option{color:#765142;padding:0.5em;font-size:1em;}
div#form span.wpcf7-list-item-label{border:none;}
div#form input.wpcf7-submit{width:5em;text-align:center;margin:0 auto;}
div#form input:focus,div.form textarea:focus,div.form select:focus{outline:none;box-shadow: 0px 0px 3px 0px #ddd;}
 /* カルーセルスライダー(news) */
.news .swiper-slide{width:23%;margin:0 auto;}
.wpcp-single-item{padding-top:1em;height:23em;color:rgb(85,85,85);}
.wpcp-slide-image a img{width:9.5em !important;height:11.4em !important;}
.wpcp-all-captions .entry-date{font-size:0.8em;width:100%;margin:1em auto;color:#333;}
.wpcp-all-captions h2.wpcp-post-title{width:100%;margin:0 auto;}
.wpcp-all-captions h2.wpcp-post-title a{font-size:0.9em;font-weight:normal;text-align:center;margin:2em 0 1em;}
.wp-carousel-pro-wrapper .wpcp-slide-image img,.wpcp-carousel-wrapper .wpcp-slide-image img {width:100% !important;height:auto !important;aspect-ratio:9.5/11.4 !important;object-fit:cover !important;object-position:center !important;max-width:11.4em !important;margin:0 auto;overflow:hidden;}

/* page */
.page div#key_img{height:55vh;flex-shrink: 0;width:100%;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.page div#key_img h2{width:17em;padding:1em;position:absolute;top:50%;left:0;font-size:1.6em;color:#035bac;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;background:rgba(255,255,255,0.8);}
.page div#main{margin-top:3em;}
.page div.item{width:80%;margin:3em auto 0;}

/* About */
.about div#key_img{background-image:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/key_about.png);}
div#philosophy h2.philosophy_h2{color:#035bac;font-size:1.7em;text-align:center;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;}
div#philosophy_inner{border-radius:0.5em;width:90%;margin:2em auto 3em;padding:1.5em;background:url(https://kotobanomichi.jp/wp-content/themes/Kotobanomichi_Original/images/img_about.png) no-repeat right bottom 35%/28% #f5f5eb;}
div.philosophy_item{width:70%;padding:1em 1.5em;border-left:solid 15px;margin-bottom:3em;}
p.philosophy_title{font-size:1.3em;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;margin-bottom:0.5em;}
div.hope{border-color:#01afec;} div.hope p.philosophy_title{color:#01afec;}
div.feel{border-color:#8ec21f;} div.feel p.philosophy_title{color:#8ec21f;}
div.master{border-color:#ec7aad;} div.master p.philosophy_title{color:#ec7aad;}
div#philosophy p.dl_button{width:70%;}
div#about_staff h2{margin-bottom:2em;}
div#about p.text{margin-bottom:1em;}
div.space{overflow:hidden;}
div.space h3{border-left:solid 2em #d3703a;color:#d3703a;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;font-size:1.2em;padding-left:0.8em;}
div.space_slide{width:60%;margin:3em auto 2em;}
div.space a.to_page{margin-top:2em;}
div.space a.to_page img{height:4.2em;}
div#about_info{overflow:hidden;}
div#about_info div.left{width:60%;}
div#about_info div.right{width:35%;margin:0 auto;}
div#about_info div#info_map{width:94%;margin:0 auto;}
div#about_info div#info_map iframe{width:100%;height:20em;}
div#about_info dl{overflow:hidden;}
div#about_info dt,div#about_info dd{float:left;padding:0.2em;font-size:0.9em;margin-bottom:0.3em;line-height:1.7;}
div#about_info dd a{font-size:1em;}
div#about_info dt{font-weight:bold;clear:both;width:18%;}
div#about_info dd{width:78%;}

/* Coffee */
.coffee #header{background:#d8d5ca;opacity:0.8;}
div#header_inner{width:90%;}
.coffee #header h1{width:13em;}
.coffee #header h1 img{width:100%;}
.coffee div#header nav#header_nav{width:70%;}
.coffee div#header nav#header_nav li{width:13%;margin-left:0.5em;}
.coffee div#header nav#header_nav li.coffee_sns{width:6%;}
.coffee div#header nav li a{display:block;font-family:Cascadia Code;font-size:1.6em;color:#443526;text-align:center;}
.coffee #header nav li a span.hover{font-size:0.6em;width:auto !important;text-align:center;visibility:hidden;}
.coffee #header nav li:hover a span.hover{visibility:visible;}

.coffee div#intro_inner{overflow:hidden;}
.coffee div.flow_item{overflow:hidden;}

/* archive */
.archivelist{width:80%;margin:0 auto 2em;display:flex;flex-wrap:wrap;gap:2em;list-style:none;padding:0;}
.postitem{width:calc((100% - (2em * 2)) / 3);margin-bottom:6em;position:relative;box-sizing:border-box;}
.thumbnail{width:100%;aspect-ratio:4 / 5;overflow:hidden;background-color:#f0f0f0;border-radius:0.3em;border:solid 1px #dedede;}
.thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;}
.archivelist .archivedata{position:absolute;bottom:-3em;left:50%;transform: translateX(-50%);background:rgba(255,255,255,0.9);padding:1em;width:80%;border-radius:0.3em;box-shadow: 0px 0px 3px 0px #ddd;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;height:5em;box-sizing:border-box;}
.archivedata p.date{font-size:0.8em;color:#035bac;}
.archivedata p.posttitle{font-size:0.8em;line-height:1.2;}
div.pager{overflow:hidden;}

/* single */
.single div#postbox{width:90%;margin:0 auto 2em;}
.single div.post_inner{border:solid 1px #dedede;border-radius:0.5em;box-shadow: 0px 0px 3px 0px #ddd;padding:2em;margin-bottom:3em;}
div#infobox{overflow:hidden;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;}
div#infobox div.left{width:60%;}
div#infobox .right{width:35%;}
div#infobox div.right img{width:90%;height:auto;}
div#infobox p.date{font-size:1.2em;}
div#infobox p.posttitle{font-size:1.4em;font-weight:bold;color:#035bac;}
div#contentbox{width:90%;margin:2em auto;}
div#contentbox p{line-height:2;}
.single div.pagelinks ul{overflow:hidden;}
.single div.pagelinks ul li a p{font-size:0.9em;}

/* 404 */
p#p_404{padding:1em 0;font-size:5em;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;text-align:center;color:#035bac;}
p#p_404 span.sub{display:block;font-size:0.3em;}
p#to_home{text-align:right;margin-bottom:1em;}
p#to_home a{text-decoration:underline;}

/* Privacy Policy */
.privacy-policy div#key_img{display:none;}
.privacy-policy p{line-height:2;}
.privacy-policy p.p_sub{font-size:1.2em;font-weight:bold;margin:2em 0 0.8em;}
.privacy-policy p.title{font-size:1.5em;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;text-align:center;color:#035bac;margin:2em auto 1em;}
.privacy-policy p.subtitle{font-size:1.2em;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;text-align:center;color:#035bac;}


/* -----------------------------------------
タブレット用CSS */
@media screen and (max-width: 1200px){
	.pc{display:none;}
	.sp{display:block;}
	#content{min-height:90vh;width:100%;margin:0 auto;}
	#hb_icon nav{position: fixed;top: 0;right: -50%;width: 50%;height: 100%;padding-top: 50px;background:rgba(247, 245, 247,0.9);box-sizing:border-box;z-index:1000;}
	nav#hb_nav{margin-right:0;}
	#hb_icon nav ul li{display:block;padding: 20px 28px;}
	#hb_icon .btn-gnavi{position: fixed;top:2em;right:10%;width:30px;height:24px;z-index:1100;box-sizing:border-box;cursor: pointer;-webkit-transition:all 400ms;transition:all 400ms;}
	#hb_icon .btn-gnavi span{position:absolute;width:30px;height:4px;background:#035bac;border-radius: 10px;-webkit-transition:all 400ms;transition: all 400ms;}
	.coffee #hb_icon .btn-gnavi span{background:#443526;}
	#hb_icon .btn-gnavi span:nth-child(1){top: 0;}  
	#hb_icon .btn-gnavi span:nth-child(2){top: 10px;}
	#hb_icon .btn-gnavi span:nth-child(3){top: 20px;}
	#hb_icon .btn-gnavi.open {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	#hb_icon .btn-gnavi.open span{background: #035bac;}
	.coffee #hb_icon .btn-gnavi.open span{background:#443526;}
	#hb_icon .btn-gnavi.open span{width:24px;}
	#hb_icon .contents section p{position: absolute;top: 50%;width: 30%;line-height: 1.4;font-size: 20px;color: #fff;text-shadow: 0 0 6px #666;}  
	#hb_icon .contents section:nth-child(odd) p{left: 10%;}
	#hb_icon .contents section:nth-child(even) p{right: 10%;}
	.coffee #header nav ul{margin-left:3em;}
	#hb_nav ul li{margin:0.5em !important;padding:0.3em !important;}
	#hb_nav ul li a{font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:bold;font-size:0.8em;color:#035bac;}
	.coffee div#header nav li a{text-align:left;}
	.coffee div#header nav li.coffee_sns{vertical-align:middle;}
.coffee #header nav li a span.hover{margin-left:1em;}
	#hb_nav ul li a img{height:1.4em;margin-right:0.2em;}
	div#key_img.sp{display:none;}
	div#key_img.pc{display:block;}
	#footer_inner{width:90%;}
	#footer_inner .left{width:60%;}
	#footer_inner .right{width:35%;}
	#footer_info p{font-size:0.9em;}
	div#map{height:6em;}
	
	div#main{width:90%;margin:4em auto 0;padding:0 1em 2em;}
	div#intro{margin-top:1em;}
	div#intro h2{font-size:1.4em;}
	div#intro h2.sub{font-size:1.1em;}
	div#intro p.text{font-size:0.9em;}
	h2.title{width:33%;font-size:1.3em;}
	
	div#guide{width:90%;}
	div#guide h2{font-size:1.6em;}
	div#guide h2.sub{font-size:0.95em;}
	#guide_inner{width:80%;}
	#guide_inner ul#guide_ul{padding:1em;}
	p.symptoms{font-size:0.8em;}
	#guide_inner ul.symtoms_list li{font-size:0.7em;}
	#guide_inner ul#guide_ul > li{padding:0.5em 1em 1em;}
	#guide_inner > a{width:60%;}
	p.more a{width:25%;font-size:0.9em;}
	div#door p.text1{font-size:1.3em;}
	div#door p.text2{font-size:0.9em;}
	div#column p#column_logo{width:9em;}
	#columnlist{flex-wrap:wrap !important;}
	.column_item{flex:0 0 48% !important;max-width: 48% !important;}
	.column_item:nth-child(3){display:none !important;}
	div#contact p.text{font-size:0.9em;}
	div#contact div.left,div#contact div.right{float:none;width:95%;margin:1em auto;}
	div#form input{width:60%;}
	div#form textarea,div.form select{width:90%;}
	div#form .wpcf7-list-item{width:4em;}
	div#form .wpcf7-list-item input{width:1em;}
	
	/* page */
	.page div#key_img{height:25vh;}
	.page div#key_img h2{padding:0.7em;;font-size:1.3em;}
	div.philosophy_item{padding:0.8em 1em;}
	div.item h2.item_title{font-size:1.2em;}
	.page div.item {margin:0 auto;padding:2em 1em;}
	
	/* About */
	div#philosophy h2.philosophy_h2{font-size:1.4em;}
	div#philosophy_inner{background-position-y:bottom 30%;}
	div.space_slide{width:90%;}
	div#about_info div.left,div#about_info div.right{float:none;width:90%;}
	div#about_info div.right{margin-top:2em;}
	div#about div#info_map{width:90%;}
	div#about_info div#info_map iframe{height:10em;}
	
	/* archive */
	.archivelist{flex-wrap: wrap !important;gap: 1em !important;}
	.postitem {width:calc((100% - 1em) / 2) !important;margin-bottom:6em;}
	
	/* single */
	div#infobox div.left,div#infobox .right{float:none;width:95%;}
	.single div.post_inner{padding:1em;margin-bottom:2em;}
	div#infobox p.date{font-size:0.9em;}
	div#infobox p.posttitle{font-size:1.1em;}
	div#contentbox{width:95%;}
	div#contentbox div.sp img{width:90%;height:auto;margin:1em auto 2em;}

}


/* -----------------------------------------
スマホ用CSS */
@media screen and (max-width: 767px){
	.pc{display:none;}
	#hb_icon ul#icon_nav li{width:2em;}
	#hb_icon nav{right:-70%;width:70%;}
	div#header ul#icon_nav li{padding:0;}
	ul#icon_nav li a span.hover_nav{display:none;}
	div#key_img.sp{display:block;}
	div#key_img.pc{display:none;}
	div#intro h2{font-size:1.2em;}
	div#intro h2.sub{font-size:1.0em;text-align:left;}
	h2.title{width:70%;font-size:1.1em;}
	a.page_top{bottom:1em;right:2em;}
	div#footer_inner div.left,div#footer_inner div.right{float:none;width:95%;}
	div#footer_inner div#map{height:10em;}
	p.dl_button a{padding:0.5em 3.5em 0.5em 1em;background-position-x:right 1em;font-size:0.8em;}
	div.staff_left,div.staff_right{float:none;width:90%;}
	div.staff_left{text-align:center;}
	div.staff_item img{width:90%;margin:1em auto;}
	p.position{text-align:left;}
	
	/* Top */
	div#guide{margin-top:2em;width:95%;}
	div#guide h2{font-size:1.2em;margin:1em auto 0.5em;}
	div#guide h2.sub{font-size:0.8em;width:75%;margin:0.3em auto;}
	div#guide_inner{width:95%;}
	#guide_inner ul#guide_ul{padding:1em 1.3em;flex-wrap:wrap;}
	#guide_inner ul#guide_ul > li{width:35%;border-bottom-width:3px;}
	#guide_inner > a {width:90%;margin:0 auto;}
	#guide_inner ul#guide_ul > li{padding:0.5em;}
	.home #intro{padding-bottom:3em;}
	.home #intro p.left{float:none;width:95%;margin:0 auto;}
	.home #intro p.img{float:none;width:80%;margin:2em auto 0;}
	p.more a{width:70%;margin-top:1em;}
	div#door{padding:2em 1em 8em;background-position-x:left;}
	div#door p.text1{text-align:center;font-size:1.1em;background:rgba(255,255,255,0.4);}
	div#door p.text2{text-align:left;font-size:0.8em;line-height:2;color:#fff;}
	p#column_text{font-size:0.9em;}
	#columnlist{gap:1em;}
	#columnlist .column_item{flex:0 0 100% !important;max-width: 100% !important;margin-bottom:3.5em;}
		.column_item:nth-child(3){display:block !important;}
	
	/* page */
	.page div#key_img{height:45vh;}
	.page div#key_img h2{font-size:1.1em;}
	
	/* About */
	div.philosophy_item{width:95%;padding:1em;border-width:10px;margin-bottom:3em;}
	p.philosophy_title{font-size:1.2em;}
	div#philosophy_inner{background-position:center bottom 3em;background-size:7em;padding-bottom:8em;width:85%;}
	div#philosophy h2.philosophy_h2{font-size:1.1em;}
	div#philosophy p.dl_button{width:90%;}
	.page div.item{width:90%;}
	div.space{padding:0;}
	div.space h3{margin-top:1em;}
	div.space a.to_page{float:none;}
	div.space a.to_page img{width:100%;height:auto;}
	div#about_info{margin-top:2em;}
	div#about_info dt,div#about_info dd{float:none;width:auto;}
	div#about_info dl dd{margin-bottom:1em;}
	
	/* archive */
	.postitem{width:100% !important;margin-bottom:5em;}
	.column_item{flex:0 0 100% !important;max-width:100%; !important;}
	.column_item:nth-child(3){display:block; !important;}
	
	/* Privacy Policy */
	.privacy-policy p.subtitle{font-size:1em;}
	
}