@media screen and (min-width: 668px) {
/* PC */

#index_box_sp,#index_main_sp {display: none; }
.pc_no {display: none;}
.box4_n10 {display: none;}



/* base_contents */
body {line-height:1.6; color:#515151; background:#f2eff4; font-feature-settings : "palt"; font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;}


@media screen and (orientation: landscape) {
body { color:#515151; background:#f2eff4; min-width:1086px; line-height: 1.6;}
}




header{width:100%; height: 700px; }

#index_box { width:100%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: flex-start;
padding:2% 0px 0px 0px;  }

.index_box_n1 {width: 20%; margin: 0px 3% 0px 3%; box-sizing: border-box; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.index_box_n2 {width: 74%;  height: 640px; margin: 0px 0px 0px 0px; box-sizing: border-box; background: url(../imag/main.jpg) no-repeat top left; background-size: cover; }


#logo h1 {position: relative;  display: inline-block;  margin-bottom: 1em;}
#logo h1:before {content: ''; width: 30px;  height: 1px;  left: 50%; position: absolute;  bottom: -15px;  display: inline-block; -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: black;}


.logo_n1 {width: 100%;  text-align:center;  }
.logo_n2 {width: 100%; margin: 10px 0% 0px 0%; font-size:14px; font-weight: bold; text-align:center; letter-spacing: 1px; }


.index_img {width: 100%;}
.index_img2 {width: 70%;}
.index_img3 {width: 16%;}
.index_img4 {width: 45%;}



#index_box2 { width:100%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: flex-start;
padding:3% 0px 0px 0px;  }


.index_box2_n1 {width: 60%;  height: 360px; margin: 0px 0px 0px 0px; box-sizing: border-box; background: url(../imag/c1.jpg) no-repeat top left; background-size: cover; }
.index_box2_n2 {width: 34%; margin: 0px 3% 0px 3%; box-sizing: border-box; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.box2a_n1 { margin: 0px 0% 15px 0%; font-size:32px; }
.box2a_n1 p { font-size:32px; font-family: 'Montserrat', sans-serif; text-align:left;  background: -webkit-linear-gradient(0deg,#d80c18,#a82288,#2f268a);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; display: }

.box2a_n2 {margin: 0px 0% 15px 0%;text-align:left;  letter-spacing: 1px; }
.box2a_n2 h2 { font-size:26px; }

.box2a_n3 {margin: 0px 0% 0px 0%; font-size:14px; text-align:left; line-height:2.3; }



#index_box3 { width:80%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: space-between;
padding:5% 10% 0px 10%;  }


.box3_n1 { width:100%;  text-align:center; margin: 0px 0% 15px 0%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.box3_n1 p { font-size:32px; font-family: 'Montserrat', sans-serif; text-align:left;  background: -webkit-linear-gradient(0deg,#d80c18,#a82288,#2f268a);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; display: }

.box3_n2 { width:100%;  text-align:center; margin: 0px 0% 35px 0%; font-size:16px; }

.box3_n3 { width: 30%; margin: 0px 0% 0px 0%; font-size:16px; }
.box3_n4 { width: 30%; margin: 0px 0% 0px 0%; font-size:16px; }
.box3_n5 { width: 30%; margin: 0px 0% 0px 0%; font-size:16px; }


.box3_point1,.box3_point2,.box3_point3 {position: relative;}
.box3_point1:before,.box3_point2:before,.box3_point3:before {font-family: "Font Awesome 5 Free"; margin: 0px 0px 0px 0px; font-size: 16px;
display: inline-block;
line-height: 28px;
position: absolute;padding: 0em;
color: #ffffff;
background: #d80c18; 
background: -moz-linear-gradient(left,#d80c18,#a82288,#2f268a); /* FF3.6-15 */
background: -webkit-linear-gradient(left,#d80c18,#a82288,#2f268a); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to righrt,#d80c18,#a82288,#2f268a); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
font-weight: normal; width: 40%;text-align: center;height: 28px; left: 30%; bottom:-30px;  font-family: 'Montserrat', sans-serif; 
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.box3_point1:before{content: "Point.1";}
.box3_point2:before{content: "Point.2";}
.box3_point3:before{content: "Point.3";}


.box3_n3 h2,.box3_n4 h2,.box3_n5 h2 { margin: 40px 0% 20px 0%; font-size:26px;  text-align:center; }
.box3_n3 p,.box3_n4 p,.box3_n5 p { margin: 0px 0% 0px 0%; font-size:14px; line-height:2.0;  }

.text_point {background: linear-gradient( transparent 30%, #f5d1e0 90% );}




#index_box4 { width:100%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: space-between;
padding:5% 0% 0px 0%;  }


.box4_n1 { width:100%;  text-align:center; margin: 0px 0% 15px 0%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.box4_n1 p { font-size:32px; font-family: 'Montserrat', sans-serif; text-align:left;  background: -webkit-linear-gradient(0deg,#d80c18,#a82288,#2f268a);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; display: }

.box4_n2 { width:100%;  text-align:center; margin: 0px 0% 35px 0%; font-size:16px; }

.box4_n3 { width: 100%; margin: 0px 0% 0px 0%; text-align:center; } 



#index_box5 { width:100%; margin: 5% auto; padding:40px 0% 180px 0%;  box-sizing: border-box; background:#353535 url(../imag/o1.png) no-repeat bottom center; background-size:930px 130px;  }
.box5_n1 { color:#ffffff; font-size:24px;  text-align:center;  padding:0% 0% 20px 0%;   }


#index_box5a { width:70%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: space-between;
padding:0% 0% 0px 5%; }



#box5_outline { font-size:15px; padding:0px 0px 0px 0px; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }

#box5_outline li { padding:0px 0px 15px 0px; }
.out_no1 {color:#ffffff; width: 14%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no2 {color:#ffffff; width: 35%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no3 {color:#ffffff; width: 14%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no4 {color:#ffffff; width: 35%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no5 {color:#434343; font-size:123px; font-family: 'Montserrat', sans-serif;  width: 100%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no6 {color:#ffffff; width: 14%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no7 {color:#ffffff; width: 85%; margin:0px 0px 0px 0px; box-sizing: border-box;}


#index_box6 { width:860px; margin: 70px auto 50px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:10px 0px 10px 0px; text-align:center;
background: #d80c18; 
background: -moz-linear-gradient(left,#d80c18,#a82288,#2f268a); background: -webkit-linear-gradient(left,#d80c18,#a82288,#2f268a); background: linear-gradient(to righrt,#d80c18,#a82288,#2f268a); }

.box6_n1,.box6_n2 {width: 50%; padding:40px 0px 40px 0px; text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

#box6 h2 { font-size: 14px; color:#ffffff; padding:0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
.box6_text1 {font-size:30px; color:#ffffff; margin:0px 0px 0px 0px; }
.box6_text2 {font-size:18px; color:#ffffff; margin:0px 0px 0px 0px; }
.box6_text3 {font-size:12px; color:#ffffff; margin:0px 0px 0px 0px; }
#box6_t2:before {margin:0px 10px 0px 0px; width: 30px;height: 20px; background-image: url("../imag/m1.png");background-size: contain;vertical-align: middle;}

#box6_t2 { padding:20px 12% 20px 12%;}

	
.box6_n1	a[href^="tel:"] {pointer-events: none;}
.box6_n1	a {color:#ffffff;}

.box6_n2 a:link {color:#ffffff;text-decoration:none;}
.box6_n2 a:visited{color:#ffffff;text-decoration:none;}
.box6_n2 a:hover{color:#f3c85c;text-decoration:none;}
.box6_n2 a:active{color:#2c2c2c;}

#box6_t2 a {transition:500ms ease all; display: block; font-size:16px; padding:22px 70px 22px 70px;  text-align: center; text-decoration: none; color: #ffffff; background:#251b72; }

#box6_t2 a:link{color:#ffffff; text-decoration:none;}
#box6_t2 a:visited{color:#ffffff;text-decoration:none;}
#box6_t2 a:hover{color:#ffffff;text-decoration:none; background:#731f7f; }
#box6_t2 a:active{color:#2c2c2c; background:#faefd7;}
.material-icons {padding:0px 5px 0px 0px;  vertical-align: -5px;  }





footer {width:100%; margin: 0px auto; text-align:center; padding:30px 0px 120px 0px;}



}/* PC fin */






















@media screen and (max-width: 667px) {
/* SP */
#index_box,#index_main {display: none; }
.sp_no {display: none;}

.box4_n3,.box4_n4,.box4_n5,.box4_n6,.box4_n7,.box4_n8,.box4_n9 {display: none;}





body {line-height:1.6; color:#515151; background:#f2eff4; font-feature-settings : "palt"; font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;}


header{width:100%; }

#index_box { width:100%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: flex-start;
padding:2% 0px 0px 0px;  }

.index_box_n1 {width: 100%; margin: 0px 3% 30px 3%; box-sizing: border-box; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.index_box_n2 {width: 100%;  height: 300px; margin: 0px 0px 0px 0px; box-sizing: border-box; background: url(../imag/sp/main.jpg) no-repeat top left; background-size: cover; }


#logo h1 {position: relative;  display: inline-block;  margin-bottom: 1em;}
#logo h1:before {content: ''; width: 30px;  height: 1px;  left: 50%; position: absolute;  bottom: -15px;  display: inline-block; -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: black;}


.logo_n1 {width: 100%;  text-align:center;  }
.logo_n2 {width: 100%; margin: 10px 0% 0px 0%; font-size:14px; font-weight: bold; text-align:center; letter-spacing: 1px; }


.index_img {width: 100%;}
.index_img2 {width: 70%;}
.index_img3 {width: 16%;}



#index_box2 { width:100%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: flex-start;
padding:40px 0px 20px 0px;  }


.index_box2_n1 {width: 100%;  height: 240px; margin: 30px 0px 0px 0px; box-sizing: border-box; background: url(../imag/c1.jpg) no-repeat top left; background-size: cover; order:2; }
.index_box2_n2 {width: 100%; margin: 0px 3% 0px 3%; box-sizing: border-box; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; order:1; }
.box2a_n1 { margin: 0px 0% 15px 0%; font-size:32px; }
.box2a_n1 p { font-size:24px; line-height:1.4; font-family: 'Montserrat', sans-serif; text-align:center;  background: -webkit-linear-gradient(0deg,#d80c18,#a82288,#2f268a);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; display: }

.box2a_n2 {margin: 0px 0% 15px 0%; text-align:center;  letter-spacing: 1px; }
.box2a_n2 h2 { font-size:24px; }

.box2a_n3 {margin: 0px 0% 0px 0%; font-size:14px;  text-align:center; line-height:2.3; }



#index_box3 { width:80%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: space-between;
padding:5% 10% 0px 10%;  }


.box3_n1 { width:100%;  text-align:center; margin: 0px 0% 15px 0%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.box3_n1 p { font-size:24px; font-family: 'Montserrat', sans-serif; text-align:center;  background: -webkit-linear-gradient(0deg,#d80c18,#a82288,#2f268a);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; display: }

.box3_n2 { width:100%;  text-align:center; margin: 0px 0% 35px 0%; font-size:14px; }

.box3_n3 { width: 100%; margin: 0px 0% 0px 0%; font-size:16px; }
.box3_n4 { width: 100%; margin: 0px 0% 0px 0%; font-size:16px; }
.box3_n5 { width: 100%; margin: 0px 0% 0px 0%; font-size:16px; }


.box3_point1,.box3_point2,.box3_point3 {position: relative;}
.box3_point1:before,.box3_point2:before,.box3_point3:before {font-family: "Font Awesome 5 Free"; margin: 0px 0px 0px 0px; font-size: 16px;
display: inline-block;
line-height: 36px;
position: absolute;padding: 0em;
color: #ffffff;
background: #d80c18; 
background: -moz-linear-gradient(left,#d80c18,#a82288,#2f268a); 
background: -webkit-linear-gradient(left,#d80c18,#a82288,#2f268a); 
background: linear-gradient(to righrt,#d80c18,#a82288,#2f268a); 
font-weight: normal; width: 50%; text-align: center; height: 36px; right:25%; bottom:-36px;  font-family: 'Montserrat', sans-serif; 
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.box3_point1:before{content: "Point.1";}
.box3_point2:before{content: "Point.2";}
.box3_point3:before{content: "Point.3";}


.box3_n3 h2,.box3_n4 h2,.box3_n5 h2 { margin: 30px 0% 10px 0%; font-size:24px;  text-align:center; }
.box3_n3 p,.box3_n4 p,.box3_n5 p { margin: 0px 0% 30px 0%; font-size:14px; line-height:1.9;  }

.text_point {background: linear-gradient( transparent 30%, #f5d1e0 90% );}




#index_box4 { width:80%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: space-between;
padding:5% 10% 20px 10%;  }


.box4_n1 { width:100%;  text-align:center; margin: 0px 0% 15px 0%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.box4_n1 p { font-size:32px; font-family: 'Montserrat', sans-serif; text-align:left;  background: -webkit-linear-gradient(0deg,#d80c18,#a82288,#2f268a);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; display: }

.box4_n2 { width:100%;  text-align:left; margin: 0px 0% 35px 0%; font-size:14px; }




#index_box5 { width:100%; margin: 5% auto 0% auto; padding:40px 0% 80px 0%;  box-sizing: border-box; background:#353535 url(../imag/o1.png) no-repeat bottom center; background-size:100%;  }
.box5_n1 { color:#ffffff; font-size:24px;  text-align:center;  padding:0% 0% 20px 0%;   }


#index_box5a { width:80%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;   justify-content: space-between;
padding:0% 10% 0px 10%; }



#box5_outline { font-size:15px; padding:0px 0px 0px 0px; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }

#box5_outline li { padding:0px 0px 15px 0px; }
.out_no1 {color:#ffffff; width: 28%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no2 {color:#ffffff; width: 70%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no3 {color:#ffffff; width: 28%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no4 {color:#ffffff; width: 70%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no6 {color:#ffffff; width: 28%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.out_no7 {color:#ffffff; width: 70%; margin:0px 0px 0px 0px; box-sizing: border-box;}


#index_box6 { width:100%; margin: 0px auto 50px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:10px 0px 10px 0px; text-align:center;
background: #d80c18; 
background: -moz-linear-gradient(left,#d80c18,#a82288,#2f268a); background: -webkit-linear-gradient(left,#d80c18,#a82288,#2f268a); background: linear-gradient(to righrt,#d80c18,#a82288,#2f268a); }

.box6_n1,.box6_n2 {width: 100%; text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.box6_n1 { padding:20px 0px 10px 0px; }
.box6_n2 { padding:0px 0px 20px 0px; }




#box6 h2 { font-size: 14px; color:#ffffff; padding:0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
.box6_text1 {font-size:30px; color:#ffffff; margin:0px 0px 0px 0px; }
.box6_text2 {font-size:18px; color:#ffffff; margin:0px 0px 0px 0px; }
.box6_text3 {font-size:14px; color:#ffffff; margin:0px 0px 0px 0px; }

#box6_t2 { padding:20px 12% 20px 12%;}

	
.box6_n1	a[href^="tel:"] {pointer-events: none;}
.box6_n1	a {color:#ffffff;}

.box6_n2 a:link {color:#ffffff;text-decoration:none;}
.box6_n2 a:visited{color:#ffffff;text-decoration:none;}
.box6_n2 a:hover{color:#f3c85c;text-decoration:none;}
.box6_n2 a:active{color:#2c2c2c;}

#box6_t2 a {display: block; font-size:20px; padding:22px 20px 22px 20px;  text-align: center; text-decoration: none; color: #ffffff; background:#251b72; }

#box6_t2 a:link{color:#ffffff; text-decoration:none;}
#box6_t2 a:visited{color:#ffffff;text-decoration:none;}
#box6_t2 a:hover{color:#ffffff;text-decoration:none; background:#731f7f; }
#box6_t2 a:active{color:#2c2c2c; background:#faefd7;}
.material-icons {padding:0px 5px 0px 0px;  vertical-align: -5px;  }





footer {width:100%; margin: 0px auto; text-align:center; padding:30px 0px 120px 0px;}




}/* SP fin */