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

body {font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue,  Verdana, Meiryo, sans-serif;}
b, strong, .bold{	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue,  "Segoe UI", Verdana, Meiryo, sans-serif;}
/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {font-family: "Segoe UI", Meiryo, sans-serif;}

.E-font_n{font-family: 'Oswald', sans-serif;}
.E-font{font-family: 'Oswald', sans-serif; font-weight: bold;}
.E2-font{font-family: 'Montserrat', sans-serif; font-weight: bold;}

html{
    font-size: 62.5%;
}
body{
    font-size:1.6rem;/* 16px*/
    line-height: 1.5;
}
h1 {
    font-size: 3.6rem;
	font-weight: bold;
}
h2 {
    font-size: 3.6rem;
	font-weight: bold;
}
h2 span{ font-size: 3.2rem;}

h3 {
    font-size: 3.6rem;
	font-weight: bold;
}
h3 span{ font-size: 3.2rem;}

@media screen and (max-width: 768px){
	h2 { font-size: 2.2rem;}
	h2 span{ font-size: 1.8rem;}
	h3 { font-size: 2.2rem;}
	h3 span{ font-size: 1.8rem;}
}


img{ width: 100%;}

.fs_46{font-size: 4.6rem;}
.fs_43{font-size: 4.3rem;}

