@charset "UTF-8";

 
body{} 
 
section.first_block {margin:60px 0 0 0;}

section.content_block {width:100%;}
section.content_block section.first_box {margin:40px 0 0 0;}

section.first_box div.logo_box {width:40%; float:left;}
section.first_box div.logo {width:50%; margin:0 auto 20px auto; text-align: center;}

section.content_block div.txt_box {width:56%; float:left; margin:0 0 0 4%; line-height:2; font-family:; font-size:107%;}
div.txt_box p {line-height:2.2;}
section.content_block div.txt_box p {
font-family: "a-otf-gothic-bbb-pr6n",sans-serif;
font-feature-settings : "palt";
letter-spacing: 0.9px;
}


section.content_block div.txt_box h3 {
	margin:0 0 10px 0;
	line-height: 1;
	font-family: "source-han-serif-japanese",serif;
	font-size:50px;
	font-weight: normal;
	}
	
div.txt_box h3.color_01 {color: #801E6C;}
div.txt_box h3.color_02 {color: #D80C18;}
div.txt_box h3.color_03 {color: #2C893A;}
div.txt_box h3.color_04 {color: #F6AB00;}


section.second_box {position: relative; margin:10px 0 0 0;}
section.second_box section.img_box {float:left; width:40%;}
section.second_box div.thumbnail div,
section.second_box div.thumbnail_2 div,
section.second_box div.thumbnail_3 div,
section.second_box div.thumbnail_4 div {width:19%; margin:1% 1.25% 0 0; float:left;}

section.second_box div.thumbnail div img:hover,
section.second_box div.thumbnail_2 div img:hover,
section.second_box div.thumbnail_3 div img:hover,
section.second_box div.thumbnail_4 div img:hover {cursor: pointer; border:2px solid #2C843A; }

section.second_box div.thumbnail div:last-child,
section.second_box div.thumbnail_2 div:last-child,
section.second_box div.thumbnail_3 div:last-child,
section.second_box div.thumbnail_4 div:last-child {margin:1% 0 0 0;}

section.second_box div.data_01 {width:25%; float:left; margin:0 0 0 40px;}
section.second_box div.data_02 {width:40%; float:left; margin:0 0 0 40px;}
section.second_box div.data_03 {width:19%; float:left; margin:0 0 0 40px;}
section.second_box div.data_04 {width:21%; float:left; margin:0 0 0 40px;}


section.second_box div.item_01 {position: absolute; top:0; right:0; width:23%;}
section.second_box div.item_02 {position: absolute; top:130px; right:-10px; width:28%;}
section.second_box div.item_03 {position: absolute; top:0; right:0; width:23%;}
section.second_box div.item_04 {position: absolute; top:0; right:0; width:23%;}

section.second_box h4 {font-size:110%; margin:0 0 5px 0;}

section.second_box div.data a:link {color:#009A53; text-decoration: underline;}
section.second_box div.data a:visited {color:#009A53; text-decoration: underline;}
section.second_box div.data a:hover {color:#009A53;}
section.second_box div.data a:active {color:#009A53;}
	


section.content_block div.line {margin:40px 0;}

section.second_box a:link {color:#2C843A; text-decoration: underline;}
section.second_box a:visited {color:#2C843A; text-decoration: underline;}
section.second_box a:hover {color:#4Ca45A; text-decoration: underline;}
section.second_box a:active {color:#4Ca45A; text-decoration: underline;}



@media only screen and (max-width: 540px) {
	section.second_box section.img_box {
    float: left;
    width: 100%;
}
	section.first_box div.logo_box {
    width: 100%;
}
	section.content_block div.txt_box {
    width: 100%;
    margin: 0;
}
	section.second_box div.data_01 {
    width: 100%;
    margin: 0;
}
	section.second_box div.item_01,
	section.second_box div.item_02,
	section.second_box div.item_03{
    display: none;
}
	section.second_box div.data_02,
	section.second_box div.data_03,
	section.second_box div.data_04{
    width: 100%;
    margin: 0;
}
}