/**********************************************************************
*
*縲€縲€ 笆�蜍牙ｼｷ縺ｮ繝弱え繝上え	/about/knowhow/
*
**********************************************************************/
/* knowhow */
#maincontents_cont .knowhow .tit .tit_l { font-weight: bold;text-align:cemter;}
#maincontents_cont .knowhow .tit .tit_l .min { font-weight: bold;}
#maincontents_cont .knowhow .tit .tit_r { font-weight: bold; color: #2d97d3;}
#maincontents_cont .knowhow .tit .tit_r .min { font-weight: bold;}
#maincontents_cont .knowhow .txtarea .txt { line-height: 1.4;}
#maincontents_cont .knowhow .plantit { display: table; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#maincontents_cont .knowhow .plantit .plantit_l { display: table-cell; vertical-align: middle; border-radius:4px 0px 0px 4px;}
#maincontents_cont .knowhow .plantit .plantit_l .icon { color: #fff; background: url(../img/about/knowhow_plan_icon.png) no-repeat left center; display: inline-block; font-weight: bold;}
#maincontents_cont .knowhow .plantit .plantit_r { display: table-cell;}
#maincontents_cont .knowhow .plantit .plantit_r { font-weight: bold;}
#maincontents_cont .knowhow .plantit .plantit_r .min { font-weight: bold; display: block;}
#maincontents_cont .knowhow .plan01 .plantit { background: url(../img/about/aboutplan_plan01_titbg.gif); border: solid 2px #cbe7f5;}
#maincontents_cont .knowhow .plan01 .plantit .plantit_l { background: url(../img/about/aboutplan_plan01_titarrbg.png) no-repeat right center;}
#maincontents_cont .knowhow .plan01 .plantit .plantit_r { color: #158fd2;}
#maincontents_cont .knowhow .plan01 .plantit .plantit_r .min { color: #2e2e2e;}
#maincontents_cont .knowhow .plan01 .planbox .box_l { text-align: center;}
#maincontents_cont .knowhow .plan01 .planbox .box_l .txt {line-height: 1.4; text-align: left;}
#maincontents_cont .knowhow .plan01 .planbox .box_r { text-align: center;}
#maincontents_cont .knowhow .plan02 .plantit { background: url(../img/about/aboutplan_plan02_titbg.gif); border: solid 2px #ffa7ae;}
/*#maincontents_cont .knowhow .plan02 .plantit .plantit_l { background: url(../img/about/aboutplan_plan02_titarrbg.png) no-repeat right center;}*/

.tit-wrap{
	width:650px;
	margin:0 auto;
}

#maincontents_cont .knowhow .balloon {
	width:100%;
	text-align:center;
	position: relative;
	display: inline-block;
	margin: 0.4em 0;
	padding: 10px;
	font-size: 24px;
	font-weight:bold;
	/*background: #fff;*/
	/*border: 2px solid #00ced1;*/
	border-radius: 25px;
	color: #FFF;
}

#maincontents_cont .knowhow .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -11px;
  border: 8px solid transparent;
 /* border-top: 11px solid #FFF;
  z-index:2;*/
}

#maincontents_cont .knowhow .balloon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -13px;
  border: 10px solid transparent;
/* border-top: 13px solid #00ced1;
  z-index:1;*/
}
#maincontents_cont .knowhow .balloon span{
	font-size: 24px;
	font-weight:bold;
	color:#FFFF00;
}

#maincontents_cont .knowhow .balloon01 {
	background:#fa6e55;
}

#maincontents_cont .knowhow .balloon01:before {
 border-top: 13px solid #fa6e55;
}

#maincontents_cont .knowhow .balloon02 {
	background:#4eaede;
}

#maincontents_cont .knowhow .balloon02:before {
 border-top: 13px solid #4eaede;
}

#maincontents_cont .knowhow .balloon03 {
	background:#2ac790;
}

#maincontents_cont .knowhow .balloon03:before {
 border-top: 13px solid #2ac790;
}


