@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/* ----------　all　---------- */
.linkStyle{
	color:#FFA734;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#FFA734;
	opacity: 0.7;
	transition: all 0.5s;
}


html,body,.font_serif {
    font-family: 'Zen Maru Gothic',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
    font-weight: 500;
}



/* nav */

#header h1 img {
    max-width: 100px!important;
    margin-bottom: 10px;
}

.top-bnr a {
    background-color: #4BD79A;
    padding: 10px 20px;
    text-align: center;
    border-radius: 10px;
}

.sp_tel a {
    background-color: #4BD79A!important;
}

/* footer */

#contact_bar {
    background-color: #4BD79A;
}

#contact_bar p {
    color: #4BD79A;
    background-color: #ffffff;
}

#contact_bar p:nth-of-type(2) {
    color: #ffffff;
    background-color: transparent;
}

#fix-bnr {
    right: 80px;
    max-width: 400px;
    z-index: 3;
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
}


/* ----------　TOP　---------- */

/* main-img */

#main_img {
    height: calc(100vh - 230px);
    background-image: url(Dup/img/main-copy.png),url(Dup/img/main-img.png),url(Dup/img/top-bg.png);
    background-repeat: no-repeat,no-repeat,repeat;
    background-size: 35%,59%,45%;
    background-position: 15% 45%,90% 40%,0 0;
    padding-top: 30px;
}

/* top */

#intro, #contents2 {
    background-color: #FFCA85;
    background-image: url('/Dup/img/bg-kazu.png');
    background-size: 100%;
}

#intro::after {
    display: none;
}

#intro p, #contents2 p {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px;
}

.intro-bnr {
    background-color: #4BD79A;
    border-radius: 10px;
    font-weight: bold;
}

#contents1 figure {
    box-shadow: none;
}

/* top-cms */

.topcms_about_type1 {counter-reset: box 0;padding-top: 35px;}
.topcms_about_type1 .cate_box {
	width: 31%!important;
	padding: 55px 25px 25px;
	background-color: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
}
.topcms_about_type1 .number {
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90px;
}
.topcms_about_type1 .number::before {
	counter-increment: box 1;
	content: "0"counter(box);
	font-size: 67px;
	line-height: 1;
	text-align: center;
	color: #FFA734;
	display: inline-block;
	position: absolute;
	right: 0;
	left: 0;
	top: -42px;
	margin: auto;
	z-index: 0;
}
.topcms_about_type1 .number::after {
	content: "";
	position: absolute;
	display: block;
	width: 73%;
	height: 2px;
	background: #FFA734;
	left: 0;
	right: 0;
	margin: auto;
	top: 22px;
}
.topcms_about_type1 .cate_box .box_title1{font-size: 18px;line-height: 1.6;z-index: 1}


#top_cms1 .cms_1-e .box_title1:empty {
    display: block!important;
    padding: 25px;
}


/* ----------　下層ページ　---------- */

.btn_container a {
    background-color: #FFA734;
    color: #fff;
    max-width: 300px;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    border-radius: 5px;
}

/* 会社情報 */

#page07 .box_wrap .box h3 span {
    letter-spacing: 3px;
}

/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
#main_img {
    background-size: 80%,110%;
    background-position: 15% 95%,50% 0%;
}

.topcms_about_type1 .cate_box {
	margin: 0 auto 80px;
	width: 80%!important;
}
.topcms_about_type1 .cate_box:last-of-type {
	margin-bottom: 0;
}
    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
#fix-bnr {
    right: 55px;
    max-width: 400px;
    z-index: 3;
}
    
#main_img {
    height: calc(100vh - 320px);
    max-height: 450px;
    min-height: 350px;
    background-size: 90%,110%;
    background-position: 15% 100%,50% 0%;
}

.topcms_about_type1 .cate_box {
	width: 90%!important;
	padding: 50px 25px 25px;
}
.topcms_about_type1 .number::before{
	font-size: 59px;
	top: -34px;
}
.topcms_about_type1 .number::after{
	width: 72%;
}
    
}