@charset "utf-8";

/* ========== reset ========== */

html, body, div, h1, h2, h3, h4, h5,
p, blockquote, pre, address, ul, ol,
li, dl, dt, dd, table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
}

body {

	
	font-family:
		"ヒラギノ角ゴ Pro W3",
		"メイリオ",Meiryo,
		osaka,
		"MS Pゴシック",MS P Gothic,
		sans-serif;
	text-align: center;
}

.rdbg {
	background-color:#d8000f;
	background-image: url(images/background.jpg) ;
	background-position: top center;
	background-repeat: no-repeat;
	height:650px;
}
#btn{
	height:43px;
	text-align:right;
	background-image: url(btn_images/back2.jpg);
	background-repeat: repeat-x;
}
.box1-1 {
	background:url(images/box1-1.jpg) no-repeat;
	width:940px;
	height:402px;
	}
.box1-1 div {
	position:relative;
	top:200px;
	}
/* ========== text&link ========== */

#container {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul li {
	list-style-type: none;
	font-size: 0;
	line-height: 0;
}

/* ========== box1 ========== */

#box1-1 {
	background-image: url(images/box1-1.jpg);
	width: 940px;
	height: 402px;
}

#box1-1 img {
	margin-top: 200px;
}

.box1-space {
	margin-bottom: 40px;
}

/* ========== box2 ========== */

#box2 {
	width: 900px;
}

#box2-text1 {
	background-image: url(images/box2-3-1.gif);
	padding-left: 40px;
	padding-right: 35px;
}

#box2-text2 {
	background-image: url(images/box2-5-1.gif);
	padding-left: 40px;
	padding-right: 35px;
}

#box2-text3 {
	background-image: url(images/box2-7-1.gif);
	padding-left: 40px;
	padding-right: 35px;
}

#box2-text4 {
	background-image: url(images/box2-9-1.gif);
	padding-left: 40px;
	padding-right: 35px;
}

.text {
	width: 900px;
	font-size: 20px;
	line-height: 1.7;
	letter-spacing : 1px;
	text-align: left;
}

/* ========== box3 ========== */

#box3-btn {
	background-image: url(images/box3-2.jpg);
	width: 940px;
	height: 263px;
}

.btn_small {
	margin-top: 12px;
	margin-left: 146px;
}

/* ========== box4 ========== */

#box4 {
	width: 940px;
	text-align: left;
}

#box4 li {
}

#box4-1 {
	background-image: url(images/box4-men-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-2 {
	background-image: url(images/box4-men-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-3 {
	background-image: url(images/box4-women-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-4 {
	background-image: url(images/box4-women-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-5 {
	background-image: url(images/box4-women-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-6 {
	background-image: url(images/box4-women-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-7 {
	background-image: url(images/box4-women-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-8 {
	background-image: url(images/box4-women-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-9 {
	background-image: url(images/box4-women-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

#box4-10 {
	background-image: url(images/box4-women-bg.gif);
	padding-left: 61px;
	padding-right: 62px;
}

/*  見出し両側折り返し */
.ribbon7-2 {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    font-size: 50px;/*フォントサイズ*/
	font-weight:bold;
    color: #f2f27a;/*フォントカラー*/
    background: #362e2c;/*背景色*/
	width:100%;
	text-align:left;
}
.ribbon7-2:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}

.ribbon7-2:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-left: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}
#box-flow {
	width:89.5%;
	border:20px solid #e6e6e6;
	background:#fff;
	padding:28px;
	margin:0 20px;
}
.box-flowS {
	background:#63b12f;
	padding:15px;
}
.box-flowS h4 {
	color:#fff;
	font-size:30px;
	text-align:left;
}
.box-flowS hr {
	border-top:#fff solid 2px;
}
.box-flowS p {
	text-align:left;
	color:#fff;
}
.arrow {
	border-right: 40px solid transparent;
  border-top: 30px solid #ff0036;
  border-left: 40px solid transparent;
  margin:0 auto;
  width:0.3%;
  	margin-bottom:20px;
  text-align:center; 
}
.btn02 {
	margin:70px auto;
	width:75%;
	background:#ff0036;
	padding:45px 30px;
	border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */  
}
.btn02:hover {
	  background-color: #09F;
	  transition: .5s;

}
.btn02 a {
	font-size:27px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:130%;
}
.btn02 a:hover {
}
.btn03 {
	margin:70px auto;
	width:55%;
	background:darkblue;
	padding:15px 10px;
	border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */  
}
.btn03:hover {
	  background-color: #09F;
	  transition: .5s;

}
.btn03 a {
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:110%;
}

.text2 {
	font-size: 20px;
	line-height: 1.7;
	letter-spacing : 1px;
	text-align: left;
}
p.talign-l{
    text-align: left;
    line-height: 130%;
    font-size: 1.15rem;
}
.fontbarlow {
font-family: 'Barlow Condensed', sans-serif;
font-size:35px;
}
.sp-100px {height:100px;
	}
h3 {
	margin:70px auto;
	font-size:1.7rem;
	}
/* ========== box5 ========== */

#box5 {
	text-align: left;
}

#box5 p {
	font-size: 18px;
	line-height: 1.7;
	text-align: left;
}

#box5-1 {
	background-image: url(images/box5-2.jpg);
	height: 280px;
}

#box5-1 p{
	width: 700px;
	position: relative;
	top: 78px;
	left: 148px;
}

#box5-2 {
	background-image: url(images/box5-3.jpg);
	height: 197px;
}

#box5-2 p{
	width: 700px;
	position: relative;
	top: 109px;
	left: 148px;
}

#box5-3 {
	background-image: url(images/box5-4.jpg);
	height: 300px;
}

#box5-3 p{
	width: 700px;
	position: relative;
	top: 101px;
	left: 148px;
}

#box5-4 {
	background-image: url(images/box5-5.jpg);
	height: 224px;
}

#box5-4 p{
	width: 700px;
	position: relative;
	top: 99px;
	left: 148px;
}

#box5-5 {
	background-image: url(images/box5-6.jpg);
	height: 225px;
}

#box5-5 p{
	width: 700px;
	position: relative;
	top: 100px;
	left: 148px;
}

#box5-6 {
	background-image: url(images/box5-7.jpg);
	height: 186px;
}