#maincontents_cont .knowhow .balloon p {
  margin: 0;
  padding: 0;
}

.sqrtit{
	margin-top:-36px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:57px 10px 20px;
}
.sqrtit01{
	background : repeating-linear-gradient(315deg,
	#fce1e6,
	#fce1e6 2px,
	#fce8e8 0,
	#fce8e8 4px);
	border:1px solid #fa6e55;
	border-radius:5px;
	color:#fa6e55;
}
.sqrtit02{
	background : repeating-linear-gradient(315deg,
	#e0ffff,
	#e0ffff 2px,
	#f0f8ff 0,
	#f0f8ff 4px);
	border:1px solid #4eaede;
	border-radius:5px;
	color:#4eaede;
}

.sqrtit03{
	background : repeating-linear-gradient(315deg,
	#dbfff3,
	#dbfff3 2px,
	#ebfff8 0,
	#ebfff8 4px);
	border:1px solid #2ac790;
	border-radius:5px;
	color:#2ac790;
}


.sqrtit span{
	font-size:1.2rem;
	padding-right:10px;
}

/* --SP-- */
@media screen and (max-width: 750px) {
.tit-wrap{
	width:98%;
	margin:0 auto;
}
#maincontents_cont .knowhow .balloon {
	font-size: 1.2rem;
}
#maincontents_cont .knowhow .balloon span{
	font-size: 1.2rem;
	font-weight:bold;
	color:#FFFF00;
}

#maincontents_cont .knowhow .balloon01 {
	background:#fa6e55;
}

#maincontents_cont .knowhow .balloon01:before {
 border-top: 13px solid #fa6e55;
}

.sqrtit{
	width:98%;
	margin:-30px auto 0;
	font-size:1.1rem;
	padding:40px 10px 10px;
}
#maincontents_cont .knowhow .plan02 .planbox p.txt strong{ color:#4682B4; font-weight:bold; background: linear-gradient(#ffffff 60%, #ffff66 60%);}
}

