@charset "utf-8";

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/YakuHanJP-Regular.woff2") format("woff2"), url("font/YakuHanJP-Regular.woff") format("woff");
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/YakuHanJP-Medium.woff2") format("woff2"), url("font/YakuHanJP-Medium.woff") format("woff");
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/YakuHanJP-Medium.woff2") format("woff2"), url("font/YakuHanJP-Medium.woff") format("woff");
}

@font-face {
  font-family: "YakuHanMPJP";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/YakuHanMP-Regular.woff2") format("woff2"), url("font/YakuHanMP-Regular.woff") format("woff");
}

@font-face {
  font-family: "YakuHanMPJP";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/YakuHanMP-Medium.woff2") format("woff2"), url("font/YakuHanMP-Medium.woff") format("woff");
}

@font-face {
  font-family: "YakuHanMPJP";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/YakuHanMP-Medium.woff2") format("woff2"), url("font/YakuHanMP-Medium.woff") format("woff");
}

* {
	line-height: 150%;
	margin: 0;
	padding: 0;
}

.emp {
    font-size: 120%;
	font-weight: bold;
}

.emp2 {
    font-size: 110%;
}

.emp2 a {
    text-decoration: none;
	color: #000;
	background: linear-gradient(transparent 50%, #ffb6c1 0%);
}

.emp2 a:hover {
    background: linear-gradient(transparent 50%, #ffffff 0%);
}

.emp3 {
    font-size: 110%;
	color: #000;
	text-decoration: none;
	background: linear-gradient(transparent 50%, #ffb6c1 0%);
}

.name {
    display: block;
	width: 100%;
	text-align: right;
}

.nyusatsu span {font-size: 150%;line-height: 1;}

.works_img img {border: 1px solid #D1D1D1;}

@media screen and (max-width: 735px) {
/* ****************************************************
	
	スマホ用プロパティ
	
***************************************************** */
.title_pc {
	display: none;
}

#contentswrap{
    width: auto;
    height: auto;
	overflow: hidden;
	font-family: YakuHanJP, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	background-color: #fdeff2;
	background-image: url("images/bg_pt.png");
	background-repeat: repeat;
	background-size: 220px;
}

#contentswrap img{
    max-width: 100%;
    height: auto;
	width:auto; /* for ie8 */
}

#contentswrap h1 {
   margin: 40px 0;
   text-align: center;
   font-family: YakuHanJP,"Noto Sans JP","Noto Sans CJK JP","Noto Sans Japanese","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Source Sans Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif;
   display: block;
   font-size: calc(1vw + 1.8em);
   font-weight: 900;
   line-height: 1.2;
   letter-spacing: -0.05em;
   color: #d83473;
}

/*#contentswrap h1 {
   margin-bottom: 40px;
   background-image: url("images/bg.png");
   background: linear-gradient(#ffe2ec,rgba(255,255,255,0));
   background-size: contain;
}*/

#contentswrap h1 img {
   vertical-align: top;
   width: 90%;
   margin-top: 40px;
}

.main_wrap {
   width: 100%;
   margin: 0 auto;
   margin-bottom: 50px;
   background: rgba(255,255,255,0.7);
   padding: 30px 0 30px 0;
}

.textread {
    width:85%;
	margin: 0 auto;
	margin-bottom: 40px;
	font-size: 1em;
	color:#333;
	line-height: 160%;
}

.textread2 {
    width:85%;
	margin: 0 auto;
	font-size: 20px;
	margin-bottom: 50px;
	color: #884243;
	line-height: 150%;
}

.textread3 {
	font-size: 16px;
	color:#333;
	line-height: 160%;
	text-align: center;
}

.profile {
   width: 80%;
   margin: 0 auto;
   margin-bottom: 50px;
}

.prof_img {
   width: 100%;
}

.profile img {
   vertical-align: bottom;
}

.prof_txt {
   width: 100%;
   text-align: left;
   font-size: 0.85em;
   background: #fdede4;
   padding: 20px;
   box-sizing: border-box;
   line-height: 180%;
}

.prof_tit {
   display: block;
   font-size: 130%;
   font-weight: bold;
   color: #A86566;
   margin-bottom: 15px;
}

.kikan {
   width: 90%;
   margin: 0 auto;
   font-size: 0.9em;
   margin-bottom: 50px;
   text-align: center;
   border-top: 5px dotted #f19ca7;
   border-bottom: 5px dotted #f19ca7;
   padding: 20px 0 20px 0;
}

.kikan span {
   font-size: 140%;
   font-weight: bold;
}

.kikan b {
   color: #A86566;
}

.kikan p {
   margin-bottom: 10px;
}

.works {
   width: 85%;
   margin: 0 auto;
   margin-bottom: 50px;
   padding: 10px;
   box-sizing: border-box;
   background: #fff;
   text-align: center;
}

.works_img {
   width: 100%;
   margin: 0 auto;
   margin-bottom: 10px;
}

.works_txt {
   font-size: 0.9em;
   line-height: 160%;
}

.graph_tit {
   width: 85%;
   padding: 8px;
   margin: 0 auto;
   background: #ffe4e1;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   box-sizing: border-box;
   border-top: 1px solid #bc8f8f;
   border-bottom: 0px solid #bc8f8f;
}

.graph_inner {
   width: 85%;
   padding: 20px;
   margin: 0 auto;
   margin-bottom: 30px;
   background: #fff5ee;
   font-size: 16px;
   box-sizing: border-box;
   border-bottom: 1px solid #bc8f8f;
   line-height: 160%;
}

.graph_inner2 {
   width: 85%;
   padding: 20px;
   margin: 0 auto;
   margin-bottom: 30px;
   background: #fff4f4;
   font-size: 14px;
   text-align: left;
   box-sizing: border-box;
   border-bottom: 1px solid #bc8f8f;
   line-height: 160%;
}

.link_area {
   width: 100%;
   margin: 0 auto;
   font-size: 16px;
   text-align: center;
}

.link_area a.nyusatsu {
    display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 250px;
	margin: 0 auto;
	margin-bottom: 8px;
	padding: 1rem 1rem;
	font-weight: bold;
	line-height: 2;
	border-radius: 0.8rem;
	border-bottom: 7px solid #b25a5a;
	background: #ff8e8e;
	background-image:url(images/strip.png);
	background-size: 40%;
	color: #fff;
	position: relative;
}

.link_area a.nyusatsu::after {
	position: absolute;
	font-family: "Material Icons";
	font-size: 1.8em;
	content: "\e5c8";
	top: 25%;
	right: 10px;
}

.message {
   width: 100%;
   padding: 15px;
   background: #ffe4e1;
   text-align: left;
   font-size: 0.85em;
   line-height: 180%;
   box-sizing: border-box;
}

.link_oad {
   width: 75%;
   display: block;
   margin: 0 auto;
   margin-bottom: 50px;
}
}

