@charset "utf-8";

.cf:after {
content:" ";
display:block;
clear:both;
}

.view-pc {
display: block;
}
.view-sp {
display: none;
}
 
@media only screen and (max-width: 800px) {
.view-pc {
display: none;
}
.view-sp {
display: block;
}
}

.imgresize {
max-width: 100%;
width: 100%;
}

.titleanime {
animation: titleanime 2.0s ease forwards;
}

@keyframes titleanime {
from{
opacity: 0;
transform: translateY(30px);
}

to{
opacity: 1;
transform: translateY(0);
}
}

.cntinnerbox {
max-width: 1200px;
width: 100%;
margin: 0 auto ;
box-sizing: border-box;
}

@media only screen and (max-width: 1200px) {
.cntinnerbox {
padding: 0 3%;
}
}

.bgc-w {
background: #fff;
}

.darkred {
color: #dd1c06;
}

.white {
color: #fff;
}

.bgc-w {
background: #fff;
}

ul.box-align_2 {
width: 100%;
margin: 0 auto;
padding-bottom: 30px;
}

ul.box-align_2 li {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0 2% 2% 0;
}

ul.box-align_2 li:nth-child(2n) {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0 0 2% 0;
}

ul.box-align_2 li p.tit {
font-weight: bold;
padding-top: 8px;
}

ul.box-align_2 li p.cnt {
padding: 1.3% 0;
}

ul.box-align_2 p.bt {
background: #313131;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
}

ul.box-align_2 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
}

ul.box-align_2 p.bt a:hover {
border-radius: 4px;
opacity: 0.6;
}

ul.box-align_2 li img {
max-width: 100%;
width: 100%;
}

ul.box-align_3 {
width: 100%;
margin: 0 auto;
}

ul.box-align_3 li {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 2% 2% 0;
}

ul.box-align_3 li:nth-child(3n) {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 0 2% 0;
}

ul.box-align_3 li p.tit {
font-weight: bold;
padding-top: 8px;
}

ul.box-align_3 li p.cnt {
padding: 1.3% 0;
}

ul.box-align_3 p.bt {
background: #313131;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
}

ul.box-align_3 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
}

ul.box-align_3 p.bt a:hover {
border-radius: 4px;
opacity: 0.6;
}

ul.box-align_3 li img {
max-width: 100%;
width: 100%;
}

ul.box-align_4 {
width: 100%;
margin: 0 auto;
}

ul.box-align_4 li {
display: inline-block;
vertical-align: top;
width: 23%;
margin: 0 2% 2% 0;
}

ul.box-align_4 li:nth-child(4n) {
display: inline-block;
vertical-align: top;
width: 23%;
margin: 0 0 2% 0;
}

ul.box-align_4 li p.tit {
font-weight: bold;
padding-top: 8px;
font-size: 14px;
}

ul.box-align_4 li p.cnt {
padding: 1.3% 0;
font-size: 14px;
}

ul.box-align_4 p.bt {
background: #313131;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
}

ul.box-align_4 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
}

ul.box-align_4 p.bt a:hover {
border-radius: 4px;
opacity: 0.6;
}

ul.box-align_4 li img {
max-width: 100%;
width: 100%;
}

ul.layout_hr01 {
padding-bottom: 40px;
}

ul.layout_hr01 li.imgbox {
float: right;
width: 36%;
}

ul.layout_hr01 li.imgbox img {
width: 100%;
max-width: 100%;
}

ul.layout_hr01 li.txtbox {
float: left;
width: 59%;
}

ul.layout_hr01 li.txtbox p {
line-height: 180%;
}

ul.layout_hr01 li.txtbox p .tit {
font-weight: 500;
font-size: 24px;
letter-spacing: 0.03em;
}


ul.layout_hr01 li.txtbox p.rcrittit {
color:#0067d0;
font-size: 24px;
letter-spacing: 0.03em;
}

ul.layout_hr01 li.txtbox p.rcrittit .num {
color:#0067d0;
text-align: center;
padding: 0.5%;
font-weight: 500;
font-size: 45px;
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.08em;
}


ul.layout_hr02 {
width: 100%;
padding-bottom: 40px;
}

ul.layout_hr02 li.imgbox {
float: left;
width: 36%;
}

ul.layout_hr02 li.imgbox img {
width: 100%;
max-width: 100%;
}

ul.layout_hr02 li.txtbox {
float: right;
width: 59%;
}

ul.layout_hr02 li.txtbox p {
line-height: 180%;
}

ul.layout_hr02 li.txtbox p .tit {
color: #353072;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.03em;
}

@media only screen and ( max-width : 800px ) {
ul.box-align_2 li p.tit {
font-size: 14px;
}

ul.box-align_2 li p.cnt {
font-size: 13px;
}
	
ul.box-align_3 li {
width: 49%;
margin: 0 2% 2% 0;
}

ul.box-align_3 li:nth-child(3n) {
width: 49%;
margin: 0 2% 2% 0;
}

ul.box-align_3 li:nth-child(2n) {
width: 49%;
margin: 0 0 2% 0;
}

ul.box-align_3 li p.tit {
font-size: 14px;
}

ul.box-align_3 li p.cnt {
font-size: 13px;
}

ul.box-align_4 li {
width: 49%;
margin: 0 2% 2% 0;
}

ul.box-align_4 li:nth-child(4n) {
width: 49%;
margin: 0 0 2% 0;
}

ul.box-align_4 li:nth-child(2n) {
width: 49%;
margin: 0 0 2% 0;
}

ul.box-align_4 li p.tit {
font-size: 14px;
}

ul.box-align_4 li p.cnt {
font-size: 13px;
}

ul.layout_hr01 li.imgbox {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr01 li.txtbox {
width: 100%;
}

ul.layout_hr01 li.txtbox p {
line-height: 160%;
}

ul.layout_hr01 li.txtbox p .tit {
font-size: 20px;
}

ul.layout_hr02 li.txtbox p .tit {
font-size: 20px;
}

ul.layout_hr02 li.imgbox {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr02 li.txtbox {
width: 100%;
}

ul.layout_hr02 li.txtbox p {
line-height: 160%;
}
}

input {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic";
padding-top: 2px;
letter-spacing: 0.08em;
font-size: 14px;
}

select {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic";
letter-spacing: 0.08em;
font-size: 14px;
}

textarea {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic";
letter-spacing: 0.08em;
font-size: 14px;
}

@media only screen and ( max-width : 800px ) {
input {
font-size:16px;
}

select {
font-size:16px;
}

textarea {
font-size:16px;
}
}