#maincontents_cont .knowhow .plan02 .plantit .plantit_r { color: #e63a50;}
#maincontents_cont .knowhow .plan02 .plantit .plantit_r .min { color: #2e2e2e;}
#maincontents_cont .knowhow .plan02 .planbox .box_l { text-align: center; }
#maincontents_cont .knowhow .plan02 .planbox .box_l .subtit { color: #ff8c00; font-weight: bold; line-height:1.2;}
#maincontents_cont .knowhow .plan02 .planbox .box_l .subtit .red { color: #f04658; font-weight: bold;}
#maincontents_cont .knowhow .plan02 .planbox .box_l .txt { line-height: 1.6; text-align: left;}
#maincontents_cont .knowhow .plan02 .planbox p.txt { margin-top:10px;}
#maincontents_cont .knowhow .plan02 .planbox p.txt strong{ color:#4682B4; font-weight:bold; background: linear-gradient(#ffffff 20%, #ffff66 60%);}
#maincontents_cont .knowhow .plan02 .planbox .box_r { text-align: center; margin-top:20px;}
#maincontents_cont .knowhow .plan02 .planbox .box_r .subtit {font-weight: bold; text-align: center; line-height: 1.4; position: relative;}
#maincontents_cont .knowhow .plan02 .planbox .box_r .subtit:before { content: ""; background: url(../img/about/aboutplan_plan02_img03.png) no-repeat; height: 37px; width: 24px; position: absolute; left: 15px; bottom: 0;}
#maincontents_cont .knowhow .plan02 .planbox .box_r .subtit:after { content: ""; background: url(../img/about/aboutplan_plan02_img04.png) no-repeat; height: 37px; width: 24px; position: absolute; right:  15px; bottom: 0;}
/* knowhowstep */
#maincontents_cont .knowhowstep { text-align: center;}
#maincontents_cont .knowhowstep .titarea { font-weight: bold; text-align: center; display: inline-block; position: relative;}
#maincontents_cont .knowhowstep .titarea:before { content: ""; background: url(../img/about/aboutplanstep_img01.png) no-repeat; height: 60px; width: 27px; position: absolute; left: -5px; bottom: -10px;}
#maincontents_cont .knowhowstep .titarea:after { content: ""; background: url(../img/about/aboutplanstep_img02.png) no-repeat; height: 60px; width: 27px; position: absolute; right: 0; bottom: -10px;}
#maincontents_cont .knowhowstep .titarea .big { font-weight: bold;}
#maincontents_cont .knowhowstep .titarea .blue { color: #2d97d3;}
#maincontents_cont .knowhowstep .titarea .red { color: #f04658;}
#maincontents_cont .knowhowstep .stepbox { background: url(../img/common/boxbg_check_gray.gif); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#maincontents_cont .knowhowstep .stepbox .steplist { display: table;}
#maincontents_cont .knowhowstep .stepbox .steplist li { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 252px; display: table-cell; line-height: 1.4;}
#maincontents_cont .knowhowstep .stepbox .steplist li .num { color: #eaf00b; font-weight: bold; background: url(../img/about/aboutplanstep_bg01.gif); -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-radius:5px 5px 0px 0px ; font-size: 22px; padding: 20px; position: static;}
#maincontents_cont .knowhowstep .stepbox .steplist li .tit { margin: 20px 20px 15px 20px; text-align: left; color: #2d97d3; font-weight: bold; font-size: 18px; border-bottom: solid 1px #dadada; padding-bottom: 20px;}
#maincontents_cont .knowhowstep .stepbox .steplist li .txtbox { padding: 0 20px; text-align: left; font-size: 14px;}
#maincontents_cont .knowhowstep .stepbox .steplist li .notes { padding: 0 20px 20px 20px; font-size: 10px; color: #555555; text-align: left; margin-top: 10px;}
#maincontents_cont .knowhowstep .stepbox .steplist li.steparr { width: 22px; background: url(../img/about/aboutplanstep_arr01.png) no-repeat right center; vertical-align: middle;}
#maincontents_cont .knowhowstep .stepbox .steplist li.step01 { background: #fff;}
#maincontents_cont .knowhowstep .stepbox .steplist li.step01 .tit { padding-left: 65px; background: url(../img/about/aboutplanstep_icon01.png) no-repeat left top;}
#maincontents_cont .knowhowstep .stepbox .steplist li.step02 { background: #fff;}
#maincontents_cont .knowhowstep .stepbox .steplist li.step02 .tit { padding-left: 68px; background: url(../img/about/aboutplanstep_icon02.png) no-repeat left top;}
#maincontents_cont .knowhowstep .stepbox .steplist li.step03 { background: #fff;}
#maincontents_cont .knowhowstep .stepbox .steplist li.step03 .tit { padding-left: 80px; background: url(../img/about/aboutplanstep_icon03.png) no-repeat left top;}
#maincontents_cont .knowhowstep .stepbox .stepupbox { background: url(../img/about/aboutplanstep_arr02.png) no-repeat center top; width: 100%; height: 82px; padding-top: 30px;}
#maincontents_cont .knowhowstep .stepbox .stepupbox .txtarea { font-size: 23px; color: #eaf00b; font-weight: bold; background: #2d97d3; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; margin: 0 auto; padding: 15px 30px;}
#maincontents_cont .knowhowstep .stepbox .stepupbox .txtarea .min{ font-size: 15px; color: #eaf00b; font-weight: bold;}
#maincontents_cont .knowhowstep .btm_notes:before { content: ""; background: url(../img/about/aboutplanstep_bg02.gif) no-repeat top center; height: 20px; display: block; width: 100%;}
#maincontents_cont .knowhowstep .btm_notes{ text-align: left; color: #555555;}

