@charset "utf-8";

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

RESET CSS

html5doctor.com Reset Stylesheet

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

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;/*vertical-align:baseline;*/background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}/ change colours to suit your needs /
ins{background-color:#ff9;color:#000;text-decoration:none}/ change colours to suit your needs /
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

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

common

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

@import url(https://fonts.googleapis.com/css?family=Roboto);

*{ /*font-family: "Noto Sans JP", 'Noto Sans', "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/ font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Verdana", "Helvetica", "Arial", "ＭＳ Ｐゴシック", "sans-serif"; margin: 0; padding: 0; box-sizing:border-box; font-weight:normal;}
body{ font-size:16px; line-height:2rem; font-weight:100%; color:#000; text-align:center; padding:/*100px*/0 0 0 0; word-wrap:break-word; transition:.5s;}
body.sub.fixed { padding:50px 0 0 0;}
@media screen and (max-width:767px){
	body{ padding:0 0 0 0;}
}

a,a:link, a:visited { color:#000; text-decoration:none; }
a:active, a:hover { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:none; filter: alpha(style=0,opacity=80);opacity: 0.8;}
a:hover img { filter: alpha(style=0,opacity=80);opacity: 0.8;}
a.hover_no:hover { filter: alpha(style=0,opacity=100);opacity:1; cursor:default;}
a.hover_no:hover img { filter: alpha(style=0,opacity=100);opacity:1; cursor:default;}

h1, h2, h3, h4, h5 {font-weight: normal;}
ul { list-style-type: none; }
dl,dt,dd { margin: 0; padding: 0; }
p { margin: 0 0 2em; padding: 0; /*text-align:left;*/}
img {border: 0; line-height: 0; /*vertical-align: bottom;*/ max-width:100%;}
hr { display: none; }
table { margin: 0; padding: 0; }
th { text-align: left; font-weight: bold; margin: 0; vertical-align:top;}
td { margin: 0; vertical-align:top; }
em {font-weight: bold; font-style: normal;}
form { margin: 0; padding: 0; }
label { margin: 0; padding: 0;}
input.btn { margin: 0 0.5em; padding: 0 1em; }

input[type="button"],input[type="text"],input[type="submit"],input[type="tel"],textarea { -webkit-appearance: none; border-radius: 0;}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}


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

clearfix

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

.clearfix::after {content: "";display: table;clear: both;}



/* column ////////////////////////////////////////////////////////////////////////////////////////////*/
.column-flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;}
.column-flex-sp { justify-content:space-between;}
.column-flex-L { flex-direction:row-reverse;}



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

調整用

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

/*画像を幅にフィット*/
.fitImg{ width:100%; height:auto;}

/*マージン*/
.m0 { margin: 0 !important; }
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}
.mb120 { margin-bottom:120px !important;}

.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}


/*パディング*/
.pb0 { padding-bottom:0 !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}
.pb100 { padding-bottom:100px !important;}

.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}
.pt110 { padding-top:110px !important;}
.pt120 { padding-top:120px !important;}

.w7 { width:7% !important;}
.w8 { width:8% !important;}
.w10 { width:10% !important;}
.w12 { width:12% !important;}
.w15 { width:15% !important;}
.w17 { width:17% !important;}
.w20 { width:20% !important;}
.w25 { width:25% !important;}
.w30 { width:30% !important;}
.w33 { width:33.33% !important;}
.w35 { width:35% !important;}
.w40 { width:40% !important;}
.w50 { width:50% !important;}
.w60 { width:60% !important;}
.w600 { width:600px; margin:0 auto;}
.w650 { width:650px; margin:0 auto;}
.w700 { width:700px; margin:0 auto;}
.w750 { width:750px; margin:0 auto;}
.w800 { width:800px; margin:0 auto;}
@media screen and (max-width:600px){
	.w600 { width:100%; margin:0 auto;}
	.w650 { width:100%; margin:0 auto;}
	.w700 { width:100%; margin:0 auto;}
	.w750 { width:100%; margin:0 auto;}
	.w800 { width:100%; margin:0 auto;}
}



/* list ////////////////////////////////////////////////////////////////////////////////////////////*/
ol.number {}
ol.number li {list-style-type: decimal; line-height:180%; margin:0 0 12px 20px; padding:0;}

ul.dot { margin:0 0 12px 0px; padding:0 0 0 25px;}
ul.dot li {list-style-type: disc; line-height:200%; margin:0; padding:0;}


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

レイアウト

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

/*整列*/
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-left { text-align: left !important; }
.m-center { margin:0 auto !important; }
.v-middle { vertical-align: middle !important; }

/*配置*/
.fl { float:left; }
.fr { float:right; }
.ph_l { float:left; margin:0 1rem 0 0 !important;}
.ph_r { float:right; margin:0 0 0 1rem !important;}