@charset "UTF-8";
/* CSS Document */

.indexlist {
	margin-right: -20px;
}
.indexlist li {	display: block;margin: 25px 20px 0 0;list-style-type: none;}
.indexlist .txt{ border-top:1px dotted rgba(94,73,57,0.80); margin: 10px 0 0;}

@media screen and (min-width: 641px){ /*PC*/
.indexlist li {	width: 210px;float: left;}
.indexlist .txt{ margin: 10px 0 0; padding: 10px 0 0;}

}
@media screen and (max-width: 599px){ /*SP*/
.indexlist li {	width:93%;}
	.indexlist li p:first-child img{width: 100%;}
	.indexlist .txt{ margin: 10px 0 0; padding: 10px 0 0;}
}

.indexlist a img {
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
}
.indexlist a:hover img {
	border: 1px solid #4eace9;
}
.indexlist a img.title {
	margin: 9px 0 3px 0;
	border: none;
}

.indexlist a {
	color: #444;
}
.indexlist a:hover {
	color: #444;
}
/*左メニュー*/
.profnavi {
	list-style-type: none;
	float: right;
	width: 150px;
}
.profnavi li {
	background-image: url(/common/img/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 1px
}
.profnavi a {
	color: #444;
	background-image: url(/support/img/index/index_bullet.gif);
	background-repeat: no-repeat;
	line-height: 1.4em;
	background-position: left center;
	padding: 5px 10px 5px 22px;
	display: block;
	background-color: #FFF;
	zoom: 1;
}
.profnavi a:hover {
	color: #005f2f;/*	background-color: #d7f5c3;
*/}
.profcate a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=80);
}
.caption {
	color: #4790c8;
	font-size: 93%;
}
.catenavi a {
	color: #444;
	background-image: url(/support/img/index/bullet.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	line-height: 1.4em;
}
.catenavi a:hover {
	color: #58aff2;
}
.catenavi a:hover span {
	color: #58aff2;/*	background: #dbeefb;
*/}
.paragraph {
	background-image: url(../img/index/line_bg.gif);
}
.paragraph div {
	font-weight: bold;
	color: #FFF;
	background-color: #16ae9a;
	padding: 5px 15px;
	float: left;
}
.playmovie {
	margin-top: 10px;
	font-size: 85%;
	line-height: 1.5em;
	width: auto;
}
.playmovie a {
	color: #3c94d8;
	background-image: url(../img/index/movieicon.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	padding: 5px 5px 5px 35px;
	display: block;
	background-position: 5px 5px;
	border: 3px solid #dbeefb;
	width: auto;
}
.playmovie a:hover {
	border: 3px solid #93c8f3;
}
.indexlist li a .linktitle {
	font-weight: bold;
	background-color: #cdf5c3;
	background-image: url(/support/img/index/index_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 7px 5px 7px 20px;
	font-size: 93%;
	didplay: block;
}
.indexlist li a:hover .linktitle {
	background-color: #aee684;
	color: #222;
}
.tagimg img {
}
#lc {
	width: 320px;
	float: left;
}
#rc {
	width: 320px;
	float: right;
}
.tagimg {
	margin-top: 30px;
	width: auto;
	padding: 5px 12px;
	background-image: url(/support/img/index/tagbg.gif);
}
.irlink {
	font-size: 93%;
}
.irlink a {
	color: #1d97d7;
	text-decoration: underline;
}
.irlink a:hover {
	text-decoration: none;
}
#coreprof {
	width: auto;
	padding: 0 35px 40px 35px;
}
#coreprof th, #coreprof td {
	font-size: 95%;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