@media screen and (min-width: 736px) {
/* ****************************************************
	
	PC用プロパティ
	
***************************************************** */
.title_smp {
	display: none;
}

#contentswrap{
    width: 100%;
    height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align:center;
	padding: 0px;
	background-color: #fdeff2;
	background-image: url("images/bg_pt.png");
	background-repeat: repeat;
	background-size: 280px;
	background-position: top center;
	font-family: YakuHanJP, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

#contentswrap h1 {
   width: 100%;
   margin: 40px 0;
   font-family: YakuHanJP,"Noto Sans JP","Noto Sans CJK JP","Noto Sans Japanese","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Source Sans Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif;
   display: block;
   font-size: 3.5em;
   font-weight: 900;
   line-height: 1.2;
   letter-spacing: -0.05em;
   color: #d83473;
}

/*#contentswrap h1 {
   width: 100%;
   margin-bottom: 40px;
   background-image: url("images/bg.png");
   background-size: contain;
}*/

#contentswrap h1 img {
   vertical-align: top;
   width: 750px;
   margin-top: 50px;
}

.main_wrap {
   max-width: 1000px;
   margin: 0 auto;
   margin-bottom: 50px;
   background: rgba(255,255,255,0.7);
   padding: 40px 0 30px 0;
}

.textread {
	font-size: 16px;
	color:#333;
	margin-bottom: 40px;
	line-height: 160%;
}

