@charset "utf-8";

/* -----↓初期化----- */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,code,em,strong,img,q,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; font-weight:inherit; font-size:inherit;}
:root {

/* colors */
    --main-color: #60542c;
	--hover: #1d3994;
    --sub-color: #0071bc;
    --main-text: #333;
    --bace: #f2efe4;
    --gray: #BCBCBC;
    --white: #FFFFFF;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	word-break:break-all;
	line-height:1.4;
	font-weight:normal;
	position:relative;
	width:100%;
	color:#60542c;
}
table{border-collapse:collapse;}
th,td{border-spacing:0;}
ul,ol,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{/* text-decoration:underline; */}
img{width:100%; vertical-align:top;	border:none;}
input{vertical-align:middle;}
input,textarea{font-size:inherit;}

/*clearfix*/
.clearfix:after{content:"";	display:block; clear:both;}

/* contents */
#header{
	width:100%;
	height:75px;
	border-bottom:2px solid #BCBCBC;
	box-sizing:border-box;
	background:#fff;
}
#header #logo{
	width:960px;
	margin:0 auto;
	padding-top:5px;
}
#logo a {
	display: block;
	width: 128px;
	height: 60px;
}
.contents{
	width:960px;
	margin:0 auto 40px;
}
.contents_text{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.title{
	width:100%;
	margin-bottom:30px;
	position: relative;
	background:url("/img/icon/title_logo_pc.jpg") no-repeat;
	height: 230px;
	background-position: center;
	background-size: cover;
}
.title span{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:570px;
	height:50px;
	font-weight:bold;
	font-size:36px;
	margin:auto;
	text-align:center;
	font-family:"ヒラギノ明朝 ProN","HG明朝E","Hiragino Mincho ProN","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",sans-serif;
	text-shadow:0px 0px 5px #000;
	color:#fff;
}
.solution{
	width:800px;
	margin:0 auto 30px;
	overflow:hidden;
}
.solution .list{
	width: 230px;
	margin-right: 55px;
	float: left;
	height: 230px;
	border: 5px solid #0071bc;
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	background: #0071bc;
}
.solution .list:last-child{
	margin-right:0;
}
.solution .list .number{
	position: absolute;
	height: 70px;
	width: 100%;
	color:#fff;
	text-align: center;
	line-height: 70px;
	font-size: 30px;
	font-weight: bold;
}
.solution .list .bold{
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	margin-top: 70px;
	color: #333;
	background:#fff;
	padding: 50px 0 70px;
}
.solution_main{
	width:810px;
	background:#f2efe4;
	margin:0 auto 30px;
	padding:15px 30px 30px;
}
.solution_main:nth-of-type(3){
	margin:0 auto 20px;
}
.solution_main h3{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	height:45px;
	line-height:45px;
	margin-bottom:10px;
	color:#333;
}
.solution_main h3 span{
	background: #0071bc;
	color: #fff;
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	line-height: 42px;
	margin-right: 15px;
	font-size:22px;
	vertical-align:middle;
}
.solution_main .bottom_list{
	background:#fff;
	padding:30px;
}
.solution_main .bottom_list .box{
}
.solution_main .bottom_list .box li{
	position:relative;
	font-size:16px;
	padding-left:10px;
	margin-left:20px;
	line-height:40px;
}
.solution_main .bottom_list .box li:after{
	display: block;
	content: '';
	position: absolute;
	top: 12px;
	left: -15px;
	width: 13px;
	height: 8px;
	border-left: 4px solid #3498db;
	border-bottom: 4px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.bottom_list .img_box{
	width:750px;
	margin:20px auto 0;
}
.bottom_text{
	width:870px;
	margin:0 auto 70px;
	font-size:18px;
}
.bottom_main {
	width: 870px;
	margin: 0 auto 50px;
}
.bottom_main h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	color: #60542c;
	border: 3px solid #60542c;
	padding: 15px;
}
.bottom_box{
	background: #f2efe4;
	padding: 30px;
	font-size: 15px;
	line-height: 40px;
	margin-bottom: 15px;
}
.bottom_main .text{
	font-size:15px;
}
.link_back{
	margin-left:45px;
}
.link_back:hover{
	text-decoration:underline;
	color:#ed5c41;
}
@media screen and (max-width: 896px){
#header{
	height:47px;
}
#header #logo{
	width:100%;
	margin:0;
}
#header #logo a{
	width: 86px;
	height:40px;
	margin-left: 5px;
}
.title{
	background:url("/img/icon/title_logo_sp.jpg") no-repeat;
	height: 110px;
	background-position: center;
	background-size: cover;
	margin-bottom: 20px;
}
.title span{
	font-size: 17px;
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.contents{
	width:100%;
}
.contents_text{
	width:96%;
	margin:0 auto 20px;
	font-weight:normal;
	font-size:13px;
}
.solution{
	width:96%;
}
.solution .list{
	width:32%;
	margin-right:1%;
	border: 2px solid #0071bc;
	max-width: 120px;
	max-height: 120px;
}
.solution .list:first-child{
	margin-left:1%;
}
.solution .list .number{
	height:40px;
	line-height:40px;
	font-size:20px;
}
.solution .list .bold{
	font-size:15px;
	margin-top:40px;
	padding: 20px 0 40px;
}
.solution_main{
	width:96%;
	box-sizing:border-box;
	padding:5px 10px 15px;
	margin: 0 auto 20px;
}
.solution_main:nth-of-type(3){
	margin:0 auto 1
}
.solution_main h3{
	font-size:20px;
	height:33px;
	line-height:33px;
	margin-bottom:5px;
}
.solution_main h3 span{
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
	margin-right: 10px;
	margin-top: -2px;
}
.solution_main .bottom_list{
	padding:15px 3%;
}
.solution_main .bottom_list .box li{
	line-height:20px;
	font-size:14px;
	margin-bottom:15px;
}
.solution_main .bottom_list .box li:after{
	top:4px;
	left:-15px;
	width:10px;
	height:5px;
	border-left: 3px solid #3498db;
    border-bottom: 3px solid #3498db;
}
.bottom_list .img_box{
	width:100%;
}
.bottom_text,
.bottom_main{
	width:90%;
	margin: 0 auto 50px;
	font-size:14px;
}
.bottom_main h3{
	font-size:14px;
	margin-bottom:10px;
}
.bottom_box{
	padding:20px 12px;
	line-height:22px;
	box-sizing:border-box;
	margin-bottom:10px;
}
.bottom_box .text{
	margin-bottom:16px;
}
.bottom_box .text:last-child{
	margin-bottom:0;
}
.link_back{
	margin-left:5%;

}
@media screen and (min-width:320px) and (max-width:374px){
.solution .list{
	max-width:110px;
	max-height:110px;
}
.solution .list .number{
	height: 35px;
	line-height: 35px;
	font-size: 17px;
}
.solution .list .bold{
	font-size: 12px;
	margin-top: 35px;
	padding: 15px 0 50px;
}
}