@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
*/

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


*{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.tagline{text-align:left;}

article{ width: 100%; margin: 0; padding: 0;}
section{width: 100%; max-width: 1160px; padding: 30px 0; margin:0 auto 60px;}
section.full{ max-width: none; padding: 10px 0; margin: 0 auto 60px auto;}
section div.secinn{width: 100%; max-width: 1160px; margin: 0 auto; padding: 30px 0;}
section div.secinn02{width: 100%; max-width: 1000px; margin: 0 auto; padding: 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: 'ヒラギノ角ゴ Pro W2','ヒラギノ角ゴ W2', 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif; font-weight: bold; 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;}
h2{font-weight: bold; text-align: center; border: none; color: #707070; width: 96%; max-width: 800px; font-size: 28px; color: #0079A2; line-height: 36px; background: none; border-bottom: 2px solid #00ACE6; margin: 0 auto 30px; padding: 5px 0;}
h2.makerh2{margin-top:60px;}
div.content div.content-in main.main article h2{ width: 96%; max-width: 800px; font-size: 28px; color: #0079A2; line-height: 36px; background: none; border-bottom: 2px solid #00ACE6; margin: 0 auto 30px; padding: 5px 0;}
h2 img{width: 36px; margin-right: 18px;}
div.content div.content-in main.main article h2.h2w{color: #fff; border: none;}
div.content div.content-in main.main article h2.h2b{color: #333; border-bottom: 2px solid #707070;}

h3{text-align:center; font-size:50px; font-weight: normal; color:#707070; border:none; padding:0; margin:0;}
h4{text-align:left; font-size:25px; font-weight: normal; color:#707070; border:none; padding:0; margin:0;}
p.titlecap , span.titlecap{ font-size: 25px; line-height: 120%; margin: 0; padding: 0;}


/*--- ヘッダー ---*/
.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%; color: #fff; padding: 15px 0 10px 0; margin: 15px auto 0; background-color: #00997A; }
footer#footer a{text-decoration: none; color: #fff;}

#footcon{margin: 0 auto; padding: 15px 0 5px; border-top: 1px solid #707070;}
div#footnav{width:100%; max-width:1160px; margin:0 auto; padding: 20px 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div#footnav ul{margin:0; padding:0; margin-left:10px; margin-bottom:15px;}
div#footnav ul li{font-size:12px; list-style:none;}
div#footnav a{color:#fff; text-decoration:none; font-weight:normal;}
div#footnav a:hover{color:#CCC; text-decoration:underline;}
div#footnav p{ margin:0 0 10px 0; padding:0;}
div#footnav p a{ font-size:13px; font-weight:bold;}
div#footnav p span{color:#fff;}
div#foot_logo{ width:63%; box-sizing:border-box; margin:0; paddingt:0;}
div#foot_logo img{width: 80%; max-width: 500px; margin-bottom: 20px;}
div#foot_logo address{font-size:12px; font-style:normal;}
div#footnav_c{ width:35%; margin:0 auto; padding: 0; box-sizing:border-box;}
div#footnav_c div.clmtl{
	margin:0 auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.clmtl div{width:calc(49%); text-align:left;}
div.clmtl div a:hover img{
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);
filter: brightness(0.6);
}
div.clmtl div a{color:#000; font-weight:bold; text-decoration:none;}
div.clmtl div a:hover{color:#666;}

div.clmbnr{
	max-width: 1160px;
	margin:15px auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.clmbnr div{width:calc(23%); text-align:center; border: 1px solid #666;}
div.clmbnr div img{vertical-align: top;}
div.clmbnr div.clmbnrinn{width:calc(44%); text-align:center;}
div.clmbnr div a:hover img{
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);
filter: brightness(0.6);
}
div.clmbnr div a{color:#000; font-weight:bold; text-decoration:none;}
div.clmbnr div a:hover{color:#666;}

#request{ width:90%; max-width:500px; text-align:center; font-size:24px; font-weight:bold; border:1px solid #333; padding:10px; margin:25px auto;}
#request a{color:#000; text-decoration:none; display:block;}
#request a:hover{color:#666;}
#copyright{ width:100%; font-size:12px; color:#FFFFFF; background-color:#00BF99; text-align:center; padding:20px 0; float:none; clear:both;}
#copyright a{color: #fff; text-decoration: none;}

div.h202_2{text-align:center;}
div.h202_2 h2{font-size:36px; line-height:120%; color:#DA2228; border:none; padding:0; margin:0; border-bottom:1px solid #DA2228; display: inline-block;}
p.h3cap{text-align:center; line-height:120%; font-size:14px; font-weight:bold; padding:0; margin:0;}


#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;}

#footcon_mb{width: 100%; margin: 20px 0 0 0; padding: 0;}
#footcon_mb h4{font-size: 16px; width: 90%; margin: 10px auto; font-weight: bold;}
#ftmbadd{width:90%; margin:0 auto; font-size:13px; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
#ftmbadd div.ftmbaddl{width: calc(50%);}
#ftmbadd div.ftmbaddr{width: calc(45%);}

#mhicon{width:90%; margin:25px auto 0 auto; font-size:13px; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
#mhicon div{width: calc(30%); text-align: center;}
#mhicon div a{ text-decoration: none; color: #707070;}
#mhicon div img{width: 50%;}

#footer_mb{text-align: center; margin: 0; padding:20px 0;}
#footer_mb a{ color: #fff; text-decoration: none;}
#footer_mb ul{ width: 80%; margin: 0 auto; padding: 0;}
#footer_mb ul li{ width: 100%; list-style-type: none; margin: 0 0 5px 0; padding:10px 0; background-color: #101010;}
#footer_mb ul li a{display: block;}
#footer_mb div#addmb{margin: 0; padding:45px 0;}
#footer_mb div#addmb div#facebook_mb{width:calc(15%); margin:0 auto; padding:0;}
#footer_mb div#addmb div#logo_mb{width:calc(20%); margin: 0 auto; padding: 35px 0 0 0;}

#maincontents{ width: 100%; background-color: #fff; margin:0 auto; padding:0 0 30px 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%);
}

div.mainvisual{
	position: relative;/
	margin: 0 auto;
	width:100%;
	height:600px;
	object-fit: cover;
}

#mainvideo{
    position: relative;/*h1の中央寄せ配置の起点とするためのrelative*/
	margin: 0 auto;
	width: 100vw;
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
} 
#video-area{position: fixed; z-index: -1;/*最背面に設定*/ top: 0; right:0; left:0; bottom:0; overflow: hidden;}

/* #video {
	/*天地中央配置*/
/*	position: absolute;
	z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
/*  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
/*    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
/*   min-height: 100%;
    min-width: 100%;
}
#video_hatch{
	/*天地中央配置*/
/*	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 0;
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
/*	background-color: rgba(255,255,255,0.0);
	background-image:
	radial-gradient(rgba(255,255,255,0.2) 30%, transparent 30%),
	radial-gradient(rgba(255,255,255,0.2) 30%, transparent 30%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}


/*見出し設定*/
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.headtel{width: 96%; max-width: 1160px; text-align: right; position: absolute; top: 2%; left: 50%; transform: translateX(-50%); margin: 0 auto;}
div.headtel img{width: 36%; max-width: 360px;}
div.headnav_top{width: 96%; max-width: 1160px; text-align: center; position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); margin: 0 auto; padding: 10px; background-color: rgba(255,255,255,0.8); border-radius: 10px; box-sizing: border-box;}
div.headnav_top ul{width:100%; margin:0 auto; padding:0;}
div.headnav_top ul li{margin: 0; padding:0; list-style:none; display: inline;}
div.headnav_top ul li a{font-size:18px; line-height: 26px; font-weight: bold; text-decoration:none; color:#333; margin: 0; padding: 20px 30px; display: inline-block; border-right: 1px solid #ccc;}
div.headnav_top ul li a:hover{background-color: rgba(0,0,0,0.3);}
div.headnav_top ul li:last-child a{border-right: none;}
div.headnav_top ul li img{width: 26px; margin-right: 10px;}


div.mcap{font-size: 12px; font-weight: normal; text-align: center; line-height: 2.0em; margin: 0; padding:10px 0;}
div.mcap span{ font-size: 20px; font-weight: bold; font-family: 'ヒラギノ角ゴ Pro W2','ヒラギノ角ゴ W2', 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;}

div.bc{ width: 100%; margin: 0 0 30px 0; padding:0; border-bottom: 1px solid #707070;}
div.bc02{ width: 100%; margin: 0; padding:0;}
div.bc03{ width: 100%; margin: 0; padding:0; border-bottom: 1px solid #707070;}

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;}

div#wbcon div.bc{border: none;}
div#wbcon div.bc div.breadcrumbs{ padding: 6px 2%;}

.nav_inpage_disc{width: 100%; max-width: 1280px; margin: 0 auto 30px; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.nav_inpage_disc div{width: 20%; text-align: center; list-style-type: none; margin: 0; padding: 0; background-color: #66cdaa; border-right: 1px solid #fff; box-sizing: border-box;}
.nav_inpage_disc div:last-child{border: none;}
.nav_inpage_disc div a{text-decoration: none; color: #fff; font-weight: bold; display: block; padding: 8px 0;}
.nav_inpage_disc div.lion{background-color:#228b22;}

.nav_inpage_sem{width: 100%; max-width: 1280px; margin: 0 auto 30px; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.nav_inpage_sem div{width: calc(100% / 3); text-align: center; list-style-type: none; margin: 0; padding: 0; background-color: #66cdaa; border-right: 1px solid #fff; box-sizing: border-box;}
.nav_inpage_sem div:last-child{border: none;}
.nav_inpage_sem div a{text-decoration: none; color: #fff; font-weight: bold; display: block; padding: 8px 0;}
.nav_inpage_sem div.lion{background-color:#228b22;}

.text01{width: 100%; max-width: 1280px; margin: 50px auto;}

article#intro{width:100%; margin:0 0 35px 0; padding: 60px 0; background-color: #f5f5f5; border-bottom: 2px solid #EDCC3B;}
article#intro div{width:96%; max-width:1280px; margin: 0 auto;}
article#intro div h2{ text-align: center; color: #333; font-weight: normal; font-size: 35px; border: none; margin: 0 0 30px 0; padding: 0;}
article#intro div p{ text-align: center;  font-size: 20px; margin: 0; padding:0;}


article.mess{width:100%; margin:0 0 35px 0; padding: 60px 0;}
article.mess div{width:96%; max-width:1280px; margin: 0 auto;}
article.mess div h2{ text-align: center; color: #333; font-weight: normal; font-size: 35px; border: none; margin: 0 0 30px 0; padding: 0;}
article.mess div p{ text-align: center;  font-size: 20px; margin: 0; padding:0;}


div#top_main img{display:block; width:100%; margin:0; padding:0;}
div#title_main{width:100%; background-color:#021F4D;}
div#title_main div{font-size:30px; width:100%; max-width:1200px; font-weight:bold; padding:80px 0 100px 2%; margin:0 auto;}

/*--- よくある質問 ---*/
div.faq{width: 96%; max-width: 700px; margin: 50px auto; box-sizing: border-box;}
div.faq .su-spoiler-title{font-size:16px; color: #707070;}

dl#faq{width: 96%; max-width: 700px; margin: 50px auto; box-sizing: border-box;}
dl#faq dt{background: url("https://my-joyhome.jp/img/plus2.png") right top no-repeat;}


div#slidewrap{margin:0; padding:0; text-align:center; position:relative;}
div#slideinn{width:100%; margin:0 auto;}
div#slidenews{width:100%; position:absolute; bottom:0; background-color: rgba(0,0,0,0.6); margin:0; padding:0;}
div#slidenewsinn{width:100%; color:#fff; line-height:60px; vertical-align:middle; max-width:1000px; text-align:left; margin:0 auto; padding:0;}
div#slidenewsinn img{vertical-align:middle;}
div#slidenewsinn img.newslist{ width:25%; max-width:140px; min-height:60px; vertical-align:top; margin:0; padding:0; float:right;}

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.medi{ margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.medi div{width:calc(23%); text-align: center; color: #fff; margin-bottom:25px;}
div.medi div a{color:#fff; font-weight:bold; text-decoration:none;}
div.medi div img{ width:100%;}
div.medi div a:hover{color:#666;}



div.btncnt{text-align:center;}
div.btncnt a img{width:90%; max-width:339px; margin:0 auto;}
div.btncm{text-align:center; padding-bottom:80px;}
div.btncm a img{width:90%; max-width:500px; margin:0 auto;}
div.btn02{text-align:center;}
div.btn02 a img{width:90%; max-width:437px; margin:0 auto;}


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.clm_tr{width: 100%; margin:10px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.clm_tr div.clm_trl{width:calc(60%);}
div.clm_tr div.clm_trr{width:calc(39%);}
div.clm_tr div.clm_trr iframe{width: 100%; height: 300px;}
div.clm_tr div img{vertical-align:top;}
div.clm_tr 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);}


/*--- 最新情報一覧 ---*/
div.liwrap{width: 100%; max-width: 1160px; margin: 25px auto; padding: 0;}
div.liwrap a{text-decoration: none; color: #707070;}
div.listinfo{
    width: 100%;
	margin:25px auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.listinfo div.listinfol{width:calc(13%); padding:0; margin: 0 auto;}
div.listinfo div.listinfor{width:calc(85%); padding:0; margin: 0 auto;}

div.listinfo div.listinfor div.usercase{ padding: 0 12px; margin-top: 5px; border: 1px solid #707070; display: inline-block;}
div.listinfo div.listinfor p.owner{font-weight: bold; font-size: 18px; margin: 0; padding: 0;}
div.listinfo div.listinfor h3{text-align: left; font-size: 26px; font-weight: normal; margin: 0; padding: 0;}
div.listinfo div.listinfol div.listthumbs { width: 100%; margin: 0; padding: 0; position: relative;}
div.listinfo div.listinfol div.listthumbs::before { content: ""; display: block; padding-top: 100%;}
div.listinfo div.listinfol div.listthumbs img { width: 100%; height: 100%; position: absolute; top: 0; object-fit: cover;}


div.sb_news{
	width:90%;
	padding:0;
	margin:15px auto;
	border-bottom: 1px solid #ccc;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.sb_news div.sbimg{width:calc(35%); margin:0 0 13px 0; padding:0; box-sizing:border-box; position: relative;}
div.sb_news div.sbcon{width:calc(60%); margin:0 0 13px 0; padding:0; box-sizing:border-box;}
div.sb_news div.sbimg:before{
  content: "";
  display: block;
  padding-top: 100%;
}
div.sb_news div.sbimg img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
div.sb_news div.sbcon p{font-weight:normal; line-height: 1.2em; margin:0; padding:0;}
div.sb_news div.sbcon p.sbcd{font-size: 12px;}
div.sb_news div.sbcon p.sbct{font-size: 14px; font-weight: bold; padding: 8px 0;}
div.sb_news div.sbcon p.sbcc{font-size: 12px;}
div.sb_news:last-child{border:none;}

div.sb_news2{width: 90%; margin: 15px auto; padding: 0;}
div.sb_news2 ul{margin: 0; padding: 0;}
div.sb_news2 ul li{margin: 0; padding: 0; list-style-type: none;}
div.sb_news2 ul li a:hover{background-color: #efefef;}

p.sb_list_link{width: 90%; text-align: right; margin: 0 auto 15px auto; padding: 0;}


/*--- 会社概要 ---*/
div.greeting{width: 96%; max-width: 1000px; margin:60px auto 20px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.greeting div.greeting_left{width:calc(65%); padding-right: 2%; box-sizing: border-box;}
div.greeting div.greeting_right{width:calc(35%);}
div.greeting div.greeting_right img{width: 100%;}
div.greeting div.greeting_right p{text-align: center; margin: 0; padding: 0;}


div#wbcon{ width: 100%; max-width: 1280px; color: #707070; margin: 0 auto; background-color: rgba(255, 255, 255, 0.8);}
p.ptitle{font-size: 50px; font-weight: bold; text-align: center;}
p.p01{font-size: 30px; text-align: center;}
p.p02{font-size: 17px; line-height: 250%; text-align: center; max-width: 1000px; margin-left: auto; margin-right: auto;}
p.p03{font-size: 40px; text-align: center; font-weight: bold;}
p.p04{font-size: 30px; text-align: center; line-height: 180%;}
p.p04 span{font-weight: bold;}
p.p04 a{ text-decoration: none; color: #333;}
p.p04 a:hover{ color: #707070;}

p.pcap{font-size: 17px; text-align: center;}

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;}

.reception_time{display: block; width:100%; width: 96%; max-width: 1000px; font-size: 14px; font-weight: bold; text-align: center; line-height: 1.2em; color: #707070; border: 2px solid #ccc; border-radius: 10px; margin:60px auto 20px; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.reception_time div{width:calc(78% / 7); border-right:2px solid #ccc; border-bottom: 2px solid #ccc; margin:0; padding:10px 3px; box-sizing:border-box;}
.reception_time div.recttl{width:calc(22%);}
.reception_time div.rll{border-bottom: none;}
.reception_time div.rlc{border-right: none;}

.reception_time_mb{display: none;}

div.home_guide{width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.home_guide div{width:calc(40%); padding: 0 4px 0 0; box-sizing: border-box;}
div.home_guide div:last-child{width:calc(60%); padding: 0;}
div.home_guide div img{vertical-align:top;}
div.home_guide div h4{width: 100%;}
div.home_guide div.maptop {position: relative; width: 100%; height: 0; padding-top: 44%;}
div.home_guide div.maptop iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

div.home_guide div dl{width:100%; color: #fff; margin:0 auto; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.home_guide div dl dt{width:calc(25%); border-right:2px solid #fff; border-bottom: 2px solid #fff; margin:0; padding:10px 20px; box-sizing:border-box; background-color: #464CA6;}
div.home_guide div dl dd{width:calc(75%); border-bottom:2px solid #fff; margin:0; padding:10px 20px; box-sizing:border-box; background-color: 
#6594C8;}

div.home_guide div ul{width:100%; color: #fff; margin:0 auto; padding:0;}
div.home_guide div ul li{width:calc(100%); list-style-type: none; border-bottom:4px solid #fff; margin:0; padding:20px 20px; box-sizing:border-box; background-color: 
#6594C8;}


.disc01{width: 90%; max-width: 800px; margin: 10px auto; padding: 0;}
.disc01 a{text-decoration: none; text-align: center; font-weight: bold; background-color: #e6e6e6; color: #333; padding: 10px 0; display: block; border-radius: 10px; box-sizing: border-box;}

.disc04link{width: 80%; max-width: 400px; margin: 20px auto; padding: 0; display: block; color: #333; text-decoration: none;}
.disc04{width: 100%; font-size: 22px; line-height: 150%; font-weight: bold; margin: 0; padding: 20px; background-color: #e6e6e6; border-radius: 10px; box-sizing: border-box; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.disc04 div.disc04l{width: calc(80%);}
.disc04 div.disc04r{width: calc(20%); text-align: center;}
.disc04 span{font-size: 12px;}
.disc04 p{ width: 100%; text-align: center; font-size: 12px; line-height: 15px; margin: 0; padding:8px 0 0 0;}
.disc04 div.disc01r img{width: 80%;}
a:hover .disc01{background-color: #ccc; color: #707070;}


dl.disc05{width: 90%; max-width: 800px; color: #707070; font-size: 15px; border-bottom: 1px solid #ccc; margin:30px auto; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.disc05 dt{width:calc(9%); text-align: center; border-top:1px solid #ccc; margin:0; padding:0; box-sizing:border-box;}
dl.disc05 dd{width:calc(91%); text-align: center; border-top:1px solid #ccc; margin:0; padding:0; box-sizing:border-box; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.disc05 dt div{ width: 100%; margin: 1px 5px; padding:10px 0; color: #fff; background-color: #ccc;}
dl.disc05 dd div{width:calc(50%); margin:0; padding:10px 20px; box-sizing:border-box;}
dl.disc05 dd div span{font-size: 10px;}
dl.disc05 dd img{width: 20px; vertical-align: middle;}
dl.disc05 dd a{font-size: 14px; color: #707070; text-decoration: none;}



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;}


table.tbl01{text-align:center; border:none; margin:20px auto;}
table.tbl01 td{background-color:#fff; border:none; padding:15px 10px; border-bottom:5px solid #F7F4F9; border-right:5px solid #F7F4F9;}
table.tbl01 td.td01{background-color:#E7E4EE; font-weight:bold; border-bottom:5px solid #fff; border-right:5px solid #fff;}
table.tbl01 td.td02{text-align:left; background-color:#F7F4F9; font-weight:bold; border-bottom:5px solid #fff; border-right:5px solid #fff;
box-sizing: border-box;}
table.tbl01 td.td03{width:50%; line-height:120%; text-align:left; padding:5px;}
table.tbl01 td.td04{width:30%; line-height:120%; text-align:left; padding:5px;}





ul.tag-list{margin:0 0 25px 0; padding:0;}
ul.tag-list li{margin:0; padding:3px 10px; list-style:none; border-bottom:1px solid #666;}
ul.tag-list li a{text-decoration:none; color:#000; display:block;}
ul.tag-list li a:hover{ color:#999;}
ul.tag-list li span{font-size:14px; font-weight:bold;}

.googlemap{width:100%;}
.googlemap iframe{width: 100%; height: 450px;}

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.evecat{font-size:14px; padding-bottom:10px;}
div.evetag{ text-align:right;}

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;
}
ul.pagination li{list-style:none;}

div.usedimg{
	width:100%;
	padding:30px 0;
	margin:0;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	}
div.usedimg div img{width:100%;}
div.usedimg div.usedmain{width:calc(76%); margin:0; padding:0 15px 0 0; box-sizing:border-box;}
div.usedimg div.usedthumb{width:calc(24%); margin:0; padding:0;}

.width76{width:calc(76%); padding:0 15px 0 0; margin:0;}

div.usedcon{width:100%; text-align:center; padding:50px 0 0 0;}
div.usedcon a img{width:90%; max-width:330px; margin:0 auto;}
div.usedcon a:hover img{
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);
filter: brightness(0.6);
}


ul#outlinemenu{width:100%; font-size:20px; font-weight:bold; text-align:center; margin:0; padding:0;}
ul#outlinemenu li{display:inline; list-style-type:none; border-right:1px solid #999; padding:0 10px; margin:0;}
ul#outlinemenu li:last-child{border:none;}
ul#outlinemenu li a{color:#021F4D; text-decoration:none;}
ul#outlinemenu li a:hover{color:#333;}


div.line{width:100%; height:1; clear:both; float:none; border-bottom:1px solid #ccc;}

.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;}



.usedslide{margin:30px auto 0; width:90%;}
 .slide {
 position: relative;
 padding-bottom: 55%;
 width: 100%;
 height: 0;
 overflow: hidden;
}
.slide img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: auto;
 opacity: 0;
}
@keyframes thumb1 {
 0% {filter: grayscale(0%);}
 6% {filter: grayscale(100%);}
 10% {filter: grayscale(100%);}
 28% {filter: grayscale(100%);}
 37% {filter: grayscale(0%);}
 100% {filter: grayscale(0%);}
}
@keyframes thumb2 {
 0% {filter: grayscale(0%);}
 6% {filter: grayscale(100%);}
 10% {filter: grayscale(100%);}
 28% {filter: grayscale(100%);}
 37% {filter: grayscale(0%);}
 100% {filter: grayscale(0%);}
}
@keyframes thumb3 {
 0% {filter: grayscale(0%);}
 6% {filter: grayscale(100%);}
 10% {filter: grayscale(100%);}
 28% {filter: grayscale(100%);}
 37% {filter: grayscale(0%);}
 100% {filter: grayscale(0%);}
}
@keyframes slideshow1 {
 0% {opacity: 0;}
 10% {opacity: 1;}
 28% {opacity: 1;}
 38% {opacity: 0;}
 100% {opacity: 0;}
}

@keyframes slideshow2 {
 0% {opacity: 0;}
 10% {opacity: 1;}
 28% {opacity: 1;}
 38% {opacity: 0;}
 100% {opacity: 0;}
}
@keyframes slideshow3 {
 0% {opacity: 0;}
 10% {opacity: 1;}
 28% {opacity: 1;}
 38% {opacity: 0;}
 100% {opacity: 0;}
}
.thumbnail {
 display: flex;
 padding: 0;
 margin-: 0;
 justify-content: center;
}
.thumbnail li{
	position: relative;
	list-style-type:none;
	width:calc(33%);
	padding-bottom: 15%;
	height: 0;
	overflow: hidden;
}
.thumbnail img {
	display: block;
	width: 100%;
	position: absolute;
	top: calc(-15%);
	left: 0;
	object-fit: cover;
	margin: 0;
	cursor: pointer;
}
.usedslide input[type="radio"] {
 display: none;
 width:0;
 height:0;
}
/*ページを開いたとき＆一つ目のサムネイルをクリックしたとき*/
#img1:checked ~ .thumbnail label[for="img1"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 0s;
 cursor: auto;
}
#img1:checked ~ .thumbnail label[for="img2"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 8s;
}
#img1:checked ~ .thumbnail label[for="img3"] img {
 animation: thumb1 24s linear infinite both;
 animation-delay: 16s;
}
#img1:checked ~ .slide img {
 animation: slideshow1 24s linear infinite;
}
#img1:checked ~ .slide img:nth-child(1) {
 animation-delay: 0s;
}
#img1:checked ~ .slide img:nth-child(2) {
 animation-delay: 8s;
}
#img1:checked ~ .slide img:nth-child(3) {
 animation-delay: 16s;
}
/*二つ目のサムネイルをクリックしたとき*/
#img2:checked ~ .thumbnail label[for="img1"] img {
 animation: thumb2 24s linear infinite both;
 animation-delay: 16s;
}
#img2:checked ~ .thumbnail label[for="img2"] img {
 animation: thumb2 24s linear infinite both;
 animation-delay: 0s;
 cursor: auto;
}
#img2:checked ~ .thumbnail label[for="img3"] img {
 animation: thumb2 24s linear infinite both;
 animation-delay: 8s;
}
#img2:checked ~ .slide img {
 animation: slideshow2 24s linear infinite;
}
#img2:checked ~ .slide img:nth-child(1) {
 animation-delay: 16s;
}
#img2:checked ~ .slide img:nth-child(2) {
 animation-delay: 0s;
}
#img2:checked ~ .slide img:nth-child(3) {
 animation-delay: 8s;
}
/*二つ目のサムネイルをクリックしたとき*/
#img3:checked ~ .thumbnail label[for="img1"] img {
 animation: thumb3 24s linear infinite both;
 animation-delay: 8s;
}
#img3:checked ~ .thumbnail label[for="img2"] img {
 animation: thumb3 24s linear infinite both;
 animation-delay: 16s;
}
#img3:checked ~ .thumbnail label[for="img3"] img {
 animation: thumb3 24s linear infinite both;
 animation-delay: 0s;
 cursor: auto;
}
#img3:checked ~ .slide img {
 animation: slideshow3 24s linear infinite;
 animation-delay: 8s;
}
#img3:checked ~ .slide img:nth-child(1) {
 animation-delay: 8s;
}
#img3:checked ~ .slide img:nth-child(2) {
 animation-delay: 16s;
}
#img3:checked ~ .slide img:nth-child(3) {
 animation-delay: 0s;
}

/*--- コンタクトフォーム ---*/
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.topmess_mb{ display: none !important;}
div.work{visibility: hidden; height: 0;}
div.work div.workl{visibility: hidden; height: 0;}
div.work div.workr{visibility: hidden; height: 0;}


div.roster02{
	font-size: 16px;
	font-weight: bold;
	width: 90%;
	margin:0 auto 15px;
	padding:0;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.roster02 div.rosr{width:calc(10%); text-align: center; margin:0; padding:0; border-bottom: 1px dashed #999;}
div.roster02 div.rosl{width:calc(90%); margin:0; padding:0 0 10px 0; border-bottom: 1px dashed #999;}
div.roster02 div.rosl p{ font-size: 14px; font-weight: normal; margin: 0; padding: 0 0 0 35px;}


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; text-align: center; background-color:#66cdaa; border-radius: 5px; margin: 25px auto; padding: 0;}
.bnr01 a{display: block; font-size: 24px; font-weight: bold; color: #fff; text-decoration: none; padding: 15px;}

.mess01{text-align: center; font-weight: bold;}
.mess02{font-size: 30px; text-align: center; font-weight: bold;}
.mess03{font-size: 22px; text-align: center; font-weight: bold;}


.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;}


@media screen and (max-width: 1200px) {
	p.tel{font-size: 40px; line-height: 44px;}
    p.tel img{ max-height: 40px; margin-right: 10px;}
}

@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: 96%; padding: 0; margin:0 auto 25px auto;}
    section.full{width: 100%;}
    section.section01{width: 100%;}
    section.section02{width: 100%;}
    section.section02_2{width: calc(100%); padding-bottom: 20px;}
	.section02_2bg{width: 100%; margin: 0; padding: 0; text-align: right; right: 8px;}
	.section02_2bg img{width: 16%; margin: 0; padding: 0;}
    article section div.secinn{width: 92%; padding: 0; margin: 0 auto;}
    article section div.secinn02{width: 92%; padding: 0; margin: 0 auto;}
    p.mes01 , p.mes02{ line-height: 170%; padding: 0; margin: 10px auto;}
    
    article.gray{background-color: #fff; padding: 0; margin: 0 auto 25px 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{ width: 100%; font-size: 20px; text-align: center; margin: 0 0 15px 0; padding:10px 0; border-bottom: 1px solid #66cdaa;}
    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;}
	div#ftnav{ display: none !important;}
    #ftadd{ display: none !important;}
    div#footcon div#fcl{width:calc(60%); margin: 0 auto;}
    div#footcon div#fcr{width:calc(96%); margin: 0 auto;}

	div#foot_logo{ width:70%; box-sizing:border-box; margin:0 auto; paddingt:0;}
	div#foot_logo img{width: 100%;}
	div#foot_logo address{font-size:14px; font-style:normal; text-align: center;}


	#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; }
    #nav-drawer-wrap{width:calc(100%); padding: 5px 0; box-sizing: border-box; position: -webkit-sticky;  position: sticky; top: 0; z-index: 9999;  background-color:#00997A;}
    #nav-drawer-inn{position: relative;  padding:0 0 5px 0;}
    #nav-drawer-inn .mblogo{ width: 60%; max-width: 380px; position: absolute; top: 0; right: 10px;}
	#nav-drawer-wrap #nav-drawer{width: calc(50%); 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: #fff;
	  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;
	  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%;}

}

/* ============［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; }
}



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

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

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