/* --PC-- */
@media screen and (min-width: 751px) {
/* knowhow */
#maincontents_cont .knowhow {}
#maincontents_cont .knowhow .tit { width: 730px; overflow: hidden; margin: 0 auto 70px auto; padding-left: 140px;}
#maincontents_cont .knowhow .tit:before { content: ""; background: url(../img/about/aboutplanstep_img01.png) no-repeat; height: 60px; width: 27px; display: inline-block; float: left;}
#maincontents_cont .knowhow .tit:after { content: ""; background: url(../img/about/aboutplanstep_img02.png) no-repeat; height: 60px; width: 27px; display: inline-block; float: left;}
#maincontents_cont .knowhow .tit .tit_l { font-size: 28px; float: left; width: 410px;}
#maincontents_cont .knowhow .tit .tit_l .min { font-size: 18px; line-height: 28px; display: block; padding-left: 160px;}
/*#maincontents_cont .knowhow .tit .tit_r { font-size: 54px; float: left; width: 280px;line-height: 70px;}
#maincontents_cont .knowhow .tit .tit_r .min { font-size: 41px;}*/
#maincontents_cont .knowhow .txtarea { overflow: hidden; margin-bottom: 70px;}
#maincontents_cont .knowhow .txtarea .txt { width: 390px; margin-left: 20px; float: left;}
#maincontents_cont .knowhow .txtarea .txt p { margin-bottom: 20px;}
#maincontents_cont .knowhow .txtarea .img { width: 390px; margin-left: 20px; float: left;}
#maincontents_cont .knowhow .plantit .plantit_l { width: 170px;}
#maincontents_cont .knowhow .plantit .plantit_l .icon { padding-left: 40px; margin-left: 20px; line-height: 43px; font-size: 22px;}
#maincontents_cont .knowhow .plantit .plantit_r { width: 675px; padding: 25px;}
#maincontents_cont .knowhow .plantit .plantit_r { font-size: 28px;}
#maincontents_cont .knowhow .plantit .plantit_r .min { font-size: 16px; margin-bottom: 10px;}
#maincontents_cont .knowhow .planbox { overflow: hidden; margin: 40px 0 90px 0;}
#maincontents_cont .knowhow .planbox .box_l { width: 390px; margin-left: 20px; float: left;}
#maincontents_cont .knowhow .planbox .box_r { width: 390px; margin-left: 20px; float: left;}
#maincontents_cont .knowhow .plan01 .planbox .box_l { width: 390px; margin-left: 20px; float: left;}
#maincontents_cont .knowhow .plan01 .planbox .box_l .txt { margin-bottom: 50px;}
#maincontents_cont .knowhow .plan02 .planbox .box_l .subtit { margin: 30px 0; font-size: 22px;}
#maincontents_cont .knowhow .plan02 .planbox .box_l .subtit .red { font-size: 22px;}
#maincontents_cont .knowhow .plan02 .planbox .box_r .subtit { font-size: 17px;}
#maincontents_cont .knowhow .plan02 .planbox .box_r .img { margin-top: 30px;}
/* knowhowstep */
#maincontents_cont .knowhowstep .titarea { font-size: 22px; padding: 0 40px; margin-top: 50px; margin-bottom: 25px;}
#maincontents_cont .knowhowstep .titarea .big { font-size: 28px;}
#maincontents_cont .knowhowstep .stepbox { padding: 20px 20px 32px 20px;}
#maincontents_cont .knowhowstep .btm_notes{ font-size: 12px;}

}

