@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


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

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size:3.7vw
}

body {
  font-size:3.4vw
}
	
.pc{display:none!important;}
.sp{display:block!important;}	


/*HOME
----------------------------------------------------*/
.p-mainVisual__slideTitle{
	font-size: 6vw;
}

.home #main_visual .l-container{
	padding: 0 5%;
}

.p-mainVisual__slideBtn{
	position: absolute;
	bottom: 3%;
	right: 3%;
	width: 20vw;
	height: 20vw;
}

.p-mainVisual__slideBtn a{
	width: 20vw;
	height: 20vw;
}

.p-mainVisual__slideBtn a:hover {
  box-shadow: 0;
  border-radius: 10vw;
}

#content.l-container{
	padding: 12vw 0;
}

.l-mainContent__inner .post_content,
.l-mainContent__inner:has(.p-termContent),
.l-mainContent__inner:has(.p-articleHead){
	width: 90%;
	margin: 0 auto;
}

section{
	padding: 12vw 0 0 0;
}

section .contents{
	width: 90%;
}

section .contents h2{
	margin-bottom: 10vw;
	font-size: 16vw;
}

section .contents h2 span{
	font-size: 4vw;
}

section .contents .box_top_concept{
	display: block;
}

section .contents .box_top_concept h3{
	margin-bottom: 10vw;
	font-size: 5vw;
	font-weight: 300;
	display: block;
}

section .contents.box_top_company{
	border-radius: 2vw;
}

section .contents.box_top_company h2 a{
	padding: 16vw 0;
	font-size: 16vw;
}

section .contents.box_top_company h2 span{
	padding: 4vw 0 16vw 0;
	background: url("../img/kanetsuru/icon_link_w.png") no-repeat center bottom / 12vw;
	font-size: 4vw;
}

section .box_top_service{
	display: block;
}

section .box_top_service li{
	height: 40vw;
}

section .box_top_service li:nth-of-type(1){background: url("../img/kanetsuru/ph_business01.jpg") no-repeat center / cover;}
section .box_top_service li:nth-of-type(2){background: url("../img/kanetsuru/ph_business02.jpg") no-repeat center / cover;}
section .box_top_service li:nth-of-type(3){background: url("../img/kanetsuru/ph_business03.jpg") no-repeat center / cover;}

section .box_top_service a{
	height: 40vw;
}

section .box_top_service a span{
	width: 50vw;
	padding: 4vw;
	border-radius: 2vw 0 0 0;
	background: #FFF url("../img/kanetsuru/icon_link_g.png") no-repeat right 6vw center / 6vw;
	font-size: 4vw;
}

section .box_top_special h2{
	font-size: 12vw;
}

section .box_top_special h2 em{
	font-size: 16vw;
}

section .box_top_special ul{
	display: block;
}

section .box_top_special ul li{
	height: 45vw;
	border-radius: 2vw;
}

section .box_top_special ul li:nth-of-type(2){
	margin-top: 6vw;
}

section .box_top_special ul li a{
	height: 45vw;
	padding: 6vw;
	font-size: 8vw;
}

section .box_top_special ul li a span{
	font-size: 4vw;
}

section .box_top_news{
	display: block;
}

section .box_top_news h2{
	margin-bottom: 6vw;
	font-size: 16vw;
}


section .box_top_news h2 span{
	font-size: 5vw;
}

section .box_top_news p a{
	min-height: 8vw;
	margin-bottom: 6vw;
	padding-right: 12vw;
	background: url("../img/kanetsuru/icon_link_g.png") no-repeat right center / 8vw;
}

section .box_top_news dl{
	margin-bottom: 6vw;
	padding-bottom: 6vw;
	display: block;
}

.bg_grade section{
	margin-bottom: 8vw;
}

.box_top_contact a{
	height: auto;
	margin-bottom: 10vw;
	padding: 8vw;
	border-radius: 2vw;
	background: url("../img/kanetsuru/bg_contact.jpg") no-repeat right -35vw bottom / cover;
}

.box_top_contact a h2{
	width: 4.2em;
	margin-bottom: 6vw;
	padding-right: 0;
	background: url("../img/kanetsuru/icon_link_w.png") no-repeat right 0.4em / 6vw;
	font-size: 12vw;
}

.box_top_contact a h2 span{
	font-weight: 300;
}

.box_top_contact a p{
	font-size: 3.0vw;
}

.box_top_access iframe{
	height: 80vw;
	margin-bottom: -16vw;
}


/*contents
----------------------------------------------------*/
.c-pageTitle{
	font-size: 8vw;
	font-weight: 400;
}

.c-pageTitle small{
	font-size: 4vw;
}

.post_content h2{
	margin: 12vw auto 8vw auto;
	font-size: 8vw;
	font-weight: 200;
}

.post_content h2 .swl-marker{
	font-size: 4vw;
}

.post_content img{
	border-radius: 2vw;
}

.is-style-kakko_box{
	padding: 8vw;
	font-size:8vw;
}

input[type="submit"]{
	width: 60vw;
	padding: 3vw;
}

.wp-block-media-text{
	padding-bottom: 16vw;
}

.wp-block-media-text img{
	border-radius: 2vw;
}

.alignfull.wp-block-media-text img{
	width: 90%;
	margin-right: 10%;
	border-radius: 0 2vw 2vw 0;
}

.wp-block-media-text.has-media-on-the-right img{
	width: 90%;
	margin-left: 10%;
	border-radius: 2vw 0 0 2vw;
}

.wp-block-media-text__content{
    margin: -5vw auto 0 auto!important;
    padding: 6vw!important;
    border-radius: 2vw;
}

.alignfull .wp-block-media-text__content{
    width: 90%;
	margin: -5vw 0 0 auto!important;
    border-radius: 2vw 0 0 2vw;
}

.box_right .wp-block-media-text__content{
	position: relative;
	top:-5vw;
    width: 90%;
	margin: -5vw auto 0 0!important;
    border-radius: 0 2vw 2vw 0;
}

.swell-block-column{
	border-radius: 2vw;
}

.swell-block-accordion__title{
	border-radius: 2vw;	
}


/*footer
----------------------------------------------------*/
.l-footer{
	background: url("../img/kanetsuru/bg_footer.jpg") no-repeat center / cover;
}

.box_footer{
	width: 90%;
	height: auto;
	padding: 16vw 0;
	display: block;
}

.box_footer .box_left{
	width: 100%;
	margin-bottom: 6vw;
	padding-bottom: 6vw;
	border-bottom: 1px solid #FFF;
}

.box_footer .box_right{
	width: 100%;
	
}

.box_footer .box_left img{
	width: auto;
	height: 8vw;
	margin-bottom: 4vw;
}

.box_footer .box_left p{
	margin-bottom: 4vw;
}

.box_footer .box_left dl{
	margin-bottom: 0.5em;
	display: block;
}

.box_footer .box_left dl dt{
	width: 5em;
}

.box_footer .box_right ul{
	margin: 0 auto 4vw auto;
}

.box_footer .box_right ul.btn{
	grid-gap: 3vw;
}

.box_footer .box_right ul.btn li a{
	height: 14vw;
	padding: 0 2vw;
}

.copyright{
	padding: 3vw 0;
}

}