@charset "UTF-8";

*,html	{font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 16px;line-height: 1.5em;box-sizing: border-box}

body	{color: #333;text-align: center;letter-spacing:0.05em;word-break: break-all;line-height: 1.5em;}

img	{width: 100%;height: auto;line-height: 0}
a	{color: var(--color-p1);}
@media screen and (min-width:768px){
a:hover	{opacity: 0.5;transition: all 0.5s;}
}
p	{margin-bottom: 1em}
p:none	{margin-bottom: 0}

/*数字リスト*/
ul.decimal	{margin: 0 0 0.5em 1.2em;list-style-type: decimal}
ul.decimal:last-child	{margin: 0 0 0 1.2em;}
/*・リスト*/
ul.disc    {margin:0;list-style-type:none;font-size:100%;}
ul.disc    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.disc    li:before{content:"・"}
/*米印リスト*/
ul.kome{margin:0;list-style-type:none;font-size:100%}
ul.kome li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%}
ul.kome li:before{content:"※"}

/*改行*/
.pconly{display:inline}
.w48,.w64,.w768,.w980{display:none}
@media screen and (max-width:1100px){.pconly{display:none}}
@media screen and (max-width:980px){.w980{display:inline}}
@media screen and (max-width:768px){.w768{display:inline}}
@media screen and (max-width:640px){.w64{display:inline}.w64none{display:none}}
@media screen and (max-width:480px){.w48{display:inline}}

/*wrap*/
.cwrap	{max-width: 1200px;margin: 0 auto;text-align: left;}
@media only screen and (max-width: 1200px) {.cwrap	{max-width: auto;margin: 0 3%;}}
@media only screen and (max-width: 640px) {.cwrap	{max-width: auto;margin: 0 4%;}}

/*color*/
:root {
  --color-p1: #5db7e8;/*ロゴのブルー RGB 131,137,140*/
		--color-p2: #2d7aa5;/*濃いブルー RGB 45, 122, 165*/
		--color-p3: #1a4b66;/*さらに濃いブルー RGB 51, 51, 102*/
		--color-p4: rgba(0,0,0,0.04);/*フッタ背景色*/
}


/*---------------------------
　HEADER
---------------------------*/

#header	{position:fixed;z-index:20000;top:0;width:100%;height: 60px;}
#header.bgwhite	{background: rgba(255,255,255,1.0);box-shadow: 0 2px 2px rgba(0,0,0,0.05);transition: all 0.5s;}
.header-inner	{height: 60px;}


.header-logo	{position:fixed;top: 20px;left: 20px;font-family: 'Alex Brush', cursive;font-weight: 500;font-size: 2.2rem;letter-spacing: 1px;}
.header-logo	a{color: var(--color-p2);text-decoration: none;}

.header-logo	{opacity: 0;transition: all 0.5s;}
.header-logo.on	{opacity: 1}

#g-nav{position:fixed;z-index:10000;top:0;right:-120%;width:100%;height:100vh;background:rgba(93,0183,0233,.95);transition:all .6s}
#g-nav.panelactive{right:0}
#g-nav.panelactive 
#g-nav-list{position:fixed;z-index:1;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}
#g-nav ul{position:absolute;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;z-index:1;top:50%;left:50%;width: 85%;transform:translate(-50%,-50%);}
#g-nav li{margin-bottom: 2.5em;list-style:none;text-align:center}
#g-nav li a{padding: 15px 0;font-size: 2rem;color:#fff;text-decoration: none;font-family: 'Noto Serif JP', serif;text-transform:uppercase;}

.openbtn1{position:fixed;top:5px;right:5px;display: none;z-index:10001;cursor:pointer;width:50px;height:50px;}
.openbtn1 span{position:absolute;left:14px;height:2px;display:inline-block;transition:all .4s;border-radius:2px;background: var(--color-p2);width:45%}
.openbtn1 span:nth-of-type(1){top:15px}
.openbtn1 span:nth-of-type(2){top:23px}
.openbtn1 span:nth-of-type(3){top:31px}

