@charset "utf-8";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */
body {
  font-family: 'Noto Sans JP', sans-serif;
}

* {
box-sizing:border-box;
margin:0;
padding:0;
border:0;
font-style:normal;
word-break:normal;
word-wrap:break-word;
}

body {
-webkit-text-size-adjust:100%;
line-height:1.3;
color:#333;
-webkit-font-smoothing:subpixel-antialiased;
}

html {font-size: 62.5%; /* ベースを10pxに指定 */}
body {
  font-size: 12px;
  font-size: 1.2rem;
}

article,aside,figure,footer,header,main,menu,nav,section {
display:block;
}
audio,canvas,video {
display:inline-block;
}
img {
vertical-align:bottom;
}
input,select {
font-size:100%;
vertical-align:middle;
}
ul,ol {
list-style-type:none;
}
h1,h2,h3,h4,h5,h6,strong {
-webkit-font-smoothing:antialiased;
}
table {
border-collapse:collapse;
border-spacing:0;
}

a {
/* color:#0078d7; */
color:#0066cc;
text-decoration:underline;
}
a:hover,a:active {
text-decoration:none;
color:#0081d6;
}
a .hv-img {
transition:opacity 0.5s ease-in-out;
}
a:hover .hv-img {
opacity:0.7;
}

/* clearfix */
.cf:after {
display:block;
content:"";
clear:both;
}

.bdr1{
border:solid 1px;
}

/*
-----------------------------------------------
▼inner
----------------------------------------------- */
.inner01{
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.inner02{
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.inner03{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}


/*
-----------------------------------------------
▼レスポンシブ
----------------------------------------------- */
.under1520{
	display: none!important;
}
.under1180{
	display: none!important;
}
.under1000{
	display: none;
}
.under768{
	display: none!important;
}
@media screen and (max-width: 1520px){
	.under1520{
		display: block!important;
	}
}
@media screen and (max-width: 1180px){
	.under1180{
		display: block!important;
	}
}
@media screen and (max-width: 1000px){
	.under1000{
		display: block;
	}
	.over1001{
		display: none;
	}
}
@media screen and (max-width: 768px){
	.under768{
		display: block!important;
	}
	.over769{
		display: none!important;
	}
}

/*
-----------------------------------------------
flex
----------------------------------------------- */
.flex01{
display:flex;
flex-wrap:wrap;
}

.flex02{
display:flex;
flex-wrap:nowrap;
}

.flex03{
display:flex;
flex-wrap:wrap-reverse;
}

.c-between{
justify-content:space-between;
}

.c-around{
justify-content:space-around;
}

.c-start{
justify-content:flex-start;
}

.c-center{
justify-content:center;
}

.c-end{
justify-content:flex-end;
}

.al-end{
align-items:flex-end;
}

.al-center{
align-items:center;
}

.al-start{
align-items:flex-start;
}

/*
-----------------------------------------------
ディスプレイ
----------------------------------------------- */
.ds-b{display:block;}
.ds-i{display:inline;}
.ds-ib{display:inline-block;}

.va-top{
vertical-align:top;
}

/*
-----------------------------------------------
寄せ
----------------------------------------------- */
.tac-all{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align: center;}

/*
-----------------------------------------------
font-size
----------------------------------------------- */
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}

/*
-----------------------------------------------
margin・padding
----------------------------------------------- */
.mt1{margin-top:1px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt10{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt200{margin-top:200px;}

.mb1{margin-bottom:1px;}
.mb3{margin-bottom:3px}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb160{margin-bottom:160px;}

.ml3{margin-left: 3px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml65{margin-left:65px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml100{margin-left:100px;}
.ml110{margin-left:110px;}
.ml120{margin-left:120px;}
.ml130{margin-left:130px;}
.ml140{margin-left:140px;}
.ml150{margin-left:150px;}
.ml160{margin-left:160px;}
.ml170{margin-left:170px;}
.ml180{margin-left:180px;}
.ml190{margin-left:190px;}
.ml200{margin-left:200px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}
.mr110{margin-right:110px;}
.mr120{margin-right:120px;}
.mr130{margin-right:130px;}
.mr140{margin-right:140px;}
.mr150{margin-right:150px;}
.mr153{margin-right:153px;}
.mr160{margin-right:160px;}
.mr170{margin-right:170px;}
.mr180{margin-right:180px;}
.mr190{margin-right:190px;}
.mr200{margin-right:200px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}
.pt160{padding-top:160px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb160{padding-bottom:160px;}



.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w21{width:21px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w82{width:82px}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w105{width:105px;}
.w110{width:110px;}
.w115{width:115px;}
.w120{width:120px;}
.w125{width:125px;}
.w130{width:130px;}
.w135{width:135px;}
.w140{width:140px;}
.w145{width:145px;}
.w150{width:150px;}
.w155{width:155px;}
.w158{width:158px;}
.w160{width:160px;}
.w163{width:163px;}
.w165{width:165px;}
.w170{width:170px;}
.w175{width:175px;}
.w180{width:180px;}
.w185{width:185px;}
.w190{width:190px;}
.w195{width:195px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w271{width:271px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w355{width:355px;}
.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;}
.w448{width:448px;}
.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;}
.w620{width:620px;}
.w630{width:630px;}
.w640{width:640px;}
.w660{width:660px;}
.w680{width:680px;}
.w690{width:690px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}
.w850{width:850px;}
.w900{width:900px;}
.w920{width:920px;}
.w950{width:950px;}
.w1000{width:1000px;}
.w1100{width:1100px;}
.w1200{width:1200px;}

.w3per{width:3%;}
.w4per{width:4%;}
.w5per{width:5%;}
.w6per{width:6%;}
.w7per{width:7%;}
.w8per{width:8%;}
.w9per{width:9%;}
.w10per{width:10%;}
.w11per{width:11%;}
.w12per{width:12%;}
.w13per{width:13%;}
.w14per{width:14%;}
.w15per{width:15%;}
.w16per{width:16%;}
.w17per{width:17%;}
.w18per{width:18%;}
.w19per{width:19%;}
.w20per{width:20%;}
.w21per{width:21%;}
.w22per{width:22%;}
.w23per{width:23%;}
.w24per{width:24%;}
.w25per{width:25%;}
.w26per{width:26%;}
.w27per{width:27%;}
.w28per{width:28%;}
.w29per{width:29%;}
.w30per{width:30%;}
.w31per{width:31%;}
.w32per{width:32%;}
.w33per{width:33%;}
.w34per{width:34%;}
.w35per{width:35%;}
.w36per{width:36%;}
.w37per{width:37%;}
.w38per{width:38%;}
.w39per{width:39%;}
.w40per{width:40%;}
.w41per{width:41%;}
.w45per{width:45%;}
.w46per{width:46%;}
.w50per{width:50%;}
.w55per{width:55%;}
.w60per{width:60%;}
.w70per{width:70%;}
.w80per{width:80%;}
.w90per{width:90%;}
.w100per{width: 100%;}

h1,h2,h3,h4{
font-weight:bold;
}

strong{
font-weight:bold !important;
}
button:hover{
cursor;
}

button:hover{
opacity:0.7;
}


/* css_end */
