@charset "UTF-8";

@media screen and (min-width: 640px) {
/* 640px 以上 */
/* all
-------------------- */
.pc { display: block!important;}
.sp { display: none!important;}
.br { display: block;}

html,body { line-height: 1.7; }


/* トップページへボタン
-------------------- */
.pagetop { bottom: 1rem; right: 24px;}

/* inner-width
-------------------- */
div#footer_inner { margin: 0 auto; max-width: 1024px; }

/* header
-------------------- */
header#header { position: fixed; width: 100%; top: 0; background: #fff; overflow: visible!important; z-index: 1000;}
	#header_inner {  background:#fff; max-width: 100%; }
 
/* logo
-------------------- */
#header_inner #logo {  margin: 1rem auto; }
div#logo a { height: 100px;}
 
/* menu
-------------------- */
.outer-menu { background: #0e3069; border-bottom: 1px solid #0e3069;} 
.outer-menu .checkbox-toggle {display: none;}
.outer-menu .menu ul { max-width: 1024px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.outer-menu .menu ul li {
  display: flex;
  width: 25%;
  border-top: 1px solid #0e3069;
  border-left: 1px solid #0e3069;
  border-radius: 0px;
  background: #fff;
 }
.outer-menu .menu ul li:nth-child(4) { border-right: 1px solid #0e3069;}
.outer-menu .menu ul li:last-child { border-right: 1px solid #0e3069;}
.outer-menu .menu ul li.menu_under { width: 33.3333%; border-bottom: 1px solid #0e3069;}
.outer-menu .menu ul::after {content:""; display: block; width:30%;}
.outer-menu .menu ul li a { width: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 0.3rem 1rem; font-weight: bold; text-align: center; transition: 0.3s; font-size: clamp(1.2rem, 1.127rem + 0.36vw, 1.4rem);}
.outer-menu .menu ul li a:hover { background: #0e3069; color:#fff;} 
.outer-menu .menu ul li.here { background: #0e3069; }

/* Slider
-------------------- */
.slider {margin-top: 182px; margin-bottom: 4rem;}
 
/* SUB IMAGE
-------------------- */
.sub_image {margin-top: 182px;}
 
/* container
-------------------- */
div#container { padding-bottom: 3rem; }


/***************************************************
FlexBox
***************************************************/
ul.flex-box { display: flex; flex-wrap: wrap;}
ul.flex-box.jc-between { justify-content: space-between;}
ul.flex-box.jc-around { justify-content:space-around;}
ul.flex-box.itemcnt {align-items: center;}
ul.flex-box li.two_p {width: 40%;}
ul.flex-box li.three_p {width: 30%;}
ul.flex-box li.spec-L {width: 30%;}
ul.flex-box li.spec-R {width: 65%;}
ul.flex-box li.P-spec-L {width: 50%;}
ul.flex-box li.P-spec-R {width: 45%;}
ul.flex-box li.P-spec-lis-L {width: 60%;}
ul.flex-box li.P-spec-lis-R {width: 25%;}
ul.flex-box li.P-spec-dent-L {width: 50%;}
ul.flex-box li.P-spec-dent-R {width: 40%;}


/* layout
-------------------- */
/* img-layout */
.left { float: left; }
.right { float: right; }

 
/* サブページ TOP
-------------------- */
.certification { margin: 0 autom; padding-top: 146px; }
.main_img { max-width: 100%; max-height: 100%; margin: 0 auto;}
 

/***************************************************
TOP
***************************************************/
/* TOP カテゴリボタン
-------------------- */
ul.top_btn {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 4rem 0 0;}
ul.top_btn li.box { 
 width: 47%; 
 background: repeating-linear-gradient(45deg, #acd0bf, #acd0bf 3px, rgba(0,0,0,0) 3px, rgba(0,0,255,0) 8px); 
 border-radius: 15px;
 margin-left: 8px;
 margin-bottom: 3rem; 
 padding: 1.5rem 2.5rem 1.5rem 1.5rem; 
 box-sizing: border-box; 
 position: relative;
 }
ul.top_btn li.box::before {
 position: absolute;
 top: -8px;
 left: -8px;
 width: 100%;
 height: 100%;
 border-radius: 15px;
 background: rgba(255,255,255,0.8);
 content: '';
}

ul.top_btn li .ttl_icon {display: flex; justify-content: space-between; align-items: center; position: relative;}
ul.top_btn li .ttl_icon >.ttl { width: 80%; font-size: 1.6rem; line-height: 1.3; }
ul.top_btn li .ttl_icon >.icon { width: 20%;}
ul.top_btn li >.p_image { width: 90%; margin: 0 auto; position: relative;}
ul.top_btn li >.btn { max-width: 300px;  margin: 6px auto; position: relative;}
ul.top_btn li >.btn a{
 display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 1rem auto;
	padding: 1rem 0.5rem;
	font-size: 1.2rem;
	color: #42210B;
	border:none;
 background: #FFF54C;
	border-bottom: 2px solid #27acd9;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
}
ul.top_btn li >.btn ::after{
  content: '';
  position: absolute;
  top:42%;
  right: 30px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #42210B;
  border-right: 2px solid #42210B;
  transform: rotate(45deg);
  transition: all .3s;
}
ul.top_btn li >.btn a:hover{background: #45b9b9; color:#FFF54C; }
ul.top_btn li >.btn a:hover::after { right: 20px; border-top: 2px solid #FFF54C; border-right: 2px solid #FFF54C;}

/* バナー
-------------------- */
#bnr {margin: 0 auto; width: 30%; margin: 0 auto 1rem;}
 #bnr p {text-align: center;}
 
 
/* title
-------------------- */
h1.ttl { font-size: 40px; margin-bottom: 20px;}
h1.ttl::before { margin-right: 32px;}
h1.ttl::after { margin-left: 32px;}
h1.ttl_white { color: #FFF; font-size: 300%; line-height: 1.5; margin-bottom:5px; border-bottom: 1px solid #fff;}
h4.sub_ttl1 { font-size: 1.3rem; }
h4.sub_ttl2 { font-size: 26px; }

/* top
-------------------- */
table.tbl_style_01,table.tbl_style_02 {}
table.tbl_style_01 th,
table.tbl_style_01 td,
table.tbl_style_02 th,
table.tbl_style_02 td { }
table.tbl_style_01,
table.tbl_style_02 { width: 100%;}
table.tbl_style_02 td img { width: 100%;}
table.tbl_style_01 th { }


	
/* footer
-------------------- */
footer#footer {}
div.footer_inner { max-width: 1024px; margin: 0 auto;}

/* Table Spec
-------------------- */
ul.list_style_tb {display: table;width: 99.58333333333333%;/* 956px */}
ul.list_style_tb li {display: table-cell;}
ul.list_style_tb li:not(:last-child) {}
ul.list_style_tb li p { display: table-cell; width: 33%; height: 90px; }

/* font
-------------------- */
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px; }
.fs24 {font-size:24px;}
.fs130 {font-size:130%;}
.fs80{font-size: 80%;}
.f_n {font-weight:normal;}


/* IE11 にのみ適用される */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, 
.fs14 {font-size:1.4rem;}
.fs15 {font-size:1.5rem;}
.fs16 {font-size:1.6rem;}
.fs18 {font-size:1.8rem;}
.fs20 {font-size:2.0rem;}
.fs22 {font-size:2.2rem;}
.fs24 {font-size:2.4rem;
  }
}


/* width
-------------------- */
.w10 { width: 10px; } .w20 { width: 20px; } .w30 { width: 30px; } .w40 { width: 40px; } .w50 { width: 50px; } .w60 { width: 60px; } .w70 { width: 70px; } .w80 { width: 80px; } .w90 { width: 90px; } .w100 { width: 100px; }
.w110 { width: 110px; } .w120 { width: 120px; } .w130 { width: 130px; } .w140 { width: 140px; } .w150 { width: 150px; } .w160 { width: 160px; } .w170 { width: 170px; } .w180 { width: 180px; } .w190 { width: 190px; } .w200 { width: 200px; }
.w210 { width: 210px; } .w220 { width: 220px; } .w230 { width: 230px; } .w240 { width: 240px; } .w250 { width: 250px; } .w260 { width: 260px; } .w270 { width: 270px; } .w280 { width: 280px; } .w290 { width: 290px; } .w300 { width: 300px; }
.w310 { width: 310px; } .w320 { width: 320px; } .w330 { width: 330px; } .w340 { width: 340px; } .w350 { width: 350px; } .w360 { width: 360px; } .w370 { width: 370px; } .w380 { width: 380px; } .w390 { width: 390px; } .w400 { width: 400px; }
.w410 { width: 410px; } .w420 { width: 420px; } .w430 { width: 430px; } .w440 { width: 440px; } .w450 { width: 450px; } .w460 { width: 460px; } .w470 { width: 470px; } .w480 { width: 480px; } .w490 { width: 490px; } .w500 { width: 500px; }
.w510 { width: 510px; } .w520 { width: 520px; } .w530 { width: 530px; } .w540 { width: 540px; } .w550 { width: 550px; } .w560 { width: 560px; } .w570 { width: 570px; } .w580 { width: 580px; } .w590 { width: 590px; } .w600 { width: 600px; }
.w610 { width: 610px; } .w620 { width: 620px; } .w630 { width: 630px; } .w640 { width: 640px; } .w650 { width: 650px; } .w660 { width: 660px; } .w670 { width: 670px; } .w680 { width: 680px; } .w690 { width: 690px; } .w700 { width: 700px; }
.w710 { width: 710px; } .w720 { width: 720px; } .w730 { width: 730px; } .w740 { width: 740px; } .w750 { width: 750px; } .w760 { width: 760px; } .w770 { width: 770px; } .w780 { width: 780px; } .w790 { width: 790px; } .w800 { width: 800px; }
.w810 { width: 810px; } .w820 { width: 820px; } .w830 { width: 830px; } .w840 { width: 840px; } .w850 { width: 850px; } .w860 { width: 860px; } .w870 { width: 870px; } .w880 { width: 880px; } .w890 { width: 890px; } .w900 { width: 900px; } .w910 { width: 910px; } .w920 { width: 920px; }
.w930 { width: 930px; } .w940 { width: 940px; } .w950 { width: 950px; } .w960 { width: 960px; }
.maxw980 { max-width: 980px; }

.wdp3 { width: 3%; } .wdp5 { width: 5%; } .wdp8 { width: 8%; } .wdp10 { width: 10%; } .wdp15 { width: 15%; } .wdp20 { width: 20%; } .wdp24 { width: 24%; } .wdp25 { width: 25%; } .wdp30 { width: 30%; } .wdp32 { width: 32%; } .wdp35 { width: 35%; } .wdp38 { width: 38%; } .wdp40 { width: 40%; } .wdp45 { width: 45%; } .wdp46 { width: 46%; } .wdp48 { width: 48%; } .wdp50 { width: 50%; } .wdp52 { width: 52%; }  .wdp55 { width: 55%; } .wdp60 { width: 60%; } .wdp65 { width: 65%; } .wdp70 { width: 70%; } .wdp75 { width: 75%; } .wdp80 { width: 80%; } .wdp85 { width: 85%; } .wdp90 { width: 90%; } .wdp95 { width: 95%; } 
.wdp32 { width: 32%; } 

/* padding
-------------------- */
.pd0 { padding: 0px!important; } .pd5 { padding: 5px; } .pd10 { padding: 10px; } .pd20 { padding: 20px; } .pd30 { padding: 30px; } .pd40 { padding: 40px; } .pd50 { padding: 50px; } .pd60 { padding: 60px; } .pd70 { padding: 70px; } .pd80 { padding: 80px; } .pd90 { padding: 90px; } .pd100 { padding: 100px; }
.pd110 { padding: 110px; } .pd120 { padding: 120px; } .pd130 { padding: 130px; } .pd140 { padding: 140px; } .pd150 { padding: 150px; } .pd160 { padding: 160px; } .pd170 { padding: 170px; } .pd180 { padding: 180px; } .pd190 { padding: 190px; } .pd200 { padding: 200px; }

/* padding-top
-------------------- */	
.pdt5 { padding-top: 5px!important; } .pdt20 { padding-top: 20px; } .pdt40 { padding-top: 40px; }.pdt60 { padding-top: 60px; }.pdt90 { padding-top: 90px; }

/* padding-left
-------------------- */	
.pdl5 { padding-left: 5px; } .pdl10 { padding-left: 10px; } .pdl15 { padding-left: 15px; } .pdl20 { padding-left: 20px; }

/* padding-bottom
-------------------- */	
.pdb5 { padding-bottom: 5px; } .pdb10 { padding-bottom: 10px; }.pdb60 { padding-bottom: 60px!important; } .pdb120 { padding-bottom: 120px!important; } 
	
/* margin
-------------------- */
.mg0a{margin:  0 auto;} .mg0 { margin: 0!important; } .mg10 { margin: 10px!important; } .mg20 { margin: 20px!important; } .mg30 { margin: 30px!important; } .mg40 { margin: 40px!important; } .mg50 { margin: 50px!important; } .mg60 { margin: 60px!important; } .mg70 { margin: 70px!important; } .mg80 { margin: 80px!important; } .mg90 { margin: 90px!important; } .mg100 { margin: 100px!important; }
.mg110 { margin: 110px!important; } .mg120 { margin: 120px; } .mg130 { margin: 130px; } .mg140 { margin: 140px; } .mg150 { margin: 150px; } .mg160 { margin: 160px; } .mg170 { margin: 170px; } .mg180 { margin: 180px; } .mg190 { margin: 190px; } .mg200 { margin: 200px; }

/* margin-top
-------------------- */
.mgt5 { margin-top: 5px; } .mgt10 { margin-top: 10px; } .mgt12 { margin-top: 12px; } .mgt15 { margin-top: 15px; }.mgt20 { margin-top: 20px; } .mgt25 { margin-top: 25px; } .mgt30 { margin-top: 30px; } .mgt35 { margin-top: 35px; } .mgt40 { margin-top: 40px; } .mgt80 { margin-top: 80px; } .margin_box { margin-top: 2vw; }
	
	
/* margin-bottom
-------------------- */
.mgb10 { margin-bottom: 10px!important; } .mgb20 { margin-bottom: 20px!important; } .mgb30 { margin-bottom: 30px!important; } .mgb40 { margin-bottom: 40px!important; } .mgb50 { margin-bottom: 50px!important; } .mgb56 { margin-bottom: 56px!important; } .mgb60 { margin-bottom: 60px!important; } .mgb70 { margin-bottom: 70px!important; } .mgb80 { margin-bottom: 80px!important; } .mgb90 { margin-bottom: 90px!important; } .mgb100 { margin-bottom: 100px!important; }
.mgb110 { margin-bottom: 110px!important; } .mgb120 { margin-bottom: 120px!important; } .mgb130 { margin-bottom: 130px; } .mgb140 { margin-bottom: 140px; } .mgb150 { margin-bottom: 150px; } .mgb160 { margin-bottom: 160px; } .mgb170 { margin-bottom: 170px; } .mgb180 { margin-bottom: 180px; } .mgb190 { margin-bottom: 190px; } .mgb200 { margin-bottom: 200px; } 


/* margin-right
-------------------- */
.mgr5 { margin-right: 5px; } .mgr10 { margin-right: 10px; } .mgr15 { margin-right: 15px; } .mgr20 { margin-right: 20px; } .mgr60 { margin-right: 60px; } .margin_box { margin-right: 6vw; }

/* margin-left
-------------------- */
.mgl5 { margin-left: 5px; } .mgl10 { margin-left: 10px; } .mgl15 { margin-left: 15px; }.mgl20 { margin-left: 20px; } .mgl60 { margin-left: 60px; } .margin_box { margin-left: 30px; }
	
}