*{box-sizing:border-box;}
html{height:100%;overflow-y:scroll;color:#000;font-size:15px;line-height:1.8em;}
body{margin:0;font-family:'Noto Sans Japanese';font-weight:200;-webkit-text-size-adjust:100%;}

a{text-decoration:underline;}
a:link,a:visited{color:#000;}
a:hover,a:active,a:focus{color:#060;}
a:hover img,a:active img,a:focus img{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}

span.wrapper{
	text-align:center;
	display:inline-block;
	width:1020px;
	padding:0 10px;
}

/* header */
#page_header{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:1000;
	background-color:rgba(0,0,0,0.2);
	text-align:center;
	padding:10px 0;
}

span.wrap_head{
	text-align:left;
}

span.wrap_head img{
	vertical-align:middle;
}

a.head_nav{
	display:inline-block;
	margin-right:10px;
	padding:4px 20px;
	color:#fff;
	background-color:#070;
	border-radius:4px;
	text-decoration:none;
}
a.head_nav:hover{
background-color:#666;
}
a.head_nav_off{
	display:inline-block;
	margin:0 10px;
	padding:4px 20px;;
	background-color:#fff;
	border-radius:4px;
	text-decoration:none;
}
a.head_nav_off:hover{
	color:#fff;
	background-color:#666;
}


/* breadcrumbs */
.breadcrumbs{color:#000;}
.breadcrumbs a{text-decoration:none;}
.breadcrumbs a:link,td.breadcrumbs a:visited{color:#000;}
.breadcrumbs a:hover,breadcrumbs a:active,breadcrumbs a:focus{color:#060;text-decoration:underline;}


/* body */
#page_body{
	margin-top:80px;
	text-align:center;
}

h1.page_ttl{
	display:block;
}
h1{
	font-weight:400;

}

h1.page_ttl span{
	display:block;
	font-size:36px;
	font-weight:400;
	color:#fff;
	padding:110px 0 110px 30px;
	text-align:left; 
}
h1.page_ttl p{
	display:block;
	font-size:16px;
	color:#fff;
	font-weight:200;
	text-align:left; 
}


h2{
	margin-top:40px;
	text-align:left;
	font-size:24px;
	font-weight:600;
	background-color:#eee;
	padding:20px 0 20px 20px;
	border-left:#070 solid 4px;
}

.other_cont{
	display: inline-block;
	margin-top:40px;
	text-align:center;
	font-size:20px;
	font-weight:600;
	padding:20px 0 20px 10px;
	border-top:#070 solid 4px;
}

hr{	
	border:none;
	border-bottom:#666 dotted 1px;
}

p{
	text-align:left;
}

ul{
	text-align:left;
	list-style-type:none;
	padding-left:0;
}


.pic{
	margin: 0 0 10px 0;
}

.desc{
	margin: 0 0 15px 0;
	font-size: 15px;
	line-height: 1.8em;
	text-justfy: inter-ideograph;
	text-align: justify;
}

.oh_btn{
	display: inline-block;
　	with:400px;
	text-align:center;
	font-size:32px;
	font-weight:400;
	color:#fff;
	background-color:#060;
	padding:20px 40px 40px 40px;
	border-radius:8px;
}
.oh_btn span{
	text-align:left;
	font-size:16px;
}
a:hover > .oh_btn{
	background-color:#666;
}

div.text_item{
}

div.text_item p{
	display:inline-block;
	width:420px;
margin:0 20px;
vertical-align:top;
}

.text_ex{
	display:inline-block;
	width:600px;
	margin:20px 0 10px 0;
	text-align:left;
	line-height: 2em;
}

.text_ex span{
	font-size:24px;
	font-weight:500;
	line-height: 2.5em;
}



/* footer */
#page_footer{
	margin-top:100px;
	text-align:center;
}

#page_footer > span.wrapper{
	width:1000px;
	margin:0 10px;
	background-color:rgba(0,0,0,0.4);
	text-align:center;
	color:#fff;
}



/* 流れ */

.col {
	padding:0;
	box-sizing: border-box;
	letter-spacing:-10px;
}
.col li {
	display:inline-block;
	padding:0;
	margin:0;
	list-style-type:none;
	box-sizing:border-box;
	letter-spacing:normal;
	border:none;
	width:300px;
vertical-align:middle;

	box-sizing: border-box;
	background-color:#eee;
border-radius:8px;
}


.col li img{
	width:300px;
border-radius:8px 8px 0 0;
background-color:#fff;

}
.col_ttl{font-size:32px;font-weight:400;background:#eee;line-height:1;text-align:left;padding:10px 10px 0 18px;margin:0;border:none;}
.col_txt{font-size:15px;line-height:1.4;letter-spacing:.01em;padding:0 10px 0 20px;color:#666;}

.col a {
	color: #393939;
	text-decoration: none;
}
.col figure:hover {
	opacity: 0.5;
}
.col figcaption {
	padding: 15px 0;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center;
}


ul.col > span.flow_arrow{
display:inline-block;
width:50px;
letter-spacing:normal;
text-align:center;
color:#666;
}



/* コンテンツ */
.menu {
	padding:0;
	box-sizing: border-box;
	letter-spacing:-10px;
	text-align:center;
}
.menu li {
	display:inline-block;
	padding:8px 8px;
	margin:0;
	list-style-type:none;
	box-sizing:border-box;
	letter-spacing:normal;
	border:none;
	width:280px;
}

.menu li a{
	width:100%;
	display:inline-block;
	box-sizing: border-box;
	border:solid 5px #fff;
	background:#fff;
}

.menu li a img{
	width:100%;
}
.menu_ttl{font-size:16px;font-weight:700;line-height:1.4;text-align:left;background:#fff;padding:5px 5px;margin:0;border:none;}
.menu_navi_l{font-size:16px;font-weight:400;line-height:1.4;color:#080;text-align:left;padding:5px 5px;margin:0;border:none;}
.menu_navi_r{font-size:16px;font-weight:400;line-height:1.4;color:#080;text-align:right;padding:5px 5px;margin:0;border:none;}

.menu_txt{font-size:15px;line-height:1.4;letter-spacing:.01em;padding:0 5px;color:#999}

.menu a {
	color: #393939;
	text-decoration: none;
}
.menu figure:hover {
	opacity: 0.5;
}
.menu figcaption {
	padding: 15px 0;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center;
}

/* 吹き出し */

div.ba_item{
		text-align: center;

	border-top:#666 dotted 1px;
	border-bottom:#666 dotted 1px;
	padding:20px;

}

div.ba_item p{
	display:inline-block;
	width:340px;
margin:0 15px;
vertical-align:top;
}

.ba_item > span.faceicon {
    display:inline-block;
    width: 90px;
	vertical-align:top;
}
.ba_item .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #ddd;
    border-radius: 50%;
}

.ba_item .faceicon_l {
    display:inline-block;
    width: 90px;
	vertical-align:top;
}

.ba_item .faceicon_l img{
    width: 100%;
    height: auto;
    border: solid 3px #eee;
    border-radius: 50%;
}


.balloon {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
	text-align: center;
}

.balloon .faceicon {
    display:inline-block;
    width: 90px;
	vertical-align:top;
}

.balloon .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #ddd;
    border-radius: 50%;
}

.balloon .chatting {
	display:inline-block;
    width:500px;
    position:relative;
    margin-right:90px;
}

.says {
    display: inline-block;
    position:relative;
	width:100%;
    margin: 5px 0 0 30px;
    padding: 17px 20px;
    border-radius: 8px;
    background: #ddd;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #ddd;
}

.says p {
    margin: 0;
    padding: 0;
}


/* 吹き出し左 */

.balloon .faceicon_l {
    display:inline-block;
    width: 90px;
	vertical-align:top;
}

.balloon .faceicon_l img{
    width: 100%;
    height: auto;
    border: solid 3px #eee;
    border-radius: 50%;
}

.balloon .chatting_l {
	display:inline-block;
    width:530px;
    position:relative;
    margin-left:90px;
}

.says_l {
    display: inline-block;
    position: relative;
    width:500px;
    margin: 5px 30px 0 0;
    padding: 17px 20px;
    border-radius: 8px;
    background: #eee;
}

.says_l:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    right: -24px;
    border: 12px solid transparent;
    border-left: 12px solid #eee;
}

.says_l p{
    margin: 0;
    padding: 0;
}