.textread2 {
	font-size: 22px;
	margin-bottom: 50px;
	color: #884243;
	line-height: 150%;
}

.textread3 {
	font-size: 16px;
	color:#333;
	margin-left: 20px;
	line-height: 160%;
	text-align: left;
}

.profile {
   width: 850px;
   margin: 0 auto;
   margin-bottom: 50px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   align-items: center;
}

.prof_img {
   width: 300px;
}

.prof_txt {
   max-width: 450px;
   text-align: left;
   font-size: 0.85em;
   background: #fdede4;
   padding: 20px;
   box-sizing: border-box;
   line-height: 180%;
}

.prof_tit {
   display: block;
   font-size: 130%;
   font-weight: bold;
   color: #A86566;
   margin-bottom: 15px;
}

.kikan {
   width: 640px;
   margin: 0 auto;
   font-size: 16px;
   margin-bottom: 50px;
   border-top: 5px dotted #f19ca7;
   border-bottom: 5px dotted #f19ca7;
   padding: 20px 0 20px 0;
}

.kikan span {
   font-size: 135%;
   font-weight: bold;
}

.kikan b {
   color: #A86566;
}

.kikan p {
   margin-bottom: 10px;
}

.works {
   max-width: 740px;
   margin: 0 auto;
   margin-bottom: 50px;
   padding: 20px;
   box-sizing: border-box;
   background: #fff;
}

.works_img {
   max-width: 400px;
   margin: 0 auto;
   margin-bottom: 10px;
}

.works_txt {
   font-size: 0.95em;
   line-height: 160%;
}

.graph_tit {
   max-width: 850px;
   padding: 8px;
   margin: 0 auto;
   background: #ffe4e1;
   font-size: 16px;
   font-weight: bold;
   box-sizing: border-box;
   border-top: 1px solid #bc8f8f;
   border-bottom: 0px solid #bc8f8f;
}

.graph_inner {
   max-width: 850px;
   padding: 20px;
   margin: 0 auto;
   margin-bottom: 30px;
   background: #fff5ee;
   font-size: 16px;
   box-sizing: border-box;
   border-bottom: 1px solid #bc8f8f;
   line-height: 160%;
}

.graph_inner2 {
   max-width: 850px;
   padding: 20px;
   margin: 0 auto;
   margin-bottom: 30px;
   background: #fff4f4;
   font-size: 14px;
   text-align: left;
   box-sizing: border-box;
   border-bottom: 1px solid #bc8f8f;
   line-height: 160%;
}

.link_area {
   width: 350px;
   margin: 0 auto;
   font-size: 16px;
}

.link_area a.nyusatsu {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 300px;
    margin: auto;
    margin-bottom: 8px;
    padding: 1rem 1rem;
    font-weight: bold;
    line-height: 2;
    border-radius: 0.8rem;
    border-bottom: 7px solid #b25a5a;
	background: #ff8e8e;
	background-image:url(images/strip.png);
	background-size: 40%;
    color: #fff;
	position: relative;
}

.link_area a.nyusatsu::after {
	position: absolute;
	font-family: "Material Icons";
	font-size: 1.8em;
	content: "\e5c8";
	top: 25%;
	right: 10px;
}

.message {
   width: 100%;
   padding: 20px;
   background: #ffe4e1;
   text-align: left;
   font-size: 0.85em;
   line-height: 180%;
   box-sizing: border-box;
}

.link_oad {
   width: 400px;
   display: block;
   margin: 0 auto;
   margin-bottom: 50px;
}
}