@charset "UTF-8";


/* content
---------------------------------------------------*/
article{
	margin:0;
	padding:0;
}

section{
	margin:0;
	padding:0;
	overflow:hidden;
}

.underback{
	padding:20px 0;
	background:url(img/back1.jpg) repeat top;
}

.underback2{
	padding:0;
	background:url(img/back1.jpg) repeat top;
}


/*角丸コンテンツ*/
.under_content_box{
	margin:10px 0;
	padding:10px;
	background:#FFFFFF;
	overflow:hidden;
    border-radius: 5px / 5px; 
}

/*下層タイトルデザイン*/
.title1{
	padding:20px 40px 20px 10px;
	font-size:24px;
	line-height:130%;
	text-align:center;
	color:#FFFFFF;
	background:#000000;
	clear:both;
	border-radius:10px;
}

.title2{
	margin:0 0 5px 0;
	padding:10px 5px 5px 5px;
	background-image: -moz-linear-gradient(
		top,
		#FFFFFF 0%,
		#000000 );
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#FFFFFF),
		to(#000000 ));
	color:#FFFFFF;
	font-weight:bold;
/*	background-image: -moz-linear-gradient(/*グラデーションの種類
		top,/*グラデーションの方向
		#ffcc00 0%,/*色 領域（%指定）
		#ff6600 49%,/*色 領域（%指定）
		#ff3300 50%,/*色 領域（%指定）
		#ff6600)/*色;
	background-image: -webkit-gradient(
		linear/*グラデーションの種類
		left top,left bottom,/*グラデーションの開始位置, 終了位置,
		from(#ffcc00),/*from(開始色)
		color-stop(0.49, #ff6600),/*color-stop(領域（0～1小数点）, 色)
		color-stop(0.50, #ff3300),/*color-stop(領域（0～1小数点）, 色)
		to(#ff6600));/* to(終了色)*/
}

.title3{
	margin:5px 0;
	padding:5px;
	background-image: -moz-linear-gradient(
		top,
		#FFFFFF 60%,
		#EBEBEB);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#FFFFFF),
		to(#EBEBEB));
}

.title4{
	padding:5px;
	font-size:15px;
	line-height:160%;
	border:1px solid #FF3399;
	border-left:5px solid #FF3399;
	text-shadow: 1px 3px 2px #CCCCCC;
	color:#000000;
}

.title_min{
	padding:5px 5px 20px 5px;
	color:#333333;
}

.button {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	border: 3px solid #CC9900;
	color: #000000;
	font-size:16px;
	line-height: 47px;
	background-image:url(img/btn2.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.button:link {
	color: #000000;
}
.button:visited {
	color: #000000;
}
.button:hover {
	background-color:#CC9900;
	background-image:url(img/btn2_on.png);
	background-repeat:no-repeat;
	background-position:top left;
	color: #FFFFFF;
}


/*under*/
.under_content{
	margin:20px 10px 50px 10px;
	padding:0;
	overflow:hidden;
}

.flex_box{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.table1{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-top:1px solid #F5E7F7;
}

.table1 th{
	margin:0;
	padding:8px;
	border-bottom:1px solid #F5E7F7;
	font-weight:normal;
	vertical-align:text-top;
	text-align:center;
	background:#F9F0FB;
}

.table1 td{
	margin:0;
	padding:8px;
	border-bottom:1px solid #F5E7F7;
	text-align:center;
}

.table2{
	margin:0 0 5px 0;
	padding:0;
	border-collapse:collapse;
}

.table2 th{
	margin:0;
	padding:5px;
	font-weight:normal;
	color:#FFFFFF;
	border:1px solid #999999;
	background:#669900;
}

.table2 td{
	margin:0;
	padding:5px 10px;
	border:1px solid #999999;
	background:#FFFFFF;
}

.border_none{
	border-bottom:none !important;
}


/*プロフィール*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* flow
------------------------------------------------------*/
.flow_box1{
	margin:0 auto;
	width:80%;
}

.flow_box2{
	margin:10px 0 0 0;
	padding:10px 5px;
	width:100%;
	text-align:center;
	border:1px solid #999999;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.flow_box3{
	padding:0 0 10px 0;
	border-bottom:1px solid #999999;
}


/* link
------------------------------------------------------*/
.link_box1{
	margin:0 0 20px 0;
	width:48%;
	border:1px solid #999999;
}

.link_box2{
	margin:0 0 20px 0;
	width:48%;
	border:1px solid #999999;
}

.link_txt1{
	padding:10px;
	font-size:14px;
	line-height:160%;
	font-weight:bold;
	text-align:center;
	color:#669900;
	border-bottom:1px solid #999999;
}

.link_txt1 a:link{
	color:#669900;
}

.link_txt1 a:visited{
	color:#669900;
}

.link_txt1 a:hover{
	color:#669900;
}

.link_txt2{
	padding:10px;
	font-size:11px;
	line-height:160%;
	text-align:center;
}


/* itiran
------------------------------------------------------*/
.iti_box1{
	margin:0 0 0 97px;
	width:196px;
	float:left;
}

.iti_box2{
	margin:0 0 0 45px;
	width:450px;
	float:left;
}

.iti_box3{
	padding:20px 0 20px 0;
	font-size:18px;
	line-height:160%;
	font-weight:bold;
	text-align:center;
	color:#669900;
	width:100%;
}

.iti_box4{
	margin:0 0 10px 0;
	padding:10px 0;
	width:30%;
	border: 3px solid #999999;
	color: #000000;
	font-size:14px;
	text-align:center;
	background:#FFFFFF;
}

.iti_box5{
	margin:0 0 10px 0;
	padding:10px 0;
	width:30%;
	border: 3px solid #999999;
	color: #000000;
	font-size:14px;
	text-align:center;
	background:#FFFFFF;
}


/* mobile
------------------------------------------------------*/
.mobile_box1{
	margin:20px 0;
	padding:20px;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	border-radius:10px;
}

.mobile_box2{
	width:110px;
	font-size:18px;
	line-height:160%;
	font-weight:bold;
	color:#886600;
}

.mobile_box3{
	margin:20px auto;
	width:80%;
	text-align:center;
	font-size:18px;
	line-height:160%;
	font-weight:bold;
	background:#990000;
	border:4px solid #FFFFFF;
	border-radius:10px;
}

.mobile_box3 a{
	padding:20px 10px;
	display:block;
	text-decoration:none;
}

.mobile_box3 a:link{
	color:#FFFFFF;
}

.mobile_box3 a:visited{
	color:#FFFFFF;
}

.mobile_box3 a:hover{
	color:#FFFFFF;
}

.mobile_box4{
	width:80px;
	font-size:18px;
	line-height:160%;
	font-weight:bold;
	color:#886600;
}





/* mobile iframe
------------------------------------------------------*/

.sp_iframe1 {
  width: 100%;
  margin-top: 10px;
}
.sp_iframe1 iframe {
  width: 100%;
}
.sp_iframe1 p img {
  width: 100%;
}