@charset "UTF-8";


.SideBySide p {
 display:inline-block;
 vertical-align: middle; /*縦方向の揃え位置を指定*/
 margin-bottom: 0;
}

.SideBySide p img{
 height: 50px;
}



/* Step accordion
---------------------------------------------------- */
.step_list {
		color: #3498DB;
		font-size: 1.2em;
}
.step_list {
		font-weight: bold;
		margin-top: -2px;
		padding: 20px 70px 20px 20px;
}
a.list-group-item.step_list:hover {
		background-color: #E1F0FA;
}
.step_comment {
		margin-bottom: 0;
		margin-top: -1px;
		padding: 30px 40px;
		background-color: #fff;
}
/*アコーディオンを四角にする*/
a.list-group-item.square, .well.square {
		border-radius: 0 0 0 0;
}
@media only screen and (max-width: 768px) {
		div.qus_icon, div.ans_icon {
				height: 30px;
				text-align: left;
				padding: 0.2em;
		}
		div.qus_icon {
				width: 100%;
				font-size: 1.2em;
		}
		div.ans_icon {
				width: 100%;
				font-size: 1.2em;
		}
		div.qus_txt, div.ans_txt {
				width: 100%;
				padding: 0;
		}
		.step_list {
				padding: 10px 10px 10px 10px;
				font-size: 1em;
				font-weight: normal;
		}
		.step_comment {
				padding: 15px 10px;
		}
}


/* 追加分 */
h3 {
		font-size: 1.8em;
		color: #005b9f;
		line-height: 1.5em;
		border-bottom: solid 3px #E1E2E1;
}
h3.top {
		margin-top: 0;
		padding-top: 0;
}
h4 {
		font-size: 1.3em;
		margin-bottom: 20px;
		padding-bottom: 0.2em;
		border-bottom: solid 2px #005b9f;
}
.btn {
		margin-top: 5px;
}

a.btn-orange {
		font-family: 'YakuHanJP', "M PLUS Rounded 1c", "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		padding: 0;
		margin: 10px 0;
		display: block;
		color: #fff !important;
		background: #FF8300;
		text-decoration: none;
		border-radius: 3px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
}
a.btn-orange:after {
		content: "";
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 0 0 0 5px;
		background: url("../images/living_icon.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
}

a.btn-blue {
		font-family: 'YakuHanJP', "M PLUS Rounded 1c", "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		padding: 0;
		margin: 10px 0;
		display: block;
		color: #fff !important;
		background: #8DACE1;
		text-decoration: none;
		border-radius: 3px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
}
a.btn-blue:hover {
		background: #98B3E1;
}
a.btn-blue::before {
		content: "";
		display: inline-block;
		width: 114px;
		height: 50px;
		margin: 5px 5px 5px 0px;
		background: url("../images/kanri_icon.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
}
@media screen and (min-width: 768px){
a.btn-blue {
    padding: 0 1em 0 1em;
    margin: 5px auto;
    font-size: 20px;
    display: block;
}
}
a.btn-orange:hover {
		background: #FFCE71;
}
a.btn-orange:hover:after {
		content: "";
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 0 0 0 5px;
		background: url("../images/living_icon.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
		opacity: .7;
}
@media screen and (min-width: 768px) {
		a.btn-orange {
				padding: 0 0 0 1em;
				margin: 5px auto;
				font-size: 20px;
				display: inline-block;
		}
		a.btn-orange:before {
				margin: -3px 0 0 10px;
		}
}
/*===== Character =====*/
#content .bg {
		font-size: 250%;
}
#content .md {
		font-size: 160%;
}
#content .sm {
		font-size: 120%;
}
@media all and (max-width: 515px) {
		#content .bg {
				font-size: 8vw;
		}
		#content .md {
				font-size: 5vw;
		}
		#content .sm {
				font-size: 4vw;
		}
}
@media all and (max-width: 320px) {
		#content .md {
				font-size: 5vw;
		}
}
/** 03. Navigation
 **************************************************************** **/
.container_nav {
		margin-right: 10px;
		margin-left: 10px;
		padding: 10px;
}
@media screen and (max-width: 480px) {
		.container_nav {
				padding: 5px;
		}
}
.header-nav {
		color: #000;
		background-color: #fff;
		background: #e1f0fa;
}
.header-nav a::after {
		display: block;
		height: 0px;
		margin-top: 3px;
		margin-bottom: 3px;
		content: '';
}
.header-nav p.toppd {
		padding-top: 10px;
}
/** 04. 丸数字カウンターリスト
 **************************************************************** **/
ol.calender_list {
		counter-reset: my-counter;
		list-style: none;
		padding: 0;
}
#content ol.calender_list li {
		margin-bottom: 10px;
		padding-left: 30px;
		position: relative;
		line-height: 1.5;
}
ol.calender_list li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		background-color: #52A7E0;
		color: #fff;
		display: block;
		float: left;
		line-height: 22px;
		margin-left: -30px;
		text-align: center;
		height: 22px;
		width: 22px;
		border-radius: 50%;
		vertical-align: middle;
}
ol.calender_list.back_orange li::before {
		background-color: #e67e22;
}




#content a {
		text-decoration: none;
}
#content h9 a {
		color: #333;
}
#content h9 {
		border-bottom: #bebebe solid 0px;
}
#content h9 a:hover, #content h9 a:active {
		color: #3498db;
}
section.counter {
		counter-increment: titleNum;
}
h9.point {
		position: relative;
		font-family: 'YakuHanJP', "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		font-weight: 700;
		font-size: 18px;
		margin: 15px 0;
		border-bottom: #bebebe solid 1px;
		padding-bottom: 5px;
		display: block;
		padding: 0 0 .5em 6em;
}
h9.point::before {
		position: absolute;
		font-family: 'YakuHanJP', "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		top: 50%;
		left: 0;
		content: "ポイント "counter(titleNum);
		width: 100px;
		line-height: 20px;
		background-color: #FF457B;
		border-radius: 8px;
		color: #fff;
		font-size: .9em;
		text-align: center;
		margin-top: -20px;
		padding: 5px;
}


.pink2,.pink2 a {color:#FF6B6B;}