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

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

	html {
		position: unset;
	}

	body {
		max-width: 960px;
		color: #383e50;
		overflow-x: hidden;
		min-width: 320px;
		margin: 0 auto;
		background: url(../images/common/bg_dot_sp.png) center top;
		background-size: 100% auto;
	}

	body.fixed {
		overflow-y: hidden;
		width: 100%;
		height: 100%;
		touch-action: none;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	img {
		width: 100%;
		height: auto;
		display: block;
	}

	#rswrapper {
		transform: unset;
		transform-origin: unset;
		height: unset;
		width: unset;
		position: unset;
	}

	header {
		width: 100%;
		height: 22.65vw;
		background: white url(../images/common/bg_header_sp.png) center top no-repeat;
		background-size: 100% auto;
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
	}
	
	header #h_wrapper {
		width: 100%;
		height: 22.65vw;
		margin: 0 auto;
		position: relative;
	}
	
	header #h_wrapper h1 {
		width: 100%;
		height: 3.9vw;
		line-height: 3.9vw;
		font-size: 1.6vw;
	}
	
	header #h_wrapper #logo {
		width: 41.27vw;
		height: auto;
		position: absolute;
		left: 29.42vw;
		top: 8.07vw;
	}
	
	header #h_wrapper #logo img {
		width: 100%;
		height: auto;
	}
	
	header #h_wrapper #link_btn {
		display: none;
	}

	header #h_wrapper nav#gNav {
		display: none;
	}

	#wrapper {
		width: 100%;
		max-width: 960px;
		height: auto;
		margin-top: 22.65vw;
		padding-bottom: 2.6vw;
	}

	section h3.title {
		width: 100%;
		text-align: center;
		font-size: 6.51vw;
	}
	
	section h3.title::after {
		content: "";
		width: 20.83vw;
		height: 0.52vw;
		margin-left: -10.415vw;
		bottom: -1.95vw;
	}
	
	section.main {
		width: 100%;
		height: 152.6vw;
		background: url(../images/top/main_bg_sp.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 16.4vw;
		position: unset;
	}
	
	section.main h3 {
		width: 94.14vw;
		height: auto;
		margin: 0 auto;
	}
	
	section.main ul.type_list {
		width: 96.35vw;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		position: unset;
		margin: 8.85vw auto 0;
	}
	
	section.main ul.type_list li {
		width : calc(100% / 3);
	}
	
	section.main ul.type_list li a {
		width: 100%;
		height: 100%;
		margin: 0;
	}
	
	section.about {
		width: 100%;
		height: auto;
		padding-top: 11vw;
	}
	
	section.about .inner {
		width: 100%;
		height: 100vw;
		background: url(../images/top/about_bg_sp.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 7.81vw;
		margin-top: 10.41vw;
	}
	
	section.about .inner h4 {
		width: 92.57vw;
		margin: 0 auto;
	}
	
	section.about .inner .text {
		width: 100%;
		height: auto;
		color: white;
		font-size: 3.64vw;
		margin-top: 5.85vw;
		line-height: 1.72;
	}
	
	section.type {
		width: 100%;
		height: auto;
		padding: 11vw 0 14.06vw;
	}
	
	section.type h4 {
		width: 94.14vw;
		height: auto;
		margin: 11.8vw auto 0;
	}
	
	section.type .inner {
		display: none;
	}

	section.type .type-slide {
		width: 100%;
		height: auto;
		margin-top: 7.03vw;
		position: relative;
		display: block;
	}

	section.type .type-slide div img {
		width: 73.56vw;
		margin: 0 auto;
	}
	
	section.type .type-slide .slide-arrow {
		bottom: 0;
		cursor: pointer;
		margin: auto;
		position: absolute;
		top: 0;
		width: 7.16vw;
		z-index: 10;
	  }
	  section.type .type-slide .prev-arrow {
		left: 2.6vw;
	  }
	  section.type .type-slide .next-arrow {
		right: 2.6vw;
	  }

	  
	  /*section.type .type-slide .slick-cloned[data-slick-index="-1"] {
		opacity: 0;
	  }*/
	
	section.trial {
		width: 100%;
		height: 51.17vw;
		background: #ecf4fd url(../images/top/trial_bg_sp.png) center top no-repeat;
		background-size: 100% auto;
		padding-top: 6.11vw;
	}
	
	section.trial h4 {
		width: 84.5vw;
		height: auto;
		margin: 0 auto;
	}
	
	section.trial .trial_btn {
		width: 92.57vw;
		height: auto;
		margin: 4.42vw auto 2.2vw;
	}
	
	section.trial .text {
		font-size: 2.86vw;
	}
	
	
	section.support {
		width: 100%;
		height: auto;
		background: #ecf4fd;
		padding: 9.12vw 0 8.46vw;
	}
	
	
	section.support .support_list {
		width: 100%;
		height: auto;
		margin: 9.76vw auto 0;
		flex-wrap: wrap;
	}
	
	section.support .support_list .list_box {
		width: 100%;
		height: 28vw;
		background: white;
		margin-bottom: 0;
		position: relative;
		border-bottom: 0.39vw solid #9e9e9e;
	}

	section.support .support_list .list_box.list01 {
		order: 1;
	}

	section.support .support_list .list_box.list02 {
		order: 2;
	}
	section.support .support_list .list_box.list03 {
		order: 3;
	}
	section.support .support_list .list_box.list04 {
		order: 4;
	}
	section.support .support_list .list_box.list05 {
		order: 5;
	}
	section.support .support_list .list_box.list06 {
		order: 6;
		border: none;
	}
	
	section.support .support_list .list_box .icon {
		width: 20.18vw;
		height: 20.18vw;
		position: absolute;
		top: 3.64vw;
		left: 2.2vw;
	}
	
	section.support .support_list .list_box .text {
		width: 73vw;
		height: auto;
		position: absolute;
		top: 3.5vw;
		right: 0;
		font-size: 3vw;
		line-height: 1.28;
	}

	section.support .support_list .list_box .text span {
		padding: 0;
	}
	
	section.support .support_list .list_box .text p {
		font-size: 3.9vw;
		margin-bottom: 2vw;
	}
	
	section.support .bottom_text {
		width: 94vw;
		height: auto;
		margin: 6.51vw auto 0;
		font-size: 2.78vw;
		line-height: 1.5;
	}

	section.support .bottom_text p span {
		padding-left: 5.6vw;
	}
	
	section.price {
		width: 100%;
		padding: 31.77vw 0 11.72vw;
		margin-top: -22.65vw;
	}
	
	section.price .price_img {
		width: 95.05vw;
		height: auto;
		margin: 9.76vw auto 0;
	}
	
	section.price .price_text {
		width: 95.05vw;
		height: auto;
		margin: 6.52vw auto 0;
		font-size: 2.86vw;
		line-height: 1.5;
	}
	
	section.price .price_text span {
		margin-left: 6vw;
	}

	section.flow {
		width: 100%;
		height: auto;
		padding: 9.12vw 0 11.72vw;
	}
	
	
	section.flow .flow_list {
		width: 100%;
		height: 189.2vw;
		margin: 9.76vw auto 0;
		background: url(../images/top/flow_img_sp.png) center top no-repeat;
		background-size: cover;
		font-size: 3.12vw;
	}
	
	section.flow .flow_list p {
		width: 62.5vw;
		height: 18.48vw;
		position: absolute;
		right: 1.2vw;
		line-height: 1.28;
	}
	
	p.list01 { top: 14vw;}
	p.list02 { top: 53vw;}
	p.list03 { top: 91.5vw;}
	p.list04 { top: 130vw;}
	p.list05 { top: 168vw;}
	
	section.qanda {
		width: 100%;
		height: auto;
		padding: 31.77vw 0 11.72vw;
		margin-top: -22.65vw;
	}
	
	section.qanda .inner {
		width: 93.22vw;
		height: auto;
		margin: 9.76vw auto 0;
	}
	
	section.qanda .inner dl.qanda_list {
		width: 100%;
		height: auto;
		text-align: left;
		margin: 5.2vw auto;
		background: #f3f3f3;
		border-radius: 12px;
		filter: drop-shadow(0 0 0.65vw #ababab);
		-webkit-filter: drop-shadow(0 0 0.65vw #ababab);
	}
	
	section.qanda .inner dl.qanda_list dt {
		width: 100%;
		height: 11.72vw;
		padding: 0 2.34vw;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		cursor: pointer;
		font-size: 2.86vw;
	}
	
	section.qanda .inner dl.qanda_list dt::before {
		content: "";
		width: 5.72vw;
		height: 5.72vw;
		background: url(../images/top/icon_q.png) center top;
		background-size: 100% auto;
		margin-right: 2vw;
	}
	
	section.qanda .inner dl.qanda_list dt span {
		width: 3.12vw;
		height: 3.12vw;
	}
	
	
	section.qanda .inner dl.qanda_list dd {
		width: 100%;
		height: auto;
		padding: 3vw 2.34vw;
		display: none;
		position: relative;
	}

	section.qanda .inner dl.qanda_list dd a.sp {
		display: inline-block;
	}
	
	section.qanda .inner dl.qanda_list dd span {
		margin-left: 7.8vw;
		font-size: 2.86vw !important;
		margin-top: 0;
	}
	
	section.qanda .inner dl.qanda_list dd::after {
		content: "";
		width: 88vw;
		height: 0.26vw;
		top: 0;
	}
	
	section.qanda .inner dl.qanda_list dd::before {
		width: 5.72vw;
		height: 5.72vw;
		position: absolute;
		top: 3vw;
	}
	
	
	section.site {
		width: 100%;
		height: auto;
	}
	
	section.site h3.obi {
		width: 100%;
		height: 32.03vw;
		background: #125cb5;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 9.76vw;
	}

	section.site h3.obi p {
		width: 44.4vw;
		height: auto;
		margin: 0 auto;
	}
	
	section.site .site_text {
		text-align: center;
		font-size: 3.9vw;
		margin: 13.02vw 0;
		line-height: 1.72;
	}
	
	section.site .site_text span {
		font-size: 4.55vw;
	}
	
	section.site .site_text span::after {
		content: "";
		width: 100%;
		height: 2.73vw;
		bottom: 1.04vw;
	}
	
	section.site .tabArea {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	section.site .tabArea .tabList {
		width: 98%;
		height: auto;
		justify-content: space-around;
	}
	
	section.site .tabArea .tabList::after {
		content: "";
		width: 96%;
		height: 1px;
		background: #383838;
		margin: 5.85vw auto 5.2vw;
	}
	
	section.site .tabArea .tabList .tab {
		width: 30.59vw;
		height: 9.24vw;
		text-align: center;
		line-height: 9.24vw;
		cursor: pointer;
		background: url(../images/site/tab_sp.png) center top no-repeat;
		background-size: 100% auto;
		color: white;
		font-size: 3.12vw;
		margin: 0;
	}
	
	
	section.site .tabArea .tabList .tab.active {
		color: white;
		background: url(../images/site/tab_active_sp.png) center top no-repeat;
		background-size: 100% auto;
		color: #0269d1;
	}
	
	section.site .tabArea .contWrapp {
		width: 100%;
		height: auto;
	}
	
	section.site .tabArea .contWrapp .cont {
		width: 100%;
		height: auto;
		display: none;
		padding: 1.32vw 0;
		box-sizing: border-box;
	}
	
	section.site .tabArea .contWrapp .cont.show  {
		display: block;
	}
	
	section.site .tabArea .contWrapp .cont ul {
		width: 96vw;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	
	section.site .tabArea .contWrapp .cont ul li {
		width: 31.1vw;
		height: auto;
		margin: 0 1.32vw 1.32vw 0;
		padding: 1.32vw 1.04vw;
		background: #92d4e6;
		box-sizing: border-box;
	}
	
	section.site .tabArea .contWrapp .cont ul li:nth-child(5n) {
		margin-right: 1.32vw;
	}

	section.site .tabArea .contWrapp .cont ul li:nth-child(3n) {
		margin-right: 0;
	}
	
	section.site .tabArea .contWrapp .cont ul li dl dt {
		width: 100%;
		height: 15.23vw;
		padding: 1vw 0;
		background: white;
	}
	
	section.site .tabArea .contWrapp .cont ul li dl dt a {
		width: 100%;
		height: 12.8vw;
		align-items: center;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	
	section.site .tabArea .contWrapp .cont ul li dl dt a img {
		width: 82%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	section.site .tabArea .contWrapp .cont ul li dl dt a img.h_img {
		width: 68%;
	}
	
	
	section.site .tabArea .contWrapp .cont ul li dl dd {
		width: 100%;
		height: auto;
		display: flex;
		margin: 0 auto;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	section.site .tabArea .contWrapp .cont ul li dl dd p.name {
		width: 100%;
		height: 4.29vw;
		text-align: center;
		line-height: 4.3vw;
		overflow: hidden;
		color: black;
		background: #c3c3c3;
		margin: 0.78vw 0 0.84vw;
		font-size: 2.2vw;
	}
	
	section.site .tabArea .contWrapp .cont ul li dl dd p.name.min {
		font-size: 2vw;
	}
	
	section.site .tabArea .contWrapp .cont ul li dl dd p.name span {
		font-size: 92%;
	}
	
	
	section.site .tabArea .contWrapp .cont ul li dl dd p {
		width: 13.28vw;
		height: 5.46vw;
		margin: 0 0.5vw;
		background: white;
		box-shadow: 1px 1px 1px black;
		border-radius: 4px;
		box-sizing: border-box;
		text-align: center;
		line-height: 5.8vw;
		font-size: 2.6vw;
	}
	
	section.site .tabArea .contWrapp .cont ul li dl dd p a {
		color: black;
		text-decoration: none;
	}
	
	section.site .tabArea .contWrapp .cont ul li dl dd p.non {
		background: none;
		box-shadow: none;
	}
	
	section.site .bottom_contact {
		width: 100%;
		height: auto;
		background: none;
		padding: 0 0 19.6vw;
	}
	
	section.site .bottom_contact .contact_text {
		font-size: 3.64vw;
		margin-bottom: 9.76vw;
		line-height: 1.72;
	}
	
	section.site .bottom_contact .contact_text span {
		font-size: 5.2vw;
		margin-bottom: 1.95vw;
	}
	
	section.site .bottom_contact .contact_text span::after {
		content: "";
		width: 100%;
		height: 0.52vw;
		bottom: 0.65vw;
	}
	
	section.site .bottom_contact .contact_btn {
		width: 91.8vw;
		text-align: center;
		margin: 0 auto;
	}
	
	/*pro cloud easy*/
	section.main_img {
		width: 100%;
		height: auto;
		position: unset;
	}

	section.main_img.easy {
		height: auto;
	}
	

	section.about_easy {
		width: 100%;
		height: 66.27vw;
		padding-top: 39.32vw;
		background: url(../images/easy/about_bg_sp.jpg) center top no-repeat;
		background-size: 100% auto;
	}
	
	section.about_easy .text {
		width: 93.22vw;
		height: 19.92vw;
		margin: 0 auto;
		border: solid 0.78vw white;
		font-size: 3.9vw;
		padding-top: 3vw;
		line-height: 1.68;
	}
	
	section.feature {
		width: 100%;
		height: auto;
		padding-top: 9.76vw;
	}
	
	section.feature .feature_inner {
		width: 100%;
		height: auto;
		background: url(../images/pro/feature_bg_sp.jpg) center top repeat-y;
		background-size: 100% auto;
		margin-top: 11.72vw;
		padding: 5.85vw 0;
	}
	
	section.feature .feature_inner .point_list {
		width: 97.78vw;
		height: auto;
		margin: 0 auto;
		padding: 0;
		display: block;
	}
	
	section.feature .feature_inner .point_list .point {
		width: 100%;
		height: auto;
		position: relative;
		margin-bottom: 0.65vw;
	}
	
	section.feature .feature_inner .point_list .point .text {
		width: 89.8vw;
		height: 26.04vw;
		position: absolute;
		left: 4.6vw;
		top: 23.2vw;
		font-size: 3.58vw;
	}

	section.feature .feature_inner .point_list .point .text span {
		font-size: 3.4vw;
	}
	
	section.recommend {
		width: 100%;
		height: auto;
		padding: 10.41vw 0 6.51vw;
	}
	
	section.recommend h3.obi {
		width: 94.8vw;
		height: auto;
		margin: 0 auto;
	}

	section.recommend h3.obi.easy {
		width: 96.35vw;
		margin: -3.9vw auto 2.6vw;
	}
	
	
	section.recommend .recommend_list {
		width: 100%;
		height: auto;
		margin-top: 5.2vw;
	}
	
	
	section.operation {
		width: 100%;
		height: auto;
		padding: 11.72vw 0 13.02vw;
		background: #ecf4fd;
		position: relative;
	}
	
	section.operation::after {
		content: "";
		width: 16.27vw;
		height: 11.32vw;
		background: url(../images/common/eye.png) center top no-repeat;
		background-size: 100% auto;
		position: absolute;
		top: 7.81vw;
		left: unset;
		right: 5.2vw;
		margin-left: 0;
	}
	
	section.operation .operation_inner {
		width: 100%;
		height: auto;
		margin: 10.41vw auto 0;
		position: relative;
	}
	
	section.operation .operation_inner .slide {
		width: 100%;
		height: auto;
	}
	
	.slide-arrow {
		bottom: 0;
		cursor: pointer;
		margin: auto;
		position: absolute;
		top: 0;
		width: 7.16vw;
		z-index: 10;
	  }
	.prev-arrow {
		left: 2.6vw;
	  }
	.next-arrow {
		right: 2.6vw;
	  }
	
	
	section.operation .operation_inner .slide div {
		width: 96.35vw;
		margin: 0 auto;
		overflow: hidden;
	}
	
	section.operation .operation_inner .slide div img {
		width: 93.35vw;
		margin: 0 auto;
		filter: drop-shadow(0 0 1vw #ababab);
		-webkit-filter: drop-shadow(0 0 1vw #ababab);
	}
	
	section.operation .operation_inner .note {
		width: 97%;
		height: auto;
		margin: 5.85vw auto 0;
		text-align: center;
	}
	
	section.function {
		width: 100%;
		height: auto;
		padding: 11.72vw 0 9.76vw;
	}
	
	section.function .function_inner {
		width: 93.5vw;
		height: auto;
		margin: 10.15vw auto 0;
		display: block;
	}
	
	section.function .function_inner .function_list {
		width: 100%;
		height: 156.38vw;
		border: solid 2px #125cb5;
		margin-bottom: 5.2vw;
		background: white;
		filter: drop-shadow(0 0 2vw #ababab);
		-webkit-filter: drop-shadow(0 0 2vw #ababab);
		display: block;
		padding: 3.9vw 0;
	}
	
	section.function .function_inner .function_list .img {
		width: 85.15vw;
		height: auto;
		margin: 0 auto;
	}
	
	section.function .function_inner .function_list .text_box {
		width: 88.8vw;
		height: auto;
		overflow: hidden;
		font-size: 3.56vw;
		line-height: 1.3;
		margin: 0 auto;
	}
	
	section.function .function_inner .function_list .text_box p {
		width: 100%;
		height: auto;
		font-size: 5.2vw;
		border-bottom: 1px solid #0269d1;
		line-height: 1.1;
		margin: 3.2vw 0;
	}

	section.function .function_inner .function_list_min {
		width: 100%;
		height: auto;
		background: #ecf4fd none;
		filter: drop-shadow(0 0 2vw #ababab);
		-webkit-filter: drop-shadow(0 0 2vw #ababab);
		margin: 0 0 5.2vw;
		font-size: 3.57vw;
		padding: 0 5.7vw 10vw;
		position: relative;
	}

	section.function .function_inner .function_list_min::after {
		content: "";
		width: 82.2vw;
		height: auto;
		position: absolute;
		bottom: 4.6vw;
		left: 5.64vw;
		border-bottom: 2px solid #0269d1;
	}
	
	section.function .function_inner .function_list_min p {
		width: 100%;
		height: 16.66vw;
		text-align: center;
		font-size: 5.2vw;
		color: #0269d1;
		font-weight: 600;
		line-height: 16.66vw;
		z-index: 1;
		margin-bottom: 5.2vw;
		border-bottom: 2px solid #0269d1;
	}

	section.function .function_inner .function_list_min p span::after {
		width: 100%;
		height: 3vw;
		left: 0;
		bottom: 0.68vw;
	}
	
	section.bottom_contact {
		width: 100%;
		height: auto;
		padding: 7.81vw 0 5.2vw;
	}
	
	
	section.bottom_contact .contact_text {
		font-size: 3.38vw;
	}
	
	section.bottom_contact .tel {
		font-size: 8.85vw;
		margin-top: 3.9vw;
		line-height: 1;
	}
	
	section.bottom_contact .tel p::before {
		width: 6.64vw;
		height: 7.94vw;
		background-size: 100% auto;
		position: absolute;
		margin-left: -42.8vw;
	}
	section.bottom_contact .tel p::after {
		width: 67.7vw;
		height: 0.65vw;
		left: 50%;
		top: 8.48vw;
		margin-left: -33.85vw;
	}
	
	section.bottom_contact .tel span {
		font-size: 3.78vw;
	}
	
	section.bottom_contact .mail {
		font-size: 4.55vw;
		margin-top: 2.6vw;
	}
	
	section.bottom_contact .mail::before {
		width: 5.46vw;
		height: 3.77vw;
		background-size: 100% auto;
		top: 1.8vw;
		margin-left: -38.4vw;
	}

	section.bottom_contact_easy {
		width: 100%;
		height: auto;
		background: white;
		border-top: 1.82vw solid #199530;
		border-bottom: 1.82vw solid #199530;
		margin-bottom: 2.6vw;
		padding: 0;
	}
	
	section.bottom_contact_easy .contact_text {
		width: 100%;
		height: 13.67vw;
		font-size: 4.68vw;
		text-align: center;
		font-weight: 600;
		line-height: 13.67vw;
	}
	
	section.bottom_contact_easy .contact_text span::before {
		width: 2.86vw;
		height: 6.38vw;
		background: url(../images/easy/slash_l.png) center top;
		background-size: 100% auto;
		margin-right: 2.6vw;
		top: 1.8vw;
	}
	
	section.bottom_contact_easy .contact_text span::after {
		width: 2.86vw;
		height: 6.38vw;
		background: url(../images/easy/slash_r.png) center top;
		background-size: 100% auto;
		margin-left: 2.6vw;
		top: 1.8vw;
	}
	
	section.bottom_contact_easy .tel_box {
		width: 100%;
		height: 28.77vw;
		font-size: 11.06vw;
	}

	section.bottom_contact_easy .tel_box a {
		color: white;
	}
	
	section.bottom_contact_easy .tel_box p.tel::before {
		content: "";
		width: 7.03vw;
		height: 8.46vw;
		background: url(../images/common/tel_icon_w.png) center top no-repeat;
		background-size: 100% auto;
		display: inline-block;
		margin-right: 2vw;
	}
	
	section.bottom_contact_easy .tel_box p.time {
		width: 100%;
		text-align: center;
		font-size: 4.55vw;
		display: block;
		margin-top: -9.11vw;
	}
	
	section.bottom_contact_easy .mail {
		width: 100%;
		height: 12.24vw;
		font-size: 4.5vw;
		line-height: 12.24vw;
	}
	section.bottom_contact_easy .mail::before {
		content: "";
		width: 5.46vw;
		height: 3.77vw;
		background: url(../images/common/mail_icon.png) center top no-repeat;
		background-size: 100% auto;
		display: inline-block;
		margin-left: 3.9vw;
		margin-right: 1.3vw;
		position: relative;
		top: 0.5vw;
	}

	/*form*/
	section.form_wrapper {
		width: 100%;
		height: auto;
	}

	section.form_wrapper h3.obi {
		width: 100%;
		height: 32.03vw;
		background: #125cb5;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 9.76vw;
	}

	section.form_wrapper h3.obi .agency {
		width: 72.26vw;
	}
	section.form_wrapper h3.obi .contact {
		width: 70.18vw;
	}
	section.form_wrapper h3.obi .inquiry {
		width: 65.49vw;
	}
	section.form_wrapper h3.obi .medium {
		width: 57.68vw;
	}
	section.form_wrapper h3.obi .site_contact {
		width: 64.32vw;
	}

	section.form_wrapper .text {
		text-align: center;
		font-size: 3.9vw;
		margin-bottom: 13.02vw;
		font-weight: 500;
	}

	section.form_wrapper .text span {
		position: relative;
	}

	section.form_wrapper .text span::after {
		bottom: 0;
	}

	section.form_wrapper .medium_text {
		width: 94.14vw;
		text-align: center;
		margin: -4.8vw auto 14.58vw;
		position: relative;
	}

	.status {
		width: 93.22vw;
		margin: 13.02vw auto 15.6vw;
	}

	section.form_wrapper form {
		padding-bottom: 25vw;
	}

	section.form_wrapper form input[type="submit"] {
		width: 62.49vw;
		height: 10.93vw;
		margin: 18.48vw auto 0;
		text-align: center;
		display: block;
		background: url(../images/form/confirm.png) center top no-repeat;
		background-size: 100% auto;
		border: none;
		cursor: pointer;
	}

	form .form_inner {
		width: 100%;
		height: auto;
		margin: 15.6vw auto 0;
		border: none;
		background: #eeeded;
		padding: 6.51vw 3.38vw;
	}

	form .form_inner dl {
		width: 100%;
		height: auto;
		display: block;
		border-top: none;
		padding: 10px 0;
	}

	form .form_inner #addition {
		border-top: none;
	}

	form .form_inner dl:first-child {
		border: none;
	}

	form .form_inner dl dt {
		width: 100%;
		height: 40px;
		min-height: auto;
		background: #eeeded;
		font-size: 18px;
		padding: 0;
		display: flex;
		align-items: center;
	}

	form .form_inner dl dt p {
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 13px;
	}

	form .form_inner dl dt span {
		width: 54px;
		height: 26px;
		color: white;
		background: #f22828;
		margin-left: 18px;
		text-align: center;
		display: inline-block;
		line-height: 28px;
		font-size: 16px;
	}

	form .form_inner dl dt.filebox {
		display: block;
		height: auto;
		line-height: unset;
		padding: 0;
	}

	form .form_inner dl dd {
		width: 100%;
		height: auto;
		background: none;
		padding: 0;
		display: block;
	}

	form .form_inner dl dd.filebox {
		padding-top: 0;
	}
	

	section.form_wrapper .form_inner dl dd input[type="text"] {
		width: 100%;
		height: 44px;
		padding: 0 10px;
		border: 1px solid #a0a0a0;
		font-size: 18px;
	}

	section.form_wrapper .form_inner dl dd select {
		width: 100%;
		height: 44px;
		padding: 0 20px;
		border: 1px solid #a0a0a0;
		font-size: 18px;
	}

	form .form_inner dl dd.checkbox {
		width: 100%;
		padding: 5px;
		background: white;
		border: solid 1px #a0a0a0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	form .form_inner dl dd.filebox {
		width: 100%;
		padding: 15px;
		background: white;
		border: solid 1px #a0a0a0;
		display: flex;
	}

	section.form_wrapper .form_inner dl dd label {
		width: 45%;
		height: 30px;
		display: inline-block;
		line-height: 32px;
		margin: 5px 0;
	}

	section.form_wrapper .form_inner dl dd textarea {
		width: 100%;
		height: 277px;
		border: 1px solid #a0a0a0;
		font-size: 18px;
	}

	section.form_wrapper .form_inner dl dd p img {
		width: 200px;
	}


	#fileName01, #fileName02, #fileName03 {
		white-space: normal;
		text-align: center;
		width: 207px;
	}
	
	label.fileUploadBtn {
		margin: 0 !important;
	}

	#page_top, #page_top_sp {
		width: 5.72vw;
		height: auto;
		position: unset;
		right: 1.3vw;
		bottom: 13vw;
		z-index: 100;
		cursor: pointer;
		display: block;
		margin: 0 auto;
	}

	#scroll_contact {
		display: none;
	}

	footer {
		width: 100%;
		height: auto;
		padding-top: 2.6vw;
		margin-top: 6.11vw;
	}

	footer::before {
		top: -1.3vw;
	}

	footer nav#fNav {
		display: none;
	}

	footer nav#fNav_sp {
		display: block;
		font-size: 4.42vw;
	}

	footer nav#fNav_sp .sp_menu a {
		color: white;
	}

	footer nav#fNav_sp .sp_menu .menu-list li, footer nav#fNav_sp .sp_menu .menu-list li.accordion-toggle, footer nav#fNav_sp .sp_menu .menu-list .menu-login {
		font-size: 4.42vw;
		font-weight: 600;
		text-transform: uppercase;
	}

	footer nav#fNav_sp .sp_menu .accordion-toggle, footer nav#fNav_sp .sp_menu .accordion-content, li.normal {
		cursor: pointer;
		position: relative;
		border-top: solid white 1px;
		padding: 2.6vw 11.72vw;
	}

	li.normal:last-child {
		border-bottom: solid white 1px;
	}

	footer nav#fNav_sp .sp_menu .accordion-content {
		display: none;
	}

	footer nav#fNav_sp .sp_menu .accordion-toggle a:before, footer nav#fNav_sp .sp_menu .accordion-toggle a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 11.72vw;
		width: 2.21vw;
		height: 3.51vw;
		background: url(../images/common/fnav_sp.png) center top no-repeat;
		background-size: 100% auto;
		transition: all 0.1s ease-out;
		margin-top: -1.25vw;
	}

	footer nav#fNav_sp .sp_menu li.normal a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 11.72vw;
		width: 2.21vw;
		height: 3.51vw;
		background: url(../images/common/fnav_sp.png) center top no-repeat;
		background-size: 100% auto;
		transition: all 0.1s ease-out;
		margin-top: -1.25vw;
	}
	footer nav#fNav_sp .sp_menu .accordion-toggle a.active:before {
		transform: rotate(90deg);
	}

	footer nav#fNav_sp .sp_menu .accordion-toggle a.active:after {
		content: none;
	}
	
	footer nav#fNav_sp .sp_menu .menu-submenu.accordion-content li {
		padding: 1.5vw 3.2vw;
		font-size: 4vw !important;
	}


	footer #copy {
		width: 100%;
		height: 13.02vw;
		text-align: center;
		font-size: 2.6vw;
		margin-top: 0;
		line-height: 13.02vw;
	}

	#menu-container {
		width: 100%;
		max-height: 100%;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
	}
	#menu-wrapper {
		overflow: hidden;
		max-width: 100%;
		cursor: pointer;
	}


	#menu-wrapper #hamburger-menu {
		position: absolute;
		width: 8.72vw;
		height: 6.24vw;
		z-index: 1000;
		top: 10.15vw;
		right: 6.24vw;
	}

	#menu-wrapper #hamburger-menu span {
		opacity: 1;
		left: 0;
		display: block;
		width: 100%;
		height: 0.52vw;
		border-radius: 10px;
		color: #383838;
		background-color: #383838;
		position: absolute;
		transform: rotate(0deg);
		transition: .3s ease-in-out;
	}

	#menu-wrapper #hamburger-menu span:nth-child(1) {
		top: 0;
	}
	#menu-wrapper #hamburger-menu span:nth-child(2) {
		top: 2.88vw;
	}
	#menu-wrapper #hamburger-menu span:nth-child(3) {
		top: 5.72vw;
	}
	#menu-wrapper #hamburger-menu.open span:nth-child(1) {
		transform: translateY(2.88vw) rotate(135deg);
	}
	#menu-wrapper #hamburger-menu.open span:nth-child(2) {
		opacity: 0;
		transform: translateX(60px);
	}
	#menu-wrapper #hamburger-menu.open span:nth-child(3) {
		transform: translateY(-2.88vw) rotate(-135deg);
	}

	.menu-list .menu-submenu {
		padding: 0 5.6vw;
	}
	#menu-container .menu-list {
		display: block;
		position: absolute;
		width: 100%;
		height: 100vh;
		background: white;
		z-index: 999;
		overflow-x: hidden;
		left: 100% !important;
		top: 22.65vw;
		padding: 0 9.76vw;
		transition: 0.5s all;
	}

	#menu-container .menu-list.active {
		left: 0 !important;
		transition: 0.5s all;
	}

	#menu-container .menu-list .sp_menu {
		width: 100%;
		height: 150vw;
		overflow-y: auto;
	}

	#menu-container .menu-list li {
		font-size: 4.42vw;
		font-weight: 600;
		padding: 2.6vw;
		text-transform: uppercase;
	}

	#menu-container .menu-list li.normal {
		position: relative;
		height: 12.05vw;
	}

	#menu-container .menu-list li.normal a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 2.6vw;
	}

	.accordion-toggle, .accordion-content, li.normal {
		cursor: pointer;
		position: relative;
	}

	.accordion-content {
		display: none;
	}

	.accordion-toggle a:before, .accordion-toggle a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 2.6vw;
		width: 2.21vw;
		height: 3.51vw;
		background: url(../images/common/menu_icon.png) center top no-repeat;
		background-size: 100% auto;
		transition: all 0.1s ease-out;
		margin-top: -1.25vw;
	}

	li.normal a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 2.6vw;
		width: 2.21vw;
		height: 3.51vw;
		background: url(../images/common/menu_icon.png) center top no-repeat;
		background-size: 100% auto;
		transition: all 0.1s ease-out;
		margin-top: -1.25vw;
	}
	.accordion-toggle a.active:before {
		transform: rotate(90deg);
	}

	.accordion-toggle a.active:after {
		content: none;
	}
	
	.menu-submenu.accordion-content li {
		font-size: 4vw !important;
		position: relative;
		margin-bottom: 4.8vw;
	}

	.menu-submenu.accordion-content li a {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	
}