/*2014--------------------------*/

/*index-------------------------------*/
.bgtip201604		{position: relative; width:506px; height:490px;}
.bgtip201604 p		{background:#dedede; color:#000; width:100%; height:50px; line-height:50px; text-align:center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size:1.14em; position:absolute; bottom:-15px; }

/*oshirase*/
#oshirase 			{margin:15px 0 2px 0;}
#oshirase li		{margin:0 0 12px 0;}
#oshirase .newst 	{color:#000000;}
a.newsicon			{background:url(../img-top/common/icon_news.gif) no-repeat top right; padding-right:20px; color:#89b83e}
a.newslink          {text-decoration: underline}
/*topics*/
#topics{
	background:#ffffff;
	padding:20px 10px 20px 20px;
	margin-top:13px;
	-webkit-box-shadow: 0 3px 5px #b5bcc0;
	-moz-box-shadow:  0 3px 5px #b5bcc0;
	box-shadow:  0 3px 5px #b5bcc0;
	}
.topics	a			{background:url(../img-top/index/topics.gif) no-repeat top left; width:68px; height:68px; text-indent:-9999px;	padding-left:20px; float:left; display:block;}
.list_shikaku		{float:left;}
.list_shikaku li	{list-style:url(../img-top/common/icon_shikaku.gif); list-style-position:outside; margin-left:15px;}

.list_shikaku2 		{margin-top:20px;}
.list_shikaku2 li	{ list-style-type:circle; border-top:1px solid #666; list-style-position:inside; padding:6px 0;}
.list_shikaku2 li:last-child	{border-bottom:1px solid #666;}


/*rightmenu*/
/*---*/
#schoolbox		{
	background:#fff; width:196px; padding:20px 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
.schoolicon		{background: url(../img-top/index/bg_school.jpg) no-repeat top left; text-indent:-9999px; width:196px; height:126px;}
#schoolbox li 	{border-bottom:1px dotted #575757; padding:8px 0;}
#schoolbox li a, #netbox li a	{color:#89b83e; background:url(../img-top/common/icon_arw_s.png) no-repeat top left; padding-left:20px;}
#schoolbox li div a				{color:#89b83e; background:url(../img-top/common/icon_arw_s2.png) no-repeat top left; padding-left:20px;}
#schoolbox li span a 			{color:#89b83e;  padding-left:20px; background:none;}
#schoolbox p     {font-weight: bold; font-size: 14px; display:block;}
/*---*/
#itakubox		{
	background:#fff; width:224px;margin-top:14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
#itakubox p		{ padding:0 14px 20px 14px;}
.itakuicon		{ background: url(../img-top/index/bg_itaku.jpg) no-repeat top left; text-indent:-9999px; width:211px; height:91px;}
a.btn_itaku		{background:#58b1e4; padding:9px 0 8px 0; text-align:center; display:block; color:#fff; margin-top:8px;}
a.btn_consul		{background:#6fba2c; padding:9px 0 8px 0; text-align:center; display:block; color:#fff; margin-top:8px;}
/*---*/
#netbox		{
	background:#fff; width:196px; padding:20px 14px; margin-top:14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
.neticon	{background: url(../img-top/index/bg_net.png) no-repeat top left; text-indent:-9999px; width:196px; height:118px;}


/*--------------------------*/


body {
	font-size: 12px;
	color: #575757;
	margin:0 0 0 0;
	line-height:24px;}

a			{text-decoration:none; color:#577264;}
a:hover		{opacity:0.8}
a.link		{color: #146457;}

.green		{color: #146457;}
.tex-green	{color: #146457;}
.tex-orenge	{color: #ff0000;}
.tex-red    {color: #b84100;}
.tex-gray    {color: #5D5D5D;}

.em 		{font-weight:bold;}
.tex 		{font-size: 12px;}
.big 		{font-size:16px;}
.big14 		{font-size:14px;}

.text_l		{text-align:left;}
.text_r		{text-align:right;}
.txt_c      {text-align: center}

.float_l 	{float:left;}
.float_r 	{float:right;}
.clear 		{clear: both;}


.mt8 {margin-top: 8px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr25 {margin-right:25px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr33 {margin-right: 33px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}

.pl10	{padding-left:10px;}

.section {margin-top:60px;}
.section2 {margin-top:30px;}

.listdecimal li {list-style-type: decimal; list-style-position:outside; margin:4px 0 2px 20px;}
.listdisc li {list-style-type: disc; list-style-position:outside; margin:4px 0 2px 15px;}
.listsquare li {list-style-type: square; list-style-position:outside; margin:4px 0 2px 15px;}

.tex2-2 {
	color: #575757;
	margin:20 0 0 0 ;
}


.tex-2 {
	color: #575757;
	padding-left: 450px;
}




.accsess-green {font-size: 10px;
	line-height: 18px;
	color: #146457;
}

.accsess-white {
	font-size: 10px;
	line-height: 18px;
	color: #dddddd;
}

.tex-g-pro {
	font-size: 10px;
	color: #146457;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

.tex-g-pro2 {
	font-size: 10px;
	color: #146457;
	font-weight: bold;
}

.tex-g {
	color: #146457;
	font-weight: bold;
	margin: 40px 0px 20px 0px;
}


.tex-gg {
	color: #146457;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}




.tex-g2 {
	color: #146457;
	font-weight: bold;
	margin: 20px 0px 5px;
}

.tex-g3 {
	color: #146457;
	font-weight: bold;
	margin: 0px 0px 5px;
}

.title {
	margin: 40px 0px 5px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}





.title2 {
	margin: 34px 0px 5px;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}

.title2_mt {
	margin: 20px 0px 5px;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}


.title3 {
	margin: 40px 0px 10px 0px;
	font-size: 12px;
	font-weight: bold;
}

.title4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;

}
.title6 {
	font-weight: bold;
	font-size: 12px;
}


.toptitle {
	color: #146457;
	font-size: 10px;
	margin:0;
}
.xsmall	  {font-size:10px;}

.smalltex {
	color: #146457;
	padding-top: 10px;
	font-weight: bold;
	font-size: 10px;
	line-height: 18px;

}

.smalltex2 {
	font-size: 11px;
	line-height: 1.9;

}

.meintitle {
	font-size: 15px;
	line-height: 20px;
	color: #146457;
	font-weight: bold;
 }

.access {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px 0px 10px;
}

.access02 {
	font-size: 15px;
	line-height: 26px;
	font-weight: bold;
	margin: 0px 0px 2px;
}
.access02 .tex-orenge {
	font-weight:normal;
	font-size:12px;
}

.access03 {
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 2px;
}

.tel {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin: 5px 0px 15px 0px;
}

.mainmenu {font-size: 12px;
	margin:0 0 -3px;
	font-weight: bold;
}

.mainmenu2 {
	font-size: 12px;
	line-height: 1.8;
	color: #146457;
	font-weight: bold;
}


a.updeta {
	font-size: 10px;
	line-height: 15px;
	color: #146457;
	margin:0 0 -3px;
}


.bordertitle2{
	font-size:14px;
	color: #146457;
	border-bottom: 1.5px solid #146457;
	margin: 30px 0px 10px 0px;
	font-weight: bold;
}


.bordertitle_mt10{
	font-size:14px;
	color: #146457;
	border-bottom: 1.5px solid #146457;
	margin: 10px 0px;
	font-weight: bold;
}


.bordertitle{
	font-size:14px;
	color: #146457;
	margin: 30px 0px 10px 0px;
	font-weight: bold;
	border-bottom: 1.5px solid #146457;
}
.title5 {
	font-size:12px;
	margin: 30px 0px 10px 0px;
	font-weight: bold;
}

.copyright{
	font-size: 10px;
	line-height: 20px;
	color:#575757;
	padding: 0;
	margin:0px 0px 20px 0px; }

hr.style1 {
   margin-top: 2em;
   margin-bottom: 2em;
   border-width: 1px 0px 0px 0px; 
   border-style: solid;
   border-color:#575757;
   height: 1px;   }
hr.style1_dot {
   margin-top: 2em;
   margin-bottom: 2em;
   border-width: 1px 0px 0px 0px; 
   border-style: dotted;
   border-color:#575757;
   height: 1px;   }
     
   hr.style2 {
   margin-top: 10px;
   margin-bottom: 10px;
   border-width: 1px 0px 0px 0px; 
   border-style: solid;
   border-color:#575757;
   height: 1px;   }

.hr_tb { border-top:1px solid #575757; padding:15px 0; margin-top:30px;  border-bottom:1px solid #575757}

tr.odd{background-color: #FFFFFF;}
	
tr.odd2{}

.tex-redB {
	font-size: 12px;
	line-height: 24px;
	color: #b84100;
	margin:0;
	font-weight: bold;
}
.tex-red {
	font-size: 12px;
	line-height: 24px;
	color: #b84100;
	margin:0;
	
}

.formfont {
	font-size: 12px;
	line-height: 24px;
	color: #575757;
	margin:0;
}


div.mainmenu ul{overflow: hidden;}

.newstitle {
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin:0;
	text-align: center;
}
.news_box {
	background-color: #246650;
	width: 560px;
	color: #FFF;
	margin-top: 20px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 40px;
}
.btn_box a {
	float: left;
	height: 48px;
	width: 216px;
	margin-right: 5px;
	margin-top:12px;
}


/*20130829 dermatology.html*/
table .gairai_s  td  {border:1px solid #aaa; padding:10px 5px; width:40px;}
table .gairai_s  th  {border:1px solid #aaa; padding:10px 5px; width:40px;}

table .gairai_s { background:#fff;}
table .gairai_s  th.name{ width:170px; font-size:12px; }
table .gairai_s .head { background:#ddd; text-align:center;}
table .gairai_s .layout td {color: #146457; text-align:center; line-height:1.1;}
table .gairai_s .asc td { padding:25px 5px;}

.bg_dermatology {background :url(../dermatology/bg_dermatology.png) no-repeat top right}


/*2014.02.25*/
.border_red	{border:2px solid #b84100; padding:5px 8px; color:#b84100}
.schooltable {border:1px solid #ccc; width:100%;}
.schooltable tr {border:1px solid #ccc; width:100%;}
.schooltable td	{border:1px solid #ccc; padding:12px;  background:#ffffff;}
.schooltable .title {width:80px; background:#ececec; text-align: center;}

.schooltable2 {border:1px solid #ccc; width:100%;}
.schooltable2 tr {border:1px solid #ccc; width:100%;}
.schooltable2 td	{border:1px solid #ccc; padding:12px;  background:#ffffff;}
.schooltable2 .title {width:120px; background:#ececec; text-align: center;}

.schooltable3 {border:1px solid #ccc; width:100%;}
.schooltable3 tr {border:1px solid #ccc; width:100%;}
.schooltable3 td	{border:1px solid #ccc; padding:10px;  background:#ffffff;}
.schooltable3 .title {width:200px; background:#ececec; text-align: center;}

a.linkgreen	{color:#146457;}
.greenem	{color:#146457; font-weight:bold; margin-top:8px;}
.greenem2	{color:#146457; font-weight:bold; margin:30px 0 5px 0; font-size:1.19em}
.greenem3	{color:#146457; font-weight:bold; margin-top:15px; font-size:1.05em}


.formTable	{margin-top:5px; width:100%;}
.formTable	tr {border-top:1px solid #ccc;}
.formTable	tr:last-child {border-bottom:1px solid #ccc;}
.formTable	th { vertical-align:top; padding:12px 0; width:170px;}
.formTable	td { padding:12px 0;}
.formTable	input { border:1px solid #ccc; padding:3px; color:#666;}
.submit		 { text-align:center; margin-top:20px;}

#btn_kakunin {
	width: 159px;
	height: 32px;
	background: url(../essential/img/btn_kakunin.gif) no-repeat top left;
	border:none
}
input#btn_reset {
	width: 159px;
	height: 32px;
	background: url(../essential/img/btn_reset.gif) no-repeat top left;
	border:none
}
input#btn_kakunin:hover {
	opacity:0.8;
}
input#btn_reset:hover {
	opacity:0.8;
}


.newstoppics	{margin:19px 20px 10px 20px;}
.updeta {
	font-size: 10px;
	line-height: 15px;
	color: #146457;
	margin:0 0 -3px;
}

/*---------中のページ 201404 ------------*/

.border_sinsatu {border: solid 1px #146457; padding: 6px 0 6px 12px; margin-top: 15px;}
.align_right	{text-align: right;}
.borderbox_g	{border: solid 1px #146457; padding: 6px 10px 10px 10px; margin-top: 15px;}
.borderbox_g2	{border: solid 1px #146457; padding: 15px 18px 17px 18px; margin-top: 40px; background:#dae1e5;}

.table_sinryo td		{text-align:center; border:1px solid #666; width:70px; font-size:11px; letter-spacing:1px; padding:2px 0;}
.block2					{margin:20px 0 10px 0;}
.block2	td				{border-bottom:1px solid #aaa;}
.block2	tr:first-child	{border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
.block2	td.tdmds		{width:120px; vertical-align:top;}
.btn_ascform a			{background:#146457; padding:15px; margin-top:5px; text-align:center; color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display:block; font-size:14px;}


.sitemaplist  		{float:left;  margin-left:15px; column-count: 2; width:520px;}
.sitemaplist li     {list-style-type:disc;}

.shimekiri				{font-size:14px; color:#900; font-weight:bold; margin:5px 0 12px 0;}

/*------スタッフ紹介--------*/

.ascstuff {
	font-size: 12px;
	margin:0 0 0 0;
	line-height:20px;}
	
	
/*------お申し込みフォーム--------*/
.txt10 {font-size: 10px; line-height: 1.8; margin-top:5px;}	

/*------ながたの皮膚科塾 レギュラー アドバンスプラス--------*/
.end {
	font-size: 12px;
	line-height: 24px;
	color: #b84100;
	margin-bottom:20px;
	
}
.uline {text-decoration: underline; }

/*-------お客様の声--------*/

.voicebox		  {border-left:12px solid #19745a; color:#000; padding-left:12px; margin-top:24px;}
.voicebordertitle {color:#19745a; font-weight:bold; border-bottom:1px solid #19745a; margin-bottom:10px; padding-bottom:5px; font-size:13px;}

/*-------セミナー--------*/
.bored			{border:2px solid #b84100; padding:10px;}
.bored_tit		{color:#b84100; font-weight:bold;}
.greentit0		{color:#146457; font-weight:bold; margin:8px 0; font-size:14px;}
.dottedborder	{border-top:1px dotted #19745a; padding:10px 0; margin-top:15px;}
.dottedborder_f	{background:#ffffff; padding:10px 20px 20px 20px; margin-top:15px;}
.dottedborder_f2	{background:#ffffff; padding:5px 20px 20px 20px; margin-top:15px;}
.dottedborder_f3	{background:#ffffff; padding:15px ; margin-top:15px;}

/*---- 0150305 修正------*/
.midashikaku		{font-size:14px; font-weight:bold; color:#146457; padding:12px 0 8px 0;}
.midashikaku span	{display: inline-block;width: 10px;height: 10px;background: #146457; margin-right:7px;}
a.linkkaku			{ background:#146457; color:#fff; font-size:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:5px 10px;}
.hr_dotted			{ background:url(../img-top/linedotted.png) repeat-x top left; margin-top:55px; padding-top:25px;}

.kyoiku				{ position:relative;}
.kyoiku				{ color:#146457; font-weight:bold;}
.kyoiku li			{ list-style:decimal; list-style-position:outside; margin-left:14px; margin-top:20px;}
.kyoiku li ul li	{ list-style:disc; list-style-position:outside; margin-left:0; color:#333; font-weight:normal; margin-top:5px;}
.kyoiku li	a		{ position: absolute; right:0;}
.kyo_disc li		{ color:#333; font-weight:normal; margin-top:5px; list-style:disc;}
.s_komidashi		{font-size:14px; font-weight:bold;}
.omoushikomi		{line-height:2.5;}
.small				{font-size:11px;}
.vetstable th		{width:130px;  font-weight:normal; }
.vetstable_l th		{width:130px; font-weight:normal}
.dottedtitle		{border-bottom:1px dotted #6faca2; color:#146457; font-weight:bold; margin:20px 0 5px 0; padding-bottom:5px; font-size:1.06em;}

.educ      {margin-bottom: 20px;}
.educ li a { color:#146457; font-weight:bold; float: right; }
/*カリキュラム次回予告*/
.curriculum			{background:#edf0f3; padding:19px 22px; margin-top:10px; line-height:1.8}
.curriculum h2		{font-size:16px; color:#146457; font-weight:bold; margin:0 0 12px 0; padding:0; line-height:1.6}
.curriculum h2 span	{font-size:13px; color:#000;}
.curriculum .bordertitle	{ margin:16px 0 5px 0;}

/*archive2015*/
.archive .midashicopy li	{margin-bottom:15px;}
.archive .midashicopy div,.midashititle,.curriculumtable th div		{font-weight: bold; font-size: 14px; color: #146457;}
.midashicopy	{border-bottom:1px dotted #146457; padding-bottom:25px; margin-bottom:35px;}

.curriculumtable	{margin-top:20px; border:1px solid #444; font-size:11px;}
.curriculumtable th	{width:200px; background:#d3d3d3; border-bottom:1px solid #444; padding:10px; font-weight:normal; vertical-align:top; line-height:1.6;  font-size: 12px; }
.curriculumtable td	{background:#fff; border-bottom:1px solid #444; padding:10px; text-align: center;}

.discount_table    {border:1px solid #ccc; width:100%;}
.discount_table th {border:1px solid #ccc; background:#ececec; padding: 5px; text-align: center;}
.discount_table td	{border:1px solid #ccc; padding:10px;  background:#ffffff; }
.discount_table .title {width:80px; background:#ececec; text-align: center;}

.bordertitle span	{font-size:12px; font-weight: normal;}

/*asc201707*/
.asc_vtsc      {border:1px solid #ccc; width:100%;}
.asc_vtsc th   {border:1px solid #ccc; padding:2px 5px;}
.asc_vtsc td	{border:1px solid #ccc;padding:2px 5px; }

.asc_vtsc tr:nth-child(odd) {background-color:#ececec;}

/*遠隔診療*/
.asc_rmt      {border:1px solid #ccc; width:100%; }
.asc_rmt th   {border:1px solid #ccc; padding:2px 5px; background-color:#ececec; text-align: center;}
.asc_rmt td	{border:1px solid #ccc;padding:2px 5px; }


/*asc201803*/
.topimg_bg{
	
	padding: 50px 5% 30px 7%;
	background: url(../img-top/index/top.jpg) center bottom no-repeat;
	background-size: cover;
	color: #000;
}

.title_g{
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', "ＭＳ ゴシック", "MS Gothic",sans-serif;
	font-size: 2.05em;
	margin-top: 20px;
	padding-bottom: 1.0em;
	font-weight: bold;
	color: #000;
	
}
.title_gray{
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', "ＭＳ ゴシック", "MS Gothic",sans-serif;
	font-size: 1.8em;
	
	padding-bottom: 0.8em;
	font-weight: 500;
	color: #5D5D5D;
	
}
.title_w{
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', "ＭＳ ゴシック", "MS Gothic",sans-serif;
	font-size: 2.05em;
	margin-top: 13px;
	padding-bottom: 1.0em;
	font-weight: bold;
	color: #fff;
	line-height: 1.5em;
}
.title_01{
	font-size: 1.0em;
	color: #fff;
	font-weight: bold;
	line-height: 1.9em;
	letter-spacing: .035em;
}
.title_02{
	font-size: 1.0em;
	color: #5D5D5D;
	font-weight: 600;
	line-height: 1.9em;
	letter-spacing: .035em;
}
.txt_r		{
	margin-top: 20px;
	text-align:right;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
}
.txt_r_gray		{
	margin-top: 20px;
	text-align:right;
	font-weight: 600;
	font-size: 1.0em;
	color: #5D5D5D;
}

.bgtip201807        {margin-top: -2.8%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.bgtip201807 p		{background:#dedede; color:#000; width:100%; text-align:center; font-size:1.14em; padding: 17px 0;}

.bgtip201807 ul		{background:#dedede; color:#000; width:100%;  line-height:30px;  font-size:1.14em; padding: 13px 0; margin-top: -5.8%;}
.bgtip201807 li     {padding-left: 140px;}

/*asc202004*/
.asc_flyer a,
.asc_flyer div{
	width: 80%;
	height: 60px;
	line-height: 62px;
	display: block;
	font-size: 12px;
	padding:  0 42px;
	margin-bottom: 13px;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
}
.asc_flyer a span,
.asc_flyer div span{
	padding-left: 14px;
	font-size: 0.86em;
}
.asc_flyer a{
	background: #19745a url("../essential/img/btn_pdf.svg") no-repeat 90% ;
	background-size: 30px; 
	padding-left: 40px;

}
/*オンライン診療*/


.monshinbtn{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: center;
}
.monshinbtn a {
	width: 43%;
	color: #fff;
	padding: 1em 1.5em;
	
	border-radius: .70em;
	-moz-border-radius: .70em;
	-webkit-border-radius: .70em;
}
	@media screen and (max-width: 568px) {
		.monshinbox{
			text-align: left;
		}
		.monshinbtn a{
			width: 100%;
			margin-bottom: 0.5em;
		}
	}

.monshinbtn a.pdf{
	background: #146457 url("../dermatology/btn_e01.png") no-repeat 6% center;
	background-size: 2.0em auto;
	
}
.monshinbtn a.word{
	background: #146457 url("../dermatology/btn_e02.png") no-repeat 6% center;
	background-size: 2.0em auto;
}

/*アトラス*/
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.between{
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.clm2_block_sp{
	width: 48%;
}
	@media screen and (max-width: 768px) {
		.clm2_block{
			width: 100%;
			margin-bottom: 2em;
		}
	}
	@media screen and (max-width: 567px) {
		.clm2_block_sp{
			width: 100%;
			margin-bottom: 2em;
		}
	}
.bgbox_gray{
	background: #f7f8f8;
	padding: 2.2em 2.2em 1em;
}