#coreprof table {
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
}
#coreprof table td {
	line-height: 1.3em;
}
#coreprof table th {
	background-image: url(/support/ir/img/thbg.gif);
}
#coreprof h2, #coreprof h3 {
	font-size: 107%;
	color: #007238;
}
#coreprof h2 {
	background-image: url(/support/ir/img/h2bg.gif);
	background-position: left bottom;
	padding: 8px 12px 10px 12px;
	margin: 2em 0 1em 0;
}
#coreprof h3 {
	background-image: url(/support/ir/img/h3bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px;
	margin: 0 0 0 0;
}
.right {
	text-align: right;
}
.small {
	font-size: 93%;
	line-height: 1.5em;
}
#coreprof .tblStd.pd td, #coreprof .tblStd.pd th {
	padding: 8px 5px;
}
#coreprof .tblStd.bottom0 th {
	padding: 5px 10px;
	width: 5em;
	text-align: left;
	white-space: nowrap
}
#coreprof .tblStd.bottom0 td {
	padding: 5px 12px;
	width: 90%;
	text-align: left
}
.tblStd.pd {
	margin: 1em 0;
}
.tblStd.bottom0 {
	margin: 1em 0 0.5em 0;
}
#content-main {
	font-size: 93%;
	margin-top: 20px;
	line-height: 1.5em;
}
#download img {
	float: left;
	margin: 0 15px 3px 0;
}
#download {
	width: auto;
	padding: 7px 12px;
	background: #ddd;
}
#footer2 {
	margin: 20px 0 0 0;
}
.mgntop10 {
	margin: 10px 0 0 0;
}
.headtitle {
	width: 705px;
	border-bottom: 1px solid #ddd;
}
.headtitle img {
	margin: 15px 0 10px 25px;
}
.pagetitle img {
	margin: 15px 0 0 25px;
}
.right.small a {
	background-image: url(/profile/img/index/index_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: block;
	float: right;
}
#coreprof .tblStd.bottom0 a {
	display: block;
	padding: 1px 0 1px 20px;
	background-image: url(/news/img/index/pdfbullet.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.proflink {
	list-style-type: none;
	margin-top: 8px;
}
.proflink li {
	width: 160px;
	float: left;
	zoom: 1;
	margin-top: 5px;
}
.proflink li a {
	background-image: url(/profile/img/index/linkbullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 10px;
	font-weight: bold;
	font-size: 93%;
}
.proflink li a:hover {
	color: #008742;
}
a .proftitile {
	border: 3px solid #ddd;
}
a:hover .proftitile {
	border: 3px solid #008742;
}
.newslist {
	width: 430px;
	margin-top: 10px;
}
.newslist dd a {
	background-image: url(/news/img/index/pdfbullet.gif);
	display: block;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	margin-top: 3px;
	color: #1d97d7;
	text-decoration: underline;
}
.newslist dd a:hover {
	text-decoration: none;
}
.newslist dt {
	width: 7em;
	float: left;
	clear: both;
	margin-top: 3px;
	padding: 0 0 3px 0;
}
.newslist dd {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 3px 7em;
	margin-top: 3px;
}
.newsblock {
	float: left;
	width: 430px;
}
.stockinfo {
	float: right;
	border: 1px solid #CCC;
	width: 200px;
	margin-top: 10px;
}
.green_b {
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
	color: #1aaaab;
}
/* お客様相談口 */

#maincontents .indexlist a {
	color: #444;
	font-size: 93%;
	text-decoration: none;
}
#maincontents .indexlist a:hover {
	color: #999;
	font-size: 93%;
	text-decoration: none;
}
#maincontents ul.indexlist img.arrow {
	height: 20px;
	float: right;
}
#maincontents .indexlist p.madoguchi_title{font-size: 14px;color: #443727; font-weight: bold;}
.mgt10{margin-top: 10px;}
@media screen and (min-width: 641px){ /*PC*/
	#maincontents ul.indexlist img.arrow{margin: 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	#maincontents ul.indexlist img.arrow{margin: 0 150px 0 0;}
}

/* FAQブロック */

.qablock {
	margin-top: 8px;
}
#maincontents .qablock .question a {
	color: #065f53;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
