@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */

<style type="text/css" media="screen">

body{
color:#555;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#fff;
-webkit-text-size-adjust:100%;
}

.title h1{
 font-size:25px;
 font-weight:bold;
 position: relative;
  padding: 3rem 2rem 1rem 1rem;/*上　右　下　左*/
  border-bottom: 3px solid #0a777a;
}

.title h1:before{
position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #0a777a transparent transparent transparent;
}

.title h1:after {
   position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #f9f9f9 transparent transparent transparent;
}

.title h2{
 font-size:22px;
 font-weight:900;
 position: relative;
  display: inline-block;
  padding: 1.5em 2em 0em 2em;
  text-align: center;
  color:#13a897;
}

.title h2:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color: #13a897;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
  content: '\f101';
}

.title h3{
 font-size:18px;
 font-weight:900;
 position: relative;
  display: inline-block;
  padding: 1.5em 2em 0em 2em;
  text-align: center;
  color:#2c2e2e;
}

.title h3#iryou:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#135ba8;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.title h3#seiyaku:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#13a888;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.title h3#food:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#cc2990;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.title h3#seikatsu:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#29b4cc;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.title h3#seikatsu2:before{
	 font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#dcf026;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.title h3#it:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#7be617;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.title h3#ginkou:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#53dee6;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.title h3#butsu:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#f2de2c;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.title h3#other:before{
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color:#92bde8;
  left: 0;
  font-weight: 900;
  padding-top:0.7em;
  padding-right: 1.5em;
	content:'\f111';
}

.honbun{
	font:16px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.honbun p{
	text-indent:1em;
	padding-left:1em;
	padding-top:0.5em;
}

.honbun span{
	font-weight:bold;
	background:linear-gradient(transparent 60%, #FFFE03 60%);
}