.openbtn1.active{background:rgba(255,255,255,.4);}
.openbtn1.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}
.openbtn1.active span:nth-of-type(2){opacity:0}
.openbtn1.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}
.openbtn1.on{display: inline}

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

#g-nav li{margin-bottom: 1.5em;}
#g-nav li:last-child{margin-bottom: 0;}
#g-nav li a{padding: 15px 0;font-size: 1.5rem;}

}



/*---------------------------------
　　#maincontents-area
-------------------------------------*/

#maincontents-area	{padding: 20px 0;}

/*swiper slider*/
.swiper-container	{position: relative;height: 100vh;z-index: 10000;overflow: hidden;}

.swiper-wrapper	{}
.swiper-slide	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #fff}
.swiper-slide	p	{color: #fff;text-shadow: 0 0 5px rgba(45, 122, 165,1.0);background: rgba(45, 122, 165,0.3);box-shadow: 0 0 80px 80px rgba(45, 122, 165,0.3);border-radius: 40px;}
.swiper-slide	span	{display: block;}
.swiper-slide	span:first-child{margin-bottom: 30px;font-size: 5rem;font-family: 'Alex Brush', cursive;font-weight: 500;letter-spacing: 3px;}
.swiper-slide	span:nth-child(2){margin-bottom: 20px;font-size: 1.7rem;font-weight: 300;font-family: 'Noto Sans JP', sans-serif;}
.swiper-slide	span:last-child{font-size: 1.1rem;font-weight: 400;font-family: 'Noto Sans JP', sans-serif;}

@media screen and (max-width:480px){
.swiper-container	{height: calc(90vh - 100px);}

.swiper-slide	span:first-child{margin-bottom: 20px;font-size: 12vw;}
.swiper-slide	span:nth-child(2){font-size: 5vw;}
.swiper-slide	span:last-child{font-size: 3.5vw;}
}

.swiper-pagination-bullet-active {}/*background: #222;*/


/*スライド位置調整*/

.slide01	{background: url(../image/top_slide01.png) center;background-size:  cover}
.slide02	{background: url(../image/top_slide02.png) center;background-size:  cover}
.slide03	{background: url(../image/top_slide03.png) center;background-size:  cover}
.slide04{background: url(../image/top_slide04.png) center;background-size:  cover}

.swiper-container	{}/*height: 300px;*/
.swiper-wrapper	{}/*height: 300px;*/
.swiper-slide	{}/*height: 300px;*/

/*scroll-link*/
.top-scroll-link	{position: absolute;bottom: 10px;left: calc(50% - 20px);font-family: 'Noto Sans JP', sans-serif;font-size: 1.3rem;z-index:15}
.top-scroll-link	.fa-angle-down	{display: block;}
.top-scroll-link	a	{color: #fff;font-size: 1rem;text-decoration: none}


/*共通padding*/
.block-padding{padding: 80px 0}
.block-padding2{padding: 0 0 80px 0}
@media screen and (max-width: 640px){
.block-padding{padding: 60px 0}
.block-padding2{padding: 0 0 60px 0}
}


/*タイトル*/
.block-title{margin-bottom: 50px;}
.block-title	.en{position:relative;display: block;margin-bottom: 25px;font-size: 3em;font-family: 'Sawarabi Gothic', sans-serif;font-weight: 600;line-height: 1.2em;letter-spacing: 1px;}
.block-title	.ja{display: block;font-size: 1.3em;font-family: 'Noto Sans JP', sans-serif;font-weight: 300;line-height: 1.2em;letter-spacing: -1px;}

.block-title	.en:after {position: absolute;left:0;bottom: -12px;display: inline-block;width: 80px;height: 2px;background: var(--color-p3);content: '';}


#works	.block-title,#blog	.block-title{color: #fff}
#works	.block-title	.en:after,#blog	.block-title	.en:after,#profile	.block-title	.en:after {background: #fff;}


.block-title.contact-form-title	{margin-bottom: 0;}

/*---------------------------
　ABOUT
---------------------------*/

#about	{color: var(--color-p3);}

.about-cwrap	{max-width: 1200px;margin: 0 auto;}

.about-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.about-title-text	{-ms-flex-preferred-size: 47%;flex-basis: 47%;padding: 60px 0;text-align: left;}
.about-photo	{-ms-flex-preferred-size: 50%;flex-basis: 50%;overflow: hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;margin: 0;}

.about-catch{margin-bottom: 20px;font-size: 2rem;}
.about-photo	img{transform: scale(1.9);}
.about-photo	span	{position: absolute; bottom: 15px;right: 15px;color: #fff;font-size: 0.9rem;line-height: 0;}

.about-name	{text-align: right}

@media screen and (max-width: 1200px){
.about-title-text	{padding: 80px 0 80px 4%;}
.about-photo	span	{position: absolute; bottom: 5%;right: 5%;}
}

@media screen and (max-width: 980px){
.about-area	{display: block}
.about-photo	img{transform: scale(1);}
}

@media screen and (max-width: 640px){
.about-title-text	{padding: 60px 4% 40px 4%}
}

@media screen and (max-width: 480px){
.about-catch{font-size: 6.4vw;}
.about-photo	{height: 450px;}
.about-photo	img{transform: scale(2);}
}

@media screen and (max-width: 400px){
.about-photo	{height: 400px;}
.about-photo	img{transform: scale(2);}
}


/*---------------------------
　WORKS
---------------------------*/

#works	{background: var(--color-p3);}

.works-title	{padding: 0 0 40px 0; }

.works-gallery	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 10%;padding:80px 0}
.works-gallery	p{margin: 0;-ms-flex-preferred-size: 50%;flex-basis: 50%;line-height: 0}


@media screen and (max-width: 640px){
.works-gallery	{padding: 40px 0; }
}

.works-large	{margin: 0 10%;padding: 50px 0}

.works-bv	{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content: space-around;padding: 50px 0}
.works-bv	p	{-ms-flex-preferred-size: 40%;flex-basis: 40%;}


.works-bv02	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 50px 0}
.works-bv02	p:first-child	{-ms-flex-preferred-size: 55%;flex-basis: 55%;}
.works-bv02	p:last-child	{-ms-flex-preferred-size: 40%;flex-basis: 40%;}

/*---------------------------
　FAQ
---------------------------*/

#faq	{background: #c8dce7}

.faq-subtitle	{margin-bottom: 30px;color: var(--color-p3);font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;text-align: center}

.faq-block	{margin-bottom: 30px;}
.faq-block	dt,.faq-block	dd	{display:-webkit-box;display:-ms-flexbox;display:flex;padding: 10px;line-height: 2em}
.faq-block	dt	span,.faq-block	dd	span	{display: block;padding: 5px;}
.faq-block	dt	{border-bottom: 1px solid var(--color-p1);background: rgba(255,255,255,0.5);}
.faq-block	dd	{background: rgba(255,255,255,0.3);}
.faq-block	.q,.faq-block	.a{flex-basis: 60px;font-size: 2rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;}
.faq-block	.q	{white-space: nowrap}
.faq-block	.a{white-space: nowrap;color: var(--color-p2);}
.faq-block	.text{flex-basis: calc(100% - 60px);font-size: 1.1rem;}


/*---------------------------
　PRICE
---------------------------*/
#price	{}
.price-title	{padding: 0 0 0 0;color: var(--color-p3);}
.price-subtitile	{margin-bottom: 50px;text-align: center}
.price-subtitile	h3	{margin-bottom: 15px;color: var(--color-p3);font-size: 2rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;line-height: 1.3em}
.price-subtitile	h4{margin-bottom: 15px;color: #619cc4;font-size: 1.1rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;line-height: 1.4em}

.price-subtitile	h3	br,
.price-subtitile	h4	br	{display: none}

.price-table2	{width: 60%;margin: 0 20% 10px;border: 1px solid #ccc;}
.price-table2	th,.price-table2	td{padding: 15px;border: 1px solid #ccc;text-align: center}
.price-table2	th{background: #c7e5f9;}
.price-table2	.size	{background: #e9f3fa}
.price-table2	.pricenum	{font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;}
.price-table2	.tax	{font-size: 1rem;font-weight: 300;}

.price-table2-attention	{margin: 0 0 70px;font-size: 1rem;text-align: center}
.price-table2	a	{color: #333;text-decoration: none}

.price-table	{margin-bottom: 50px;}
.price-table:last-child	{margin-bottom: 0;}
.price-table	th,.price-table	td	{border: 1px solid #e5e5e5;vertical-align: middle}
.price-table	th	{width: 40%;line-height: 0;}
.price-table	td	{width: 60%;}

.price-table	dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 0 0 10%}
.price-table	dt,.price-table	dd	{padding: 15px 0}
.price-table	dt{-ms-flex-preferred-size: 80px;flex-basis: 80px;color: #666;font-weight: bold;}
.price-table	dd{-ms-flex-preferred-size: calc(100% - 120px);flex-basis:calc(100% - 120px);}
.price-table	a	{color: #333;text-decoration: none}

.use	{display: inline-block;margin-bottom: 10px;padding: 5px 15px;background: rgba(93,183,233,0.1);color:rgba(93,183,233,1.0);font-size: 1rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500}
.cmnt	{display: block;margin-top: 1em;}
.size-num{font-size: 2rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500}
.price-num	{font-size: 2rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500}



.attention	{margin-top: 2rem;font-size: 0.8rem;


}


@media screen and (max-width: 980px){
.price-table2	{width: 100%;margin: 0 0 30px;}
}

@media screen and (max-width: 768px){
.price-table	{margin-bottom: 30px;width: 100%;}
.price-table th,.price-table	td {display: block;width: 100%;}
.price-table2	th{padding: 5px 0;vertical-align: middle}
.price-table	td {padding: 20px 0;border-top: none}
.size-num{font-size: 1.5rem;}
.price-num	{font-size: 1.5rem;}

.price-subtitile	h3	br,
.price-subtitile	h4	br	{display: inline}
}

@media screen and (max-width: 480px){
.price-table2	.pricenum	{font-size: 1.2rem;}
.price-table2	.size	{font-size: 0.8rem}
.price-table2	.tax	{font-size: 0.8rem}
}

/*---------------------------
　PROFILE
---------------------------*/

#profile	{background: var(--color-p2);color: #fff}

.profile-wrap	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.profile-title,
.profile-text	{-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.profile-name	{margin-bottom: 30px;font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;line-height: 2.2rem;}
.profile-list	{margin-bottom: 0;}
.profile-list	li{margin-bottom: 10px;}

.profile-infomation	{color: #fff;}
.profile-infomation	.telnum{font-size: 2rem;font-family: 'Barlow Condensed', sans-serif;font-weight: 500;letter-spacing: 2px;}

.sdgs	{margin-top: 40px;}
.sdgs	img{max-width: 200px;margin-bottom: 5px;}
.sdgs	a{display: block;color: #fff;font-size: 0.6rem;line-height: 1.2em;text-decoration: none}

@media screen and (max-width: 980px){
.profile-wrap	{display:block}
}
		
		
		
#other-infomation	{padding: 40px 0;background: var(--color-p3);color: #fff;}
#other-infomation	a{color: var(--color-p3);text-decoration: none}
#other-infomation	a:hover{opacity: 1}
#other-infomation	.cwrap{text-align: center}

#other-infomation	h3	{margin-bottom: 30px;}
#other-infomation	h3	span{display: block;}
#other-infomation	h3		.en{position:relative;display: block;margin-bottom: 5px;font-size: 1.2em;font-family: 'Sawarabi Gothic', sans-serif;font-weight: 600;line-height: 1.2em;letter-spacing: 1px;}
#other-infomation	h3		.ja{display: block;font-size: 1em;font-family: 'Noto Sans JP', sans-serif;font-weight: 300;line-height: 1.2em;letter-spacing: -1px;}

.other-infomation-list	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.other-infomation-list	span{display: block;}
.other-infomation-list	li{-ms-flex-preferred-size: 30%;flex-basis: 30%;margin: 1%;text-align: center;background: url(../image/profile01.png) center; background-size: cover}
.other-infomation-list	li	a{display: block;margin: 5%;padding: 10px 0;background: rgba(255,255,255,0.8);}
.other-infomation-list	li	.en{position:relative;display: block;margin-bottom: 5px;font-size: 1.1em;font-family: 'Sawarabi Gothic', sans-serif;font-weight: 600;line-height: 1.2em;letter-spacing: 1px;}
.other-infomation-list	li		.ja{display: block;font-size: 1em;font-family: 'Noto Sans JP', sans-serif;font-weight: 300;line-height: 1.2em;letter-spacing: -1px;}

@media screen and (max-width: 980px){
.other-infomation-list	li{-ms-flex-preferred-size: 100%;flex-basis: 100%;margin:0 0 15px 0;}
}


/*---------------------------
　CONTACT
---------------------------*/	


.to-contact	{text-align: center;font-size: 1.7rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 500}
.to-contact	a{position: relative;display: block;margin: 0 10%;padding: 25px;background: var(--color-p3);color: #fff;text-decoration: none}
.to-contact	a	i{position: absolute;top: calc(50% - 12px);right: 15px;}

@media screen and (max-width:768px) {
.to-contact	a{margin: 0}
}
@media screen and (max-width:768px) {
.to-contact	{font-size: 1.2rem;}
.to-contact	a	i{top: calc(50% - 8px);}
}

/*値段からの飛び先位置調整*/
#contactname	{padding-top: 60px;}
@media screen and (max-width:572px) {
#contactname	{padding-top: 40px;}
}




#contact{padding: 80px 0;color: var(--color-p3);}
#contact-thaks{padding: 80px 0;color: var(--color-p3);}
		
#formWrap{margin:0 auto;line-height:120%;}
#formWrap	table.formTable{width:100%;margin:0 auto;border-collapse:collapse}
#formWrap	table.formTable td,#formWrap	table.formTable th{border:1px solid #ccc;padding:15px}
#formWrap	table.formTable th{width:30%;font-weight:400;background:rgba(0,0,0,0.05);text-align:left;vertical-align: middle}

#formWrap	label	{display: block;margin: 0 0 15px 0;}
#formWrap	label:last-child	{margin: 0;}

/*form	input[type="text"] ,form 	input[type="email"] ,textarea*/
form	input[type="text"] ,form 	input[type="email"] ,textarea{
padding: 8px;border: 1px solid #ccc;
-moz-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);-webkit-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);
box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);border-radius: 4px;font-size: 1.1rem;outline: none;
}

/*select */
select {
background:#fff;border:thin solid #ccc;border-radius:4px;display:inline-block;font:inherit;line-height:1.5em;padding:.5em 3.5em .5em 1em;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;}
select.minimal {margin-bottom: 20px;background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat: no-repeat;}
select.minimal:focus{background-image:linear-gradient(45deg,green 50%,transparent 50%),linear-gradient(135deg,transparent 50%,green 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 15px)1em,calc(100% - 20px)1em,calc(100% - 2.5em).5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:green;outline:0}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}

/*focus*/
input[type="text"]:focus,input[type="email"]:focus,
textarea:focus {box-shadow: 0 0 2px #1b62a4;border: 1px solid #1b62a4;}

/*iPhone対策*/
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;}

/*必須*/
.hissu	{margin-left: 0.5em;padding: 0.25em 0.5em;background: var(--color-p1);border-radius: 5px;color: #fff;font-size: 0.85em;letter-spacing: 1px}

/*郵便番号/ input area size 調整*/
.yn	{margin-right: 10px;}
.input01	{width: 80%;}
.input02	{width: 50%;}
.input03	{width: 8em;}
textarea	{width: calc(100% - 30px);}
.inputm	{margin-bottom: 1em;}


/*submitarea*/
.submitarea	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 50px 0 0 0}
.submitarea	input[type="submit"],.submitarea	input[type="reset"],.submitarea	input[type="button"],.submitarea	a{-ms-flex-preferred-size: 40%;flex-basis: 40%;margin: 0 5%;padding: 10px 0;border: none;font-size: 105%;background: var(--color-p2);border: 3px solid var(--color-p2);color: #fff;transition: all 0.5s;}
.submitarea	input[type="submit"]:hover,.submitarea	input[type="reset"]:hover,.submitarea	input[type="button"]:hover,.submitarea	a:hover{background: #fff;color: var(--color-p2)}
.submitarea	a	{text-decoration: none;text-align: center}


.form-error	{margin-bottom: 1.5em;}
.error-message	{}
.error-text	{color: #1b62a4;}

.thanks-message	{margin-bottom: 100px;}

.recaptcha-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top: 30px;}
#warning	{display: block;text-align: center;font-size: 14px;}
#warning	span{display: inline-block;text-align: left;}
.g-recaptcha	{margin: 0 auto}

.email-kakunin	{display:block;margin: 0.5em 0;}

@media screen and (max-width:572px) {
#formWrap{width:95%;margin:0 auto}
#formWrap	table.formTable td,#formWrap	table.formTable th{width:auto;display:block}
#formWrap	table.formTable th{margin-top:20px;border-bottom:0}

.input01,
.input02,
textarea	{width: calc(100% - 30px);}

.thanks-message	{margin-bottom: 30px;}
}


/**--FOOTER--------------------*/
#footer	{background: var(--color-p4);color: var(--color-p2)}
.footer-inner	{padding: 50px 0;text-align: center}

.footer-logo	{margin-bottom: 20px;font-family: 'Noto Sans JP', sans-serif;font-weight: 500;font-size: 1.5rem}
.footer-adress	{margin-bottom: 25px;}
.footer-adress	br{display: none}
.footer-tel	{margin-bottom: 25px;font-family: 'Barlow Condensed', sans-serif;font-weight: 500;font-size: 1.6rem}
.footer-tel		a{color: var(--color-p2);font-size: 2.7rem;text-decoration: none}

.footer-sns	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 25px;}
.footer-sns	p	{width: 100px;font-family: 'Noto Sans JP', sans-serif;font-weight: 600;text-align: center;letter-spacing: 0}
.footer-sns	p	a{color: var(--color-p2);text-decoration: none}
.footer-sns	p.footer-instagram	img{width: auto;height: 27px;}
.footer-sns	p.footer-note	img	{width: auto;height: 27px;}


.footer-link	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 20px;font-family: 'Barlow Condensed', sans-serif;font-weight: 400;}
.footer-link	a{display:block;padding: 5px 25px;text-decoration:none;color: var(--color-p2);font-size: 1.2rem;}

.cp	{font-size: 0.8rem;line-height: 1.5em}


@media screen and (max-width:980px){
.footer-link	{-ms-flex-wrap: wrap;flex-wrap: wrap;}
}

@media screen and (max-width:820px){
.footer-link	{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.footer-link	li{-ms-flex-preferred-size: 33%;flex-basis: 33%;margin-bottom: 20px;}
}
@media screen and (max-width:768px){
.footer-tel	{margin-bottom: 35px;}
.footer-link	li{-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.cp	{margin: 0 5%;text-align: left}
}

/**--COPYRIGHT--------------------*/
#copiright	{padding: 25px 10px;font-size: 0.8rem;border-top: 1px solid rgba(0,0,0,0.5);background:var(--color-p3);color: #fff;}


/**--PAGETOP--------------------*/
.pagetop{position: fixed;display: block;bottom: 0; right: 0;margin: 0;text-align: right;z-index: 1000;}
.pagetop    a{display: block;background: rgba(45, 122, 165,0.53); color: #fff;width: 40px;height: 40px;line-height: 38px;text-align: center;font-size: 180%;}
.pagetop    a:hover    {background: #2a73a1;color: #fff;}




/*---------------------------
　BLOG
---------------------------*/

#blog	{padding-bottom: 80px;background: var(--color-p3);color: #fff;}

#blog-news-area	{padding:0 0 30px 0;}
.top-blog-inner-block	{}

/*BLOGのトップと共用*/
.top-blog-inner-postblock	{margin-bottom: 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.top-blog-inner-postblock	dl{-ms-flex-preferred-size: 31%;flex-basis: 31%;margin-right: 3.5%;margin-bottom: 50px;}
.top-blog-inner-postblock	dl:nth-child(3n){margin-right: 0;}
.top-blog-inner-postblock	span	{display: block;}
.top-blog-inner-postblock	span.post-date	{display: block;padding: 7px 0;font-family: 'Barlow Condensed', sans-serif;font-size: 1.2rem;color: var(--color-p1);}
.top-blog-inner-postblock	span.post-title	{display: block;}
.top-blog-inner-postblock	span.post-title	a	{color: #fff;text-decoration: none;}

/*BLOG only*/
.blog-loop-area,.single-content-area	{padding-top: 50px;}
.blog-loop-area	.blog-title,.blog-loop-area	.blog-title	a,.blog-title	a	{color: var(--color-p3);text-decoration: none}
.blog-loop-area	.top-blog-inner-postblock	span.post-title	a	{color: var(--color-p2);}
	
	@media screen and (max-width:768px){
.top-blog-inner-postblock	{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.top-blog-inner-postblock	dl:first-child	{border-top: 1px solid #336699;}
.top-blog-inner-postblock	dl	{margin: 0 2.5%;padding: 30px 3% 25px 3%;border-bottom: 1px solid #336699;}
.top-blog-inner-postblock	dt{margin: 0 10%}
	}
	
	.top-toblog	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	.top-toblog	a{padding: 8px 100px;color: #fff;border: 1px solid #fff;font-family: 'Sawarabi Gothic', sans-serif;font-size: 1rem;font-weight: 500;text-decoration: none;line-height: 100%;letter-spacing: 2px;}
	
	
/*---------------------------
　BLOG single
---------------------------*/
	
	.single-title	{margin-bottom: 30px;padding: 20px 2%;color: var(--color-p3);font-family: 'Noto Sans JP', sans-serif;font-size: 1.5rem;font-weight: 500;line-height: 1.4em;border-bottom: 3px solid var(--color-p3);}
	.single-category	a{margin-right: 15px;padding: 5px;color: #fff;;font-family: 'Noto Sans JP', sans-serif;font-size: 0.9rem;font-weight: 500;text-decoration: none;background: var(--color-p3);line-height: 1em;}
	.single-day	{margin-bottom: 15px;padding: 0 2%;font-size: 0.9rem;font-family: 'Noto Sans JP', sans-serif;text-align: right}
	.single-post-contents	{padding: 2% 2% 80px 2%}
@media screen and (max-width:768px){
.single-post-contents	{padding: 2% 2% 40px 2%}
.single-category{display: block;margin-bottom: 15px;}
}

/*WordPress 投稿部分の基本のCSS*/
.aligncenter{display:block;margin-right:auto;margin-left:auto}
.alignleft{float:left}
.alignright{float:right}
.wp-caption{margin:10px;padding-top:4px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#f3f3f3;text-align:center}
.gallery-caption,.wp-caption-text{font-size:80%}
.wp-caption img{margin:0;padding:0;border:0 0 0}
.wp-caption-dd{margin:0;padding:0 4px 5px;font-size:11px;line-height:17px}img.alignright{display:inline-block;margin:0 0 1em 1.5em}
img.alignleft{display:inline-block;margin:0 1.5em 1em 0}

/*single.php 投稿エリアH*/
.single-post-contents	h1,
.single-post-contents	h2,
.single-post-contents	h3,
.single-post-contents	h4,
.single-post-contents	h5,
.single-post-contents	h6{margin-bottom: 0.8em;font-weight: bold;line-height: 1.3em}
.single-post-contents	h1{font-size: 2.5rem;}
.single-post-contents	h2{font-size: 2.2rem;}
.single-post-contents	h3{font-size: 2.0rem;}
.single-post-contents	h4{font-size: 1.8rem;}
.single-post-contents	h5{font-size: 1.3rem;}
.single-post-contents	h6{font-size: 1.1rem;}
.single-post-contents	img{max-width:100%;width: auto;height: auto;}
.single-post-contents	blockquote	{margin: 0 5% 5% 5%;padding: 20px;border: 1px dotted #666;}
.single-post-contents	table	{border: 1px solid #ccc;}
.single-post-contents	table th,.single-post-contents	table td	{padding: 10px;border: 1px solid #ccc;}
.single-post-contents	ul	{}
.single-post-contents	ul ul{margin-left: 20px;}
.single-post-contents	ol	{margin-left: 20px;list-style-type: decimal}

/*---------------------------
　widget-area
---------------------------*/
#secondary	{border-top: 1px solid #ccc;background: rgba(0,0,0,0.01)}
.widget-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 80px 0;}
.widget-area	section{-ms-flex-preferred-size: 30%;flex-basis: 30%;}

.widget-title	{margin-bottom: 20px;padding: 0 2% 10px 2%;color: var(--color-p3);font-family: 'Noto Sans JP', sans-serif;font-size: 1.3rem;font-weight: 500;line-height: 1.4em;border-bottom: 3px solid var(--color-p3);}
.widget	ul,.widget	table{padding: 0 2% 20px 2%;}
.widget	table{width: 100%;}
.widget	table	th,.widget	table	td{with: 14.28%;text-align: center}
.wp-calendar-table	#today	a{color: var(--color-p1)}
.wp-calendar-table	caption {margin-bottom: 10px;font-weight:bold;}
.wp-calendar-nav	a	{color: var(--color-p1)}
.widget	ul	li{margin-bottom: 1em;}
.widget	ul	li	a{color: var(--color-p3);text-decoration: none}
.widget	ul	li	a:hover{text-decoration: underline}

.widget_recent_entries	li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;flex-direction: column-reverse;}
.widget_recent_entries	li	.post-date	{font-size: 0.9rem;color: #666;}


		@media screen and (max-width:768px){
		.widget-area	{padding: 40px 0;}
		.widget-area	section{-ms-flex-preferred-size: 100%;flex-basis: 100%;}

		}


/*---------------------------
　BLOG page navigation
---------------------------*/

/*single.php navi*/
.pagenavi	{display:-webkit-box;display:-ms-flexbox;display:flex;width: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 30px 0;border-top: 3px solid var(--color-p3);}
.pagenavi	span{-ms-flex-preferred-size: 40%;flex-basis: 40%;}
.pagenavi	span:last-child{text-align: right;}
.pagenavi	a{display: block;padding: 10px 15px;color: var(--color-p1);text-decoration: none;}

	@media screen and (max-width:768px){
	.pagenavi	{display: block;padding: 0;}
	.pagenavi	span{display: block;}
	.pagenavi	span:last-child{border-top: 1px dotted var(--color-p1);}
	}

/*indes.php / archive.php navi*/
.navigation.pagination	{padding-bottom: 80px;}
.page-numbers{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:10px;}
.page-numbers	a{color:var(--color-p2);text-decoration: none}
.page-numbers	a,.page-numbers	.current{margin: 0 10px;border: 1px solid var(--color-p2);}
.page-numbers.current{background: rgba(93,183,233,0.8);color: var(--color-p2);text-decoration:none}

	@media screen and (max-width:768px){
	.navigation.pagination	{padding-bottom: 40px;}
	}




/*------------------------
/////FADE/////////////////
------------------------*/

/*ひとつめのフェード*/
.fadeinf {animation-name: fadeinfanm;animation-duration: 1s;}
@keyframes fadeinfanm {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}


/*ふたつめ以降のフェード*/

.fadein {
	opacity : 0;
	transform : translate(0px, 100px);
	transition : all 1000ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}


@keyframes fadein {
from {
opacity: 0.1;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/*ふたつめ以降のフェードの中のフェード*/
.fadein.finfade {
	-moz-transition-delay: 40ms;
	-webkit-transition-delay: 40ms;
	-o-transition-delay: 40ms;
	-ms-transition-delay: 40ms;
	}