/* --SP-- */
@media screen and (max-width: 750px) {
/* knowhow */
#maincontents_cont .knowhow { text-align: center;}
#maincontents_cont .knowhow .tit { text-align: center; position: relative; display: inline-block; margin: 0 auto 30px auto;;}
#maincontents_cont .knowhow .tit:before { content: ""; background: url(../img/about/aboutplanstep_img01.png) no-repeat; height: 40px; width: 27px; position: absolute; left: -20px; bottom: 0;}
#maincontents_cont .knowhow .tit:after { content: ""; background: url(../img/about/aboutplanstep_img02.png) no-repeat; height: 40px; width: 27px; position: absolute; right: -20px; bottom: 0;}
#maincontents_cont .knowhow .tit .tit_l { font-size: 1.2rem; padding-right: 10px;}
#maincontents_cont .knowhow .tit .tit_l .min { display: block; font-size: .9rem; padding-left: 10px;}
#maincontents_cont .knowhow .tit .tit_r { font-size: 1.6rem;}
#maincontents_cont .knowhow .tit .tit_r .min { font-size: 1.2rem;}
#maincontents_cont .knowhow .txtarea { text-align: center; width: 95%; margin: 0 auto 40px auto;}
#maincontents_cont .knowhow .txtarea .txt { text-align: left;}
#maincontents_cont .knowhow .txtarea .txt p { margin-bottom: 15px;}
#maincontents_cont .knowhow .txtarea .img { max-width: 320px; margin: 0 auto;}
#maincontents_cont .knowhow .plantit {width: 95%; margin: 0 auto;}
#maincontents_cont .knowhow .plantit .plantit_l { width: 100px; background-size: 105px auto !important;}
#maincontents_cont .knowhow .plantit .plantit_l .icon { padding-left: 27px; background-size: 20px auto; line-height: 40px; margin-left: 8px;}
#maincontents_cont .knowhow .plantit .plantit_r { padding: 10px 0; font-size: 1.2rem; padding-left: 5px;}
#maincontents_cont .knowhow .plan01 .plantit .plantit_r .min { font-size: 1rem;}
#maincontents_cont .knowhow .plan01 { text-align: left;}
#maincontents_cont .knowhow .plan01 .plantit {width: 95%; margin: 0 auto;}
#maincontents_cont .knowhow .plan01 .planbox { width: 95%; margin: 0 auto;}
#maincontents_cont .knowhow .plan01 .planbox .box_l .img { max-width: 314px; margin: 0 auto;}
#maincontents_cont .knowhow .plan01 .planbox .box_l .txt { margin-top: 15px; margin-bottom: 15px;}
#maincontents_cont .knowhow .plan01 .planbox .box_r { margin-top: 15px;}
#maincontents_cont .knowhow .plan01 .planbox .box_r .img { max-width: 314px; margin: 0 auto;}
#maincontents_cont .knowhow .plan02 { text-align: left; margin-top: 20px;}
#maincontents_cont .knowhow .plan02 .planbox { width: 95%; margin: 20px auto 0;}
#maincontents_cont .knowhow .plan02 .planbox .box_l .img { max-width: 128px; margin: 15px auto;}
#maincontents_cont .knowhow .plan02 .planbox .box_l .subtit { font-size: 1.2rem;}
#maincontents_cont .knowhow .plan02 .planbox .box_l .subtit .red { font-size: 1.2rem;}
#maincontents_cont .knowhow .plan02 .planbox .box_l .txt { margin-top: 10px;}
#maincontents_cont .knowhow .plan02 .planbox .box_r { margin-top: 20px;}
#maincontents_cont .knowhow .plan02 .planbox .box_r .img { max-width: 340px; margin: 15px auto 0 auto;}
/* knowhowstep */
#maincontents_cont .knowhowstep { margin: 50px 2.5% 0 2.5%;}
#maincontents_cont .knowhowstep .titarea { margin-top: 30px;}
#maincontents_cont .knowhowstep .titarea .big { font-size: 1.2rem;}
#maincontents_cont .knowhowstep .titarea:before {left: -20px; bottom: 0; height: 40px;}
#maincontents_cont .knowhowstep .titarea:after { right: -20px; bottom: 0; height: 40px;}
#maincontents_cont .knowhowstep .stepbox { padding: 15px; margin-top: 20px;}
#maincontents_cont .knowhowstep .stepbox img { max-width: 500px;}
#maincontents_cont .knowhowstep .stepbox .steplist li .notes { font-size: .8rem;}
#maincontents_cont .knowhowstep .btm_notes:before { background-size: 100% auto;}
#maincontents_cont .knowhowstep .btm_notes { font-size: .8rem;}

}