@charset "utf-8";

/*オレンジ色読み込み*/
@import url("color-orange.css");

/*トップメッセージ*/
.main-msg {
	margin-top: 1.0em;
}

.msg-body{
}

.msg-body strong{
	display: block;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-align: center;
}

/* PCのみ */
@media screen and (min-width: 768px),print {

.main-msg {
	display: flex;
	justify-content: space-between;
}

.main-msg .msg-body{
	width: 950px;
}

.main-msg [class^="illust-box_0"] img{
	height: 150px;
	width: auto;
}

}

/* スマートフォン */
@media screen and (max-width: 767px) {
.main-msg {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.main-msg [class^="illust-box_0"] img{
	display: inline;
	height: 150px;
	width: auto;
}

.main-msg .illust-box_01{
	order: 1;
	/*flex-grow: 1;*/
	flex-shrink: 3;
	text-align: center;
}

.main-msg .illust-box_02{
	order: 2;
	/*flex-grow: 1;*/
	flex-shrink: 3;
	text-align: center;
}

.main-msg .msg-body{
	order: 3;
	/*flex-grow: 2;*/
	flex-shrink: 1;
}

}

/*主なサービス内容*/
.contents-area p{
	text-indent: 1.0em;
}

h3{
	margin-bottom: 0.3em;
}

/*マーカー黒丸*/
h3.marker-circle:before{
	content: "●";
	margin-right: 0.3em;
}

/*マーカー星*/
h3.marker-star:before{
	content: "\2605";
	margin-right: 0.3em;
}

/* PCのみ */
@media screen and (min-width: 768px),print {
#helper-service img{
	height: 220px;
	width: auto;
}

#helper-service .box_01 .text-body,
#helper-service .box_02 .text-body{
	width: 880px;
}

#helper-service .box_01,
#helper-service .box_03,
#helper-service .box_04{
	display: flex;
	justify-content: space-between;
}

#helper-service .box_03{
	margin-bottom: 1.5em;
}

}

/* スマートフォン */
@media screen and (max-width: 767px) {
	#helper-service img{
	display: inline;
	height: 220px;
	width: auto;
}

#helper-service .illust{
text-align: center;
}

}

/*問合せ先情報*/

/*tableボーダーリセット*/
.info-box_type02 .info-body table{
	border-top:none;
	border-right: none;
}

.info-box_type02 .info-body table th,
.info-box_type02 .info-body table td{
	border-left: none;
	border-bottom: none;
	padding: 0;
	line-height: 1.5;
}

.info-box_type02 .info-body table th{
	background-color: transparent;
	text-align: left;
	padding-right: 1.0em;
}


.info-box_type02 .info-body ul{
	margin:0;
	padding: 1.0em 0 0;
	list-style-type: none;
	line-height: 1.5;
}

.info-box_type02 .info-body{
	display: inline-block;
	padding: 10px 10px;
	border: 2px #385D8A solid;
	border-radius: 20px;
	margin-top: 1.5em;
}


/* PCのみ */
@media screen and (min-width: 768px),print {

.info-box_type02{
	display: flex;
	justify-content: center;
	margin-top: 1.0em;
}

.info-box_type02 .info-body{
	padding: 10px 20px;
}

.info-box_type02 .illust-box img{
	height: 250px;
	width: auto;
	margin-left: 50px;
}

.info-box_type02 .info-body strong br{
	display: none;
}

}

/* スマートフォン */
@media screen and (max-width: 767px) {
.info-box_type02 .info-body{
	width: 100%;
	box-sizing: border-box;
}

.info-box_type02 .info-body strong{
	display: block;
	line-height: 1.2em;
}

.info-box_type02 .illust-box img{
	display: inline;
	height: 280px;
	width: auto;
}

.info-box_type02 .illust-box{
	text-align: center;
	margin-top: 0.5em;
}

/*
.info-box_type02{
	display: flex;
	flex-direction: column-reverse;
}
*/
}

