@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	box-sizing: border-box;
	padding: 0 15px;
	margin:0px auto ;
	line-height:160%;
	/*background:url(../../pc/img/bg01.jpg) repeat center top;*/
	background:url(https://tips.sharoushi.link/pc/img/bg01.jpg) repeat center top;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	
}

ol,ul{list-style:none;}
body img { max-width: 100%; height: auto;}

#wrapper {
	/*background:url(../../pc/img/bg02.jpg) repeat-y;*/
	background:url(https://tips.sharoushi.link/pc/img/bg02.jpg) repeat-y;

	margin:20px auto 0px auto;
	/*width:788px;*/
	max-width:800px;
	width: 100%;
	padding:6px;
	box-sizing: border-box;
	
}

#container {
	/*
	width:680px;
	padding:53px 53px 33px 53px;
	*/
	width:100%;
	padding:53px 53px 33px 53px;
	border:1px solid #978974;
	box-sizing: border-box;
	position: relative;
}

/*h1 { text-align:center; padding:20px 0px 60px 0px; margin:0px auto 0px auto; font-size:2.6em; color:#604e2e; background: url(../../pc/img/h1.gif) no-repeat center bottom;}*/


.logo {
	position: absolute;
	top: 10px;
	right: 10px;
}




h1 {
	text-align:center;
	padding:20px 0px 60px 0px;
	margin:0px auto 0px auto;
	font-size:2.4em;
	color:#604e2e;
	/*background: url(../../pc/img/h1.gif) no-repeat center bottom;*/
	background: url(https://tips.sharoushi.link/pc/img/h1.gif) no-repeat center bottom;
	line-height: 1.4;
}

/*
#skill:after {height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;}
#skill img { float:left; margin:3px;}
*/

#skill {display: flex; flex-wrap: wrap;}
#skill img {margin:3px;}
@media screen and (max-width: 560px){
	#skill img {width: calc(25% - 6px); height: auto;}
}
@media screen and (max-width: 420px){
	#skill img {width: calc(33.33% - 6px); height: auto;}
}




dl {  }

dl dt, dl dd { font-size:0.9em; display:block; margin:20px 0px; }

dl dt {
	font-weight:bold;
	font-size:1.4em;
	width:100%;
	color:#604e2e;
	/*background:url(../../pc/img/h2.gif) no-repeat left bottom;*/
	background:url(https://tips.sharoushi.link/pc/img/h2.gif) no-repeat left bottom;
	margin-top:30px;
	padding-bottom:5px;
}
dl dd {width:100%; margin-bottom:30px; }

dl dd iframe {width: 100%}

table {
	width:100%;
	filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}
table th, table td { padding:8px; box-sizing: border-box;}
table th { width:20%; text-align:left; }
table td { width:80%; }

.row01 th, .row01 td {
	background-color:#AAB7D9;
}
.row02 th, .row02 td {
	background-color:#C4CAD2;
}

@media screen and (max-width: 580px){
	table th, table td {display: block; width: 100%;}
	table th {padding-bottom: 0;}
	table th::before {
		content: '■';
		display: inline-block;
		margin-right: 3px
	}
	table td {padding-top: 2px;}
}




#copyright { font-size:0.7em; width:100%; color:#fff; text-align:center; padding:10px 0; }


a#contact { display:block; width:323px; height:69px; margin:20px auto;}
a#contact:hover {
	text-indent:-5000em;
	/*background:url(../../pc/img/btn_on.gif) no-repeat left bottom;*/
	background:url(https://tips.sharoushi.link/pc/img/btn_on.gif) no-repeat left bottom;
}

/* clearfix
------------------------------------------------------------------- */
.clearfix:after, #complete dl:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clearfix	{
	width: 100%;
	/*\*//*/
	overflow: hidden;
	/**/
}


.left {float:left;}
.right {float:right;}


.mgnb5 { margin-bottom:5px;}
.mgnl9 { margin-left:9px;}

/*links
------------------------------------------------------------------- */

a:link {color:#0000cc;} /*未訪問のリンクの色*/
a:visited {color:#0000cc;} /*訪問済みのリンクの色*/
a:hover {color:#0000cc;} /*カーソルが乗っているリンクの色*/
a:active {color:#0000cc;} /*クリック中のリンクの色*/


#copyright a:link {color:#ffffff;} /*未訪問のリンクの色*/
#copyright a:visited {color:#ffffff;} /*訪問済みのリンクの色*/
#copyright a:hover {color:#ffffff; background:#0000cc;} /*カーソルが乗っているリンクの色*/
#copyright a:active {color:#ffffff;} /*クリック中のリンクの色*/


@media screen and (max-width: 748px){
	h1 {font-size: 2em;}
}

@media screen and (max-width: 640px){
	#container {padding: 30px}
}
@media screen and (max-width: 520px){
	dl dt {font-size: 1.2em;}
}
@media screen and (max-width: 460px){
	#container {padding: 20px}
}
@media screen and (max-width: 420px){
	h1 {font-size: 1.6em;}
	dl dt {font-size: 1.1em;}
}



@media screen and (min-width:749px){
a.tel  {pointer-events: none; color: #181818; text-decoration: none;}
}




/*** tips ***/
#tips {}
@media screen and (max-width: 640px){
	#tips #container {padding: 53px 30px 30px}
}