@charset "utf-8";
/* CSS Document */

#main {
	background:#ecf9ff;
    padding-bottom: 50px;
}
#contents p{
	letter-spacing: 0.1em;
	line-height: 1.4em;
	font-size: 23px;
}
#contents{
	position: relative;
    margin: 0 auto;
    width: 1200px;
}

.header{
	margin-bottom:50px;
}
.inner_nav li{
	margin-right:10px;
	vertical-align: top;
}

#layout1,
#layout2,
#layout3,
#layout4{
	margin: 30px auto;
	width:1200px;
	padding-top:20px;
}
.layout1{
    padding-bottom:80px;
}
.layout1-1{
	width:960px;
	margin: 30px auto;
}
.layout1-1 .fl{
	width:460px;
	margin-right:20px;
}
.layout1-1 .fr img:nth-child(1){
	margin-right:10px;
}

.btn_link2 a{
	text-decoration:underline;
	    color: #0272BC;
}
.btn_link2 a:linked{
	cursor:pointer;
}

/*.arrow_box {
	position: relative;
	background: #e2fd89;
	width: 460px !important;
    font-size: 17px !important;
	padding: 5px 10px;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #e2fd89;
    border-width: 15px;
    margin-top: -15px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #e2fd89;
    border-width: 15px;
    margin-top: -15px;
}*/

@media (max-width: 700px) {
	
#contents p{
	padding:2% 2% !important;
}

#contents,
#contents h1,
.btn_link1,
#layout1,
#layout2,
#layout3,
#layout4,
.layout1-1,
.layout1-1 .fl{
    width: 100% !important;
	height:auto !important;
}
.inner_nav{
	margin-left: 3%;
}
.inner_nav li {
    margin-right: 3%;
    width: 47%;
    vertical-align: top;
	margin-bottom: 2%;
}

.btn_link1{
	margin-bottom:5%;
}

#layout1,
#layout2,
#layout3,
#layout4{
	margin: 0 auto;
    /* padding: 0 2% !important; */
    padding-top: 3% !important;
    /* margin: 0 2%; */
    /* width: 96% !important; */
}

.layout1-1{
	padding:0 2% !important;
    margin: 0px auto;
	margin-bottom: 5%;
}
.layout1-1 .fl{
	margin-right:0px!important;
}

/*.arrow_box,
.arrow_box:after,
.arrow_box:before{
	all: initial;
	font-size: 12px!important;
}*/

.mb20,
.mb50{
	margin-bottom:0;
}
.mb30{
	margin-bottom:2%!important;
}
	

}