#maincontents .qablock dt a:hover {
	color: #f90;
	text-decoration: none;
}
.qablock .question {
	background-color: #dbf1f1;
	background-image: url(/support/img/faq/faq_q.gif);
	background-repeat: no-repeat;
	border-bottom: solid 1px #c3eae5;
	display: block;
	padding: 15px 10px 15px 70px;
	color: #177900;
	line-height: 140%;
}
.answer {
	background-image: url(/support/img/faq/faq_a.gif);
	background-repeat: no-repeat;
	background-position: 0 15px;
	padding: 15px 10px 0 70px;
	font-size: 14px;
	line-height: 160%;
}
#maincontents .answer a {
	color: #f90;
	text-decoration: underline;
}
.qaheader {
	font-weight: bold;
	color: #288700;
	font-size: 14px;
	padding: 8px 12px;
	border: 1px solid #ddd;
}
.close {
	display: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.pageTop {
	display: block;
	text-align: right;
	font-size: 12px;
}
.midasi-bar {
	background-image: url(/guide/img/faq/midasi-bar.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 32px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
.midasi-bar p {
	padding: 9px 0 0 10px;
	line-height: 102%;
}
@media screen and (max-width: 768px) {
.answer {
padding:50px 0 0 0;
}
}

/* supportブロック */

#maincontents a {
	color: #F90;
	text-decoration: underline;
}
#maincontents a:hover {
	color: #FC0;
	text-decoration: none;
}
.innnerkink {
	list-style-type: none;
	margin-bottom: 10px;
}
.innnerkink li {
	float: left;
	width: 310px;
	margin-right: 20px;
	margin-top: 5px;
}
#maincontents .innnerkink li a {
	color: #005f2f;
	background-color: #c8eaea;
	background-image: url(/profile/img/index/index_bullet.png);
	background-repeat: no-repeat;
	line-height: 1.4em;
	background-position: left center;
	padding: 5px 10px 5px 22px;
	display: block;
	zoom: 1;
	text-decoration: underline;
}
#maincontents .innnerkink li a:hover {
	color: #57bb00;
	text-decoration: none;
}
.supportbox-left {
	width: 320px;
	float: left;
}
.supportbox-right {
	width: 320px;
	float: right;
}
.supportul {
	list-style-position: inside;
	padding-left: 10px;
}
.txt_rtgreen {
	color: #009641;
	text-align: center;
	margin-top: 5px;
	font-size:1.2em;
}
.support_tel {
	width: 670px;
}
#support_tel {
margin-top:20px;
display:block;
width:670px;
height:163px;
background-image:url("../img/support/support-center_bg.png");
background-repeat:no-repeat;
position:relative;
}
#support_tel p {
	position:absolute;	
	top:130px;
	left:120px;
	font-size:16px;
	font-weight:bold;
	color:#15278b;
}
#support_tel img {
	position:absolute;	
	top:85px;
	left:400px;
}


@media screen and (max-width: 768px) {
#core {
	width: 100%;
}
.supportbox-left, .supportbox-right {
	width: 100%;
	float: none;
}
.support_tel {
	max-width: 100%;
}
.txt_rtgreen {
	font-size:1em;
}
}

@media screen and (min-width: 641px){ /*PC*/
h2.rlinebold{font-size: 28px;line-height: 44px;margin: 25px 0 5px 5%;width: 90%;}
	
}
@media screen and (max-width: 599px){ /*SP*/
h2.rlinebold{font-size: 20px;
    line-height: 36px;
    margin: 15px 0 5px 20px;
    width: 89%;}
}

/* お問合わせフォーム */
#maincontents{overflow: hidden;}
	section.pp{margin-bottom: 30px;}
	
