@charset "UTF-8";

/* ########### 359px以下 ########### */
@media (max-width: 359px) {
	/* サイト名 */
	.site img {
		width : 200px;
	}
}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {
	#content {
		padding-right : 0;
		padding-left : 0;
	}

	/* サイト名 */
	.site img {
		width : 200px;
	}

	/* ナビゲーション */
	.menu li a {
		font-size : 11px;
		padding : 10px 7px;
	}
}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {
	.section-in {
		        box-sizing : border-box;
		padding : 20px 10px;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.sectionf-in {
		        box-sizing : border-box;
		padding : 10px 10px;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}

	.btn {
		padding : 0;
	}
	.btn a {
		font-size : 14px;
		padding : 15px 50px;
		text-align : left;
		text-decoration : none;
		color : #ffffff;
		border-radius : 25px;
		background-color : #f17c2d;
	}
	.btn a:hover {
		background : #c36322;
	}
	.btn a i {
		margin : 0 0 0 15px;
		text-align : right;
	}

	.boxA {
		padding-bottom : 15px;
		background-color : #1596bc;
	}

	.header_line {
		display : none;
	}

	.site h1 {
		max-width : 200px;
		margin : 0;
		padding : 15px 0 0 15px;
		text-align : left;
	}

	/*----------------------
 HOME
-------------------------*/

	/* トグルボタン */
	#menubtn {
		position : absolute;
		top : 0;
		right : 0;
		margin-top : 5px;
		padding : 10px;
		border : 1px solid #1596bc;
		background-color : #1596bc;
	}

	#menubtn:hover {
		background-color : #1596bc;
	}

	#menubtn:focus {
		outline : none;
	}

	#menubtn i {
		font-size : 28px;
		color : #ffffff;
	}

	#menubtn span {
		display : inline-block;
		text-indent : -9999px;
	}

	/* ナビゲーションメニュー（縦並び） */
	.menu {
		display : none;
	}

	.menu ul {
		margin : 10px 0 0 0;
		padding : 0;
		list-style : none;
		border-bottom-width : 1px;
		border-bottom-style : solid;
		border-bottom-color : #dadada;
	}

	.menu li a {
		display : block;
		font-size : 14px;
		padding : 10px;
		text-decoration : none;
		color : #333333;
		border-top-width : 1px;
		border-top-style : solid;
		border-top-color : #dadada;
	}

	/*-----Main IMG-----*/
	#main_img {
		background-image : url(../img/top_mainimg.png);
		background-repeat : no-repeat;
		background-position : center center;
		background-size : cover;
	}
	/* サイト名 */
	#main_img h1 a {
		display : block;
		margin : 0;
		padding : 0;
	}
	#main_img h1 {
		max-width : 180px;
		margin : 0;
		padding : 15px 0 15px 20px;
	}
	#main_img .main_txt {
		        box-sizing : border-box;
		width : 100%;
		margin : 0 auto;
		padding : 20px;
		color : #333333;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	#main_img .main_txt:after {
		display : block;
		clear : both;
		content : "";
	}
	#main_img .main_txt .mainimg_txt {
		font-size : 5.5vw;
		font-weight : normal;
		width : 100%;
		padding : 20px 0 20px 0;
		text-align : center;
		color : #333333;
	}
	#main_img .main_txt .mainimg_txt img {
		width : 100%;
	}
	#main_img .main_txt .df_icons {
		width : 100%;
		margin : 0 auto;
		text-align : center;
	}

	/* BOX1とBOX2を横に並べる設定 */
	.boxA:after {
		display : block;
		clear : both;
		content : "";
	}

	.box1 {
		float : left;
		width : auto;
	}

	.box2 {
		float : right;
		width : auto;
	}

	.boxcart {
		float : right;
		width : auto;
	}

	/* フッター */

	#mediaLink {
		padding-top : 50px;
		padding-bottom : 30px;
	}
	#mediaLink h4 {
		font-size : 3.6vw;
		margin-bottom : 1.5em;
		text-align : center;
	}
	#mediaLink h4::before,
	#mediaLink h4::after {
		display : inline;
		margin : 0 0.4em;
		content : "●";
		color : #1596bc;
	}
	#mediaLink ul {
		margin : 0 15px;
	}
	#mediaLink ul li {
		display : flex;
		margin-bottom : 10px;
	}
	#mediaLink ul li:last-child {
		margin-bottom : 0;
	}
	#mediaLink ul li a {
		display : flex;
		position : relative;
		font-size : 2.8vw;
		flex-grow : 1;
		align-items : center;
		padding : 1.2em 35px 1.2em 1.2em;
		text-decoration : none;
		color : inherit;
	}
	#mediaLink ul li a::after {
		display : inline-block;
		position : absolute;
		top : 50%;
		right : 20px;
		width : 12px;
		height : 12px;
		content : "";
		transform : rotate(45deg) translateY(-75%);
	}
	#mediaLink ul li.df a {
		border : 1px solid #488b44;
	}
	#mediaLink ul li.df a::after {
		border-top : solid 1px #488b44;
		border-right : solid 1px #488b44;
	}
	#mediaLink ul li.df a:hover {
		background-color : #eaf6ec;
	}
	#mediaLink ul li.jobs a {
		border : 1px solid #e18731;
	}
	#mediaLink ul li.jobs a::after {
		border-top : solid 1px #e18731;
		border-right : solid 1px #e18731;
	}
	#mediaLink ul li.jobs a:hover {
		background-color : #fff6eb;
	}
	#mediaLink ul li.hf a {
		border : 1px solid #3885d0;
	}
	#mediaLink ul li.hf a::after {
		border-top : solid 1px #3885d0;
		border-right : solid 1px #3885d0;
	}
	#mediaLink ul li.hf a:hover {
		background-color : #eef9ff;
	}
	#mediaLink ul li.agent a {
		border : 1px solid #1d2c5e;
	}
	#mediaLink ul li.agent a::after {
		border-top : solid 1px #1d2c5e;
		border-right : solid 1px #1d2c5e;
	}
	#mediaLink ul li.agent a:hover {
		background-color : #eef1fe;
	}
	#mediaLink ul li a .img {
		flex-basis : 36%;
		flex-grow : 0;
		flex-shrink : 0;
		margin-right : 3vw;
	}
	#mediaLink ul li a .img img {
		height : 7.2vw;
	}
	#mediaLink ul li a p {
		font-size : 2.8vw;
		flex-basis : auto;
		flex-grow : 1;
	}

	.bk_wrap {
		margin : 0;
		padding : 40px 0 40px;
		background-image : url(../img/fotoer.png);
		background-repeat : no-repeat;
		background-position : center bottom;
		background-size : cover;
	}
	.bk_wrap .wrap {
		        box-sizing : border-box;
		width : 100%;
		margin-top : 0;
		margin-right : auto;
		margin-bottom : 0;
		margin-left : auto;
		padding-top : 0;
		padding-right : 20px;
		padding-bottom : 0;
		padding-left : 20px;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.close_block {
		padding-top : 20px;
		padding-bottom : 20px;
	}
	.close_back {
		line-height : 100%;
		        box-sizing : border-box;
		width : 100%;
		padding : 20px;
		background-color : #f1fafc;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.close_back h4 {
		font-size : 4.2vw;
		line-height : 1.4;
		margin-bottom : 5px;
		text-align : center;
		color : #1596bc;
	}
	.close_back .txt {
		display : inline-block;
		font-size : 12px;
		font-weight : bold;
		width : 100%;
		margin : 0 0 10px 0;
		text-align : center;
	}
	.close_back .txt .cl_att {
		font-size : 3.2vw;
		line-height : 1.25;
		width : 100%;
		margin : 0 0 10px 0;
	}
	.close_back .cl_att span {
		display : inline-block;
		font-size : 22px;
		color : #1596bc;
	}
	.close_back .h_contact {
		width : 100%;
		margin : 0;
		padding : 0;
	}
	.close_back .h_contact:after {
		display : block;
		clear : both;
		content : "";
	}
	.close_back .h_contact .h_c_txt {
		font-size : 12px;
		width : 100%;
		margin : 0 0 20px 0;
		padding : 0;
		text-align : center;
	}
	.close_back .h_contact .h_c_txt .cl_tel {
		display : flex;
		justify-content : center;
		align-items : flex-end;
		margin : 10px 0 5px 0;
		padding : 0;
	}
	.close_back .h_contact .h_c_txt .cl_tel a {
		font-family : "Timmana", sans-serif;
		font-size : 45px;
		text-decoration : none;
		color : inherit;
	}
	.close_back .h_contact .h_c_txt i {
		font-size : 1.5rem;
		padding : 0 7px 5px 0;
		color : #1596bc;
		vertical-align : middle;
	}
	.close_back .h_contact .h_net_btn {
		font-weight : bold;
		width : 100%;
		margin : 0;
		padding : 0;
		text-align : right;
	}
	.close_back .h_contact .h_net_btn a {
		display : block;
		padding : 18px 0;
		text-align : center;
		text-decoration : none;
		color : #ffffff;
		border-radius : 5px;
		background : #1596bc;
	}
	.close_back .h_contact #h_net_btn a:hover {
		     opacity : 0.7;

		filter : alpha(opacity=70);
		-moz-opacity : 0.7;
	}
	#footer {
		clear : both;
		margin : 0;
		padding : 0;
	}

	#footer_end {
		margin : 0;
		padding : 40px 10px;
		color : #ffffff;
		background-color : #1596bc;
	}
	#footer_end:after {
		display : block;
		clear : both;
		content : "";
	}
	#footer_end .close_wrap {
		float : left;
		width : 100%;
		padding : 0;
	}
	#footer_end .close_wrap:after {
		display : block;
		clear : both;
		content : "";
	}
	#footer_end .close_wrap .f_logo {
		        box-sizing : border-box;
		max-width : 180px;
		margin : 0 0 10px 0;
		padding : 0;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	#footer_end .close_wrap .add {
		font-size : 14px;
		width : 100%;
		margin : 0;
		padding : 0;
	}
	#footer_end .close_wrap .add a {
		color : inherit;
	}

	#copyright {
		font-family : "Timmana", sans-serif;
		font-size : small;
		margin : 0;
		padding : 10px 20px;
		color : #333333;
	}
	#footer #copyright a {
		color : inherit;
	}
	#footer #copyright #copy {
		margin : 0;
		padding : 0;
	}
	#footer #copyright #supporrt {
		margin : 0;
		padding : 0;
	}
	#footer #copyright em a {
		color : #999999;
	}
	#footer #copyright em {
		color : #999999;
	}

	.pan {
		font-size : 12px;
		        box-sizing : border-box;
		width : 100%;
		margin : 0 auto;
		padding : 5px 10px;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.pan a {
		display : inline-block;
		font-size : 12px;
		color : #1596bc;
	}

	/*---pageTop---*/

	#pageTop {
		position : fixed;
		right : 0;
		bottom : 0;
		font-size : 32px;
		font-weight : bold;
		clear : both;
		margin : 0;
		padding : 8px 25px 8px 25px;
		text-decoration : none;
		color : #ffffff;
		background-color : #c36322;
	}
	#pageTop:hover {
		     opacity : 0.7;

		filter : alpha(opacity=70);
		-moz-opacity : 0.7;
	}

	.navi_txt {
		display : block;
		font-size : 5.6vw;
		font-weight : bold;
		width : 100%;
		margin : 0;
		padding : 33px 0;
		text-align : center;
		color : #ffffff;
		background-color : #1596bc;
	}
	.navi_txt span {
		display : block;
		font-size : 3.4vw;
	}

	.navi_inner {
		display : block;
		max-width : 1120px;
		margin : 0 auto;
		padding : 50px 20px;
	}
	.navi_inner h4 {
		margin : 0 0 15px 0;
	}
	.navi_inner h4 span {
		display : flex;
		font-family : "Timmana", sans-serif;
		font-size : 18px;
		line-height : 1;
		justify-content : center;
		align-items : center;
		padding : 18px 0 10px;
		color : #ffffff;
		border-radius : 30px;
		background : #1596bc;
	}

	.navi_inner ul {
		display : -ms-grid;
		display :     grid;
		grid-template-columns : repeat(3, 1fr);
		grid-gap : 15px;

		-ms-grid-columns : 1fr 15px 1fr 15px 1fr;
		-ms-grid-rows : auto 15px auto 15px auto;
	}
	.navi_inner ul > *:nth-child(1) {
		-ms-grid-column : 1;
		-ms-grid-row : 1;
	}
	.navi_inner ul > *:nth-child(2) {
		-ms-grid-column : 3;
		-ms-grid-row : 1;
	}
	.navi_inner ul > *:nth-child(3) {
		-ms-grid-column : 5;
		-ms-grid-row : 1;
	}
	.navi_inner ul > *:nth-child(4) {
		-ms-grid-column : 1;
		-ms-grid-row : 3;
	}
	.navi_inner ul > *:nth-child(5) {
		-ms-grid-column : 3;
		-ms-grid-row : 3;
	}
	.navi_inner ul > *:nth-child(6) {
		-ms-grid-column : 5;
		-ms-grid-row : 3;
	}
	.navi_inner ul > *:nth-child(7) {
		-ms-grid-column : 1;
		-ms-grid-row : 5;
	}
	.navi_inner ul > *:nth-child(8) {
		-ms-grid-column : 3;
		-ms-grid-row : 5;
	}
	.navi_inner ul > *:nth-child(9) {
		-ms-grid-column : 5;
		-ms-grid-row : 5;
	}

	.navi_inner ul {
		margin-bottom : 25px;
	}
	.navi_inner ul li {
		display : flex;
	}
	.navi_inner ul li > * {
		display : flex;
		font-size : 4vw;
		font-weight : bold;
		line-height : 1.2;
		flex-grow : 1;
		justify-content : center;
		align-items : center;
		padding : 10px;
		text-decoration : none;
		color : #333333;
		border-radius : 30px;
		background : #ffffff;
	}
	.navi_inner ul li > span {
		opacity : 0.3;
	}
	.navi_inner ul li > * img {
		width : 100%;
	}

	.clinic_wrap {
		        box-sizing : border-box;
		width : 100%;
		margin : 0 auto 20px;
		padding : 50px 20px 0;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.clinic_wrap a {
		display : block;
		width : 100%;
		margin : 0 0 15px 0;
		padding : 35px 0 0;
		text-decoration : none;
		color : #333333;
	}
	.clinic_wrap a:hover {
		opacity : 0.7;
	}
	.clinic_wrap a .dc_box {
		position : relative;
		font-size : 16px;
		        box-sizing : border-box;
		width : 100%;
		margin : 0 0 15px 0;
		padding : 40px 20px 20px 20px;
		border : 1px solid #999999;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.clinic_wrap a .dc_box .posi {
		position : absolute;
		top : -35px;
		left : 20px;
	}
	.clinic_wrap a .dc_box .icon_type {
		position : relative;
		width : 70px;
		height : 70px;
		margin : 0 auto;
		text-align : center;
		color : #ffffff;
		border-radius : 50%;
		background-color : #84b3c1;
	}
	.clinic_wrap a .dc_box .icon_type .texts {
		position : absolute;
		top : 50%;
		left : 50%;
		line-height : 100%;
		        transform : translate(-50%, -50%);

		-webkit-transform : translate(-50%, -50%);
	}
	.clinic_wrap a .dc_box .icon_type .texts span {
		display : block;
		font-family : "Timmana", sans-serif;
		padding : 0 0 3px 0;
		color : #d3e3e7;
	}
	.clinic_wrap a .dc_box .icon_type .texts strong {
		font-size : 16px;
		font-weight : bold;
	}
	.clinic_wrap a .dc_box .title {
		font-size : 3.2vw;
		font-weight : bold;
		margin : 0 0 0 0;
		padding : 0;
		color : #555555;
	}
	.clinic_wrap a .dc_box h4 {
		font-size : 4.6vw;
		font-weight : bold;
		margin : 0 0 10px 0;
		padding : 0;
		color : #1596bc;
	}
	.clinic_wrap a .dc_box .dc_info {
		display : flex;
		font-size : 3vw;
		font-weight : bold;
		width : 100%;
		margin : 0 0 8px;
		padding : 0;
		background : #f5f5f5;
	}
	.clinic_wrap a .dc_box .dc_info .df_img {
		flex-basis : 100px;
		margin : 0;
		padding : 0;
	}
	.clinic_wrap a .dc_box .dc_info .df_img img {
		width : 100%;
	}
	.clinic_wrap a .dc_box .dc_info .df_name {
		font-size : 3vw;
		font-weight : bold;
		margin : 0;
		padding : 15px;
		background : #f5f5f5;
	}
	.clinic_wrap a .dc_box .dc_info .df_name p {
		font-size : 4vw;
		margin : 0;
		padding : 0;
		color : #63afc6;
	}
	.clinic_wrap a .dc_box .dc_info .df_name h5 {
		font-size : 3.2vw;
		padding : 0;
		color : #555555;
	}
	.clinic_wrap a .dc_box ul {
		margin : 0;
		padding : 0;
	}
	.clinic_wrap a .dc_box ul:after {
		display : block;
		clear : both;
		content : "";
	}
	.clinic_wrap a .dc_box ul li {
		float : left;
		margin-right : 0.4vw;
		margin-bottom : 6px;
	}
	.clinic_wrap a .dc_box ul li:last-child {
		padding : 0;
	}
	.clinic_wrap a .dc_box ul li span {
		display : inline-block;
		font-size : 3vw;
		padding : 4px 6px;
		border-radius : 3px;
	}
	.clinic_wrap a .dc_box ul li span.mark1 {
		color : #23883a;
		border : 1px solid #23883a;
		background-color : #dceee0;
	}
	.clinic_wrap a .dc_box ul li span.mark2 {
		color : #e58011;
		border : 1px solid #e58011;
		background-color : #fdecd9;
	}
	.clinic_wrap a .dc_box ul li span.mark3 {
		padding : 4px 10px;
		color : #cb4277;
		border : 1px solid #cb4277;
		background-color : #f2e4e9;
	}
	.clinic_wrap a .dc_box ul li span.mark4 {
		color : #1066a6;
		border : 1px solid #1066a6;
		background-color : #dce9f2;
	}
	.clinic_wrap a .dc_box ul li span.mark5 {
		color : #000000;
		border : 1px solid #000000;
		background-color : #f3f3f3;
	}
	.clinic_wrap a .dc_box ul li span.mark6 {
		color : #c18d1b;
		border : 1px solid #c18d1b;
		background-color : #fbf8e2;
	}
	.clinic_wrap a .dc_box ul li span.mark7 {
		color : #469fb3;
		border : 1px solid #469fb3;
		background-color : #e6faff;
	}
	.clinic_wrap a .dc_box ul li span.mark8 {
		padding : 4px 10px;
		color : #000000;
		border : 1px solid #000000;
		background-color : #eeeeee;
	}
	.clinic_wrap a .dc_box ul li span.mark9 {
		color : #595959;
		border : 1px solid #595959;
		background-color : #f3f3f3;
	}
	.clinic_wrap a .dc_box ul li span.mark10 {
		color : #187a7a;
		border : 1px solid #35a9a8;
		background-color : #dbf7f7;
	}
	#searchResult .button {
		text-align : center;
	}
	#searchResult .button a {
		display : inline-block;
		min-width : 10em;
		padding : 18px;
		transition : 0.3s ease-out;
		color : #ffffff;
		border : 3px solid #ffffff;
		border-radius : 8px;
		background-color : #1596bc;
	}
	#searchResult .button a:hover {
		color : #1596bc;
		border : 3px solid #1596bc;
		background-color : #ffffff;
	}
	.title {
		width : 100%;
		margin : 0 0 20px 0;
		padding : 0;
	}
	.title .line {
		        box-sizing : border-box;
		width : 100%;
		margin : 0;
		padding : 10px;
		border-top : 5px solid #1596bc;
		border-bottom : 5px solid #1596bc;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}

	.title .line h2 {
		font-size : 5vw;
		font-weight : bold;
		line-height : 1.4;
		margin : 0 0 10px 0;
		padding : 0 0 10px 0;
		color : #1596bc;
		border-bottom : 3px solid #1596bc;
	}
	.title .line h2 br {
		display : none;
	}
	.title .line .c_name {
		font-weight : bold;
		        box-sizing : border-box;
		width : 100%;
		margin : 0;
		padding : 10px;
		text-align : center;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.title .line .c_name h3 {
		display : block;
		font-size : 20px;
		margin : 0;
		padding : 0 0 5px;
	}
	.title .line .c_name p {
		display : block;
		font-size : 16px;
		margin : 0;
		padding : 0;
	}

	.haikei {
		position : relative;
		        box-sizing : border-box;
		width : 96%;
		margin : 0 2% 50px 2%;
		padding : 20px;
		background : #fff4e8;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
		-webkit-filter : drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.1));
	}
	.haikei::after {
		position : absolute;
		right : 0;
		bottom : -20px;
		left : 0;
		width : 0;
		height : 0;
		margin : auto;
		content : "";
		border-width : 20px 20px 0 20px;
		border-style : solid;
		border-color : #fff4e8 transparent transparent transparent;
	}
	.haikei h3 {
		        box-sizing : border-box;
		width : 100%;
		margin : 0 0 10px;
		padding : 10px;
		text-align : center;
		color : #ffffff;
		border-radius : 5px;
		background : #e4a151;
		vertical-align : middle;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.haikei p {
		margin : 0;
		padding : 0;
	}
	.voice {
		position : relative;
		        box-sizing : border-box;
		width : 100%;
		margin : 0 0 0 0;
		padding : 40px 0 30px 0;
		background : #ebf6f6;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.voice .wrap {
		        box-sizing : border-box;
		width : 100%;
		margin : 0 auto;
		padding : 0 10px;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.voice h3 {
		position : absolute;
		top : -15px;
		left : 50%;
		font-family : "Timmana", sans-serif;
		font-size : 18px;
		font-weight : normal;
		line-height : 24px;
		margin : 0 0 20px 0;
		padding : 15px 25px 5px 25px;
		        transform : translateX(-50%);
		letter-spacing : 0.2em;
		color : #ffffff;
		border-radius : 5px;
		background : #1596bc;

		-webkit-transform : translateX(-50%);
		    -ms-transform : translateX(-50%);
	}
	.voice h4 {
		font-size : 20px;
		font-weight : bold;
		margin : 0 0 20px 0;
		padding : 0;
		text-align : center;
		color : #333333;
	}
	.voice .comm_box {
		margin : 0;
		padding : 0;
	}
	.image-round1 {
		margin : 0 0 10px 0;
		border-radius : 50%;
	}
	.voice .comm_box .clinic_box {
		width : 50%;
		margin : 0 auto 10px;
		padding : 0;
	}
	.voice .comm_box .clinic_box h5 {
		font-size : 16px;
		font-weight : bold;
		width : 100%;
		margin : 0;
		padding : 0;
		text-align : center;
	}
	.voice .comm_box .txt_icons {
		width : 100%;
		margin : 0;
		padding : 0;
	}
	.voice .comm_box .txt_icons p {
		font-size : 5vw;
		font-weight : bold;
		line-height : 1.4;
		width : 100%;
		color : #1596bc;
	}
	.voice .comm_box .txt_icons .ballon {
		display : inline-block;
		position : relative; /* 三角の位置を固定するために設定 */
		        box-sizing : border-box;
		width : 100%;
		margin : 0 0 20px 0;
		padding : 20px;
		background : #ffffff;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
		-webkit-filter : drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.1));
	}

	.voice .comm_box .txt_icons .ballon:before {
		position : absolute;
		top : -30px;
		left : 25%;
		content : "";
		border : 15px solid transparent;
		border-bottom : 15px solid #ffffff;
	}
	.voice .comm_box .txt_icons ul {
		        box-sizing : border-box;
		width : 100%;
		margin : 0;
		padding : 35px 0 0 0;
		background-image : url(../img/icon_content.png);
		background-repeat : no-repeat;
		background-position : left top;
		background-size : 120px auto;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.voice .comm_box .txt_icons ul:after {
		display : block;
		clear : both;
		content : "";
	}
	.voice .comm_box .txt_icons ul li {
		float : left;
		width : 18%;
		margin : 0 2% 0 0;
		padding : 0;
	}
	.voice .comm_box .txt_icons ul li:last-child {
		margin : 0;
	}

	.int_box {
		clear : none;
		        box-sizing : border-box;
		width : 100%;
		margin : 0;
		padding : 50px 20px 0;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.int_box:after {
		display : block;
		clear : both;
		content : "";
	}
	.int_box .titles {
		width : 100%;
		margin : 0 0 20px 0;
		padding : 0;
	}
	.int_box .titles:after {
		display : block;
		clear : both;
		content : "";
	}
	.int_box .titles .cir {
		display : flex;
		font-family : "Timmana", sans-serif;
		font-size : 28px;
		line-height : 1;
		justify-content : center;
		align-items : center;
		width : 60px;
		height : 46px;
		margin-bottom : 15px;
		padding-top : 14px;
		text-align : center;
		color : #ffffff;
		border-radius : 50%;
		background : #1596bc;
	}
	.int_box .titles h3 {
		font-size : 3.75vw;
		font-weight : bold;
		margin : 0;
		padding : 0;
		color : #333333;
	}
	.int_box .txt_wrap {
		width : 100%;
		margin : 0 0 10px 0;
		padding : 0;
	}
	.int_box .txt_wrap h4 {
		font-size : 5vw;
		font-weight : bold;
		line-height : 1.4;
		margin : 0 0 20px 0;
		padding : 0;
		color : #1596bc;
	}
	.int_box .txt_wrap p {
		font-size : 16px;
		line-height : 180%;
		margin : 0 0 10px 0;
		padding : 0;
	}

	.int_box .img_wrap {
		width : 80%;
		margin : 0 auto;
		padding : 0;
	}
	.int_box .img_wrap .bl_box {
		width : 100%;
		margin : 0 0 10px 0;
		padding : 0;
	}
	.int_box .img_wrap .bl_box:after {
		display : block;
		clear : both;
		content : "";
	}
	.int_box .img_wrap .bl_box img {
		float : left;
		max-width : 80px;
		margin : 0;
		padding : 0 10px 0 0;
	}
	.int_box .img_wrap .img_box {
		        box-sizing : border-box;
		width : 100%;
		margin : 0 0 10px 0;
		padding : 0;
		border : 1px solid #cccccc;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.int_box .img_wrap p {
		font-size : 14px;
		        box-sizing : border-box;
		width : 100%;
		margin : 0;
		padding : 10px;
		background : #fef6e6;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}

	.int_box_txt {
		clear : none;
		        box-sizing : border-box;
		width : 100%;
		margin : 0;
		padding : 50px 20px 0;

		-webkit-box-sizing : border-box;
		   -moz-box-sizing : border-box;
	}
	.int_box_txt:after {
		display : block;
		clear : both;
		content : "";
	}
	.int_box_txt .titles {
		width : 100%;
		margin : 0 0 20px 0;
		padding : 0;
	}
	.int_box_txt .titles:after {
		display : block;
		clear : both;
		content : "";
	}
	.int_box_txt .titles .cir {
		display : block;
		font-family : "Timmana", sans-serif;
		font-size : 24px;
		line-height : 80px;
		float : left;
		width : 70px;
		height : 70px;
		text-align : center;
		color : #ffffff;
		border-radius : 50%;
		background : #1596bc;
	}
	.int_box_txt .titles h3 {
		font-size : 24px;
		font-weight : bold;
		float : left;
		width : 75%;
		padding : 0 0 0 20px;
		color : #333333;
	}
	.int_box_txt .txt_wrap {
		width : 100%;
		margin : 0;
		padding : 0;
	}
	.int_box_txt .txt_wrap h4 {
		font-size : 24px;
		font-weight : bold;
		margin : 0 0 20px 0;
		padding : 0;
		color : #1596bc;
	}
	.int_box_txt .txt_wrap p {
		font-size : 16px;
		line-height : 180%;
		margin : 0 0 10px 0;
		padding : 0;
	}
	.int_box_txt .bl_box {
		display : block;
		width : 80%;
		margin : 0 auto;
		padding : 0;
		text-align : center;
	}
	.int_box_txt .bl_box img {
		display : block;
		margin : 0;
		padding : 0 10px 0 0;
	}

	/*-----margin---*/
	.mb_10 {
		margin-bottom : 10px;
	}
	.mb_20 {
		margin-bottom : 20px;
	}
	.mb_1em {
		margin-bottom : 1em;
	}
	.mt_20 {
		margin-top : 20px;
	}
	.mr_10 {
		margin-right : 10px;
	}
	.pb_1em {
		padding-bottom : 1em;
	}
	.pb_1-5em {
		padding-bottom : 1.5em;
	}

	/* caseList */
	#caseList header .title {
		width : 100%;
		margin : 50px 0 20px 0;
		padding : 0;
	}
	#caseList header .title .line {
		display : table;
		width : 100%;
		margin : 0;
		padding : 10px 0;
		border-top : 5px solid #1596bc;
		border-bottom : 5px solid #1596bc;
	}

	#caseList header .title .line h2 {
		display : block;
		font-size : 30px;
		font-weight : bold;
		margin : 0;
		padding : 15px;
		text-align : center;
		color : #1596bc;
		border : none;
		background : none;
	}
}