.s_red{color:#C92C3C; font-size: 3.6rem;}
br.pc{display: block;}
br.sp{display: none;}

.txt_ali_C{ text-align: center;}
.txt_ali_L{ text-align: left;}
.txt_ali_R{ text-align: right;}

section{ padding:0 0 100px 0; position: relative;  color: #060352;}
.sec_ud100{ padding:100px 0 100px 0;}
.bg_w{ background-color: #fff;}
.bg_gr{ background-color: #F8FAFF;  padding:100px 0;}
.title{ width: 100%; text-align: center; margin-bottom: 50px; color: #060352;  position: relative;}


.inner{ width: 100%;  max-width:1250px;margin:0 auto;}
@media screen and (max-width: 1023px){
	.inner{width: calc(100% - 30px);margin:0 auto;}
}

@media screen and (max-width: 768px){
	br.sp{display: block;}
	br.pc{display: none;}
	section{ padding:0 0 50px 0; position: relative;  color: #060352;}
	.sec_ud100{ padding:50px 0 50px 0;}
	.bg_gr{ background-color: #F8FAFF;  padding:50px 0;}
	.title{ margin-bottom: 50px;}
	.s_red{font-size: 2.2rem;}
	.fs_46{font-size: 2.7rem;}
	.fs_43{font-size: 2.2rem;}

}


/*******/
#tit_bg_01{ position: absolute; top:80px; left: 65%; width: 100%; max-width: 220px; z-index: 0;}
#tit_bg_02{ position: absolute; top:-50px; right: 65%; width: 100%; max-width: 400px; z-index: 0;}
#tit_bg_03{ position: absolute; top:30px; left: 60%; width: 100%; max-width: 340px; z-index: 0;}
#tit_bg_04{ position: absolute; top:0px; left: 65%; width: 100%; max-width: 310px; z-index: 0;}
#tit_bg_05{ position: absolute; top:10px; left: 60%; width: 100%; max-width: 200px; z-index: 0;}

@media screen and (max-width: 1023px){
	#tit_bg_01{ top:50px; right: 0%; left: inherit; max-width: 30%;}
	#tit_bg_02{ top:60px; right: 0%; left: inherit;  max-width: 45%;}
	#tit_bg_03{ top:70px; right: 0%; left: inherit;  width: 100%; max-width: 40%;}
	#tit_bg_04{ top:25px; right: 0%; left: inherit;  width: 100%; max-width: 40%;}
	#tit_bg_05{ top:40px; right: 0%; left: inherit;  width: 100%; max-width: 30%;}
}

@media screen and (max-width: 768px){
	#sec_top .inner {width: 100%;}
	#tit_bg_01{ top:50px; right: 0%; left: inherit; max-width: 35%;}
	#tit_bg_02{ top:60px; right: 0%; left: inherit;  max-width: 50%;}
	#tit_bg_03{ top:70px; right: 0%; left: inherit;  width: 100%; max-width: 45%;}
	#tit_bg_04{ top:25px; right: 0%; left: inherit;  width: 100%; max-width: 45%;}
	#tit_bg_05{ top:40px; right: 0%; left: inherit;  width: 100%; max-width: 35%;}
}



/*******/
#sec_top{ background: #F6F8FF; width: 100%; text-align: center; padding: 0;}
#sec_top img { width: 100%; max-width: 1200px;}
#sec_top .sada_logo{ width: 250px; padding: 10px; position: absolute; overflow: hidden;}

@media screen and (max-width: 768px){
	#sec_top .sada_logo{ width: 230px; padding: 10px 0 ;}
}
@media screen and (max-width: 400px){
	#sec_top .sada_logo{ width: 170px; padding: 10px 0 ;}
}
/*******/
#sec_01 { text-align: center;}
#sec_01 p {line-height: 34px; margin-top: 40px;}
#sec_02{}
.sec_02_item_base{display: flex; flex-wrap: wrap; justify-content:space-between;}
.sec_02_item{display: flex; flex-wrap: wrap; align-content: flex-start; width: 23%; border: solid 3px #060352; padding: 20px; border-radius: 6px; background: #fff;}
.sec_02_num{ width: 100%; font-size: 3.8rem; line-height: 1; color: #060352;}
.sec_02_icon{ width: 100%; max-width: 120px; min-height: 105px; margin: 0 auto;}
.sec_02_txt01{ width: 100%; font-weight: bold; line-height:1.6; margin: 25px 0 10px 0;}
.sec_02_img{ margin: 40px 0;}
.sec_02_txt02{ font-size: 2.2rem; font-weight: bold; color: #060352;  line-height: 1.7; margin-bottom: 20px; }
.sec_02_txt03{ line-height: 2.2; color: #060352;}
.sec_02_arrow{ width: 100%; margin: 50px 0; text-align: center; }
.sec_02_arrow img{ max-width: 60px;}

@media screen and (max-width: 930px){
	.sec_02_item{ width: 48.5%; margin-bottom: 20px; padding: 15px;}
}
@media screen and (max-width: 620px){
	.sec_02_item{ width: 48.5%; margin-bottom: 20px; padding: 10px;}
	.sec_02_txt01{ font-size: 12px; margin: 15px 0 10px 0;}
	.sec_02_img{ margin: 10px 0;}
	.sec_02_num{ font-size: 2.6rem; }
	.sec_02_icon{ width: 100%; max-width: 100px; min-height: 90px; margin: 0 auto;}
	.sec_02_txt02{ font-size: 1.5rem; margin-bottom: 10px; }
	.sec_02_txt03{ font-size: 1.2rem; line-height: 1.8;}
	.sec_02_arrow img{ max-width: 40px;}
}


#performance .img_area{display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content:space-between; max-width: 950px; margin: 0 auto;}
#performance .img_area img {width: 32%;}
#performance .notes{ font-size: 1.4rem; text-align: center; margin: 10px 0;}

@media screen and (max-width: 768px){
	#performance .img_area{justify-content: center;}
	#performance .img_area img {width: 46%; margin: 0 2% 15px 2%;}
	#performance .notes{ font-size: 1.1rem; }
}

#sec_celebrity .logos{ max-width: 780px; margin: 0 auto;}
#sec_celebrity .pct{ display: flex; flex-wrap: wrap; align-items: center; align-content: center; max-width: 950px; margin: 0 auto;}
#sec_celebrity .pct img{ width: 12%; max-width: 121px; margin:0 1% 15px 1% }
#sec_celebrity .text_area{ font-size: 2.2rem; color: #060352; text-align: center; margin: 50px 0; line-height: 1.7;}

@media screen and (max-width: 900px){
	#sec_celebrity .pct img{ width: 14.6%; max-width: 121px; margin:0 1% 15px 1% }
}
@media screen and (max-width: 768px){
	#sec_celebrity .pct img{ width: 18%; max-width: 121px; margin:0 1% 15px 1% }
}
@media screen and (max-width: 550px){
	#sec_celebrity .pct img{ width: 23%; max-width: 121px; margin:0 1% 15px 1% }
}
@media screen and (max-width: 450px){
	#sec_celebrity .pct img{ width: 31.3%; max-width: 121px; margin:0 1% 15px 1% }
}


@media screen and (max-width: 768px){
	#sec_celebrity .text_area{ font-size: 1.6rem; }
}

#sec_feature .title { margin-bottom: 30px;}
#sec_feature p{ text-align: center;  line-height: 2; margin-bottom: 20px;}
#sec_feature .box{ width: 100%; max-width: 950px;  background: #fff;  border: solid 3px #060352; border-radius: 6px; margin: 0 auto 20px auto;}
#sec_feature .cont{ position: relative; display: flex; flex-wrap: wrap; align-items: center; align-content: center; margin: 20px 0 0 0;}
#sec_feature .box_title{ width: calc(100% - 120px); padding: 0 0 0 25px; font-size: 2.4rem; font-weight: bold; }
#sec_feature .cont02{ display: flex; flex-wrap: wrap; padding: 25px;}
#sec_feature .text_area { width: 57%; margin-right: 3%; line-height: 2;}
#sec_feature .img_area { width: 40%;}
#sec_feature .img_area img {width: 100%;}

@media screen and (max-width: 768px){
	#sec_feature .box_title{ width: calc(100% - 90px); padding: 0 0 0 15px; font-size: 1.9rem; line-height: 1.3; }
	#sec_feature .text_area { width: 100%; order: 2;  margin-right: 0%; margin-top: 15px; font-size: 15px; line-height: 1.8;}
	#sec_feature .img_area { width: 100%; order: 1;}
	#sec_feature .cont02{ padding: 15px;}
}

/*******/
#sec_step .title { line-height: 1;}
#sec_step .title span{ font-size:2.2rem; }
#sec_step .sec_step_base{display: flex; flex-wrap: wrap; box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.15); width: 100%; max-width: 950px; margin: 0 auto; padding: 30px;}
#sec_step .sec_step_icon{ width: 70px; margin-right: 20px;}
#sec_step .sec_step_icon_sp{ display: none;}
#sec_step .sec_step_box_01{ width: calc(100% - 90px);}
#sec_step .sec_step_tit{ font-size:2.2rem; font-weight: bold; margin-bottom: 10px;}
#sec_step .sec_step_tit span{ font-size:2.4rem; font-weight: bold;}
#sec_step .sec_step_box_02{display: flex; flex-wrap: wrap;}
#sec_step .sec_step_txt{ width: calc(60% - 20px); margin-right: 20px; line-height: 2.1;}
#sec_step .sec_step_img{ width: 40%; }
#sec_step .sec_step_u_txt{  width: 100%; max-width: 950px; margin: 30px auto 0 auto; text-align: right; font-weight: bold; line-height: 1.9;}
.dot-text { padding-top: .4em; background-position: top left -2px; background-repeat: repeat-x; background-size: 1.10em .3em; background-image: radial-gradient(.15em .15em at center center,#C92C3C,#C92C3C 100%,transparent); color: #C92C3C;}
#sec_step .step_line{width: 2px; height: 30px; background: #060352; margin: 0 auto;}

@media screen and (max-width: 768px){
	#sec_step .sec_step_base{ padding: 15px;}
	#sec_step .title span{ font-size:1.6rem; }
	#sec_step .sec_step_icon{ display: none;}
	#sec_step .sec_step_icon_sp{ display: block; width: 45px; margin-right: 12px;}
	#sec_step .sec_step_box_01{ width: calc(100%); display: flex; flex-wrap: wrap;}
	#sec_step .sec_step_tit{ font-size:2.0rem;  line-height: 1.2; margin-bottom: 20px; width: calc(100% - 57px);}
	#sec_step .sec_step_tit span{ display: block; font-size:1.8rem; }
	#sec_step .sec_step_txt{ width: 100%; margin-right: 0px; line-height: 1.8; order: 2;}
	#sec_step .sec_step_img{ width: 100%; order: 1;  margin-bottom: 20px;}
	#sec_step .sec_step_u_txt{ text-align: center;}
}


/*******/
#sec_service .sec_service_item_base{ display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%; max-width: 950px; margin: 0 auto ;}
#sec_service .sec_service_item{ width: 32%;  display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; background: #fff; margin-bottom: 20px;}
#sec_service .ssi_b{ background: #060352;}
#sec_service .ssi_r{ background: #C92C3C;}
#sec_service .sec_service_tit{ text-align: center; color: #fff; font-size: 2.0rem; font-weight: bold; padding: 25px 5px; border-radius: 6px 6px 0 0; width: 100%;}
#sec_service .sec_service_txt{ padding: 20px; width: 100%; line-height: 2.1;}
#sec_service .sec_service_txt span{ font-size: 1.4rem;}

#sec_price .text_area{ text-align: center;}
#sec_price img { width: 100%; max-width: 670px; margin:50px auto 0 auto;}

@media screen and (max-width: 768px){
	#sec_service .sec_service_item{ width: 100%;}
	#sec_service .sec_service_tit{ font-size: 1.8rem;}
}

/*******/
#fixed_bnr{ color: #fff; line-height: 1;}
#fixed_bnr .box_01{ padding: 10px; text-align: center; border: solid 1px #fff; width: 100%; max-width: 600px; margin: 0 auto 10px auto;}
#fixed_bnr .box_02{display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; width: 100%; max-width: 600px; margin: 0 auto; }
#fixed_bnr .txt_01{font-size: 4.0rem; margin-top: -5px;}
#fixed_bnr .txt_02{ }
#fixed_bnr .txt_03{font-size: 1.1rem; text-align: left; margin-bottom: 4px}
#fixed_bnr .txt_04{font-size: 1.8rem; font-weight: bold;}

#fixed_bnr{position:fixed;bottom:0px;left:0px;width:100%;background:rgba(1, 7, 78, 0.8);padding:20px 0 18px 0;text-align:center; z-index: 10;}
#fixed_bnr .btn a{background:#C92C3C;display:inline-flex;border-radius:100px;padding:17px 50px;color:#fff;text-decoration:none;line-height:1;}
.btn--store {font-size:1.9rem; font-weight: bold;}
.btn--store span{font-size:2.7rem; font-weight: bold; padding:0 0 0 10px; margin:-5px 0 0 0 ; transform: scale(0.6, 1);}


@media screen and (max-width: 768px){
	#fixed_bnr .box_02 { justify-content: center;}
	#fixed_bnr .box_02 .btn{ width: 100%;  max-width: 100%; }
}

@media screen and (max-width: 768px){
	#fixed_bnr .box_01{ font-size: 1.0rem; padding: 8px 5px;}
	#fixed_bnr .box_02 { justify-content: center;}
	#fixed_bnr .box_02 .btn{ width: 100%;  max-width: 100%; }
	#fixed_bnr .txt_01{font-size: 3.0rem; margin-top: -5px;}
	#fixed_bnr .txt_03{font-size: 1.0rem; text-align: left; margin-bottom: 4px}
	#fixed_bnr .txt_04{font-size: 1.4rem; font-weight: bold;}

	#fixed_bnr{position:fixed;bottom:0px;left:0px;width:100%;background:rgba(1, 7, 78, 0.8);padding:20px 0 18px 0;text-align:center; z-index: 10;}
	#fixed_bnr .btn a{background:#C92C3C;display:flex; justify-content: center; border-radius:100px;padding:10px 20px;color:#fff;text-decoration:none;line-height:1; width: 100%; margin-top: 10px;}
	.btn--store {font-size:1.8rem; font-weight: bold;}
	.btn--store span{font-size:2.3rem; font-weight: bold; padding:0 0 0 10px; margin:-3px 0 0 0 ; transform: scale(0.6, 1);}

}

/*******/
/*******/

.ribbon_num {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 5px 0;
  margin: 0 0 0 -20px;
  width: 120px;
  color: white;
  background: #060352;
}

.ribbon_num span{
	margin: 0;
	padding: 0px 0px 0px 45px;
	font-size: 3.8rem;
	line-height: 1.3;
}

.ribbon_num:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -1px;
  width: 0px;
  height: 0px;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.ribbon_num:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #060352;
}

@media screen and (max-width: 768px){
	.ribbon_num {
	  padding: 5px 0;
	  margin: 0 0 0 -17px;
	  width: 90px;
	}

	.ribbon_num span{
		margin: 0;
		padding: 0px 0px 0px 40px;
		font-size: 2.7rem;
		line-height: 1.3;
	}

	.ribbon_num:after {
	  border-width: 23px 13px 24px 0px;
	}

	.ribbon_num:before {
	  top: 100%;
	  border-bottom: solid 13px transparent;
	  border-right: solid 17px #060352;
	}

}

/**SNS***/



/**SNS***/

#sec_share{text-align:center;margin-bottom:120px;}
#sec_share .title{border:solid 1px #272627;display:inline-block;border-radius:100px;padding:10px 30px;line-height:1;margin-bottom:30px;font-size:24px;}
#sec_share .sns_area{display:flex;width:267px;margin:0 auto;justify-content:space-between;}
#sec_share .sns_area li{width:72px;}

@media screen and (max-width: 768px){
	#sec_share{text-align:center;margin-bottom:15vw;}
	#sec_share .title{border:solid 1px #272627;display:inline-block;border-radius:100px;padding:2vw 7vw;line-height:1;margin-bottom:7vw;font-size:120%;}
	#sec_share .sns_area{display:flex;width:50vw;margin:0 auto;justify-content:space-between;}
	#sec_share .sns_area li{width:15vw;}
}


/**本体リンクボタン***/
#sec_link_btn{margin-bottom:120px;}
#sec_link_btn .inner{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;}
#sec_link_btn a{width:49%;max-width:457px;margin:0 10px;text-decoration:none;text-align:center;opacity:1;transition:all 300ms 0s ease;}
#sec_link_btn a:hover{opacity:0.7;}
#sec_link_btn .btn_entry2{position:relative;width:100%;padding:30px 0;background:#05064e;color:#fff;font-size:17px;font-weight:bold;margin-bottom:15px;}
#sec_link_btn .btn_entry2::before{z-index:999;position:absolute;top:50%;right:26px;width:39px;height:8px;transform:translateY(-50%);background:url(https://www.ordersuit.info/img/cmn/btn_arrow02.png) no-repeat top center;background-size:100% auto;content:"";}
@media screen and (max-width: 1023px){
	.inner{width:90%;margin:0 auto;}
}
@media screen and (max-width: 768px){
	#sec_link_btn{margin-bottom:0px;}
	#sec_link_btn a{width:100%;}
	#sec_link_btn .btn_entry2{font-size:15px;}
	#sec_link_btn .btn_entry2::before{top:50%;right:15px;width:30px;}
}


/**フッター***/
footer{display:block;}
.mincho{font-family:source-han-serif-japanese, serif;font-weight:400;font-style:normal;}
footer{background:#eeefef;text-align:center;padding:60px 0 200px 0;}
footer .footer_inner{ width:100%;margin:0 auto;}
footer .text{margin-bottom:30px;font-size:24px;}
footer .logo{display:inline-flex;justify-content:space-between;align-items:center;width:450px;margin-bottom:30px;}
footer .logo .chokuhan{width:62px;}
footer .logo .sada_logo{width:368px;}
footer .copyright{font-size:12px;}

@media screen and (max-width: 1023px){
	footer{background:#eeefef;text-align:center;padding:8vw 0 35vw 0;}
	footer .footer_inner{width:90vw;margin:0 auto;}
	footer .text{margin-bottom:3vw;font-size:80%;}
	footer .logo{display:inline-flex;justify-content:space-between;align-items:center;width:60vw;margin-bottom:2vw;}
	footer .logo .chokuhan{width:10vw;}
	footer .logo .sada_logo{width:50vw;}
	footer .copyright{font-size:70%;}
}
@media screen and (max-width: 500px){
 	footer{padding:8vw 0 48vw 0;}
}
/**コンバージョンエリア***/


/**ストアリスト調整***/
/* .gps--list{ font-size: 198%;}
.form__ttl {font-size: 16px !important;}
.form-box { padding: 0 2.3rem 2.3rem 2.3rem !important;}
.map_area{ line-height: 1;}
.store--form label {  font-size: 18px !important;}
.selected--wrap{  color: #656464 !important; font-size: 18px !important;}
.gps--close a{ font-size: 1.6rem !important;}
.store--list--wrap{line-height: 2; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-size: 100%; font-style: normal;}
.store--list--wrap .store--list a{padding: 2rem 8rem 2.3rem 2.3rem !important;}

.form__txt{ font-size: 11.2px !important;}
.store--list--wrap .store--list a::after { width: 0.9rem !important; height: 0.9rem !important; right: 3.4rem !important;}
.store--form #time { padding: 0.3em 3.9rem 0.3em 1rem !important;}
.store--form .select--wrap::after { right: 18px !important; top: 53% !important; width: 9px !important;  height: 9px !important;}
@media screen and (max-width: 1023px){
.map_area{ line-height: 2;}
.store--form label {  font-size: 4vw !important;}
.selected--wrap{ max-width: 440px !important; color: #656464 !important; font-size: 4vw !important;}
}
@media screen and (max-width: 768px){
.map_area{ line-height: 1.3;}
}
@media screen and (max-width: 570px){
.map_area{ line-height: 1.3;}
}
@media screen and (max-width: 400px){
	.map_area{ line-height: 1; padding: 10px 20px 5px !important;}
	.store--list--wrap .store--list a{padding: 2rem 6.2rem 2.3rem 2.3rem !important;}
	.store--list--wrap .store--list a::after { width: 0.9rem !important; height: 0.9rem !important; right: 3.2rem !important;}
} */