/*-----選択画面------*/
.typeSelect{background-color: #Eee;text-align: center;}
.choice{color:rgba(26,170,171,0.90);}
.choice_select {border :0px solid #eee;font-weight: bold; border: 1px solid #aaa; border-radius: 6px;font-family:'メイリオ', 'Meiryo', sans-serif !important;
}
@media screen and (min-width: 641px){ /*PC*/
	.typeSelect{margin: 10px 0 30px 0; padding: 30px 0px 30px 0px;}
	.choice{font-size: 120%;}
	select.choice_select{font-size :20px;line-height: 32px; padding: 5px 30px 5px 30px;margin-top: 20px;}
}
@media screen and (max-width:640px){ /*SP*/
	.typeSelect{margin: 10px 0 20px 0;  padding:20px;}
	.choice{font-size: 110%;}
	select.choice_select{font-size :16px;line-height:26px; padding: 5px;margin-top: 15px;}
}
	
/*-----選択後　画面------*/
.choice_select_after{text-align: center;font-weight: bold;background-color: #FFFFFF;margin-right: auto;margin-left: auto;}
.vec{text-align: center; color: #aaa;}
.kojin_title{text-align: center; font-weight: bold;font-size: 110%;background-color:rgba(26,170,171,0.70);color: #FFF;margin: 20px 0px 10px 0px;padding: 5px 0px 5px 0px;}
.text_com_bottom{padding: 20px;background-color: #EEFFFF;}

@media screen and (min-width: 641px){ /*PC*/
	.choice{display: block; margin-bottom:15px;}
	.choice_select_after{width: 400px;font-size :20px;line-height: 160%;padding: 10px 0px;}
	.typeSelect_after{display: flex; justify-content: center; align-items: center;}
	.typeSelect_after_left{margin-right: 40px;margin-left: auto;}
	.typeSelect_after_right{width: 20%;text-align: left;}
	.vec{font-size: 40px}
}
@media screen and (max-width: 599px){ /*SP*/
	.choice_select_after{width: 100%;font-size :16px;line-height: 160%; padding: 10px 0px;}
	.typeSelect_after{ margin-top: 15px;display:block;}
	.typeSelect_after_left{ margin-right: 0px;margin-left: 0px;}
	.typeSelect_after_right{width: 100%;text-align: center;margin-top:10px;}
}

	.a_button{
    background-color: #1aaaab;
    border-bottom: solid 2px #333;
    border-right: solid 2px #333;
    border-radius: 10px;
    font-weight: bold;
    color: #fff !important;
    display: inline-block;
	margin-top: 20px;
	text-decoration: none !important;
}
	
	.a_button:visited{color: #fff}
	.a_button_con{text-align: center;}
	.a_button_modoru{
	background-color: #909090;
    border-bottom: solid 2px #333;
    border-right: solid 2px #333;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
	text-decoration: none !important;
	}
	.a_button_modoru:visited{color: #fff}
	.a_button span{margin-left: 5px; font-size: 90%; color: rgba(255,255,255,0.50);}
	.a_button_modoru span{ margin-right: 5px; font-size: 90%; color: rgba(255,255,255,0.50);}


@media screen and (min-width: 641px){ /*PC*/
	.a_button{padding: 15px 40px 15px 40px;	font-size: 130%;}
	.a_button_modoru{padding: 5px 15px 0px 15px;height: 25px;margin-top: 5px;}
	.btn_Inquiry_Choose_con{justify-content:space-between; padding: 0 25px;}
	}
@media screen and (max-width:640px){ /*SP*/
	.a_button{width:85%; padding: 15px 10px; font-size: 120%;}
	.a_button_modoru{padding: 5px 10px 0px 10px;height: 25px;margin-top: 5px;}
	.vec{font-size: 30px}
	.btn_white{display: none !important;}
}


a.btn_Inquiry_Choose {
  display:inline-block;
  justify-content: center;
	box-sizing:border-box;
  align-items: center;
  background: #fff;
  border: 1px solid #1aaaab;
  box-sizing: border-box;
  height: 50px;
  padding: 0px;
  color: #1aaaab !important;
  text-align: center;
  text-decoration: none !important;
  position: relative;
  transition-duration: 0.2s;
  border-radius:6px;font-size: 14px; line-height: 50px;
}
a.btn_Inquiry_Choose:hover {
  background: #1aaaab;
  color: #fff !important;
}
	a.btn_Inquiry_Choose span{ font-size: 80%;color:rgba(26,170,171,0.5); }
	a.btn_Inquiry_Choose:hover  span{ font-size: 80%;color:rgba(255,255,255,0.5); }
@media screen and (min-width: 641px){ /*PC*/
	.btn_Inquiry_Choose_con{text-align: left; padding:5px 20px 0 30px;}
	a.btn_Inquiry_Choose {  width: 45%;margin:0px 2% 20px;}
	}
@media screen and (max-width:640px){ /*SP*/
	.btn_Inquiry_Choose_con{padding:15px 0 0;}
	a.btn_Inquiry_Choose {  width:100%;margin:0px 0 10px;}
}

/*-----困ったときは------*/
h3.support_midashi{ color: #6a5f51;}
@media screen and (min-width: 641px) {/* pc */
	h3.support_midashi{font-size:22px; line-height: 1.5; margin-bottom:10px;} 
}
@media screen and (max-width: 640px) {/*sp*/
	h3.support_midashi{font-size:12px; line-height: 1.5;margin-bottom:10px;} 
}





/*-------共通---------------------------*/
strong,b{color:#AA4357;display: block;}
#mainbg.support  .w100{width:100%;}
#mainbg.support  .mini{font-size: 12px;line-height:22px; display: block;}
hr{ display: block;overflow: hidden;clear: both; }
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.support  .w70{width: 70%;}
	#mainbg.support  .w60{width: 60%;}
	#mainbg.support  .w50{width: 50%;}
	#mainbg.support  .w65{width: 65%;}
	#mainbg.support  .w55{width: 55%;}
	#mainbg.support  .w45{width: 45%;}
	#mainbg.support  .w40{width: 40%;}
	#mainbg.support  .w35{width: 35%;}
	#mainbg.support  .w30{width: 30%;}
	#mainbg.support  .w25{width: 25%;}
	#mainbg.support  .w20{width: 20%;}
	#mainbg.support  .w10{width: 10%;}
	.f_left{float: left; margin: 0 20px 10px 0;}
	.f_right{float:right; margin: 0 0 10px 20px; }
	strong{font-size: 22px; line-height: 36px; text-align: left;  margin-bottom: 15px;}
	
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.support  .w70,#mainbg.support  .w60,#mainbg.support  .w65,
	#mainbg.support  .w50,#mainbg.support  .w55,#mainbg.support  .w45,
	#mainbg.support  .w40,#mainbg.support  .w35,
	#mainbg.support  .w30,#mainbg.support  .w25,
	#mainbg.support  .w20{width:80%; margin: 10px auto;}
	#mainbg.support  .w10{width: 30%;}
strong{font-size:18px; line-height: 30px; text-align:left;  margin-bottom: 15px;}
}
#mainbg.support {font-family:/* '秀英にじみ丸ゴシック B JIS2004','Shuei NijimiMGo B JIS2004','游ゴシック','Yu Gothic', serif*/ "メイリオ", Meiryo, sans-serif; background: none;text-align: center;overflow: hidden; letter-spacing: 1px;}
#mainbg.support  h3{font-family:"メイリオ", Meiryo, sans-serif;color:#9b8d77; border-bottom: 1px dotted #ccc;width:100%;display: block; text-align: left;}
#mainbg.support  h3 span{}
#mainbg.support  h4{font-family:"メイリオ", Meiryo, sans-serif;display: block; color:#AA4357; border-bottom: 1px dotted #ccc; padding: 0 0 10px 0;}
#mainbg.support  h4 span{color: rgba(0,0,0,0.8); letter-spacing: 4px;}
#mainbg.support  p{text-align:left; letter-spacing: 1px;}
#mainbg.support  p .mini{font-size:80%; display:block;text-align:left; color: rgba(0,0,0,0.7)}

@media screen and (min-width: 641px){ /*PC*/
	#mainbg.support { font-size: 14px;}
	#mainbg.support  .inner{padding:70px 0 0px 0; }
	#mainbg.support  h3{font-size: 27px; line-height:30px; padding:70px 0 10px; margin:0px 0 20px;}
	#mainbg.support  h4{margin:60px 0 30px;font-size:24px;line-height: 30px; text-align: left;}
	#mainbg.support  h4 span{font-size:15px;}
	#mainbg.support  .lead{font-size:17px; line-height: 35px; margin-bottom:40px;}
	#mainbg.support  p{font-size:18px; line-height: 34px;}
	#mainbg.support  p.mini{font-size: 12px; padding-top: 10px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.support  .inner{padding:30px 20px 0; }
	#mainbg.support  h3{font-size:20px; line-height:26px; margin-bottom:30px;padding:30px 0 5px;}
	#mainbg.support  h4{margin:30px 0 20px;font-size:18px;line-height: 24px;}
	#mainbg.support  h4 span{font-size:13px;}
	#mainbg.support  .lead{font-size: 14px; line-height: 24px; margin-bottom: 25px;}
	#mainbg.support  p{font-size: 14px; line-height: 24px;}
	#mainbg.support  p.mini{font-size: 11px;  padding-top:5px;}
}


/*動画*/
.video {position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden;}
.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (min-width: 641px){ /*PC*/
.video{margin: 40px auto 0 ; }
}

@media screen and (max-width: 640px){ /*SP*/
.video{margin: 20px 0 0 0 ;}
}


/*-------メインタイトル---------------------------*/

#mainbg.support  .mainimg{background:rgba(0,0,0,0.2); background-size:auto 100%;position: relative;}
#mainbg.support  .mainimg .inner{position: relative;}
#mainbg.support  .mainimg img{position:absolute;top: 0; right: 0;width:100%; }
#mainbg.support  .mainimg h1,#mainbg.support  .mainimg h1 a{filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.1));color:#fff; letter-spacing: 4px;font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#mainbg.support  .mainimg h1 span{color:rgba(255,255,255,0.8); letter-spacing: 4px; display: block;}
#mainbg.support  .mainimg h1 a:visited{color:#fff;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.support { font-size: 14px;}
	#mainbg.support  .mainimg{height: 260px;overflow: hidden;}
	#mainbg.support  .mainimg img{margin: 0 auto 0px; min-width: 1100px;}
	#mainbg.support  .mainimg h1{font-size: 34px; line-height: 40px;position: absolute;top:80px; left:0;right: 0;}
	#mainbg.support  .mainimg h1 span{font-size: 16px; line-height: 30px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.support  .mainimg{height:120px;overflow: hidden;}
	#mainbg.support  .mainimg h1{font-size:26px; line-height: 26px;position: absolute;top:25px; left:0;right: 0;}
	#mainbg.support  .mainimg h1 span{font-size: 12px;  line-height: 34px;}
}


#mainbg.support  .mainimg.mini h1{text-align: left;}
#mainbg.support  .mainimg.mini h1 span{float: right;display: inline-block;}

@media screen and (min-width: 641px){ /*PC*/
	#mainbg.support  .mainimg.mini{height:90px;}
	#mainbg.support  .mainimg.mini h1{font-size: 26px;  line-height: 26px;position: absolute;top:34px; left:0;right: 0;}
	#mainbg.support  .mainimg.mini h1 span{font-size: 14px;line-height: 26px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.support  .mainimg.mini{height:60px; padding: 0 15px;}
	#mainbg.support  .mainimg.mini h1{font-size:20px; line-height: 26px;position: absolute;top:17px; left:0;right: 0;letter-spacing: 1px;}
	#mainbg.support  .mainimg.mini h1 span{font-size: 12px; line-height: 26px;letter-spacing: 1px;}
}


/*-------コンテンツページ ヘッダー---------------------------*/
#mainbg.support h2{text-align: center; border-bottom: 7px solid #D18C99;}
#mainbg.support h2 span{ color: rgba(170,67,87,0.5); display: block; letter-spacing: 10px;}
#mainbg.support img.mainphoto{width: 100%;}
#mainbg.support lead{}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.support h2{font-size: 34px; line-height: 55px; width:55%; margin: 0 auto 50px; padding-bottom: 7px;}
	#mainbg.support h2 span{font-size: 14px; }
	#mainbg.support img.mainphoto{ margin-bottom: 50px;}
	#mainbg.support lead{}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.support h2{font-size:26px; line-height: 32px; width:85%; margin: 0 auto 25px; padding-bottom: 10px;}
	#mainbg.support h2 span{font-size: 14px; line-height: 22px; margin-bottom: 6px; letter-spacing:6px; }
	#mainbg.support img.mainphoto{ margin-bottom: 30px;}
	#mainbg.support lead{ margin-bottom: 20px;}
}

/*-------　コンテンツページ　ページ内　---------------------------*/
#mainbg.support section h3{font-family:"メイリオ", Meiryo, sans-serif;color:#9b8d77; border-bottom: 1px dotted #ccc;width:100%;display: block; text-align: left; }
#mainbg.support section h3 span{}
#mainbg.support section h4{text-align: left; color:#9b8d77; border-left:8px solid #9b8d77; padding: 0 0 0 10px;font-weight: bold; border-bottom: none;}
#mainbg.support section h4 span{color: rgba(0,0,0,0.8); letter-spacing: 4px;}
#mainbg.support section a.bot{display: inline-block; padding:12px 25px; margin: 20px auto ; background-color:#D18C99; color: rgba(255,255,255,1.00); font-size:16px; }
#mainbg.support .set_box2{clear: both;}
#mainbg.support .set_box2 .box{border:1px solid #ccc; background-color: #fff;filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.1)); }
#mainbg.support .set_box2 .box h4{border: none; color: #666;}
#mainbg.support .set_box2 .box h4 b{color: #AA4357; font-size: 120%; }
#mainbg.support .set_box2 .box p{text-align: left;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.support section h3{font-size: 28px; line-height:38px; padding:60px 0 15px; margin:0px 0 25px;}
	#mainbg.support section h4{margin:70px 0 40px;font-size:22px;line-height: 30px; text-align: left;}
	#mainbg.support section h4 span{font-size:15px;}
#mainbg.support .set_box2{display: flex; justify-content: center; align-content: center;}
	#mainbg.support .set_box2 .box{width: 48%; margin: 1%; padding: 3%;}
	#mainbg.support .set_box2 .box h4{margin: 0 0 15px;}

}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.support section h3{font-size:20px; line-height:26px; margin-bottom: 15px;padding:30px 0 5px;}
	#mainbg.support section h4{margin:30px 0 20px;font-size:18px;line-height: 24px;}
	#mainbg.support section h4 span{font-size:13px;}
	#mainbg.support section a.bot{}
	#mainbg.support .set_box2 .box{width:100%; margin:15px 0; padding:20px;}
	#mainbg.support .set_box2 .box h4{margin: 0 0 15px;}
}
	
#mainbg.support section{clear: both;overflow: hidden;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.support section .f_right{float:right; padding:0 0 10px 20px;}
	#mainbg.support section .f_left{float:left; padding:0 20px 10px 0;}
	#mainbg.support section .f_right,#mainbg.support section .f_left{display: inline-block;}
	#mainbg.support section .f_right img,#mainbg.support section .f_left img{width: 100%;}
	#mainbg.support section img.f_right{float:right; margin:0 0 10px 20px;}
	#mainbg.support section img.f_left{float:left; margin:0 20px 10px 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.support section img.f_right,
	#mainbg.support section img.f_left{ margin: 10px 10% 15px;}
}


/*-------ページ内ボタン---------------------------*/
#mainbg.support section.bot01{ background-color: rgba(0,0,0,0.06); clear: both;}
#mainbg.support section.bot01 button{ background-color:rgba(152,124,82, 0.4); display:inline-block; text-align: center; color: #fff;border-radius:30px;font-family:"メイリオ", Meiryo, sans-serif;}

@media screen and (min-width: 641px){ /*PC*/
	#mainbg.support section.bot01{margin-top: 50px; padding: 30px 0;}
	#mainbg.support section.bot01 button{margin:1% 2% 1%; width:30%; padding:12px 8px; font-size: 16px;}	
	#mainbg.support section.bot01 button span{ margin:  0 0 0 10px; opacity: 0.5;}	

}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.support section.bot01{margin-top: 30px; padding: 20px 0;}
	#mainbg.support section.bot01 button{margin:2% auto 3%; width:80%; padding:12px 8px; font-size: 16px;}	
	#mainbg.support section.bot01 button span{ margin:  0 0 0 10px; opacity: 0.5;}	

}

.support_top .green_b {font-size:18px; font-weight:bold; line-height:2em; color:#1aaaab;}
.support_top .br {display:inline-block;}

/*--inquiry--*/
#inquiry .btn_Inquiry_Choose_con{text-align: center;}
#inquiry a.btn_Inquiry_Choose.c07{margin: 0 auto; color: #dd0000 !important; border: #d00 1px solid;}
#inquiry a.btn_Inquiry_Choose.c07 span{ color:rgba(255,158,159,1.00) !important;}
#inquiry a.btn_Inquiry_Choose.c07:hover{background-color: #d00; color:#ffffff !important;}



/*------------- 2504 新しいお問い合わせページ---------------------*/

.tselect{width: 90%; margin: 0 auto;}
#maincontents .tselect a{text-decoration: none; color:#AA4357;border: 1px solid rgba(209,140,153,0.6);background: #FFF;
background: linear-gradient(120deg,rgba(255, 255, 255, 1) 0%, rgba(250, 243, 243, 1) 100%);}
.tselect a span{opacity: 0.4; font-size: 80%;}
ul.submenu { border-top:  dotted 1px #999;border-bottom: dotted 1px #999;/*background-color: #efefef;*/}
#maincontents ul.submenu li a{color: rgba(41,41,41,1.00);}
ul.submenu li span{opacity: 0.4; font-size: 60%;}
@media screen and (min-width: 641px){ /*PC*/

	.tselect a{display: inline-block; width: 45%; margin:15px 2%;font-size: 20px; line-height: 30px; padding: 15px 0;}
	ul.submenu {margin:60px 0 0; padding: 30px;text-align: center;}
	ul.submenu li{width: 32%;display: inline-block;}
}
@media screen and (max-width: 640px){ /*SP*/
	
	.tselect a{display: block; margin:0 0 20px 0;font-size:15px; line-height: 24px; padding: 10px 0;}
	ul.submenu {margin:50px 0 0; padding:20px;text-align: center;}
	ul.submenu li{text-align: left;display:block; padding:8px 0;}
}
.phonenumber{font-family: 'Zen Old Mincho', serif;text-align: center;}
#maincontents .phonenumber a{display: block;text-decoration: none; color: #333333; font-weight: 600;}
#maincontents .toform p{text-align: center;}
#maincontents .toform a.bot02{ background-color:#D18C99; color: #FFFFFF; border: 1px solid #D18C99;display: inline-block;border-radius: 50px;text-decoration: none;color: #ffffff;font-weight: 500;}
#maincontents .toform a.bot02 span{opacity: 0.7;font-size: 70%;}
@media screen and (min-width: 641px){ /*PC*/
	.phonenumber{padding: 20px 0 30px 0;}
	.phonenumber strong{display: inline;}
	#maincontents .phonenumber a{font-size: 60px; line-height:80px;}	
	.toform{padding:30px 0 40px;}
	#maincontents .toform a.bot02{padding:20px 0px; font-size:22px; line-height:40px; margin-top: 20px;width:50%;}
}
@media screen and (max-width: 640px){ /*SP*/
	.phonenumber{padding:20px 0;}
	.phonenumber strong{display: block;text-align: center; margin-bottom: 0;}
	#maincontents .phonenumber a{font-size:38px; line-height:46px;}	
	.toform{padding: 20px 0 20px;}
	#maincontents .toform a.bot02{display: block;width:90%; padding:12px 10px; font-size:17px; line-height:23px; margin: 16px auto 0;}

}

#maincontents h5.kyokutelopen{display: block; background:#A63335;border-radius: 50px;color: #FFFFFF; letter-spacing:2px;font-family: "メイリオ", Meiryo, sans-serif; }
#maincontents h5.kyokutelopen span{opacity: 0.7;}
.kyokutel{display: none;}
.kyokutel dl{border-bottom: 1px dotted #ccc;}
.kyokutel dl dt{display:inline-block;width: 38%;}
.kyokutel dl dd{display:inline-block;width: 60%;}
#maincontents .kyokutel dl dd a{ text-decoration: none; color: #333;font-size: 120%;}
@media screen and (min-width: 641px){ /*PC*/
 #maincontents h5.kyokutelopen{width:50%;padding: 18px 0; margin: 20px auto;font-size: 20px;}
.kyokutel{ padding-bottom: 40px;}
.kyokutel dl{display:inline-block;width:39%; padding:10px 0px 6px; margin: 0 5% 10px;}

}
@media screen and (max-width: 640px){ /*SP*/
 #maincontents h5.kyokutelopen{width:90%;padding: 10px; margin: 20px auto;font-size:18px;}
.kyokutel{ padding-bottom: 20px;}
.kyokutel dl{display: block; padding:8px 0px 3px; margin: 0 5% 10px;}

}
