@charset "UTF-8";
:root{
  --color1: #ec661d;
  --purple: #563cfd;
  --green: #f6fbfb;
  --blue: #00adbe;
  --yellow: #e07f19;
  --green2: #42b5a9;
  --black: #020202;
  --white: #ffffff;
  --cl-text: #464851;
  --f-mincho: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif !important;
}
@media screen and (max-width:1229px) {
	/*-- header --------------------------------
	------------------------------------------*/
	header {
    	height: 70px;
  	}

	.header_btns {
    	gap: 3vw;
	}

	.header_drawers {
		position: relative;
		width: 50px;
		height: 47px;
		cursor: pointer;
		display: none;
		z-index: 999;
	}

	.header_drawers::after {
		content: 'MENU';
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		font-size: 12px;
	}

	.header_drawers span {
		position: absolute;
		background-color: var(--color1);
		width: 36px;
		height: 3px;
		left: 50%;
		transform: translateX(-50%);
		transition: all .4s ease 0s;
		border-radius: 4px;
	}

	.header_drawers span:nth-child(1) {
		top: 0;
	}

	.header_drawers span:nth-child(2) {
		top: 10px;
	}

	.header_drawers span:nth-child(3) {
		top: 21px;
	}

	.header_drawers p::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		font-size: 12px;
	}

	.header_menus {
		display: flex;
		justify-content: end;
		align-items: center;
		gap: 3vw;
		height: 100%;
	}

	.header_nav {
		display: none;
		position: absolute;
		width: 100%;
		top: 70px;
		left: 0;
		background-color: #fce7dc;
		z-index: 999;
		padding: 30px;
		text-align: center;
	}

	.header_nav li::before {
		content: none;
	}

	.header_list {
		display: block;
		padding: 10px 20px;
		background-color: #fff;
		border-radius: 50px;
		box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  	-webkit-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  	-moz-box-shadow: 0px 4px 10px 0px rgba(147,147,147,0.3);
  	max-width: 430px;
  	margin: 0 auto 5px;
	}

	.header_drawers {
		display: block;
	}

	.header_drawers.is-open::after {
		content: 'CLOSE';
	}

	.header_drawers span.is-open {
		width: 40px;
		left: 43%;
	}

	.header_drawers span:nth-child(1).is-open {
		transform: rotate(-45deg) translateX(-50%);
	}

	.header_drawers span:nth-child(2).is-open {
		display: none;
	}

	.header_drawers span:nth-child(3).is-open {
		top: 29px;
		transform: rotate(45deg) translateX(-50%);
	}
	/*-- /header -------------------------------
	------------------------------------------*/
}
@media screen and (max-width:768px) {
	body { overflow-x: hidden; font-size: 3.733333333333333vw; line-height: 1.5; }
	.imgr img { display: block; max-width: 100%; height: auto; }
	.container { margin-right: auto; margin-left: auto; padding-left: 4vw; padding-right: 4vw; box-sizing: border-box; }
	.mar_au img { margin: 0 auto; }
	.break_sp { display: block; }
	.break_tab{display:contents;}
	.break_pc { display: contents; }
	.none_sp { display: none; }
	.sp { display: block; }
	.pc { display: none; }
	#wrapper { max-width: 768px; width: 100%; }
	.inner { padding: 0 4vw; }
	img { width: 100%; max-width: 100%; height: auto; }
	p { margin: 0 0 4vw 0; font-size: 4.266666666666667vw; }
	.mb0sp { margin-bottom: 0vw !important; }
	.mb30sp { margin-bottom: 4vw !important; }
	.mb60sp { margin-bottom: 8vw !important; }
	.mb80sp { margin-bottom: 10vw !important; }
	.mb100sp { margin-bottom: 12vw !important; }
	.mb150sp { margin-bottom: 15vw !important; }
	.mb200sp { margin-bottom: 20vw !important; }
	.txtsp { font-size: 4.266666666666667vw; }
	.leftsp { text-align: left; }
	.imgLeft{float:unset;margin:0 0 4vw 0;}
	.font_s{font-size:3.85vw;}
	
	/*-- fv -----------------------------------
	------------------------------------------*/
	.sec_fv{
		background: transparent;
		min-height: auto;
		padding-top: 70px;
	}
	.sec_fv .inner{
		padding: 0;
	}
	.sec_fv .btn_fv{
		position: inherit;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 6vw;
	}
	.sec_fv .btn_fv img{
		width: 93.06666666666667vw;
		margin: 0 auto;
	}
	.sec_fv .btn_fv p:first-child{
		margin-bottom: 1vw;
	}
	/*-- /fv ----------------------------------
	------------------------------------------*/

	/*-- sec01 --------------------------------
	------------------------------------------*/
	.sec01{
		margin-top: 16vw;
		padding: 0 0 12vw 0;
		background-color: #f7f7f7;
	}
	.sec01:before{
		display: none;
	}
	.sec01 h2{
		position: relative;
		top: -10vw;
	}
	.sec01 .sec01_txt {
    	padding-left: 0;
    	margin-top: -5vw;
	}
	.sec01 .sec01_box{
		width: calc(100% - 16vw);
	}
	.sec01 .sec01_box dl:nth-child(2),
	.sec01 .sec01_box dl{
		width: 100%;
	}
	.sec01 .sec01_box dl dt{
		font-size: 5vw;
		padding: 2vw;
	}
	.sec01 .sec01_box dl:nth-child(2) dd,
	.sec01 .sec01_box dd{
		padding: 4vw 6vw;
	}
	.sec01 .sec01_box dd li{
		display: flex;
		margin-bottom: 2vw;
	}
	.sec01 .sec01_box dd li span{
		padding-right: 2vw;
	}
	/*-- /sec01 -------------------------------
	------------------------------------------*/

	/*-- sec02 --------------------------------
	------------------------------------------*/
	.sec02{
		padding: 12vw 0 0 0;
	}
	.sec02 .sec02_bg {
    	background: #fce7dc url(../images/sec02_bg_sp.jpg) no-repeat top center;
    	background-size: contain;
	}
	.sec02 .sec02_box_w{
		margin-top: 0;
		padding-top: 16vw;
		gap: 0;
		padding-bottom: 14vw;
	}
	.sec02 .sec02_box_w .item {
	    width: 100%;
	    padding: 0 0 8vw 0;
	}
	.sec02 .sec02_box_w .item:before{
		height: 2vw;
	}
	.sec02 .sec02_box_w .item .thumb{
		margin-top: -10vw;
	}
	.sec02 .sec02_box_w .item .txt{
		padding: 0 4vw;
	}
	.sec02 .sec02_box_w .item .txt ul li img{
		width: auto;
	}
	.sec02 .sec02_box_w .item .txt ul li .text{
		font-size: 4.266666666666667vw;
	}
	.sec02 .sec02_box_w .item:first-child{
		margin-bottom: 16vw;
	}
	/*-- /sec02 -------------------------------
	------------------------------------------*/

	/*-- sec03 --------------------------------
	------------------------------------------*/
	.sec03{
		padding: 12vw 0 12vw 0;
	}
	.sec03_bg_w .item{
		flex-wrap: wrap;
	}
	.sec03_bg_w .item.item01{
		background: var(--white) url(../images/no_01.png) no-repeat bottom right -4vw;
	}
	.sec03_bg_w .item.item02 {
    	background: var(--white) url(../images/no_02.png) no-repeat bottom right 4vw;
	}
	.sec03_bg_w .item.item03 {
    	background: var(--white) url(../images/no_03.png) no-repeat bottom right -4vw;
	}
	.sec03_bg_w .item .txt{
		width: 100%;
		padding: 4vw 4vw 10vw 4vw;
	}
	.sec03_bg_w .item .txt h3{
		font-size: 5.5vw;
		margin-bottom: 3vw;
	}
	.sec03_bg_w .item .d_flex_list .col:first-child{
		width: 100%;
		min-height: 100%;
		background: url(../images/arr_sp.png) no-repeat bottom center;
		background-size: contain;
		padding-bottom: 16vw;
	}
	.sec03_bg_w .item .d_flex_list .col:last-child{
		width: 100%;
		padding-top: 4vw;
		/*--
		padding-left: 14vw;
		padding-right: 11vw;
		--*/
	}
	.sec03_bg_w .item.item02 .txt{
		order: 2;
		padding: 4vw 4vw 10vw 4vw;
	}
	.sec03_bg_w .item .d_flex_list .col ul.c-list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.sec03_bg_w .item .d_flex_list .col ul.c-list li{
		width: 50%;
		padding-bottom: 1vw;
	}
	.sec03_bg_w .item .d_flex_list .col .list_dot li:before{
		width: 3vw;
    	height: 3vw;
    	top: 1.4vw;
	}
	.sec03_bg_w .item .d_flex_list .col .list_dot li{
		font-size: 5vw;
	}
	.sec03_bg_w .item .d_flex_list .col .txt_small{
		font-size: 70%;
		padding-left: 4.65vw;
		padding-top: 2vw;
	}
	.sec03_bg_w .item .d_flex_list .col .list_dot li{
		padding-left: 4vw;
	}
	/*-- /sec03 -------------------------------
	------------------------------------------*/

	/*-- sec04 --------------------------------
	------------------------------------------*/
	.sec04{
		padding: 12vw 0 12vw 0;
	}
	.sec04_box .item{
		width: 100%;
	}
	.sec04_box .item h3{
		margin-top: -14vw;
	}
	.sec04_box .item.item01 h3{
		margin-top: -8vw;
	}
	.sec04_box .item .wrapp{
		padding: 0 4vw 8vw 4vw;
		display: flex;
		flex-wrap: wrap;
	}
	.sec04_box .item .wrapp .l-list{
		padding: 0;
		margin-bottom: 6vw;
	}
	.sec04_box .item.fix-item .wrapp .l-list{
		padding: 0;
		order: 1;
	}
	.sec04_box .item.fix-item .wrapp .txt{
		order: 2;
	}
	.sec04_box .item.fix-item .wrapp .imgLeft{
		order: 3;
	}
	.sec04_box .item .wrapp .l-list li{
		background: url(../images/ic_check.png) no-repeat left top 0.8vw;
		background-size: 4.3vw 4.3vw;
		padding-left: 6vw;
		margin-bottom: 5px;
	}
	.sec04_box .item .wrapp .txt_notes{
  		font-size: 80%;
  		display: flex;
	}
	.sec04_box .item .wrapp .ttl{
		font-size: 5.5vw;
		margin-bottom: 2vw;
		display: inline-grid;
	}
	/*-- /sec04 -------------------------------
	------------------------------------------*/

	/*-- sec05 --------------------------------
	------------------------------------------*/
	.sec05{
		padding: 12vw 0 12vw 0;
	}
	.sec05_box .item{
		max-width: 100%;
	}
	.sec05_box .item .wrapp{
		padding: 5vw 4vw 8vw 4vw;
	}
	.sec05_box .item .wrapp h3{
		font-size: 5.5vw;
	}
	.sec05_box .item .wrapp .tag{
		padding: 4vw 0;
	}
	.sec05_box .item .wrapp .tag span{
		padding: 5px 20px;
	}
	/*-- /sec05 -------------------------------
	------------------------------------------*/

	/*-- sec06 --------------------------------
	------------------------------------------*/
	.sec06{
		padding: 12vw 0 12vw 0;
	}
	/*-- /sec06 -------------------------------
	------------------------------------------*/

	/*-- sec07 --------------------------------
	------------------------------------------*/
	.sec07{
		padding: 12vw 0 12vw 0;
	}
	.sec07 .content-wrap{
		padding: 4vw;
	}
	.sec07 .tab-wrap{
		gap: 2vw;
	}
	.sec07 .tab{
		font-size: 5vw;
		padding: 2vw 0;
	}
	/*-- /sec07 -------------------------------
	------------------------------------------*/

	/*-- cta ----------------------------------
	------------------------------------------*/
	.cta{
		padding: 12vw 0 12vw 0;
		background: url(../images/sp_cta_bg.jpg) no-repeat center top;
	}
	.cta .btn_cta {
	    margin-top: 0;
	    margin-bottom: 0;
	    margin-left: 0;
	}
	.cta .btn_cta a{
		border-radius: 50px;
		margin-bottom: 6vw;
		box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.15);
	}
	/*-- /cta ---------------------------------
	------------------------------------------*/

	/*-- sec08 --------------------------------
	------------------------------------------*/
	.sec08{
		padding: 12vw 0 12vw 0;
	}
	.sec08 .sec08_box{
		padding-top: 5vw;
	}
	.sec08 .sec08_box .item{
		width: 100%;
	}
	.sec08 .sec08_box .item .wrapp{
		padding: 4vw 4vw 6vw 4vw;
	}
	.sec08 .sec08_box .item .thumb{
		margin-top: -10vw;
	}
	/*-- /sec08 -------------------------------
	------------------------------------------*/

	/*-- sec09 --------------------------------
	------------------------------------------*/
	.sec09{
		padding: 12vw 0 12vw 0;
	}
	.box_qa .title{
		font-size: 5.5vw;
		margin-bottom: 4vw;
	}
	.box_qa dl{
		padding: 0;
		margin-bottom: 5vw;
	}
	.box_qa dl dt{
		padding: 5vw 4vw;
	}
	.box_qa dl dt img{
		width: auto;
	}
	.box_qa dl dt span{
		font-size: 4.266666666666667vw;
		padding-right: 4vw;
	}
	.box_qa dl dt:before, .box_qa dl dt::after{
		width: 16px;
		right: 4vw;
		height: 2px;
	}
	.box_qa dl dd{
		margin-top: 0;
		padding: 4vw;
	}
	.box_qa dl dd:before{
		width: calc(100% - 8vw);
	}
	/*-- /sec09 -------------------------------
	------------------------------------------*/

	/*-- sec_form -----------------------------
	------------------------------------------*/
	.sec_form{
		padding: 12vw 0 12vw 0;
	}
	.sec_form h2{
		font-size: 6.5vw;
	}
	.sec_form .wrapp_form{
		padding: 6vw 4vw;
	}
	.wrapp_form form dl{
		gap: 3vw;
		margin-bottom: 6vw;
	}
	.wrapp_form form dl dt{
		width: 100%;
		justify-content: flex-start;
	}
	.wrapp_form form dl dd{
		width: 100%;
	}
	.wrapp_form form dl dt .must{
		font-size: 3.6vw;
	}
	.wrapp_form form dl textarea, .wrapp_form form dl input[type="text"]{
		font-size: 4.266666666666667vw;
	}
	.wrapp_form form .sbm_wrap .sbm .sbm_btn{
		width: 100%;
		max-width: 375px;
		padding: 15px 15px;
		font-size: 5vw;
	}
	.wrapp_form form dl .check_3col{
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	}
	/*-- /sec_form ----------------------------
	------------------------------------------*/

	/*-- thanks --------------------------------
	------------------------------------------*/
	.thanks{
	  padding: 30vw 0 12vw 0;
	}
	.thanks h2{
		font-size: 6vw;
		margin-bottom: 6vw;
	}
	.thanks .white_box{
		padding: 6vw 4vw;
	}
	/*-- /thanks -------------------------------
	------------------------------------------*/

	/*-- /footer ------------------------------
	------------------------------------------*/
	.footer {
	    padding: 10vw 0 10vw 0;
	}
	/*-- /footer ------------------------------
	------------------------------------------*/

	/*-- /pagetop ------------------------------
	------------------------------------------*/
	.pagetop{
		bottom:6vw;
		right:4vw;
	}
	.pagetop a{
		width: 10vw;
		height: 10vw;
	}
	/*-- /pagetop ------------------------------
	------------------------------------------*/
}