#box5-6 p{
	width: 700px;
	position: relative;
	top: 98px;
	left: 148px;
}

#box5-7 {
	background-image: url(images/box5-8.jpg);
	height: 225px;
}

#box5-7 p{
	width: 700px;
	position: relative;
	top: 135px;
	left: 148px;
}

#box5-8 {
	background-image: url(images/box5-9.jpg);
	height: 328px;
}

#box5-8 p{
	width: 700px;
	position: relative;
	top: 203px;
	left: 148px;
}

#box5-9 {
	background-image: url(images/box5-10.jpg);
	height: 227px;
}

#box5-9 p{
	width: 700px;
	position: relative;
	top: 100px;
	left: 148px;
}

#box5-10 {
	background-image: url(images/box5-11.jpg);
	height: 228px;
}

#box5-10 p{
	width: 700px;
	position: relative;
	top: 99px;
	left: 148px;
}

#box5-11 {
	background-image: url(images/box5-12.jpg);
	height: 260px;
}

#box5-11 p{
	width: 700px;
	position: relative;
	top: 135px;
	left: 148px;
}

#box5-12 {
	background-image: url(images/box5-13.jpg);
	height: 227px;
}

#box5-12 p{
	width: 700px;
	position: relative;
	top: 135px;
	left: 148px;
}

#box5-13 {
	background-image: url(images/box5-14.jpg);
	height: 191px;
}

#box5-13 p{
	width: 700px;
	position: relative;
	top: 98px;
	left: 148px;
}

#box5-14 {
	background-image: url(images/box5-15.jpg);
	height: 191px;
}

#box5-14 p{
	width: 700px;
	position: relative;
	top: 97px;
	left: 148px;
}

#box5-15 {
	background-image: url(images/box5-16.jpg);
	height: 338px;
}

#box5-15 p{
	width: 700px;
	position: relative;
	top: 212px;
	left: 148px;
}

#box5-16 {
	background-image: url(images/box5-17.jpg);
	height: 192px;
}

#box5-16 p{
	width: 700px;
	position: relative;
	top: 98px;
	left: 148px;
}

#box5-17 {
	background-image: url(images/box5-18.jpg);
	height: 192px;
}

#box5-17 p{
	width: 700px;
	position: relative;
	top: 98px;
	left: 148px;
}

#box5-18 {
	background-image: url(images/box5-19.jpg);
	height: 192px;
}

#box5-18 p{
	width: 700px;
	position: relative;
	top: 99px;
	left: 148px;
}

#box5-19 {
	background-image: url(images/box5-20.jpg);
	height: 374px;
}

#box5-19 p{
	width: 700px;
	position: relative;
	top: 210px;
	left: 148px;
}

#box5-20 {
	background-image: url(images/box5-21.jpg);
	height: 377px;
}

#box5-20 p{
	width: 700px;
	position: relative;
	top: 102px;
	left: 148px;
}

#box5-21 {
	background-image: url(images/box5-22.jpg);
	height: 225px;
}

#box5-21 p{
	width: 700px;
	position: relative;
	top: 135px;
	left: 148px;
}

#box5-22 {
	background-image: url(images/box5-23.jpg);
	height: 277px;
}

#box5-22 p{
	width: 700px;
	position: relative;
	top: 135px;
	left: 148px;
}

/* ========== btn ========== */

.btn {
	margin-top: 27px;
	margin-bottom: 43px;
	
		background-image: url(btn_images/back2.jpg);
		background-repeat:repeat-x;
}

/* ========== table ========== */

table.table01 {
	border: #2D0F09 1px solid;
	border-collapse: collapse;
	font-size: 1.05rem;
	width: 100%;
	color: #000;
    margin: 20px auto;
    line-height: 130%;
} 
table.table01 th.t_top {
	border: #333 1px dashed;
	background-color: #eee;
	text-align: left;
	padding: 10px;
	font: bold;
} 
table.table01 td.t_line01 {
	border: #333 1px dashed;
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}
table.table01 td.t_line02 {
	border: #333 1px dashed;
	background-color: #752241;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}