@charset "UTF-8";
:root{
  --grey: #f3f3f1;
  --purple: #563cfd;
  --black: #020202;
  --white: #ffffff;
  --cl-text: #464851;
  --f-nts: 'Noto Sans JP', sans-serif;
  --f-cals: "Cal Sans", sans-serif;
  --fw400: 400;
  --fw500: 500;
  --fw600: 600;
  --fw700: 700;
  --fw900: 900;
}
@media screen and (min-width: 751px) and (max-width: 959px) {
	.pagetop{
		bottom: 250px;
	}
}
@media screen and (max-width:750px) {
	body{overflow-x:hidden;font-size:4vw;line-height: 1.7;}
	.inner{padding:0 4vw;}
	img{max-width: 100%;height: auto;}
	p{margin:0 0 5vw 0;letter-spacing: -0.85px}
	.break_pc{display:contents;}
	.break_sp{display:block;}
	.lt-spa {
	    letter-spacing: -1px;
	}
	.mb20 {
	    margin-bottom: 2.666666666666667vw;
	}
	.mb30 {
	    margin-bottom: 4vw;
	}
	.mb40{
		margin-bottom: 5.333333333333333vw;
	}
	.mb50{
		margin-bottom: 6.666666666666667vw;
	}
	.mb60{
		margin-bottom: 8vw;
	}
	.mb70{
		margin-bottom: 9.333333333333333vw;
	}
	.mb80{
		margin-bottom: 10.66666666666667vw;
	}
	.mb90{
		margin-bottom: 12vw;
	}
	.mb110 {
	    margin-bottom: 14.66666666666667vw;
	}
	.size18{
		font-size: 2.75vw;
	}
	.size24{
		font-size: 3.2vw;
	}
	.size28{
		font-size: 3.733333333333333vw;
	}
	.size30{
		font-size: 4vw;
	}
	.size32{
		font-size: 4.266666666666667vw;
	}
	.size70{
		font-size: 9.333333333333333vw;
	}
	
	/*-- fv -----------------------------------
	------------------------------------------*/
	
	/*-- /fv ----------------------------------
	------------------------------------------*/

	/*-- sec01 --------------------------------
	------------------------------------------*/
	.sec01{
		padding: 12vw 0;
	}
	.sec01_box{
		padding: 5vw 4vw;
	}
	/*-- /sec01 -------------------------------
	------------------------------------------*/

	/*-- sec02 --------------------------------
	------------------------------------------*/
	.sec02{
		padding-bottom: 12vw;
	}
	.sec02 .btn_cta{
		max-width: 95.46666666666667vw;
		margin: 0 auto;
	}
	.sec02.bottom{
		padding-top: 12vw;
	}
	.sec02 .box_oishii_base_top{
		padding: 8vw 4vw 2vw 4vw;
	}
	.sec02 .box_oishii_base{
		padding-bottom: 5px;
		border-radius: 4vw;
	}
	.sec02 .box_oishii_base_w p{
		padding: 4vw;
		width: calc(100% - 10px);
		border-radius: 0 0 3vw 3vw;
	}
	/*-- /sec02 -------------------------------
	------------------------------------------*/

	/*-- sec03 --------------------------------
	------------------------------------------*/
	/*-- /sec03 -------------------------------
	------------------------------------------*/

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

	/*-- sec05 --------------------------------
	------------------------------------------*/
	/*-- /sec05 -------------------------------
	------------------------------------------*/

	/*-- sec06 --------------------------------
	------------------------------------------*/
	.sec06{
		padding: 6vw 0 12vw 0;
	}
	.sec06 .sec06_box_wrapp{
		padding: 5vw 4vw 8vw 4vw;
	}
	/*-- /sec06 -------------------------------
	------------------------------------------*/

	/*-- sec07 --------------------------------
	------------------------------------------*/
	/*-- /sec07 -------------------------------
	------------------------------------------*/

	/*-- sec08 --------------------------------
	------------------------------------------*/
	.sec08{
		margin-top: -10vw;
	}
	.sec08 .sec08_box{
		padding: 6vw 0 10vw 0;
	}
	/*-- /sec08 -------------------------------
	------------------------------------------*/

	/*-- sec09 --------------------------------
	------------------------------------------*/
	.sec09{
		padding: 0 0 13.33333333333333vw 0;
		background-size: contain;
	}
	.sec09 .sec09_box{
		padding: 5vw 4vw;
		background-size: contain;
	}
	.sec09 .sec09_list ul li{
		font-size: 6.4vw;
		background-size: 6.666666666666667vw;
		padding-left: 10vw;
		border-width: 0.5vw;
	}
	.sec11 .sec1_box.bg02{
		background-size: contain;
	}
	.sec09_list ul li:not(:last-child) {
    margin-bottom: 2vw;
	}
	/*-- /sec09 -------------------------------
	------------------------------------------*/

	/*-- sec10 --------------------------------
	------------------------------------------*/
	/*-- /sec10 -------------------------------
	------------------------------------------*/

	/*-- sec11 --------------------------------
	------------------------------------------*/
	.sec11{
		padding: 8vw 0 12vw 0;
	}
	.sec11 .sec1_box{
		padding: 6vw 0 0 0;
		background-size: contain;
	}
	.sec11 .sec1_box p.thumb{
		margin-top: 8vw;
	}
	/*-- /sec11 -------------------------------
	------------------------------------------*/

	/*-- sec12 --------------------------------
	------------------------------------------*/
	.sec12{
		padding: 12vw 0 0 0;
		background-size: contain;
	}
	.sec12 .sec12_box.bg01{
		padding-bottom: 12vw;
	}
	.sec12 .sec12_box.bg04,
	.sec12 .sec12_box.bg03,
	.sec12 .sec12_box.bg02{
		background-size: cover;
		padding: 12vw 0;
	}
	.sec12 .sec12_box.bg05{
		background-size: cover;
        padding: 12vw 0;
	}
	.sec12_box .sec12_d_flex{
		padding: 5vw 0;
		border-bottom: 1vw solid #c1a116;
	}
	.sec12_box .sec12_d_flex_w_c{
		padding: 4vw;
		flex-wrap: wrap;
	}
	.sec12_box .sec12_d_flex_w_c .thumb, .sec12_box .sec12_d_flex .thumb {
	    width: 33.33333333333333vw;
	}
	.sec12_box .sec12_d_flex .txt{
		width: calc(100vw - 47vw);
	}
	.sec12_box .sec12_d_flex_w_c .txt{
		width: calc(100vw - 54vw);
		padding-right: 0 !important;
	}
	.sec12_box.bg05 .txt {
    	padding-right: 32vw;
	}
	.sec12 .sec12_box.bg05 h3{
		width: 65.86666666666667vw;
	}
	.sec12_graph01{
  	height:70vw;
	}
	.sec12_graph02{
	height:70vw;
	}
	.sec12_graph03{
	height:68vw;
	}

	/*-- /sec12 -------------------------------
	------------------------------------------*/

	/*-- sec13 --------------------------------
	------------------------------------------*/
	.sec13{
		background-size: cover;
		padding-bottom: 12vw;
	}
	/*-- /sec13 -------------------------------
	------------------------------------------*/

	/*-- sec14 --------------------------------
	------------------------------------------*/
	.sec14{
		padding: 12vw 0;
	}
	.sec14 .sec14_box .txt{
		padding: 2vw 4vw 4vw 4vw;
	}
	.sec14 .sec14_box .txt h3{
		font-size: 6.4vw;
	}
	/*-- /sec14 -------------------------------
	------------------------------------------*/

	/*-- sec15 --------------------------------
	------------------------------------------*/
	.sec15{
		padding: 8vw 0 12vw 0;
	}
	.sec15 .bg_white{
		padding: 6vw 4vw 2vw 4vw;
	}
	.sec15 .bg_white dl dt{
		font-size: 4.8vw;
		width: 18.66666666666667vw;
		height: 6.933333333333333vw;
		margin-bottom: 2vw;
	}
	.sec15 .bg_white dl dt span.ja{
		font-size: 4vw;
	}
	.sec15 .bg_white dl dt, .sec15 .bg_white details summary{
		font-size: 4.8vw;
		padding: 0 0;
		width: 34vw;
		height: 6.933333333333333vw;
		margin-bottom: 2vw;
		}
	/*-- /sec15 -------------------------------
	------------------------------------------*/

	/*-- sec16 --------------------------------
	------------------------------------------*/
	.sec16{
		background-size: contain;
		padding: 20vw 0 12vw 0;
	}
	.sec16 .bg_white .txt h4{
		font-size: 4.8vw;
	}
	.sec16 .bg_white .txt{
		padding: 2vw 4vw 4vw 4vw;
	}
	/*-- /sec16 -------------------------------
	------------------------------------------*/

	/*-- footer --------------------------------
	------------------------------------------*/
	.sec_footer{
		padding: 12vw 0;
	}
	.pagetop{
		right: 4vw;
		bottom: 38vw;
	}
	.pagetop a{
		width: 10vw;
		height: 10vw;
	}
	.pagetop a:before{
		border-left: 2vw solid transparent;
    	border-right: 2vw solid transparent;
    	border-bottom: 3vw solid #fff;
	}
	/*-- /footer -------------------------------
	------------------------------------------*/

	/*-- /cta_fixed ----------------------------
	------------------------------------------*/
	#cta_fixed{
		padding: 4vw 0;
	}
	#cta_fixed p{
	  width: 93.06666666666667vw;
	  margin: 0 auto;
	}
	/*-- /cta_fixed ----------------------------
	------------------------------------------*/
}